#retro-app{--retro-bg:#0b0b19;--retro-panel:#111127db;--retro-line:#dfbeff2e;--retro-ink:#f7efff;--retro-muted:#aaa6c3;--retro-pink:#ff91c8;--retro-gold:#ffd184;--retro-cyan:#7ce7e0;min-height:100vh;color:var(--retro-ink);background:var(--retro-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#retro-app *,#retro-app :before,#retro-app :after{box-sizing:border-box}#retro-app #scene-shell{background:#09091a;position:fixed;inset:0}#retro-app #scene-shell:after{content:"";pointer-events:none;background:linear-gradient(90deg,#080715f5 0%,#080715c4 34%,#08071514 67%,#0000 100%);position:absolute;inset:0}#retro-app canvas{width:100%;height:100%;display:block}#retro-app .retro-hud{z-index:2;scrollbar-width:thin;width:min(760px,100vw - 42px);min-height:100vh;padding:28px 0 44px 22px;position:relative;overflow-y:auto}#retro-app .back-link{color:var(--retro-cyan);letter-spacing:.02em;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none}#retro-app .back-link:hover{color:#fff}#retro-app .eyebrow{color:var(--retro-gold);letter-spacing:.18em;margin-top:28px;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}#retro-app h1{letter-spacing:-.075em;text-wrap:balance;max-width:680px;margin:12px 0 14px;font-size:clamp(56px,8.2vw,100px);line-height:.9}#retro-app .intro{max-width:640px;color:var(--retro-muted);margin:0 0 16px;font-size:15px;line-height:1.5}#retro-app code{color:var(--retro-cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#retro-app .status-panel,#retro-app .control-card,#retro-app .readout-card,#retro-app .error-panel{border:1px solid var(--retro-line);background:var(--retro-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;width:min(728px,100%);box-shadow:0 24px 60px #03030c42}#retro-app .status-panel{padding:16px 16px 14px}#retro-app .control-card,#retro-app .readout-card{margin-top:14px;padding:16px}#retro-app .status-line,#retro-app .card-heading,#retro-app .button-row,#retro-app .check-row{align-items:center;display:flex}#retro-app .status-line,#retro-app .card-heading{justify-content:space-between;gap:18px}#retro-app .status-line span{align-items:center;gap:8px;display:flex}#retro-app .status-line i{background:var(--retro-gold);width:8px;height:8px;box-shadow:0 0 14px var(--retro-gold);border-radius:50%}#retro-app .status-line strong{font-size:13px}#retro-app .status-line b,#retro-app .card-heading span{color:var(--retro-cyan);letter-spacing:.06em;text-transform:uppercase;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}#retro-app .status-panel>p{color:var(--retro-muted);margin:12px 0 14px;font-size:12px;line-height:1.45}#retro-app .metrics{gap:12px 14px;margin:0;display:grid}#retro-app .metrics-six{grid-template-columns:repeat(3,minmax(0,1fr))}#retro-app .metrics div{min-width:0}#retro-app dt{color:#777391;letter-spacing:.12em;text-transform:uppercase;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}#retro-app dd{color:var(--retro-ink);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;font-weight:700;overflow:hidden}#retro-app .button-row{flex-wrap:wrap;gap:8px;margin-top:14px}#retro-app button,#retro-app select,#retro-app input{font:inherit}#retro-app button,#retro-app select{color:var(--retro-ink);background:#1d1b3bdb;border:1px solid #d3c1ff21;border-radius:9px}#retro-app button{cursor:pointer;padding:9px 11px;font-size:11px;font-weight:700}#retro-app button:hover:not(:disabled),#retro-app select:hover:not(:disabled){background:#2d254ff0;border-color:#ffd18499}#retro-app button:first-child{color:#21182b;background:var(--retro-gold);border-color:#0000}#retro-app button:disabled,#retro-app select:disabled,#retro-app input:disabled{cursor:not-allowed;opacity:.38}#retro-app .select-row,#retro-app .range-row{color:var(--retro-muted);grid-template-columns:165px minmax(0,1fr);align-items:center;gap:14px;margin-top:11px;font-size:12px;display:grid}#retro-app .select-row select{width:100%;padding:9px 10px}#retro-app .range-row output{float:right;color:var(--retro-gold);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}#retro-app input[type=range]{width:100%;accent-color:var(--retro-pink)}#retro-app .check-row{color:var(--retro-muted);flex-wrap:wrap;gap:10px 18px;margin-top:14px;font-size:11px}#retro-app .check-row label{align-items:center;gap:6px;display:inline-flex}#retro-app .check-row input{accent-color:var(--retro-pink)}#retro-app .check-row button{color:var(--retro-muted);margin-left:auto}#retro-app .card-detail,#retro-app .study-note,#retro-app .source-note{color:var(--retro-muted);font-size:12px;line-height:1.5}#retro-app .card-detail{margin:13px 0 0}#retro-app .contract-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}#retro-app .contract-card{background:#181631c7;border:1px solid #d3c1ff1f;border-radius:11px;min-height:104px;padding:11px}#retro-app .contract-card.active{border-color:#ff91c873}#retro-app .contract-card strong{color:var(--retro-pink);font:700 11px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}#retro-app .contract-card span{color:#7b779a;margin-top:7px;font-size:10px;display:block}#retro-app .contract-card p{color:var(--retro-ink);overflow-wrap:anywhere;margin:10px 0 0;font:700 10px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}#retro-app .study-note{margin:14px 0 0}#retro-app .source-note{margin:10px 0 0}#retro-app .source-note a{color:var(--retro-cyan)}#retro-app .error-panel{color:#ffd2dd;border-color:#ff71918c;margin-top:14px;padding:14px 16px}#retro-app .error-panel p{color:#ffb3c5;margin:8px 0 0;font-size:12px;line-height:1.4}#retro-app .signature{color:#f2dcff59;letter-spacing:.11em;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:18px;right:18px}@media (width<=800px){#retro-app #scene-shell:after{background:linear-gradient(#080715f0 0%,#080715bd 50%,#0807154d 100%)}#retro-app .retro-hud{width:min(100%,760px);padding-right:22px}#retro-app .contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){#retro-app .retro-hud{width:100%;padding:20px 16px 38px}#retro-app .eyebrow{margin-top:22px}#retro-app h1{font-size:clamp(48px,16vw,75px)}#retro-app .metrics-six{grid-template-columns:repeat(2,minmax(0,1fr))}#retro-app .select-row,#retro-app .range-row{grid-template-columns:1fr;gap:5px}#retro-app .check-row button{margin-left:0}}
