@charset "UTF-8";
:root{color-scheme:dark;--bg:#080e18;--panel:#101824;--panel2:#131e2b;--line:#243340;--line2:#1b2937;--text:#e7eee9;--muted:#9baeb9;--soft:#718692;--mint:#96dfcf;--blue:#7caedf;--gold:#e9bd7c;--rose:#dca0ba;--purple:#b7a5e6;--sans:Inter,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--mono:"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:var(--mint);text-underline-offset:4px}a:hover{color:#d4fff3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}h3{font-size:15px;font-weight:550}p{color:var(--muted)}button{transition:background .2s,color .2s,border-color .2s}button:hover{color:#fff}small{font-size:11px}strong{font-weight:550}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 36px;border-bottom:1px solid var(--line2)}.brand{display:flex;gap:13px;text-align:left;font-size:19px;letter-spacing:.2em;font-weight:550;align-items:center}.brand small{display:block;color:var(--soft);letter-spacing:.03em;font:11px var(--sans);margin-top:1px}.brand-symbol{font-size:42px;color:var(--mint);font-weight:300;line-height:1}.topbar nav{display:flex;gap:30px}.nav{font-size:13px;padding:27px 0 24px;color:var(--muted);border-bottom:2px solid transparent}.nav.active{border-color:var(--mint);color:var(--text)}.quiet{color:var(--muted);font-size:12px;padding:8px 0}.quiet:hover{color:var(--mint)}.journey{padding:13px 36px;display:flex;align-items:center;gap:0;border-bottom:1px solid var(--line2);min-height:54px;overflow:auto;scrollbar-width:thin}.journey button{display:flex;align-items:center;gap:9px;white-space:nowrap;color:var(--soft);font-size:11px;letter-spacing:.03em;padding:2px 16px 2px 0}.journey button::after{content:"/";color:#34414c;margin-left:9px}.journey button:last-child::after{display:none}.journey button.active{color:var(--mint)}.journey .step-num{font:10px var(--mono);border:1px solid var(--line);border-radius:50%;height:22px;width:22px;display:grid;place-items:center}.journey button.active .step-num{border-color:#5a8f84;background:#17342f}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 330px;border-bottom:1px solid var(--line)}.stage{min-width:0;height:660px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 54% 49%,#152d35 0,#0b1723 35%,#080e18 72%)}canvas{display:block;width:100%;height:100%;touch-action:pan-y}.scene-heading{position:absolute;top:30px;left:36px;pointer-events:none;max-width:370px;z-index:1}.eyebrow{font:10px var(--mono);letter-spacing:.14em;color:var(--mint);text-transform:uppercase;margin-bottom:12px}.scene-heading h1{font-size:clamp(32px,3.2vw,48px);line-height:1.08;margin-bottom:12px;max-width:380px}.scene-heading>p:last-child{font-size:12px;max-width:310px;line-height:1.7}.scene-badge{position:absolute;top:32px;right:24px;display:flex;align-items:center;gap:7px;font:8px var(--mono);letter-spacing:.09em;color:var(--soft)}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}.camera-controls{position:absolute;right:22px;bottom:111px;display:flex;align-items:center;background:#0c1722df;border:1px solid var(--line);border-radius:7px;padding:2px;backdrop-filter:blur(8px)}.camera-controls button{height:32px;min-width:33px;padding:0 8px;font-size:16px;border-radius:5px}.camera-controls button span{font-size:10px;margin-left:2px}.camera-controls button:hover,.camera-controls button[aria-pressed=true]{background:#203138;color:var(--mint)}.scene-footer{position:absolute;left:36px;bottom:100px;display:flex;gap:28px;align-items:center;pointer-events:none}.scene-footer strong{display:block;font:12px var(--mono)}.scene-footer small{display:block;color:var(--soft);font-size:9px}.scene-footer p{font-size:9px;color:var(--soft);line-height:1.8}.scene-footer p span{color:#637583}.scale-mark{display:block;width:80px;height:7px;border:solid var(--mint);border-width:0 1px 1px;margin-bottom:9px}.scene-navigation{position:absolute;bottom:24px;left:36px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.primary{background:var(--mint);color:#102b29;border:1px solid var(--mint);border-radius:5px;padding:12px 19px;display:inline-flex;justify-content:center;gap:27px;align-items:center;font-size:12px;font-weight:600}.primary:hover{background:#b1eddf;color:#102b29}.primary.secondary{color:var(--mint);border-color:#48675f;background:#17342f}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;display:flex;gap:8px;align-items:center;font-size:10px;text-align:left;pointer-events:auto;padding:6px 9px 6px 6px;background:#0b1424dc;border:1px solid #385758;border-radius:4px;white-space:nowrap;transform:translate(-7px,-50%);box-shadow:0 5px 30px #0003;max-width:210px}.hotspot .pin{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #96dfcf77;flex:none}.hotspot small{font:9px var(--mono);color:var(--mint);margin-left:4px}.hotspot:hover{background:#253e42;border-color:var(--mint)}.inspector{border-left:1px solid var(--line);background:linear-gradient(170deg,#111b27,#0d1520);padding:29px 26px;overflow-y:auto;height:660px;scrollbar-width:thin;scrollbar-color:#3c5359 transparent}.inspector h2{font-size:29px;line-height:1.15;margin-bottom:15px}.inspector .lead{font-size:13px;line-height:1.8}.fact{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.fact-label{font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--soft);margin-bottom:8px}.fact strong{font-size:23px;font-weight:400;font-family:var(--serif);line-height:1.3;display:block;margin-bottom:5px}.fact p,.annotation{font-size:11px;line-height:1.8}.annotation{border-left:2px solid #567c76;padding:3px 0 3px 12px;margin:22px 0;color:var(--muted)}.source-links{font-size:10px;line-height:1.7;display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.source-links a{color:var(--soft)}.step-link{padding:11px 0;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px;border-top:1px solid var(--line2);text-align:left}.step-link span{color:var(--mint)}.inspector select{width:100%;margin:7px 0 14px}.inspector label{font-size:10px;color:var(--muted);letter-spacing:.02em}.pill{display:inline-flex;border:1px solid #3a5454;color:var(--mint);font-size:9px;padding:3px 8px;border-radius:30px;line-height:1.4;margin-bottom:12px}.pill.related{color:var(--gold);border-color:#6b573a}.tabs{display:flex;gap:14px;border-bottom:1px solid var(--line);margin:18px 0}.tabs button{padding:0 0 9px;color:var(--soft);font-size:11px;border-bottom:2px solid transparent}.tabs button.active{border-color:var(--mint);color:var(--mint)}.inspector ul{padding-left:16px;color:var(--muted);font-size:11px;line-height:1.8}.inspector li{margin-bottom:7px}.mini-legend{display:flex;flex-wrap:wrap;gap:8px 13px;font-size:9px;color:var(--muted);margin-top:15px}.mini-legend span{display:flex;gap:6px;align-items:center}.swatch{height:5px;width:16px;display:inline-block;border-radius:5px;background:var(--mint)}.fold-overlay{position:absolute;bottom:174px;left:50%;transform:translateX(-50%);width:min(360px,70%);padding:9px 15px;background:#0d1923e8;border:1px solid var(--line);border-radius:7px;backdrop-filter:blur(8px)}.fold-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.fold-label button{font-size:10px}.range-labels{display:flex;justify-content:space-between;color:var(--soft);font-size:9px}input[type=range]{accent-color:var(--mint);width:100%;height:16px;cursor:pointer}.workbench{padding:27px 36px 31px;background:#0c141e}.bench-grid{display:grid;grid-template-columns:1.02fr 1fr 1fr;gap:38px}.bench-column+.bench-column{border-left:1px solid var(--line);padding-left:30px}.bench-column h3{font-size:16px;margin-bottom:8px}.bench-column p{font-size:12px;line-height:1.8}.bench-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bench-title h2{font-size:26px}.bench-title .eyebrow{margin:0}.sequence{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--muted);overflow-wrap:anywhere;padding:15px 0;line-height:2}.sequence .g{color:var(--gold);background:#6c4f282d}.sequence .c{color:var(--rose);background:#7038582b}.sequence .a{color:var(--mint)}.sequence .t{color:var(--blue)}.sequence .repeat{border-bottom:1px solid var(--mint);padding-bottom:4px}.sequence-note{font-size:10px!important;color:var(--soft)!important}.stage-marker{font-family:var(--mono);color:var(--mint);font-size:10px;margin-bottom:7px}.molecule-strip{display:flex;gap:8px;overflow:auto;padding-bottom:12px;margin-bottom:20px;scrollbar-width:thin}.molecule-strip button{font-size:11px;white-space:nowrap;border:1px solid var(--line);padding:8px 12px;border-radius:4px;color:var(--muted)}.molecule-strip button.active{background:#1d3834;border-color:#6ca699;color:var(--mint)}.mini-art{width:100%;height:132px;display:block;overflow:visible}.text-link{color:var(--mint);font-size:12px;padding:10px 0}.page{padding:45px 6vw 60px;min-height:720px;max-width:1600px;margin:auto}.page-heading{max-width:750px;margin-bottom:35px}.page h1{font-size:48px;line-height:1.1;margin-bottom:16px}.page-heading p{max-width:620px;font-size:14px;line-height:1.8}.filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:26px}.filter-row button{border:1px solid var(--line);border-radius:20px;font-size:11px;padding:7px 14px;color:var(--muted)}.filter-row button.active{color:var(--mint);border-color:#689d91;background:#18332e}.atlas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.atlas-card{background:linear-gradient(150deg,#13222d,#0e1723);border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column;transition:border-color .2s}.atlas-card:hover{border-color:#658b82}.atlas-card h2{font-size:29px;line-height:1.2}.atlas-card>p{font-size:12px;line-height:1.8;margin-top:12px;flex:1}.atlas-card .mini-art{height:145px;margin:14px 0}.atlas-card .card-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.compare-check{font-size:11px;color:var(--muted)}input[type=checkbox]{accent-color:var(--mint);vertical-align:middle;margin-right:7px}.compare-box{border:1px solid #587c71;background:#10241f;border-radius:8px;padding:20px 24px;margin:24px 0}.compare-box p{font-size:12px}.table-wrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:14px 16px;border:1px solid var(--line);vertical-align:top;min-width:190px}th{color:var(--mint);font-weight:500;background:#14202a}td{color:var(--muted);line-height:1.8}th:first-child,td:first-child{min-width:110px}.evidence-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:30px}.sheet{background:#101b26;border:1px solid var(--line);border-radius:8px;padding:27px;margin-bottom:22px}.sheet h2{font-size:29px;line-height:1.2;margin-bottom:12px}.sheet h3{margin-bottom:8px}.sheet p{font-size:12px;line-height:1.9}.sheet label.block{display:block;color:var(--muted);font-size:11px;margin:20px 0 6px}.sheet select{width:100%}select,textarea,input[type=text]{background:#0a131e;border:1px solid #344550;border-radius:4px;color:var(--text);padding:9px 12px;font-size:12px}textarea{width:100%;min-height:140px;line-height:1.7;resize:vertical}.method-summary{padding:17px 0;border-bottom:1px solid var(--line);margin-bottom:16px}.method-summary h3{color:var(--mint)}.control-list{display:grid;gap:12px;margin:16px 0}.control-item{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:12px;line-height:1.7}.control-item input{margin-top:4px}.conclusion{border-left:2px solid var(--gold);padding:10px 16px;background:#2d281d44;margin-top:22px}.conclusion .eyebrow{color:var(--gold)}.conclusion p{color:#c9c4b2}.evidence-ladder{counter-reset:ladder;margin:24px 0}.ladder-rung{display:grid;grid-template-columns:28px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.ladder-rung::before{counter-increment:ladder;content:counter(ladder);font:11px var(--mono);width:25px;height:25px;border:1px solid #4b6864;border-radius:50%;display:grid;place-items:center;color:var(--mint)}.ladder-rung h3{font-size:13px}.ladder-rung p{font-size:11px}.notebook-status{font-size:10px;color:var(--soft);margin-left:10px}.notebook-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.sources-list{list-style:none;padding:0;margin:0}.sources-list li{padding:20px 0;border-bottom:1px solid var(--line)}.sources-list h3{font-size:13px}.sources-list p{font-size:11px;margin-top:6px}.sources-list .meta{font:10px var(--mono);color:var(--soft);margin-bottom:5px}.site-footer{padding:21px 36px;display:flex;align-items:center;gap:24px;justify-content:space-between;color:var(--soft);border-top:1px solid var(--line2)}.site-footer span{font:9px var(--mono);letter-spacing:.1em}.site-footer p{font-size:10px}.icon{font-size:28px;line-height:1;padding:5px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:15px}.dialog-head h2{font-size:36px}dialog{width:min(800px,90vw);max-height:85vh;padding:30px;background:#111d29;border:1px solid #415863;border-radius:12px;color:var(--text)}dialog::backdrop{background:#020812bd;backdrop-filter:blur(6px)}dialog p{font-size:12px;line-height:1.9;margin:14px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:10px;background:var(--mint);color:#102b29}.skip:focus{top:10px}[hidden]{display:none!important}.no-js{padding:30px}.hint-box{border:1px solid var(--line);padding:14px;border-radius:5px;margin-top:20px}.hint-box p{font-size:11px}.topology-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.topology-grid span{font:16px var(--mono);text-align:center;color:var(--gold);padding:8px;background:#1f2c32;border-radius:3px}.muted{color:var(--soft)}.organelle-detail{font-size:12px;margin-top:12px;padding:14px;border:1px solid #375b5a;border-radius:5px}.organelle-detail h3{color:var(--mint);margin-bottom:5px}.organelle-detail p{font-size:11px}.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.question-grid .sheet{margin:0}.question-grid h3{font-size:13px}.question-grid p{font-size:11px}
@media(min-width:1600px){.stage,.inspector{height:740px}.explorer{grid-template-columns:minmax(0,1fr) 370px}.scene-heading{left:55px;top:45px}.scene-heading h1{font-size:56px}.scene-heading>p:last-child{font-size:13px}}
@media(max-width:1100px){.topbar{padding:0 24px}.brand small{display:none}.topbar nav{gap:20px}.explorer{grid-template-columns:minmax(0,1fr) 295px}.inspector{padding:25px 20px}.scene-heading{left:24px;max-width:280px}.scene-heading h1{font-size:35px}.scene-heading>p:last-child{max-width:220px;font-size:11px}.scene-badge{display:none}.scene-footer{left:24px}.scene-footer p{display:none}.scene-navigation{left:24px}.bench-grid{gap:22px}.bench-column+.bench-column{padding-left:22px}.workbench{padding:25px 24px}.atlas-grid{grid-template-columns:repeat(2,1fr)}.evidence-layout{gap:20px}.journey{padding-left:24px}.journey button{padding-right:9px}.journey button::after{margin-left:2px}}
@media(max-width:760px){.topbar{height:69px;padding:0 16px;gap:10px}.brand{font-size:15px;gap:6px}.brand-symbol{font-size:32px}.topbar nav{gap:14px}.nav{font-size:11px;padding:24px 0 20px}.topbar>.quiet{font-size:10px}.journey{padding:11px 16px}.explorer{display:block}.stage{height:650px}.inspector{height:auto;border-left:0;border-top:1px solid var(--line);padding:24px}.inspector h2{font-size:27px}.inspector .lead{max-width:650px}.fact{margin-top:18px;padding-top:15px}.scene-heading{top:25px;left:23px;max-width:270px}.scene-heading h1{font-size:38px}.scene-heading>p:last-child{max-width:280px;font-size:11px}.scene-footer{bottom:95px}.camera-controls{bottom:101px;right:16px}.scene-navigation{right:16px}.primary{padding:11px 15px;gap:12px}.bench-grid{grid-template-columns:1fr;gap:20px}.bench-column+.bench-column{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.workbench{padding:26px 24px}.bench-column p{max-width:650px}.bench-column .mini-art{max-width:340px}.bench-title{align-items:flex-start;gap:16px}.bench-title h2{font-size:24px}.page{padding:30px 23px 45px}.page h1{font-size:39px}.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.atlas-card{padding:18px}.atlas-card h2{font-size:25px}.atlas-card .card-actions{flex-wrap:wrap}.evidence-layout{grid-template-columns:1fr}.sheet{padding:22px}.question-grid{grid-template-columns:1fr}.site-footer{padding:18px 24px;gap:12px;flex-wrap:wrap}.site-footer p{display:none}.fold-overlay{bottom:164px;width:72%}.scene-heading.structure-heading h1{font-size:35px}.hotspot{font-size:9px;max-width:155px;white-space:normal;line-height:1.3}.hotspot small{font-size:8px}}
@media(max-width:430px){.topbar nav{gap:10px}.topbar>.quiet{display:none}.atlas-grid{grid-template-columns:1fr}.scene-heading h1{font-size:35px}.stage{height:620px}.camera-controls button{min-width:30px}.camera-controls button span{display:none}.scene-footer{bottom:100px}.fold-overlay{bottom:157px}.scene-navigation .quiet{font-size:11px}.journey button{font-size:10px}.site-footer span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.workbench-expansion{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}.workbench-expansion>summary{cursor:pointer;color:var(--mint);font-size:14px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.workbench-expansion>summary::after{content:'＋';font-size:21px}.workbench-expansion[open]>summary::after{content:'−'}.workbench-expansion>summary small{display:block;color:var(--soft);font-weight:400;font-size:10px;margin-top:4px}.workbench-expansion>div{margin-top:23px}.workbench-expansion summary:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.context-route{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.context-route button{border:1px solid var(--line);padding:7px 11px;font-size:11px;border-radius:4px;color:var(--mint)}
.source-finder{position:sticky;top:-30px;background:#111d29;padding:12px 0 7px;z-index:1}.source-finder label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.source-finder input{display:block;width:100%;background:#0a131e;border:1px solid #40575d;border-radius:5px;padding:11px 13px;color:var(--text);font-size:12px}.source-finder p{font-size:10px!important;color:var(--soft);margin:7px 0!important}
.fold-overlay{bottom:155px}@media(max-width:760px){.fold-overlay{bottom:146px}}@media(max-width:430px){.fold-overlay{bottom:140px}}
.backbone-control{display:flex;align-items:flex-start;gap:7px;margin-top:20px;padding:12px 0;border-top:1px solid var(--line);font-size:11px!important;line-height:1.6}.backbone-control input{margin-top:3px}
.compare-jump{position:fixed;right:25px;bottom:23px;z-index:5;background:#23463d;color:#c7f4e6;border:1px solid #74ab98;border-radius:7px;padding:11px 17px;font-size:12px;box-shadow:0 6px 30px #0007}.compare-jump:hover{background:#315d50}
@media(max-width:760px){.topbar{height:auto;min-height:75px;flex-wrap:wrap;padding-top:13px;padding-bottom:0;gap:8px}.topbar nav{order:3;width:100%;justify-content:space-between}.nav{padding:10px 0 11px}.topbar>.quiet{display:block}.brand small{display:block;font-size:9px}.workbench-expansion>summary{font-size:13px}}