/* UI-3 presentation: all color values inherit the working semantic UI-1 palette. */
:root { --visual-line:var(--border-strong); --visual-grid:color-mix(in srgb,var(--border-subtle) 45%,transparent); --visual-silver:var(--text-secondary); --visual-rehearsal:var(--accent-secondary); --visual-selection:var(--accent-primary); }
.symbol-identity { border:0; width:34px; height:34px; padding:3px; color:var(--text-secondary); }
.symbol-identity svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.2; }
.symbol-identity .symbol-eyes { stroke:var(--accent-primary); stroke-width:1.8; }
.topbar { padding-block:20px; }
.topbar .badge { font-size:10px; }
.provenance { font-size:10px; line-height:1.6; }
.source-button { display:inline-flex; justify-content:center; align-items:center; width:28px; height:28px; min-height:28px; padding:0; border:1px solid transparent; border-radius:50%; color:var(--text-muted); font-size:14px; }
.source-button:hover,.source-button:focus-visible { color:var(--accent-primary); border-color:var(--border-strong); background:var(--surface); }
.visual-meta { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.data-fact dd { display:grid; grid-template-columns:minmax(0,1fr) 28px; align-items:center; gap:5px 8px; }
.data-fact dd>strong { grid-column:1/-1; }
.data-fact dd>.source-button { grid-column:2; grid-row:2; }
.data-fact .provenance { grid-column:1; }
.data-fact strong { font-size:19px; font-weight:550; letter-spacing:-.02em; }
.data-fact dt { font-size:12px; }
.terminal-page .module-heading h2 { font-size:clamp(28px,3.2vw,44px); font-weight:550; letter-spacing:-.045em; }
.terminal-page .module-heading .eyebrow { font-size:10px; letter-spacing:.15em; }
.terminal-page .module-intro { color:var(--text-muted); margin:12px 0 24px; font-size:14px; }
.terminal-page .terminal-module { padding:38px 0; }
.terminal-page .terminal-heading { padding:28px 0 20px; margin:0; }
.terminal-heading h1 { font-size:clamp(38px,4.7vw,66px); font-weight:550; }
.terminal-heading>.eyebrow { margin-bottom:12px; }
.terminal-heading>p { font-size:13px; }
.mode-band { padding:15px 0; border-inline:0; background:transparent; font-size:11px; }
.mode-band b { font-weight:500; }
.terminal-page .module-nav { gap:14px 27px; padding-block:20px; font-size:12px; }
.terminal-page .module-nav a:hover,.terminal-page .module-nav a:focus-visible { color:var(--accent-primary); }
/* Short, silver-led landing. Lime is reserved for eyes, cursor, focus and small marks. */
.landing-page .landing { grid-template-columns:1.15fr 1fr; gap:22px 75px; padding-top:58px; }
.landing-page .hero h1 { font-size:clamp(112px,14vw,196px); font-weight:650; letter-spacing:-.08em; }
.landing-page .hero .brand-byline { font-size:14px; margin:18px 0 27px; }
.landing-page .hero .primary-slogan { font-size:clamp(28px,3vw,43px); line-height:1.16; }
.landing-page .hero .primary-slogan em { color:var(--text-primary); }
.landing-page .hero .primary-slogan em::after { content:'_'; color:var(--accent-primary); }
.landing-page .hero .eyebrow { color:var(--text-secondary); font-family:var(--font-mono); font-size:10px; }
.landing-page .hero-manifesto { margin-top:25px; font-size:16px; }
.landing-page .hero-actions { margin-top:27px; }
.landing-page .hero .button { background:var(--text-primary); border-color:var(--text-primary); color:var(--bg-primary); padding:16px 19px; }
.landing-page .hero .button:hover { background:var(--text-secondary); }
.landing-page .hero .button:focus-visible { outline-color:var(--accent-primary); }
.landing-page .identity-stage { align-self:center; padding:23px; border:0; border-block:1px solid var(--border-strong); background:radial-gradient(ellipse at center,var(--surface-raised),var(--bg-primary) 70%); }
.landing-page .identity-stage::before,.landing-page .identity-stage::after { content:''; position:absolute; pointer-events:none; width:28px; height:28px; border-color:var(--text-secondary); }
.landing-page .identity-stage::before { top:-1px; left:0; border-top:1px solid; border-left:1px solid; }
.landing-page .identity-stage::after { bottom:-1px; right:0; border-bottom:1px solid; border-right:1px solid; }
.landing-page .stage-top { font-size:9px; line-height:1.6; }
.landing-page .mascot-slot { width:min(330px,100%); margin:18px auto 8px; }
.landing-page .cat-outline { fill:var(--bg-secondary); stroke:var(--text-muted); }
.landing-page .cat-detail { stroke:var(--visual-line); }
.identity-guide { fill:none; stroke:var(--border-subtle); stroke-width:.7; stroke-dasharray:2 7; }
.landing-page .placeholder-label { font-size:9px; letter-spacing:.08em; }
.landing-page .concept-controls { gap:0; margin-top:18px; }
.landing-page .concept-controls button { padding:9px 12px; border:0; border-bottom:1px solid var(--border-subtle); font-size:10px; }
.landing-page .concept-controls button[aria-pressed="true"] { background:transparent; color:var(--text-primary); border-bottom-color:var(--accent-primary); }
.landing-page .boot-terminal { padding:19px 0 0; margin-top:14px; font-size:11px; }
.landing-page .terminal-prompt::after { content:'▏'; color:var(--accent-primary); margin-left:6px; }
.landing-page .boot-copy { color:var(--text-muted); }
.landing-page .landing-divider { padding-block:19px; }
.landing-page .identity-note { font-size:11px; max-width:900px; }
/* Project control strip: one hierarchy, not nine cards. */
.control-strip { display:grid; grid-template-columns:1fr 1.7fr; gap:35px; padding:25px 0 24px; border-block:1px solid var(--border-strong); }
.project-status { display:flex; align-items:center; gap:22px; }
.status-orbit { display:grid; place-items:center; flex:none; width:74px; height:74px; border:1px solid var(--border-strong); border-radius:50%; outline:1px dashed var(--border-subtle); outline-offset:8px; color:var(--text-muted); }
.status-orbit>span { font:32px var(--font-mono); }
.project-status .eyebrow { margin:0 0 8px; color:var(--text-muted); font:10px var(--font-mono); }
.project-status strong { display:block; font-size:clamp(20px,2.1vw,29px); letter-spacing:-.04em; line-height:1.15; }
.project-status p { color:var(--text-muted); margin:8px 0; font-size:12px; }
.control-metrics .data-facts { height:100%; gap:0; }
.control-metrics .data-fact { border:0; padding:12px 20px; border-left:1px solid var(--border-subtle); }
.control-metrics .data-fact strong { font-size:21px; line-height:1.25; }
.control-secondary .data-facts { grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; }
.control-secondary .data-fact { padding:15px 0; }
.control-secondary .data-fact strong { font-size:14px; letter-spacing:0; }
.control-secondary .provenance { font-size:9px; }
.compact-scope { display:flex; align-items:center; gap:12px; padding:12px 16px; margin-block:17px; background:var(--bg-secondary); }
.compact-scope p { font-size:11px; margin:0 auto 0 0; }
.compact-scope a { margin:0; flex:none; font-size:11px; }
/* Dormant chart shell is a decorative coordinate grid; no values or plotted series. */
.market-band { border:0; padding:0; margin-top:24px; }
.dormant-market { position:relative; display:flex; align-items:center; gap:24px; padding:22px 24px; min-height:112px; border:1px solid var(--border-subtle); background-image:linear-gradient(var(--visual-grid) 1px,transparent 1px),linear-gradient(90deg,var(--visual-grid) 1px,transparent 1px); background-size:42px 28px; }
.market-crosshair { color:var(--text-muted); font:30px var(--font-mono); }
.dormant-market .eyebrow { margin:0 0 8px; color:var(--text-muted); font:9px var(--font-mono); }
.dormant-market h3 { font-size:23px; letter-spacing:-.025em; margin:0; }
.dormant-market p { margin:6px 0 0; font-size:12px; color:var(--text-muted); }
.market-slot { margin-left:auto; color:var(--text-muted); font:9px var(--font-mono); text-align:right; }
.market-band .data-facts { gap:22px; }
.market-band .data-fact strong { font:12px var(--font-mono); }
.market-band .provenance { font-size:9px; }
/* Signature proof circuit. Node selection is interaction, never a healthy verdict. */
.track-heading { display:flex; justify-content:space-between; gap:20px; font:10px var(--font-mono); color:var(--text-muted); padding:12px 0; }
.evidence-line { margin:0; padding:12px 4px; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-color:var(--border-strong) var(--bg-primary); }
.evidence-line li { flex:1 0 138px; border:0; scroll-snap-align:start; }
.evidence-line li::before { width:100%; height:1px; top:26px; left:0; border:0; border-radius:0; background:var(--border-strong); }
.evidence-line li:first-child::before { left:50%; width:50%; }
.evidence-line li:last-child::before { width:50%; }
.evidence-line a { position:relative; padding:0 6px 12px; align-items:center; gap:11px; text-align:center; border-bottom:1px solid transparent; }
.evidence-line a:hover { background:transparent; }
.proof-node { display:grid; place-items:center; width:52px; height:52px; border:1px solid var(--border-strong); border-radius:50%; background:var(--bg-primary); transition:border-color .18s,transform .18s; }
.evidence-line .proof-number { font:13px var(--font-mono); }
.evidence-line strong { font-size:12px; font-weight:500; letter-spacing:.015em; }
.evidence-line .node-state { font-size:9px; }
.evidence-line small { font-size:8px; }
.evidence-line .node-action { font-size:8px; letter-spacing:.04em; color:var(--text-muted); }
.evidence-line a:hover .proof-node,.evidence-line a:focus-visible .proof-node,.evidence-line a[aria-current="location"] .proof-node { border-color:var(--accent-primary); transform:translateY(-3px); }
.evidence-line a[aria-current="location"] { border-bottom-color:var(--accent-primary); }
.evidence-line a[aria-current="location"] .node-action { color:var(--accent-primary); }
/* Flow branches: silver weighted paths; a lime path only while selected/focused. */
.supply-figure { position:relative; padding-top:6px; }
.supply-root { justify-content:center; flex-direction:column; gap:16px; text-align:center; padding:20px 0 0; }
.supply-root>div { margin:0; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; }
.supply-root>div:first-child { flex-direction:column; gap:0; }
.supply-root strong { font-size:44px; font-weight:500; }
.supply-root strong small { display:block; font:10px var(--font-mono); letter-spacing:.07em; margin-top:5px; }
.supply-root>div>span { margin:0; font-size:9px; }
.supply-root>div>span:first-child { color:var(--text-muted); }
.supply-connectors { display:block; width:100%; height:84px; overflow:visible; }
.supply-connectors path { fill:none; stroke:var(--text-muted); opacity:.65; transition:stroke .2s,opacity .2s; }
.supply-tree { grid-template-columns:repeat(4,minmax(0,1fr)); border:0; }
.supply-branch,.supply-branch:first-child,.supply-branch:last-child { padding:0 20px 16px; border:0; min-width:0; }
.branch-heading { position:relative; border-top:1px solid var(--border-strong); padding-top:19px; }
.branch-node { position:absolute; width:7px; height:7px; background:var(--text-secondary); border-radius:50%; top:-4px; left:calc(50% - 4px); }
.supply-branch h3 { min-height:40px; margin:0 0 10px; font-size:17px; line-height:1.25; }
.flow-value { gap:4px; }
.flow-value>strong { font-size:29px; letter-spacing:-.025em; }
.flow-value .share-label { font:11px var(--font-mono); color:var(--text-secondary); display:flex; align-items:center; gap:5px; }
.flow-value .source-button { font-size:13px; }
.branch-status { font:9px/1.5 var(--font-mono); color:var(--text-muted); overflow-wrap:anywhere; }
.suballocations { margin-top:18px; padding-left:18px; border-left:1px solid var(--border-strong); }
.suballocations .flow-value { padding-bottom:18px; }
.suballocations .flow-value::before { left:-18px; width:11px; }
.suballocations .flow-value>strong { font-size:20px; }
.suballocations .flow-value>span:first-child { font-size:12px; }
.suballocations [data-flow-provenance="LOCAL_REHEARSAL"] { border-left:0; }
.suballocations [data-flow-provenance="LOCAL_REHEARSAL"]::before { background:transparent; border-top:1px dashed var(--visual-rehearsal); }
.supply-figure:has([data-supply-focus="founder"]:hover) path[data-branch="founder"],.supply-figure:has([data-supply-focus="founder"]:focus-within) path[data-branch="founder"],.supply-figure:has([data-supply-focus="treasury"]:hover) path[data-branch="treasury"],.supply-figure:has([data-supply-focus="treasury"]:focus-within) path[data-branch="treasury"],.supply-figure:has([data-supply-focus="liquidity"]:hover) path[data-branch="liquidity"],.supply-figure:has([data-supply-focus="liquidity"]:focus-within) path[data-branch="liquidity"],.supply-figure:has([data-supply-focus="public"]:hover) path[data-branch="public"],.supply-figure:has([data-supply-focus="public"]:focus-within) path[data-branch="public"] { stroke:var(--accent-primary); opacity:1; }
.diagram-legend { display:flex; flex-wrap:wrap; gap:10px 25px; padding:15px 0; border-top:1px solid var(--border-subtle); font:10px var(--font-mono); color:var(--text-muted); }
/* Launch architecture, with a visually explicit conservation equation. */
.launch-flow-band { padding:24px 26px 0; background:var(--bg-secondary); border-block:1px solid var(--border-strong); }
.launch-flow-band .eyebrow { color:var(--text-muted); font:10px var(--font-mono); margin-bottom:8px; }
.launch-flow-band h3 { font-size:24px; letter-spacing:-.03em; margin:0; }
.launch-flow-band p { font-size:12px; color:var(--text-muted); margin:8px 0 20px; }
.launch-equation { display:flex; align-items:center; gap:28px; padding-bottom:18px; }
.launch-equation>div { flex:1; min-width:0; }
.launch-equation strong { display:block; font-size:40px; letter-spacing:-.04em; font-weight:500; }
.launch-equation>div>span { display:block; font-size:12px; color:var(--text-muted); }
.launch-equation .visual-meta { display:flex; }
.launch-equation>b { font:24px var(--font-mono); color:var(--text-muted); font-weight:400; }
.launch-subtotal { border-left:1px solid var(--border-strong); padding-left:30px; }
.launch-weight { width:100%; height:5px; display:block; }
.auction-weight { fill:var(--text-secondary); }
.migration-weight { fill:var(--border-strong); }
.launch-route { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); margin:33px 0 20px; gap:0; }
.launch-route li { position:relative; display:flex; flex-direction:column; align-items:start; gap:8px; padding:0 14px 15px; min-width:0; }
.launch-route li::before { content:''; height:1px; position:absolute; top:20px; left:14px; right:-14px; background:var(--border-strong); }
.launch-route li:last-child::before { display:none; }
.launch-route li:not(:last-child)::after { content:'›'; display:block; position:absolute; right:-6px; top:7px; background:var(--bg-primary); z-index:1; font-size:19px; }
.pipeline-node { z-index:1; background:var(--bg-primary); border:1px solid var(--border-strong); border-radius:4px; display:grid; place-items:center; width:40px; height:40px; font:11px var(--font-mono); color:var(--text-muted); }
.launch-route strong { font-size:14px; overflow-wrap:anywhere; font-weight:550; }
.launch-route p { margin:0; min-height:34px; color:var(--text-secondary); font-size:11px; line-height:1.5; }
.pipeline-state { font:9px/1.6 var(--font-mono); color:var(--text-muted); }
.launch-route .provenance { font-size:9px; }
.launch-route li:focus-within .pipeline-node,.launch-route li:hover .pipeline-node { border-color:var(--accent-primary); }
.offline-checks { border-block:1px solid var(--border-subtle); padding:15px 0; }
.offline-checks summary { font-size:12px; }
/* Flagship scanner: inventory, path and a deliberately empty observation bay. */
.xray-scanner { position:relative; border:1px solid var(--border-strong); background:var(--bg-secondary); overflow:hidden; }
.scanner-toolbar,.contract-toolbar { display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; border-bottom:1px solid var(--border-strong); padding:15px 20px; font:10px var(--font-mono); color:var(--text-muted); background:var(--surface); }
.xray-scanner::after { content:''; pointer-events:none; position:absolute; top:46px; bottom:0; left:0; width:1px; background:var(--text-muted); opacity:0; }
.xray-scanner:hover::after,.xray-scanner:focus-within::after { animation:scanner-pass .7s ease-out 1; }
@keyframes scanner-pass { 0% { left:0; opacity:0; } 20% { opacity:.4; } 100% { left:100%; opacity:0; } }
.evidence-layers { border:0; grid-template-columns:.95fr 1.1fr 1fr; }
.evidence-layers>section,.evidence-layers>section:first-child,.evidence-layers>section:last-child { padding:22px; }
.evidence-layers>section:last-child { background-image:linear-gradient(var(--visual-grid) 1px,transparent 1px),linear-gradient(90deg,var(--visual-grid) 1px,transparent 1px); background-size:32px 32px; }
.layer-number { color:var(--text-muted); font:9px var(--font-mono); letter-spacing:.12em; margin-bottom:12px; }
.evidence-layers h3 { font-size:21px; letter-spacing:-.025em; }
.evidence-layers .data-facts { grid-template-columns:1fr; }
.evidence-layers .data-fact { padding:12px 0; }
.evidence-layers .data-fact strong { font-size:17px; }
.allocation-orbit { display:grid; place-items:center; width:150px; height:150px; margin:28px auto; border:1px solid var(--border-strong); outline:1px dashed var(--border-subtle); outline-offset:9px; border-radius:50%; box-shadow:inset 0 0 0 16px var(--bg-secondary),inset 0 0 0 17px var(--border-subtle); }
.allocation-orbit span { font-size:35px; letter-spacing:-.04em; }
.layer-note { font-size:12px; line-height:1.7; color:var(--text-muted); margin:20px 0 0; }
.custody-path { display:grid; grid-template-columns:1fr auto 1fr; gap:9px; align-items:center; padding:15px 0; font:10px/1.7 var(--font-mono); color:var(--text-secondary); }
.custody-path span:last-child { grid-column:1/-1; border-top:1px dashed var(--border-strong); padding-top:10px; color:var(--text-muted); }
.custody-path i { font-style:normal; color:var(--text-muted); }
.production-void { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:209px; padding:25px 0; text-align:center; }
.production-void>span { font:48px var(--font-mono); color:var(--text-muted); }
.production-void strong { font:12px var(--font-mono); margin-top:10px; }
.production-void p { color:var(--text-muted); font-size:12px; max-width:220px; margin-bottom:0; }
.production-rails { border-top:1px solid var(--border-strong); padding:18px 22px; }
.rail-heading { display:flex; justify-content:space-between; gap:20px; font:9px var(--font-mono); color:var(--text-muted); margin-bottom:7px; }
.production-rails .data-facts { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 24px; }
.production-rails .data-fact { padding:11px 0; }
.production-rails .data-fact strong { font:12px var(--font-mono); }
.hash-panel { padding:18px 22px; margin-top:20px; border:1px solid var(--border-subtle); background:var(--bg-secondary); }
.hash-heading { display:flex; justify-content:space-between; gap:18px; align-items:center; }
.hash-heading .eyebrow { font:9px var(--font-mono); color:var(--text-muted); margin:0; }
.hash-comparison { display:grid; grid-template-columns:1fr 30px 1fr .8fr; gap:20px; align-items:center; margin-top:18px; }
.hash-comparison>div { min-width:0; }
.hash-comparison>div>span:first-child { display:block; color:var(--text-muted); font:10px var(--font-mono); }
.hash-comparison strong { overflow-wrap:anywhere; display:block; font:12px var(--font-mono); margin-top:9px; }
.hash-placeholder { display:block; letter-spacing:.07em; color:var(--text-muted); margin-top:5px; white-space:nowrap; }
.hash-divider { text-align:center; font-size:25px; color:var(--text-muted); }
.hash-verdict { border-left:1px solid var(--border-strong); padding-left:22px; }
.hash-panel .fineprint { font-size:11px; margin-bottom:0; }
/* Timelines: subtle planned areas, an explicit movable selection and exact text outputs. */
.simulation-header { gap:15px; }
.simulation-caption { margin-left:auto; font-size:12px; color:var(--text-muted); }
.schedule-policy .data-facts { grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; margin-bottom:24px; }
.schedule-policy .data-fact { padding:8px 0; }
.schedule-policy .data-fact strong { font-size:17px; }
.schedule-panel { border:1px solid var(--border-strong); padding:20px 24px 13px; background:var(--bg-secondary); }
.schedule-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; color:var(--text-muted); font:10px var(--font-mono); }
.schedule-heading output { color:var(--text-primary); font:18px var(--font-mono); padding:0; }
.schedule-svg { display:block; width:100%; max-height:270px; overflow:visible; }
.chart-grid { fill:none; stroke:var(--border-subtle); stroke-width:1; }
.cliff-segment { fill:var(--surface-raised); opacity:.7; }
.planned-area { fill:var(--surface-raised); }
.vested-area { fill:var(--text-muted); opacity:.28; }
.planned-curve { fill:none; stroke:var(--text-secondary); stroke-width:2.5; }
.release-boundaries { stroke:var(--border-strong); stroke-dasharray:3 7; fill:none; }
.time-marker-line { stroke:var(--accent-primary); stroke-width:1.5; stroke-dasharray:3 4; }
.time-marker-dot { fill:var(--accent-primary); stroke:var(--bg-primary); stroke-width:2; }
.remaining-fill { fill:var(--border-strong); }
.vested-fill { fill:var(--text-secondary); }
.schedule-axis { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; margin:8px 0 14px; color:var(--text-muted); font:10px var(--font-mono); }
.schedule-key { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; padding:12px 0; border-top:1px solid var(--border-subtle); font-size:10px; color:var(--text-secondary); }
.schedule-key span { display:flex; align-items:center; gap:7px; }
.schedule-key i { display:inline-block; width:10px; height:4px; }
.key-vested { background:var(--text-secondary); }
.key-remaining { background:var(--border-strong); }
.schedule-panel .timeline-label { font-size:12px; color:var(--text-secondary); padding-top:6px; }
[data-simulation] { accent-color:var(--accent-primary); margin:13px 0 5px; }
.simulation-results .data-fact { padding:20px 0; }
.simulation-results .data-fact strong { font-size:clamp(20px,2.2vw,30px); }
[data-schedule="treasury"] { border-left:3px solid var(--text-secondary); }
[data-schedule="treasury"] .planned-area { fill:var(--surface-raised); }
[data-schedule="treasury"] .planned-curve { stroke-dasharray:5 3; }
[data-schedule="treasury"] .vested-area { fill:var(--accent-secondary); opacity:.22; }
/* Three-layer proof disclosures and local-only match accent. */
.terminal-page .proof-row summary { grid-template-columns:45px 1fr 150px 100px; padding:20px 5px; gap:15px; }
.proof-row[open] summary { border-left:2px solid var(--accent-primary); padding-left:14px; }
.proof-row summary strong { font-size:19px; }
.proof-detail .data-facts { grid-template-columns:repeat(3,minmax(0,1fr)); }
.proof-detail .data-fact { padding:20px 15px; border:0; border-right:1px solid var(--border-subtle); }
.proof-detail .data-fact:last-child { border:0; }
.proof-detail .data-fact dt { font-size:12px; color:var(--text-primary); }
.proof-detail .data-fact strong { font-size:18px; }
.contract-xray { border:1px solid var(--border-strong); background:var(--bg-secondary); padding-bottom:10px; }
.contract-source-band { padding:15px 22px; }
.contract-source-band .data-facts { gap:0 25px; }
.contract-source-band .data-fact strong { font:14px var(--font-mono); }
.contract-xray .scope-note { margin:12px 22px; font-size:12px; }
.contract-xray .proof-table { width:calc(100% - 44px); margin:20px 22px; }
.proof-table th,.proof-table td { padding:13px 14px; }
.proof-table td>.source-button { display:inline-flex; margin-top:4px; }
.proof-table .provenance { font-size:9px; }
.local-match { display:block; color:var(--state-match); font:10px var(--font-mono); margin-top:7px; }
/* A brief sheet reveal; never an alert loop. */
.evidence-drawer[open] { animation:sheet-in .2s ease-out 1; }
@keyframes sheet-in { from { opacity:.7; transform:translateX(18px); } to { opacity:1; transform:translateX(0); } }
.evidence-drawer[open]::after { content:''; position:absolute; top:80px; right:25px; width:25px; height:60px; border-inline:1px solid var(--border-strong); transform:skewX(-24deg); pointer-events:none; animation:drawer-scratch .3s ease-out 1 both; }
@keyframes drawer-scratch { 0% { opacity:0; transform:skewX(-24deg) scaleY(0); } 45% { opacity:.6; transform:skewX(-24deg) scaleY(1); } 100% { opacity:0; } }
.visual-state-legend .mode-sample { position:relative; display:flex; flex-direction:column; gap:9px; align-items:center; min-width:110px; padding:18px; border-color:var(--border-strong); overflow:hidden; }
.mode-eyes { width:54px; height:22px; fill:none; stroke:var(--eye-color); stroke-width:3; }
.mode-sample small { font:8px var(--font-mono); color:var(--text-muted); }
.mode-sample[data-mode="NOTICE"]:hover .mode-eyes { animation:notice-pulse .45s ease-out 1; }
@keyframes notice-pulse { 50% { opacity:.45; } }
.mode-sample[data-mode="CAUTION"] { border-color:var(--state-notice); box-shadow:inset 3px 0 var(--state-notice); }
.mode-sample[data-mode="STABBY"] { border-color:var(--state-conflict); }
.mode-sample[data-mode="STABBY"]::after,.mode-sample[data-mode="CAUTION"]::after { content:''; position:absolute; width:18px; height:50px; top:10px; right:9px; border-inline:1px solid currentColor; transform:skewX(-25deg); opacity:.35; pointer-events:none; }
.mode-sample[data-mode="STABBY"]:hover::after { animation:drawer-scratch .3s ease-out 1; }
.advanced-page .module-heading { padding-bottom:12px; }
.advanced-page .card { border-radius:0; }
.advanced-page .card>.eyebrow { color:var(--text-secondary); }
.advanced-page .warning { border-radius:0; }
@media(max-width:1200px) { .control-strip { grid-template-columns:1fr; gap:18px; } .control-metrics .data-fact:first-child { border-left:0; padding-left:0; } .control-metrics .data-fact { padding-block:10px; } .control-secondary .data-facts { grid-template-columns:repeat(3,minmax(0,1fr)); } .launch-route { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 0; } .launch-route li:nth-child(3)::after { display:none; } .launch-route li:nth-child(3)::before { display:none; } }
@media(max-width:1000px) { .supply-branch,.supply-branch:first-child,.supply-branch:last-child,.supply-branch:nth-child(3),.supply-branch:nth-child(4) { padding-inline:12px; border:0; } .supply-branch h3 { font-size:15px; } .flow-value>strong { font-size:23px; } .visual-meta .provenance { font-size:9px; } .launch-equation { gap:18px; } .evidence-layers { grid-template-columns:1fr; } .evidence-layers>section,.evidence-layers>section:first-child,.evidence-layers>section:last-child { padding:22px; border-right:0; border-bottom:1px solid var(--border-strong); } .allocation-orbit { width:115px; height:115px; margin:20px auto; } .evidence-layers .data-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } .production-void { min-height:150px; } .layer-note { max-width:650px; } .production-rails .data-facts { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:800px) { .landing-page .landing { gap:24px; padding-top:40px; } .landing-page .hero h1 { font-size:clamp(82px,15vw,125px); } .landing-page .stage-top { flex-direction:column; } .landing-page .concept-controls button { padding:8px; font-size:9px; } .compact-scope { flex-wrap:wrap; } .control-metrics .data-facts { grid-template-columns:repeat(3,minmax(0,1fr)); } .control-metrics .data-fact strong { font-size:17px; } .control-secondary .data-facts { gap:15px; } .control-secondary .data-fact strong { font-size:13px; } .market-band .data-facts { grid-template-columns:repeat(3,minmax(0,1fr)); } .schedule-policy .data-facts { grid-template-columns:repeat(3,minmax(0,1fr)); } .hash-comparison { grid-template-columns:1fr 20px 1fr; gap:14px; } .hash-verdict { grid-column:1/-1; border:0; border-top:1px solid var(--border-subtle); padding:12px 0 0; } .hash-verdict strong { display:inline-block; margin-right:10px; } .hash-verdict .source-button { vertical-align:middle; } .proof-detail .data-facts { grid-template-columns:1fr; } .proof-detail .data-fact { padding:15px 0; border-right:0; border-bottom:1px solid var(--border-subtle); } .proof-detail .data-fact:last-child { border:0; } }
@media(max-width:600px) { .landing-page .landing { grid-template-columns:1fr; padding-top:38px; gap:28px; } .landing-page .hero h1 { font-size:clamp(112px,25vw,148px); } .landing-page .hero .primary-slogan { font-size:34px; } .landing-page .identity-stage { padding:20px; width:100%; } .landing-page .stage-top { flex-direction:row; font-size:8px; } .landing-page .mascot-slot { width:240px; } .landing-page .hero-actions { gap:22px; } .landing-page .hero .button { font-size:11px; } .landing-page .boot-terminal { margin:0; } .terminal-page .terminal-heading { padding-top:26px; gap:8px; } .terminal-page .terminal-heading h1 { font-size:40px; } .terminal-page .terminal-heading>p { margin:4px 0 10px; } .mode-band { gap:12px; } .mode-band span { width:100%; } .terminal-page .terminal-module { padding-block:29px; } .project-status { gap:20px; } .status-orbit { width:56px; height:56px; outline-offset:5px; } .project-status strong { font-size:23px; } .control-strip { padding-block:22px 12px; } .control-metrics .data-facts { grid-template-columns:1fr; } .control-metrics .data-fact,.control-metrics .data-fact:first-child { display:grid; grid-template-columns:110px 1fr; gap:15px; padding:12px 0; border-left:0; border-top:1px solid var(--border-subtle); } .control-metrics .data-fact dt { align-self:start; padding-top:4px; margin:0; } .control-metrics .data-fact strong { font-size:18px; } .control-secondary .data-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } .compact-scope { padding:12px; } .market-slot { display:none; } .dormant-market { padding:20px; gap:16px; } .market-band .data-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .track-heading { font-size:9px; } .evidence-line { scroll-snap-type:x mandatory; } .evidence-line li { flex-basis:155px; } .evidence-line small { font-size:9px; } .supply-root { text-align:left; align-items:start; padding:10px 0 22px 18px; border-left:1px solid var(--border-strong); } .supply-root>div { justify-content:start; } .supply-root>div:first-child { align-items:start; } .supply-root strong { font-size:38px; } .supply-connectors { display:none; } .supply-tree { grid-template-columns:1fr; padding-left:18px; border-left:1px solid var(--border-strong); } .supply-branch,.supply-branch:first-child,.supply-branch:last-child,.supply-branch:nth-child(3),.supply-branch:nth-child(4) { padding:0 0 25px; border:0; } .branch-heading { padding-top:15px; border-top:1px solid var(--border-subtle); } .branch-heading::before { content:''; position:absolute; width:18px; height:1px; left:-18px; top:24px; background:var(--border-strong); } .branch-node { left:-22px; top:21px; } .supply-branch h3 { min-height:0; font-size:20px; } .flow-value>strong { font-size:28px; } .suballocations { display:grid; grid-template-columns:1fr; gap:0; margin-top:14px; } .suballocations .flow-value>strong { font-size:22px; } .suballocations .flow-value { padding-bottom:14px; } .visual-meta .provenance { font-size:10px; } .launch-flow-band { padding:20px 18px 0; } .launch-equation { flex-wrap:wrap; gap:12px; } .launch-equation>div { flex:1 1 40%; } .launch-equation>div.launch-subtotal { flex-basis:80%; padding-left:0; border-left:0; border-top:1px solid var(--border-strong); padding-top:12px; } .launch-equation>b { font-size:20px; } .launch-equation>b:nth-of-type(2) { align-self:center; } .launch-equation strong { font-size:32px; } .launch-equation .provenance { font-size:9px; } .launch-route { grid-template-columns:1fr; gap:0; margin-left:7px; } .launch-route li { padding:0 0 25px 61px; gap:6px; min-height:148px; border-left:1px solid var(--border-strong); margin-left:20px; } .launch-route li::before,.launch-route li:nth-child(3)::before { display:none; } .launch-route li:not(:last-child)::after,.launch-route li:nth-child(3)::after { display:block; top:auto; left:-6px; right:auto; bottom:6px; transform:rotate(90deg); font-size:18px; } .pipeline-node { position:absolute; left:-20px; top:0; } .launch-route li:last-child { border-color:transparent; min-height:120px; } .launch-route strong { font-size:18px; } .launch-route p { min-height:0; font-size:12px; } .launch-route .source-button { position:absolute; right:3px; top:30px; } .evidence-layers>section,.evidence-layers>section:first-child,.evidence-layers>section:last-child { padding:20px 18px; } .evidence-layers .data-facts { grid-template-columns:1fr; } .production-rails { padding:18px; } .production-rails .data-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .rail-heading { flex-wrap:wrap; gap:8px; } .hash-panel { padding:17px; } .hash-heading { flex-wrap:wrap; gap:12px; } .hash-comparison { grid-template-columns:1fr; gap:15px; } .hash-divider { display:none; } .hash-comparison>div { border-bottom:1px solid var(--border-subtle); padding-bottom:9px; } .hash-verdict { border:0; } .simulation-caption { margin-left:0; width:100%; font-size:11px; } .schedule-policy .data-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .schedule-panel { padding:18px 14px 10px; } .schedule-heading { font-size:9px; } .schedule-heading output { font-size:15px; white-space:nowrap; } .schedule-svg { min-height:145px; } .schedule-axis { font-size:9px; gap:8px 16px; } .schedule-key { font-size:10px; } .simulation-results .data-facts { grid-template-columns:1fr; } .simulation-results .data-fact { padding:15px 0; } .simulation-results .data-fact strong { font-size:27px; } .terminal-page .proof-row summary { grid-template-columns:25px 1fr 118px; gap:8px; } .proof-row summary strong { font-size:16px; } .proof-row .proof-state { font-size:9px; } .terminal-page .proof-detail { padding:8px 18px 16px; } .contract-source-band { padding:15px 17px; } .contract-source-band .data-facts { gap:0 18px; } .contract-source-band .data-fact strong { font-size:12px; } .contract-xray .scope-note { margin-inline:17px; } .contract-xray .proof-table { width:calc(100% - 34px); margin:20px 17px; } .proof-table caption { display:block; width:100%; } .proof-table th,.proof-table td { padding:13px; } .visual-state-legend .mode-sample { flex:1 1 40%; } }
@media(prefers-reduced-motion:reduce) { .evidence-drawer[open],.xray-scanner::after,.mode-sample::after,.mode-eyes { animation:none!important; } .proof-node,.supply-connectors path { transition:none!important; } }