/* Connectedness Atlas — one visual workspace, one parameter model. */
:root{color-scheme:dark;--stage:#081923;--panel:#10242f;--paper:#f4f4ef;--ink:#18323d;--ink-soft:#536b73;--muted:#9bb2bd;--line:#29414e;--teal:#75d4c2;--gold:#edc186;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--serif:Georgia,"Times New Roman",serif;--exact:#287c64;--warn:#977124;--cert:#39739b;--bad:#a9524e}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--stage);font-family:var(--sans);color:#e0ebef}body{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{transition:background .12s,color .12s}button:hover{filter:brightness(1.1)}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.skip-link{position:fixed;left:12px;top:-80px;z-index:200;background:var(--paper);color:var(--ink);padding:12px}.skip-link:focus{top:12px}
.app{height:100dvh;display:grid;grid-template-rows:70px minmax(0,1fr)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border-bottom:1px solid var(--line);background:#0b1c26;z-index:40}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;color:#edf5f2;padding:4px 0;text-align:left;flex:none}.brand b{display:block;font-size:18px;letter-spacing:-.035em;font-weight:620}.brand small{display:block;font-size:9px;color:#98adb5;margin-top:5px;letter-spacing:.02em}.brand-mark{position:relative;width:28px;height:34px}.brand-mark i{position:absolute;width:22px;height:22px;border:1px solid var(--teal);border-radius:50%;left:3px;top:3px}.brand-mark i:nth-child(2){transform:translate(-4px,7px);opacity:.6}.brand-mark i:nth-child(3){transform:translate(4px,7px);opacity:.6}.family-portals{display:flex;border:1px solid #38515a;border-radius:7px;padding:3px;gap:3px}.portal{background:none;color:#9bb1bd;border:0;min-width:72px;padding:7px 9px;border-radius:4px}.portal span{font:600 12px var(--mono);display:block}.portal small{font-size:8px;display:block;margin-top:3px}.portal.active{background:#294b48;color:#c3f5e6}.top-actions{display:flex;align-items:center;gap:9px}.quiet-button{font-size:10px;text-decoration:none;white-space:nowrap;border:1px solid #3d5662;border-radius:5px;padding:10px 12px;color:#b8d1d6}.mode-switch{display:flex;gap:3px;padding:3px;border:1px solid #36505c;border-radius:6px}.mode-switch button{border:0;border-radius:3px;background:none;color:#a5b9c1;padding:8px;font-size:10px;min-height:32px}.mode-switch button.active{background:#314854;color:#fff}.icon-button{display:grid;place-items:center;width:34px;height:34px;padding:0;flex:none;border:1px solid #3d5662;border-radius:5px;background:none;color:inherit;font-size:19px}.command-button{font:10px var(--mono)}
.experience{display:grid;grid-template-columns:minmax(0,1fr) 326px;min-height:0}.app[data-mode="explore"] .experience{grid-template-columns:1fr}.stage{min-height:0;min-width:0;position:relative;overflow:hidden;background:var(--stage)}.lens-rail{position:absolute;z-index:12;top:0;left:0;right:0;height:48px;display:flex;align-items:stretch;gap:3px;padding:0 20px;border-bottom:1px solid #263e49;background:#0d202a;overflow:auto}.lens{display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;background:none;color:#a2b8c3;white-space:nowrap;padding:0 10px;font-size:11px}.lens.active{color:#d2faec;border-bottom-color:var(--teal)}.lens-icon{font-size:14px;opacity:.7}.coordinate-chip{position:absolute;left:20px;right:20px;top:62px;display:flex;gap:0;z-index:10;overflow:auto;pointer-events:none}.coordinate-chip>span{padding:0 15px;border-right:1px solid #29424e;white-space:nowrap}.coordinate-chip>span:first-child{padding-left:0}.coordinate-chip>span:last-child{border:0}.coordinate-chip i{font:italic 13px var(--serif);color:#7e9aa7;margin-right:7px}.coordinate-chip b{font:10px var(--mono);color:#b5cdd3}
.evidence{position:absolute;left:0;right:0;top:91px;bottom:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;background:var(--stage);z-index:5}.evidence>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px 12px}.eyebrow{display:block;margin:0 0 5px;font-size:9px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#87a3b0}.evidence h2{font-size:23px;font-weight:540;letter-spacing:-.035em;line-height:1.25;margin:0;color:#f2f6ef}.status-pill{border:1px solid #587068;border-radius:20px;max-width:185px;padding:5px 10px;font-size:9px;line-height:1.4;color:#bdd7c8;background:#102a2b}.status-pill.warn{color:#e5c397;border-color:#6e5e42;background:#292922}.status-pill.bad{color:#eeaaa2;border-color:#7d5651;background:#2c2728}.status-pill.exact{color:#aee8cb;border-color:#3e7665;background:#14302b}.status-pill.cert{color:#a2cdee;border-color:#446d86;background:#172e3b}.evidence-tabs{display:none}.inspection-toolbar{padding:0 22px 8px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#8eabb7}.inspection-toolbar>div{display:flex;align-items:center;gap:4px}.inspection-toolbar button{background:#112b37;border:1px solid #355362;border-radius:4px;min-width:30px;min-height:30px;padding:4px 9px;font-size:10px;color:#c2dbdf}.inspection-toolbar output{font:10px var(--mono);min-width:40px;text-align:center}.inspection-toolbar>span{font:9px var(--mono);text-align:right}.plane-canvas-wrap{position:relative;min-width:0;min-height:0;overflow:hidden}#denseCanvas,#evidenceCanvas{position:absolute;inset:0;width:100%;height:100%;min-height:0;display:block}#denseCanvas{display:none;pointer-events:none;background:var(--stage)}#evidenceCanvas{touch-action:none;cursor:grab;background:var(--stage)}#evidenceCanvas:active{cursor:grabbing}.plane-canvas-wrap[data-dense="true"] #denseCanvas{display:block}.plane-canvas-wrap[data-dense="true"] #evidenceCanvas{background:transparent}.render-progress{position:absolute;left:22px;bottom:12px;z-index:2;padding:4px 7px;border-radius:3px;background:#081923b3;font:9px/1.4 var(--mono);color:#97b1bc;pointer-events:none}.evidence footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 22px 14px;background:#0b2029;border-top:1px solid #243f49}.evidence-meta{font-size:10px;line-height:1.5;color:#91aab4}.evidence-meta span,.evidence-meta b{display:block}.evidence-meta span{max-width:810px}.evidence-meta b{font:9px/1.6 var(--mono);font-weight:400;color:#bdd1d4;margin-top:2px}.text-button{border:0;background:none;padding:7px 0;font-size:10px;font-weight:600;color:#a5d9cf;white-space:nowrap}.evidence.calculating #evidenceCanvas{opacity:.15}.evidence.calculating:after{content:'Preparing the selected fractal…';position:absolute;left:15px;right:15px;top:54%;font-size:12px;text-align:center;color:#adc2cb;pointer-events:none}.evidence.expanded{position:fixed;left:15px;right:15px;top:15px;bottom:15px;z-index:70;border:1px solid #4a626a;border-radius:8px;box-shadow:0 0 0 150vw #021017ed}.app[data-view="tree"] .evidence,.app[data-view="compare"] .evidence,.app[data-view="atlas"] .evidence,.app[data-view="proof"] .evidence{grid-template-rows:auto minmax(0,1fr) auto}
#worldCanvas{position:absolute;left:0;top:208px;width:61%;height:calc(100% - 282px);touch-action:none;display:none}.world-caption,.chart-toolbar,.chart-scope,.build-status,.survey-control{display:none}.app[data-view="world"] #worldCanvas{display:block}.app[data-view="world"] .world-caption{display:block;position:absolute;left:22px;right:42%;top:121px;pointer-events:none}.world-caption strong{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.03em}.world-caption span:last-child{display:block;font-size:10px;color:#97b0ba;margin-top:8px;line-height:1.5}.app[data-view="world"] .chart-toolbar{display:flex;position:absolute;top:184px;left:22px;gap:5px;z-index:10}.chart-toolbar button{border:1px solid #3c5867;background:#132b37;color:#bed6da;min-height:30px;padding:5px 10px;border-radius:4px;font-size:10px}.chart-toolbar button[aria-pressed="true"]{background:#295149;border-color:#4d9684;color:#e4fff2}.chart-toolbar #resetChart{background:none}.app[data-view="world"] .evidence{left:61%;right:16px;top:119px;bottom:73px;border:1px solid #304d58;border-radius:7px;grid-template-rows:auto auto minmax(0,1fr) auto}.app[data-view="world"] .evidence>header{padding:12px;display:block}.app[data-view="world"] .evidence h2{font-size:16px}.app[data-view="world"] .status-pill{display:inline-block;font-size:8px;margin-top:8px}.app[data-view="world"] .inspection-toolbar{display:block;padding:0 12px 8px}.app[data-view="world"] .inspection-toolbar>span{display:none}.app[data-view="world"] .evidence footer{padding:7px 12px}.app[data-view="world"] .evidence-meta span{display:none}.app[data-view="world"] .evidence-meta b{font-size:8px}.app[data-view="world"] .render-progress{left:8px;bottom:8px;font-size:8px}.app[data-view="world"] .chart-scope{display:block;position:absolute;bottom:48px;left:22px;right:22px;color:#819ca9;font-size:10px;line-height:1.6;max-width:800px}.app[data-view="world"] .build-status{display:flex;position:absolute;bottom:17px;left:22px;right:126px;align-items:center;gap:8px;font-size:10px;color:#a6bec8}.pulse{display:block;flex:none;width:5px;height:5px;background:var(--gold);border-radius:50%}.done .pulse{background:var(--teal)}.app[data-view="world"] .survey-control{display:block;position:absolute;bottom:9px;right:16px;border:1px solid #35505c;background:#102b36;padding:8px;color:#abc9ce;font-size:9px;border-radius:4px}.app[data-view="world"] .evidence.expanded{left:15px;right:15px;top:15px;bottom:15px}.app[data-view="route"] .evidence{bottom:68px}.route-controls{position:absolute;bottom:14px;left:22px;right:22px;display:flex;align-items:center;gap:10px;padding:8px;background:#15303d;border:1px solid #3c5762;border-radius:5px;z-index:8}.route-controls button{width:32px;height:32px;border:1px solid #547782;color:#d6eaee;background:none;border-radius:3px}.route-controls input{min-width:0;flex:1;accent-color:var(--teal)}.route-controls span{font-size:10px}.stage-action,.stage-noise{display:none}
.research-drawer{overflow:auto;min-height:0;padding:20px 20px 28px;border-left:1px solid #2c4652;background:#10242f;color:#c9dce2;scrollbar-width:thin;scrollbar-color:#3a5a65 transparent}.research-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.research-drawer h2{font-size:17px;letter-spacing:-.025em;font-weight:550;line-height:1.35;margin:0}.research-drawer>header .eyebrow{font-size:9px;color:#8fb3be}.research-drawer .icon-button{width:28px;height:28px;font-size:17px}.family-navigation>label{font-size:10px;font-weight:600;color:#adcad2}.family-navigation select,.render-quality select{display:block;width:100%;background:#193541;border:1px solid #41626d;color:#e1f0f0;border-radius:5px;padding:10px 8px;font-size:11px;margin-top:7px;min-width:0}.family-navigation>p{font-size:11px;line-height:1.65;color:#99b4be;margin:12px 0}.fibre-controls{display:grid;gap:15px;margin-top:16px}.fibre-control{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:5px 10px}.fibre-control>label{font-size:11px;color:#c1d8dd}.fibre-control>input[type="range"]{grid-column:1/-1;width:100%;height:19px;accent-color:var(--teal)}.fibre-control>select{grid-column:1/-1;margin-top:0}.fibre-value{display:flex;align-items:center;background:#0a1d27;border:1px solid #3c5c69;border-radius:4px;overflow:hidden}.fibre-value input{width:100%;min-width:0;border:0;padding:9px 7px;color:#e5f5f1;font:11px var(--mono);background:none;appearance:textfield}.fibre-value>span{font-size:9px;padding-right:5px;color:#84a6b2}.fibre-landmarks,.quick-landmarks{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 0}.fibre-landmarks button,.quick-landmarks button{background:#183841;border:1px solid #345c65;border-radius:4px;color:#acd9d3;padding:7px 9px;font-size:9px;min-height:30px}.family-insight{margin:14px 0;color:#a0bdc5;font-size:10px;line-height:1.7}.family-insight summary{font-weight:600;color:#bad7d9}.family-insight a{font-size:10px;color:#a4d9ce;margin-right:12px}.family-insight p{white-space:pre-line}.quick-landmarks{margin-bottom:15px}
.inspector-details{border-top:1px solid #2b4856;padding:13px 0;margin-top:12px}.inspector-details>summary{color:#bfd3db;list-style-position:outside;font-size:11px;font-weight:550;line-height:1.6;min-height:23px}.inspector-details>summary span{float:right;font-size:9px;color:#7fa9a6}.inspector-details>p{font-size:10px;line-height:1.7;color:#9cb7c0}.coordinates-details{margin-top:15px}.coordinates-details[open] summary{margin-bottom:13px}.formula-card{padding:10px 11px;border-radius:5px;background:#0d202a;border:1px solid #294652}.formula-card p{font:10px/1.9 var(--mono);margin:0 0 5px;color:#cce2e3;overflow-wrap:anywhere}.formula-card>span{display:block;color:#92aeba;font-size:9px;line-height:1.7}.formula-card>span:last-child{color:#8fd5c6;margin-top:6px;font:9px/1.5 var(--mono)}.parameter-shortcuts{display:flex;gap:6px;margin-top:12px}.parameter-shortcuts button{background:#18323e;border:1px solid #375866;border-radius:4px;color:#b8d6d9;font:9px var(--mono);padding:7px 5px;min-height:30px;flex:1}.inspector-hint{font-size:9px;line-height:1.7;color:#8eacb8;margin:12px 0 16px}.control-grid{display:grid;gap:14px}.parameter-control{display:grid;grid-template-columns:1fr 118px;align-items:center;column-gap:8px}.parameter-control>label{font-size:10px;line-height:1.4;color:#bad0d8}.control-grid output{display:block;font:9px/1.8 var(--mono);color:#83a7b4}.parameter-entry{display:flex;align-items:center;border:1px solid #3b5966;border-radius:4px;background:#0a1d27}.parameter-entry input{width:100%;min-width:0;border:0;padding:9px 7px;font:10px var(--mono);color:#d6eeee;background:none;appearance:textfield}.parameter-entry span{font-size:8px;color:#8dacb9;padding-right:5px}.parameter-control>input[type="range"]{grid-column:1/-1}.control-grid input[type="range"]{width:100%;height:18px;margin:5px 0 0;accent-color:var(--teal)}.control-grid>label>span{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#aac5cf}.control-grid>label output{display:inline;font-size:8px}.render-quality{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;border-top:1px solid #2b4856;padding-top:15px;margin-top:8px}.render-quality>label{font-size:9px;color:#aac6cd}.render-quality select{font-size:9px;padding:8px 5px}.render-options{display:grid;gap:9px;margin:13px 0 3px}.render-options label{font-size:10px;display:flex;align-items:center;gap:7px;color:#abc4ce;min-height:23px}.render-options input{accent-color:var(--teal);width:14px;height:14px;margin:0}.domain-note{font:9px/1.65 var(--mono);color:#7e9faa;margin:13px 0 18px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.drawer-actions select{grid-column:1/-1;background:#0e2530;border:1px solid #375663;color:#c4dbdf;border-radius:4px;padding:9px 7px;min-width:0;font-size:10px}.drawer-actions #exportDossier{grid-column:1/-1}.primary-button,.secondary-button{border-radius:4px;border:1px solid #41616c;padding:10px 11px;min-height:35px;font-size:10px;font-weight:550}.primary-button{background:#336f60;color:#f0fff5;border-color:#4c8b77}.secondary-button{background:none;color:inherit}.export-figure{width:100%;margin-top:8px;background:#4d9d87;border-color:#69baa4;color:#051d18;font-size:11px;padding:11px}#exportDossier{background:#1a3743;border-color:#375965;color:#a4c5d1;font-size:9px}.multiplier-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.multiplier-grid label,.notebook-name{font-size:9px;color:#adc8ce}.multiplier-grid input,.notebook-name input{display:block;width:100%;min-width:0;background:#0b202a;border:1px solid #3a5965;border-radius:4px;color:#dcecee;padding:9px 7px;margin-top:5px;font:10px var(--mono)}.notebook-name{display:block;margin:12px 0}.notebook-entries{display:grid;gap:5px;margin-top:10px}.notebook-entry{display:flex;background:#0e2834;border:1px solid #345361;border-radius:4px;overflow:hidden}.notebook-entry button{background:none;border:0;color:#b2d9d6;font-size:10px;padding:8px}.notebook-entry .notebook-load{flex:1;text-align:left;overflow-wrap:anywhere;line-height:1.5}.notebook-entry button:last-child{min-width:31px;border-left:1px solid #345361;font-size:16px}.notebook-actions{display:flex;gap:6px;margin-top:10px}.notebook-actions button{flex:1;font-size:9px}.methods-links{display:flex;flex-wrap:wrap;gap:9px 13px;border-top:1px solid #2b4856;padding-top:15px;margin-top:15px}.methods-links a{font-size:10px;color:#92cfc3;text-underline-offset:3px;line-height:1.5}.inspector-footnote{color:#799baa;font-size:9px;line-height:1.7}.live-evidence{margin-top:12px}.live-evidence>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:7px}#liveEvidenceStatus{font-size:11px;color:#b8dfcb;line-height:1.5}#inspectEvidence{border:0;background:none;color:#96bfc3;font-size:9px;white-space:nowrap}.live-evidence>p{font-size:10px;color:#93b0bc;line-height:1.6}.evidence-stats{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;border-top:1px solid #2f4e59;padding-top:10px}.evidence-stats span{font-size:8px;color:#8cacb9;line-height:1.5}.evidence-stats b{display:block;font:10px/1.8 var(--mono);color:#c0dce1}.app[data-mode="guided"] .research-drawer,.app[data-mode="explore"] .research-drawer{display:none}
/* Narrative is an optional mode, never an overlay over the mathematics. */
.journey-compass,.journey-panel{display:none}.app[data-mode="guided"]{grid-template-rows:70px 40px minmax(0,1fr)}.app[data-mode="guided"] .journey-compass{display:flex;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid #29434e;background:#102631}.compass-title,.compass-progress{font-size:9px;white-space:nowrap;color:#8dabb5}.compass-track{display:flex;flex:1;height:100%}.compass-step{flex:1;min-width:0;border:0;border-left:1px solid #2f4652;background:none;color:#95aeb8;padding:5px 8px;text-align:left;font-size:8px}.compass-step b{font:10px var(--mono)}.compass-step span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2px}.compass-step.active{border-bottom:2px solid var(--teal);color:#c6eadf}.compass-step.complete b:after{content:' ✓';color:var(--teal)}.app[data-mode="guided"] .journey-panel{display:block;overflow:auto;min-height:0;background:var(--paper);color:var(--ink);padding:24px;border-left:1px solid #799493}.story-topline{display:flex;justify-content:space-between;align-items:center}.journey-count{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.journey-count span{font:25px var(--serif)}.journey-count small{font-size:9px;color:#749196}.story-collapse{border:1px solid #a7c1c1;background:none;color:#446770;border-radius:4px;font-size:20px}.journey-progress{height:2px;background:#d0ddd6;margin-bottom:13px}.journey-progress span{height:100%;display:block;background:#458e77}.step-completion{font-size:9px;color:#658779;margin-bottom:14px}.journey-panel h1{font-size:25px;font-weight:550;letter-spacing:-.04em;line-height:1.3;margin:12px 0 18px}.journey-body{font-size:12px;line-height:1.8;color:#44606b}.learning-card{border-left:2px solid #bdd0c9;padding-left:11px;margin:16px 0}.learning-card>span,.takeaway>span,.proof-note>span{font-size:9px;color:#6a8a8b;text-transform:uppercase;letter-spacing:.06em}.learning-card p,.proof-note p{font-size:11px;line-height:1.6;color:#526f77;margin:6px 0}.instruction{display:flex;gap:8px;border-top:1px solid #c7d8d1;border-bottom:1px solid #c7d8d1;padding:10px 0}.instruction p{font-size:11px;line-height:1.6;margin:0}.takeaway{margin-top:17px}.takeaway strong{display:block;font:17px/1.4 var(--serif);margin-top:7px}.proof-note{margin-top:16px}.expert-note{font-size:10px;line-height:1.7;color:#526f77;margin-top:15px}.chapter-interaction{margin:16px 0}.chapter-interaction label{font-size:10px}.chapter-interaction input{width:100%;accent-color:#368673}.chapter-buttons{display:flex;gap:6px;flex-wrap:wrap}.chapter-buttons button{padding:8px;border:1px solid #abc3bc;border-radius:4px;background:none;color:#30575c;font-size:10px;min-height:33px}.journey-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin-top:18px}.journey-panel .secondary-button{color:#315d60;border-color:#9db9b5}.journey-panel .text-button{color:#267c68}.free-explore{display:block;margin:10px auto;white-space:normal}
/* Reference and export dialogs share one readable paper surface. */
dialog{color-scheme:light;width:min(1040px,94vw);max-height:92dvh;border:1px solid #849b9e;border-radius:8px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0009}dialog::backdrop{background:#00121bd9;backdrop-filter:blur(5px)}dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 19px;border-bottom:1px solid #cad7d1}dialog h2{font-size:25px;font-weight:550;letter-spacing:-.03em;line-height:1.3;margin:0}dialog header p{font-size:12px;line-height:1.6;color:#59757d;margin:8px 0 0}dialog .eyebrow{color:#72948f}dialog .icon-button{color:#53717a;border-color:#9db4b6}dialog input,dialog select{min-height:36px;padding:8px 10px;border:1px solid #afc2bf;border-radius:4px;background:#fff;color:#22464e;font-size:11px}.atlas-dialog{height:min(880px,92dvh);width:min(1250px,95vw)}.atlas-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:9px;padding:15px 24px}.atlas-filters{display:flex;overflow:auto;gap:6px;padding:0 24px 15px}.atlas-filters button{background:none;border:1px solid #b6c9c4;color:#416770;border-radius:4px;font-size:10px;padding:7px 9px;white-space:nowrap}.atlas-filters button.active{background:#2c675c;color:#fff;border-color:#2c675c}.atlas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:0 24px 24px;overflow:auto;max-height:calc(100% - 226px)}.atlas-card{border:1px solid #c9d6d0;border-radius:6px;padding:13px;background:#fffdf6}.atlas-card canvas{width:100%;height:180px;border-radius:4px;background:#09202a}.card-meta{display:flex;justify-content:space-between;gap:6px;font-size:8px;color:#6b8a8d;margin-top:11px}.atlas-card h3{font-size:17px;font-weight:550;letter-spacing:-.02em;line-height:1.4;margin:7px 0}.atlas-card p{font-size:11px;line-height:1.65;color:#58727a}.signature-chips{display:flex;gap:4px;flex-wrap:wrap;margin:12px 0}.signature-chips span{font-size:8px;padding:4px;background:#e9efe7;border-radius:3px;color:#5b7a70}.card-actions{display:flex;gap:6px}.card-actions button{flex:1;padding:8px;font-size:10px;min-height:34px;border-radius:4px;border:1px solid #9fbbb4;background:none;color:#2c685b}.card-actions .primary{background:#397963;color:#fff}.selected-for-compare{outline:2px solid #599b80}.proof-tabs{display:flex;padding:0 18px;border-bottom:1px solid #c7d6cf}.proof-tabs button{border:0;background:none;color:#567780;padding:12px;font-size:11px}.proof-tabs button.active{box-shadow:inset 0 -2px #327c66;color:#327c66}.proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:1px;max-height:calc(92dvh - 165px);overflow:auto;background:#d1ddd6}.proof-layout>section{background:var(--paper);padding:24px}.proof-layout[data-tab] section{display:none}.proof-layout[data-tab="verdict"] .proof-verdict,.proof-layout[data-tab="verdict"] .proof-ladder,.proof-layout[data-tab="signature"] [data-proof="signature"],.proof-layout[data-tab="computation"] [data-proof="computation"],.proof-layout[data-tab="provenance"] [data-proof="canonical"],.proof-layout[data-tab="provenance"] [data-proof="source"]{display:block}.proof-verdict,.proof-ladder{grid-column:1/-1}.proof-layout h3{font-size:16px;font-weight:550;margin:0 0 16px}.proof-verdict strong{font-size:24px;line-height:1.4}.proof-verdict p,.source-caveats{font-size:12px;line-height:1.75;color:#537078}.source-caveats b{color:#2e525a}.proof-layout dl,.compare-column dl{display:grid;grid-template-columns:1fr 1.3fr;font-size:11px;margin:0}.proof-layout dt,.proof-layout dd,.compare-column dt,.compare-column dd{padding:8px 0;border-bottom:1px solid #d2dfd6;margin:0;overflow-wrap:anywhere}.proof-layout dt{color:#658790}.proof-layout dd{font:10px/1.6 var(--mono)}.proof-ladder ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.proof-ladder b,.proof-ladder span{display:block}.proof-ladder b{font-size:12px}.proof-ladder span{font-size:11px;line-height:1.6;color:#5d7b7f;margin-top:8px}.guide-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:26px}.guide-columns h3{font-size:17px;font-weight:550;margin:0 0 14px}.guide-columns ul{font-size:12px;line-height:1.8;padding-left:18px;color:#5c777d}.guide-columns dt{font-size:12px;font-weight:600;margin-top:15px}.guide-columns dd{font-size:11px;line-height:1.7;margin:6px 0;color:#607b80}.reference-item{padding:12px 0;border-bottom:1px solid #ccdad3}.reference-item b{font-size:12px;display:block}.reference-item span{font-size:11px;line-height:1.6;display:block;color:#5f797c;margin-top:7px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px;overflow:auto}.compare-column canvas{width:100%;height:240px;background:#071923}.compare-column h3{font-size:18px;line-height:1.35}.compare-column p{font-size:11px;line-height:1.65;color:#60797e}.compare-column button{margin-top:15px}.export-dialog{width:min(600px,94vw)}.export-content{padding:22px 26px}.export-content>p{font-size:12px;line-height:1.7;color:#537279}.export-content>label{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:12px;font-size:11px;margin:14px 0}.export-note{font-size:11px!important;background:#e9eee4;border-left:2px solid #8aaf9d;padding:12px}.export-content>.primary-button{width:100%}.command-dialog{width:min(720px,94vw)}.command-search{display:block;width:calc(100% - 44px);margin:20px 22px}.command-results{padding:0 22px 20px;max-height:55dvh;overflow:auto}.command-result{display:flex;width:100%;align-items:center;gap:14px;text-align:left;border:0;border-top:1px solid #d2dfd7;padding:13px 5px;color:#345e65;background:none}.command-result code{min-width:33px;font:10px var(--mono)}.command-result>div{flex:1}.command-result b,.command-result span{display:block}.command-result b{font-size:12px}.command-result span{font-size:10px;margin-top:5px;color:#6a8588}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#224c43;border:1px solid #599883;border-radius:5px;color:#dcf5ea;padding:12px 17px;font-size:12px;max-width:min(620px,90vw);transition:.18s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.experience{grid-template-columns:minmax(0,1fr) 350px}.research-drawer{padding:24px}.evidence h2{font-size:27px}.app[data-view="world"] #worldCanvas{width:65%}.app[data-view="world"] .evidence{left:65%;right:22px}.app[data-view="world"] .world-caption{right:38%}.world-caption strong{font-size:26px}}
@media(max-width:1150px){.topbar{gap:12px;padding:0 16px}.portal{min-width:45px;padding:8px}.portal small{display:none}.brand b{font-size:16px}.brand small{font-size:8px}.lab-link{font-size:9px;padding:9px}.command-button{display:none}.experience{grid-template-columns:minmax(0,1fr) 302px}.research-drawer{padding:18px 16px}.lens{font-size:10px;padding:0 8px}.lens-icon{display:none}.lens-rail{padding:0 12px}.coordinate-chip{left:16px;right:16px}.coordinate-chip>span{padding:0 10px}.evidence>header{padding:13px 16px}.evidence h2{font-size:20px}.inspection-toolbar{padding:0 16px 8px}.app[data-view="world"] .world-caption{left:17px;right:42%}.world-caption strong{font-size:19px}.chart-toolbar #resetChart{display:inline-flex;align-items:center;padding:7px 9px}.app[data-view="world"] .chart-toolbar{left:17px;top:191px}.app[data-view="world"] .evidence h2{font-size:14px}.app[data-view="world"] .inspection-toolbar button{min-width:23px;padding:4px 6px}.app[data-view="world"] .inspection-toolbar output{min-width:32px}.app[data-view="world"] .evidence .eyebrow{font-size:8px}}
@media(max-width:900px){body{overflow:auto}.app,.app[data-mode="guided"]{height:auto;min-height:100dvh;display:block}.topbar{position:sticky;top:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:57px 34px;padding:0 14px 6px;gap:0 8px}.family-portals{grid-row:2;grid-column:1/-1;padding:0;border:0;justify-content:center;gap:7px}.portal{flex:1;max-width:180px;min-height:30px;padding:6px}.portal span{display:inline;font-size:11px}.portal small{display:inline;font-size:8px;margin-left:7px}.top-actions{gap:5px}.mode-switch button{font-size:9px;padding:6px;min-height:30px}.top-actions .icon-button{width:30px;height:31px}.lab-link{display:none}.experience,.app[data-mode="explore"] .experience{display:flex;flex-direction:column}.stage{height:76svh;min-height:610px;max-height:1000px;flex:none}.evidence{top:86px}.evidence>header{padding:12px 19px}.evidence h2{font-size:23px}.coordinate-chip{top:61px;left:19px}.research-drawer{border-left:0;border-top:1px solid #37525f;overflow:visible;padding:25px;max-height:none}.research-drawer>header{margin-bottom:18px}.family-navigation{max-width:760px}.control-grid{grid-template-columns:1fr 1fr;gap:15px 28px}.formula-card,.live-evidence,.coordinates-details>.inspector-hint,.coordinates-details>.parameter-shortcuts{max-width:720px}.fibre-controls{grid-template-columns:1fr 1fr;gap:17px 27px}.fibre-control{grid-template-columns:1fr 135px}.parameter-control{grid-template-columns:1fr 130px}.render-quality{max-width:520px}.drawer-actions{grid-template-columns:2fr 1fr 1fr}.drawer-actions select{grid-column:auto}.drawer-actions #exportDossier{grid-column:1/-1}.export-figure{max-width:520px}.inspector-details:not(.coordinates-details){max-width:760px}.app[data-view="world"] .stage{height:950px;min-height:950px;max-height:none}.app[data-view="world"] #worldCanvas{left:0;top:210px;width:100%;height:350px}.app[data-view="world"] .world-caption{left:21px;right:21px;top:117px}.app[data-view="world"] .world-caption strong{font-size:23px}.app[data-view="world"] .chart-toolbar{top:184px;left:21px}.app[data-view="world"] .evidence{left:20px;right:20px;top:563px;bottom:85px}.app[data-view="world"] .evidence>header{display:flex;align-items:center}.app[data-view="world"] .evidence h2{font-size:17px}.app[data-view="world"] .status-pill{margin-top:0}.app[data-view="world"] .inspection-toolbar{display:flex}.app[data-view="world"] .inspection-toolbar>span{display:block}.app[data-view="world"] .chart-scope{bottom:44px;left:20px;right:20px;font-size:9px}.app[data-view="world"] .build-status{left:20px;font-size:9px}.evidence.expanded,.app[data-view="world"] .evidence.expanded{left:8px;right:8px;top:105px;bottom:10px}.app[data-mode="guided"] .journey-compass{overflow:auto;padding:0;height:42px}.compass-title,.compass-progress{display:none}.compass-track{min-width:620px}.app[data-mode="guided"] .journey-panel{padding:28px;overflow:visible;border-left:0}.guide-columns{grid-template-columns:1fr}.atlas-toolbar{grid-template-columns:1fr 1fr}.atlas-toolbar input{grid-column:1/-1}.atlas-grid{grid-template-columns:1fr 1fr;max-height:calc(100% - 293px)}.proof-layout{grid-template-columns:1fr}.proof-ladder ol{grid-template-columns:1fr 1fr}.compare-grid{grid-template-columns:1fr}.compare-column canvas{height:300px}}
@media(max-width:560px){.brand{gap:8px}.brand b{font-size:15px}.brand small{font-size:7px}.brand-mark{width:25px}.topbar{padding:0 11px 6px;grid-template-rows:55px 34px}.top-actions{gap:4px}.mode-switch button{padding:6px 5px;font-size:8px}.top-actions .icon-button{width:27px;height:29px}.portal small{font-size:7px;margin-left:5px}.stage{height:78svh;min-height:590px}.lens-rail{padding:0 6px;height:46px;gap:0}.lens{font-size:9px;padding:0 9px}.coordinate-chip{left:14px;right:14px;top:58px}.coordinate-chip>span{padding:0 8px}.coordinate-chip i{font-size:12px;margin-right:5px}.coordinate-chip b{font-size:9px}.evidence{top:83px}.evidence>header{padding:11px 14px;gap:8px}.evidence h2{font-size:20px}.status-pill{font-size:8px;max-width:120px;padding:5px 7px}.evidence .eyebrow{font-size:8px}.inspection-toolbar{padding:0 14px 7px;gap:4px}.inspection-toolbar button{min-height:32px;padding:4px 7px}.inspection-toolbar>span{font-size:8px;max-width:130px}.evidence footer{padding:9px 14px 12px;gap:9px}.evidence-meta{font-size:9px}.evidence-meta b{font-size:8px}.render-progress{left:14px;font-size:8px}.research-drawer{padding:23px 18px}.control-grid,.fibre-controls{grid-template-columns:1fr;gap:15px}.fibre-control{grid-template-columns:1fr 150px}.parameter-control{grid-template-columns:1fr 145px}.drawer-actions{grid-template-columns:1fr 1fr}.drawer-actions select{grid-column:1/-1}.export-figure{max-width:none}.family-navigation select{font-size:12px;padding:11px 9px}.family-navigation>p{font-size:11px}.fibre-value input{font-size:12px}.quick-landmarks button{font-size:9px;padding:7px 8px}.research-drawer h2{font-size:19px}.app[data-view="world"] .stage{height:860px;min-height:860px}.app[data-view="world"] #worldCanvas{top:213px;height:273px}.app[data-view="world"] .world-caption{left:16px;right:16px;top:113px}.app[data-view="world"] .world-caption strong{font-size:22px}.app[data-view="world"] .chart-toolbar{left:16px;top:184px}.app[data-view="world"] .evidence{left:12px;right:12px;top:490px;bottom:84px}.app[data-view="world"] .evidence h2{font-size:16px}.app[data-view="world"] .evidence .status-pill{max-width:130px;font-size:8px}.app[data-view="world"] .chart-scope{left:15px;right:15px;bottom:44px;font-size:9px}.route-controls{left:13px;right:13px}.route-controls span{display:none}.app[data-mode="guided"] .journey-panel h1{font-size:27px}dialog{width:calc(100vw - 16px);max-height:95dvh;border-radius:6px}dialog>header{padding:19px 18px}dialog h2{font-size:22px}.atlas-toolbar{padding:12px;grid-template-columns:1fr}.atlas-toolbar input{grid-column:auto}.atlas-filters{padding:0 12px 12px}.atlas-grid{padding:0 12px 15px;grid-template-columns:1fr;max-height:calc(100% - 344px)}.proof-tabs{padding:0 7px}.proof-tabs button{font-size:10px;padding:11px}.proof-layout>section{padding:21px 18px}.proof-ladder ol{grid-template-columns:1fr}.export-content{padding:18px}.export-content>label{grid-template-columns:1fr;gap:6px}.guide-columns{padding:20px}.compare-grid{padding:18px}.command-search{width:calc(100% - 32px);margin:16px}.command-results{padding:0 16px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#torusGPUCanvas{position:absolute;left:0;top:208px;width:61%;height:calc(100% - 282px);display:none;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#173743 0%,#0b222e 45%,#081923 75%)}.app[data-view="world"] #torusGPUCanvas{display:block}.chart-toolbar select{border:1px solid #3c5867;background:#132b37;color:#bed6da;min-height:30px;padding:5px 7px;border-radius:4px;font-size:9px;max-width:78px}
@media(min-width:1600px){#torusGPUCanvas{width:65%}}
@media(max-width:900px){.app[data-view="world"] #torusGPUCanvas{top:210px;width:100%;height:350px}}
@media(max-width:560px){.app[data-view="world"] #torusGPUCanvas{top:213px;height:273px}}
.fibre-controls:empty,.fibre-landmarks:empty,#fibreStatus:empty{display:none;margin:0}
/* On a phone, Workspace keeps the parameter response visible while its
   controls scroll. Focus and the paired angular maps retain their own layouts. */
@media(max-width:900px) and (min-height:600px){
  .app[data-mode="research"]:not([data-view="world"]){height:100dvh;min-height:0;display:grid;grid-template-rows:97px minmax(0,1fr);overflow:hidden}
  .app[data-mode="research"]:not([data-view="world"]) .experience{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(300px,60%) minmax(0,1fr);min-height:0;overflow:hidden}
  .app[data-mode="research"]:not([data-view="world"]) .stage{height:auto;min-height:0;max-height:none}
  .app[data-mode="research"]:not([data-view="world"]) .research-drawer{min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 20px 26px;scroll-padding-block:18px}
  .app[data-mode="research"]:not([data-view="world"]) .research-drawer>header{margin-bottom:13px}
  .app[data-mode="research"]:not([data-view="world"]) .research-drawer h2{font-size:17px}
  .app[data-mode="research"]:not([data-view="world"]) .evidence>header{padding:8px 14px}
  .app[data-mode="research"]:not([data-view="world"]) .evidence h2{font-size:18px}
  .app[data-mode="research"]:not([data-view="world"]) .evidence footer{padding:6px 14px 8px}
  .app[data-mode="research"]:not([data-view="world"]) .evidence-meta>span{display:none}
  .app[data-mode="research"]:not([data-view="world"]) .inspection-toolbar>span{display:none}
}
