*{box-sizing:border-box}:root{color-scheme:light dark}:root[data-theme=light]{--bg: #faf9f6;--surface: #ffffff;--fg: #16171a;--fg-muted: #5b5d63;--border: #e6e3dc;--canvas-bg: #ffffff}:root[data-theme=dark]{--bg: #0b0c0e;--surface: #15161a;--fg: #f3f2ee;--fg-muted: #9a9ca3;--border: #2a2c32;--canvas-bg: #15161a}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg)}a{color:var(--fg)}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg);opacity:1;transition:opacity .3s ease}.loading-screen--exiting{opacity:0}.loading-label{color:var(--fg-muted);font-size:.85rem;margin:0}.loading-wave{animation:loading-slosh 1.8s ease-in-out infinite;transform-box:fill-box}@keyframes loading-slosh{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-200px) translateY(-10px)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-shell{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;animation:fade-slide-up .5s ease both}.app-header-title{display:flex;align-items:center;gap:.75rem}.app-header-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.6rem;background:var(--fg);color:var(--bg);font-weight:700;font-size:.8rem;letter-spacing:.02em}.app-header-title h1{font-size:1.05rem;margin:0;letter-spacing:-.01em}.app-header-title p{margin:0;font-size:.8rem;color:var(--fg-muted)}.app-header a{display:flex;align-items:center;color:var(--fg-muted);transition:color .15s ease}.app-header a:hover{color:var(--fg)}.theme-toggle{display:flex;border:none;background:none;padding:0;cursor:pointer;line-height:0}.region-panel-toggle{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:.9rem;padding:.75rem 1.25rem;background:var(--surface);border-top:1px solid var(--border)}.info-button{display:flex;border:none;background:none;padding:0;cursor:pointer;line-height:0;color:var(--fg-muted);transition:color .15s ease}.info-button:hover{color:var(--fg)}.info-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000080;padding:1.5rem}.info-modal{max-width:32rem;max-height:80vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.75rem}.info-modal p{font-size:.9rem;line-height:1.6;color:var(--fg-muted);margin:0 0 1rem}.info-modal p a{color:var(--fg)}.info-modal-close{background:var(--fg);color:var(--bg);border:none;border-radius:999px;padding:.45rem 1.1rem;font-size:.85rem;cursor:pointer}.app-layout{display:flex;flex:1;min-height:0}.brain-scene{position:relative;flex:1;animation:fade-slide-up .5s ease both;animation-delay:.08s}.brain-scene canvas{touch-action:none}.scene-controls{position:absolute;top:1rem;left:1rem;z-index:1;display:flex;flex-wrap:wrap;gap:.5rem}.scene-control-button{background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--fg);border:1px solid var(--border);border-radius:999px;padding:.45rem 1rem;font-size:.8rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scene-control-button:hover{border-color:var(--fg-muted)}.region-panel{width:380px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--surface);border-left:1px solid var(--border);animation:fade-slide-up .5s ease both;animation-delay:.16s}.panel-heading{font-size:1.1rem;margin:0 0 .75rem;letter-spacing:-.01em}.region-list-heading{margin:1.25rem 1.5rem 0}.region-list{list-style:none;margin:0;padding:.75rem 1.5rem 1.25rem;display:flex;flex-wrap:wrap;gap:.4rem;border-bottom:1px solid var(--border)}.region-button{background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:999px;padding:.3rem .75rem;font-size:.85rem;cursor:pointer;transition:border-color .15s ease}.region-button:hover{border-color:var(--fg-muted)}.region-button.selected{background:var(--fg);border-color:var(--fg);color:var(--bg)}.region-panel-body{padding:1.5rem;flex:1}.region-detail h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);margin:1.5rem 0 .75rem}.region-role{font-size:.9rem;line-height:1.6;color:var(--fg-muted);margin:0}.region-approx-note{font-size:.78rem;font-style:italic;color:var(--fg-muted);margin:0 0 .75rem;line-height:1.5}.paper-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.paper-list li{padding-bottom:1rem;border-bottom:1px solid var(--border)}.paper-list li:last-child{border-bottom:none;padding-bottom:0}.paper-citation{font-size:.8rem;font-weight:600;margin:0 0 .35rem;line-height:1.4}.paper-citation a,.recommended-reads a,.resource-links a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px}.paper-citation a:hover,.recommended-reads a:hover,.resource-links a:hover{text-decoration-color:var(--fg)}.paper-summary{font-size:.85rem;color:var(--fg-muted);line-height:1.55;margin:0}.about-panel>p{font-size:.9rem;line-height:1.6;color:var(--fg-muted)}.about-hint{font-size:.8rem!important;font-style:italic}.about-panel h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);margin:1.5rem 0 .75rem}.recommended-reads{display:grid;grid-template-columns:1fr;gap:1rem}.recommended-reads h4{font-size:.85rem;margin:0 0 .4rem}.recommended-reads ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.recommended-reads li{font-size:.85rem;color:var(--fg-muted);line-height:1.5}.resource-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.scene-error{flex:1;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-size:.95rem;background:var(--canvas-bg)}.region-label{padding:.2rem .6rem;background:#14100ed9;border:1px solid rgba(255,255,255,.25);border-radius:4px;font-size:.8rem;white-space:nowrap;color:#f3f2ee;pointer-events:none}@media (max-width: 768px){html,body,#root{height:auto;min-height:100%}.app-shell{height:auto;min-height:100vh}.app-layout{flex-direction:column;flex:none;min-height:0}.brain-scene{flex:none;height:65vh}.region-panel{width:100%;overflow-y:visible;border-left:none;border-top:1px solid var(--border)}.region-panel-body{padding-bottom:4.5rem}.region-panel-toggle{position:fixed;right:1rem;bottom:1rem;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:999px;padding:.6rem .9rem;z-index:10}}