@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&family=DM+Mono:wght@400;500&family=Inter:wght@300;400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0f1a;--bg2:#111620;--bg3:#161c2d;--bg4:#1c2338;--border:hsla(0,0%,100%,.07);--border2:hsla(0,0%,100%,.12);--text:#e8eaf0;--text2:#9ca3b8;--text3:#5c6480;--accent:#1a9e6e;--accent2:#158a5c;--accent-dim:rgba(26,158,110,.18);--green:#2dd4a0;--green-dim:rgba(45,212,160,.12);--pink:#e879a0;--pink-dim:rgba(232,121,160,.12);--amber:#f59e0b;--amber-dim:rgba(245,158,11,.12);--purple:#a78bfa;--purple-dim:rgba(167,139,250,.12);--teal:#22d3ee;--teal-dim:rgba(34,211,238,.12);--r:10px;--r-sm:6px;--sidebar:220px}:root[data-theme=light]{--bg:#f5f7f5;--bg2:#fff;--bg3:#eef3ee;--bg4:#e0ebe0;--border:rgba(0,0,0,.08);--border2:rgba(0,0,0,.14);--text:#1a2a1a;--text2:#3d5a3d;--text3:#7a9a7a;--accent:#1a9e6e;--accent2:#158a5c;--accent-dim:rgba(26,158,110,.12);--green:#16a34a;--green-dim:rgba(22,163,74,.1);--pink:#db2777;--pink-dim:rgba(219,39,119,.1);--amber:#d97706;--amber-dim:rgba(217,119,6,.1);--purple:#7c3aed;--purple-dim:rgba(124,58,237,.1);--teal:#0891b2;--teal-dim:rgba(8,145,178,.1)}body,html{height:100%}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}:root[data-theme=light] .img-bg{background:#d0ddd0!important}.app-layout{flex-direction:column;height:100vh}.app-body,.app-layout{display:flex;overflow:hidden}.app-body{flex:1 1}.sidebar{background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column}.main-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.page-header{padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg2);display:flex;align-items:center;gap:12px;flex-shrink:0}.page-title{font-size:15px;font-weight:600}.card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);transition:border-color .15s}.card:hover{border-color:var(--border2)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border2)}.tag{display:inline-flex;align-items:center;font-size:10px;padding:2px 8px;border-radius:20px;font-weight:500}.tag-blue{background:var(--accent-dim);color:var(--accent)}.tag-green{background:var(--green-dim);color:var(--green)}.tag-pink{background:var(--pink-dim);color:var(--pink)}.tag-amber{background:var(--amber-dim);color:var(--amber)}.tag-purple{background:var(--purple-dim);color:var(--purple)}.tag-teal{background:var(--teal-dim);color:var(--teal)}.btn{padding:8px 18px;border-radius:var(--r-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border:none;font-family:Inter,sans-serif}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}.btn-ghost{background:var(--bg3);color:var(--text2);border:1px solid var(--border2)}.btn-ghost:hover{color:var(--text);background:var(--bg4)}.btn-danger{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.field{display:flex;flex-direction:column;gap:5px}.label{font-size:11px;color:var(--text2);font-weight:500}.req{color:var(--pink);margin-left:2px}.input,.select,.textarea{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r-sm);padding:8px 10px;font-size:13px;color:var(--text);outline:none;transition:border-color .15s;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:70px;font-family:Inter,sans-serif}.sec{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:10px}.scroll-area{overflow-y:auto}.divider{border:none;border-top:1px solid var(--border)}.cell-img{background:#060c1a;border-radius:var(--r-sm);overflow:hidden}@media (max-width:640px){.sidebar{display:none!important}.main-content{width:100vw}.scroll-area{padding-left:12px!important;padding-right:12px!important}.page-header{padding:10px 14px}.card{border-radius:var(--r-sm)}.btn{padding:8px 14px;font-size:12px}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--bg2);border-top:1px solid var(--border);padding:6px 0 max(6px,env(safe-area-inset-bottom))}@media (max-width:640px){.bottom-nav{display:flex}#filter-sidebar{display:none!important}#filter-toggle-btn{display:flex!important}.scroll-area{padding-bottom:72px!important}.quiz-setup-card{padding:20px 16px!important}#disease-sidebar{display:none!important}#disease-area-tabs,#disease-organ-tabs{display:flex!important}#edit-mobile-tabs{display:block!important}.edit-panel-info{display:flex!important;border-right:none!important}.edit-panel-images,.edit-tab-images .edit-panel-info{display:none!important}.edit-tab-images .edit-panel-images,.mobile-search-btn,.register-mobile-tabs{display:flex!important}.register-layout{flex-direction:column!important}.register-panel-info{width:100%!important;flex:1 1!important;border-right:none!important;padding:16px!important}.register-panel-images{width:100%!important;min-width:unset!important;flex:1 1!important;border-top:1px solid var(--border)}.register-panel-hidden{display:none!important}}