:root{--bg-main:#f4f0e8;--bg-surface:#eee9df;--bg-card:#faf8f3;--bg-card-translucent:#faf8f3eb;--bg-panel:#f4f0e8f5;--border-subtle:#55524d26;--border-medium:#55524d47;--border-strong:#55524d73;--text-primary:#252525;--text-secondary:#55524d;--text-muted:#827e77;--text-inverse:#faf8f3;--accent-abcd1:#4a7c9b;--accent-peroxisome:#3b979b;--accent-vlcfa:#d4883b;--accent-ros:#d95d39;--accent-mitochondria:#b83a2c;--accent-axonopathy:#7a2832;--accent-healthy:#2d6a4f;--accent-cream:#ead8bd;--font-serif:"Cormorant Garamond", "EB Garamond", Georgia, serif;--font-sans:"Inter", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", Menlo, Consolas, monospace;--shadow-subtle:0 2px 8px #2d28230d;--shadow-medium:0 6px 24px #2d282314;--shadow-elevated:0 12px 36px #2d28231f}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);width:100vw;height:100vh;line-height:1.5;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.025;z-index:9999;background-image:radial-gradient(#3a3028 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.topbar{background:var(--bg-card-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:40;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.brand-section{align-items:center;gap:14px;display:flex}.brand-title{font-family:var(--font-serif);letter-spacing:.03em;color:var(--text-primary);align-items:center;gap:8px;font-size:1.45rem;font-weight:700;display:flex}.brand-subtitle{color:var(--text-muted);border-left:1px solid var(--border-subtle);letter-spacing:.02em;padding-left:12px;font-size:.76rem;font-weight:500}.topbar-controls{align-items:center;gap:10px;display:flex}.btn-pill{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-pill:hover{background:var(--bg-card);border-color:var(--border-medium);color:var(--text-primary)}.btn-pill.active{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary)}.healthy-amn-switcher{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:24px;padding:2px;display:flex}.switcher-opt{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.switcher-opt.active-healthy{background:var(--accent-healthy);color:#fff}.switcher-opt.active-amn{background:var(--accent-axonopathy);color:#fff}.main-workspace{flex:1;grid-template-columns:280px 1fr 360px;height:calc(100vh - 132px);display:grid;position:relative;overflow:hidden}.left-sidebar{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border-subtle);z-index:20;flex-direction:column;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border-subtle);padding:16px}.sidebar-search{background:var(--bg-card);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:.82rem}.sidebar-search:focus{border-color:var(--accent-abcd1)}.structure-list{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.structure-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .18s;display:flex}.structure-item:hover{background:var(--bg-surface)}.structure-item.active{background:var(--bg-card);border-color:var(--border-medium);box-shadow:var(--shadow-subtle)}.structure-item-left{flex-direction:column;gap:2px;display:flex}.structure-item-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.structure-item-sub{color:var(--text-muted);font-size:.72rem}.scale-badge{letter-spacing:.04em;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.viewport-area{background:0 0;width:100%;height:100%;position:relative;overflow:hidden}.canvas-container{width:100%;height:100%;position:absolute;inset:0}.viewport-toolbar{background:var(--bg-card-translucent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-medium);z-index:15;border-radius:30px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.tool-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:flex}.tool-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.tool-btn.active{background:var(--text-primary);color:var(--bg-card)}.tool-divider{background:var(--border-subtle);width:1px;height:18px}.right-info-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--border-subtle);z-index:20;flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.panel-header{flex-direction:column;gap:6px;display:flex}.panel-scale-row{align-items:center;gap:8px;display:flex}.panel-title{font-family:var(--font-serif);color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1.2}.panel-latin{font-family:var(--font-serif);color:var(--text-muted);font-size:.88rem;font-style:italic}.editorial-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.card-heading{letter-spacing:.04em;color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.card-content{color:var(--text-primary);font-size:.84rem;line-height:1.6}.evidence-badge{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:700;transition:opacity .2s;display:inline-flex}.evidence-badge:hover{opacity:.85}.bottom-multiscale-bar{background:var(--bg-card-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);z-index:30;justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex}.multiscale-steps{align-items:center;gap:4px;display:flex}.scale-step-node{cursor:pointer;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.scale-step-node:hover{background:var(--bg-surface);color:var(--text-primary)}.scale-step-node.active{background:var(--bg-surface);border-color:var(--border-medium);color:var(--text-primary)}.scale-step-arrow{color:var(--border-medium);font-size:.75rem}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#231e1973;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid var(--border-medium);width:90%;max-width:740px;max-height:85vh;box-shadow:var(--shadow-elevated);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}@media (width<=1080px){.main-workspace{grid-template-columns:240px 1fr 300px}}@media (width<=840px){.main-workspace{grid-template-columns:1fr}.left-sidebar,.right-info-panel{display:none}}