:root{color-scheme:dark;--amber:#ffb834;--amber-glow:rgba(255,184,52,.4);--cyan:#4fe3eb;--cyan-glow:rgba(79,227,235,.4);--green-neon:#3bf48d;--green-glow:rgba(59,244,141,.4);--orange-neon:#ff7e33;--bg-bezel:#1b2124;--bg-metal:#293135;--bg-dark-metal:#181d1f;--bg-crt:#060b0c;--border-metal:#465359;--border-light:#64757d;--border-dark:#0f1314;--graticule:rgba(79,227,235,.12)}*{box-sizing:border-box}body{margin:0;background:#0f1315;color:#d1dde2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;background-image:radial-gradient(circle at 50% 0,#1f272b 0,#0a0d0e 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 4px)}body,main{min-height:100vh}main{display:flex;flex-direction:column}.top-nav{justify-content:space-between;padding:10px 20px;background:linear-gradient(180deg,#3a4449,#252c2f 50%,#1c2225);border-bottom:2px solid #53636b;box-shadow:0 4px 12px rgba(0,0,0,.6),inset 0 1px 0 #6e838d}.nav-brand,.top-nav{display:flex;align-items:center}.nav-brand{gap:10px;font-weight:800;letter-spacing:2px;font-size:15px}.nav-brand a{color:var(--amber);text-decoration:none;text-shadow:0 0 8px var(--amber-glow)}.version-tag{font-size:10px;background:#141a1c;border:1px solid #3d4a50;padding:2px 6px;border-radius:3px;color:#8da1aa}.nav-routes{display:flex;align-items:center;gap:8px}.nav-item{color:#9cb0b9;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1px;padding:6px 14px;border-radius:4px;background:linear-gradient(180deg,#2b3337,#1e2427);border:1px solid #435157;box-shadow:inset 0 1px 0 #56676f,0 2px 4px rgba(0,0,0,.3);transition:all .15s}.nav-item:hover{background:linear-gradient(180deg,#374247,#252d31);color:#fff}.nav-item.active{background:linear-gradient(180deg,#182327,#0e1719);color:var(--cyan);border-color:var(--cyan);box-shadow:inset 0 2px 4px rgba(0,0,0,.8),0 0 10px var(--cyan-glow)}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-profile{display:flex;align-items:center;gap:16px}.persona-toggle{display:flex;background:#121719;padding:3px;border-radius:6px;border:1px solid #3a474d;box-shadow:inset 0 2px 4px rgba(0,0,0,.6)}.persona-toggle button{background:transparent;border:none;color:#7b8f97;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;border-radius:4px;transition:all .15s}.persona-toggle button.active{background:linear-gradient(180deg,#3f4c52,#262e32);color:var(--amber);border:1px solid #5a6e77;box-shadow:0 1px 3px rgba(0,0,0,.5),0 0 8px var(--amber-glow)}.status-indicator{display:flex;align-items:center;gap:8px;font-size:11px;font-family:monospace;font-weight:700;padding:4px 10px;border-radius:4px;background:#0f1416;border:1px solid #334046;box-shadow:inset 0 1px 3px rgba(0,0,0,.7)}.status-indicator .dot{width:8px;height:8px;border-radius:50%;background:var(--green-neon);box-shadow:0 0 8px var(--green-neon)}.retromorphic-cockpit{display:grid;grid-template-columns:280px 1fr 300px;grid-gap:16px;gap:16px;padding:16px;flex:1 1;max-width:1600px;margin:0 auto;width:100%}@media (max-width:1100px){.retromorphic-cockpit{grid-template-columns:1fr;display:flex;flex-direction:column}}.control-bank,.instrument-bay{background:linear-gradient(170deg,#2e363a,#1e2427 50%,#151a1c);border:2px solid #4a585f;border-radius:10px;padding:16px;box-shadow:inset 1px 1px 0 #677b84,inset -1px -1px 0 #0c0f10,0 6px 16px rgba(0,0,0,.6);position:relative}.bank-header,.bay-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #38444a;padding-bottom:10px;margin-bottom:14px}.bank-header h3,.bay-header h3{margin:0;font-size:13px;font-weight:800;color:#a7bcc5;letter-spacing:1.5px}.recipe-tag,.sub-mode{font-size:11px;font-weight:700;color:var(--amber);background:#141a1c;padding:3px 8px;border-radius:4px;border:1px solid #425259;box-shadow:0 0 6px var(--amber-glow)}.lens-selector{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:16px}.lens-btn{background:linear-gradient(180deg,#343f44,#20272a);border:1px solid #4d5c63;color:#9cb1ba;padding:10px 8px;font-size:11px;font-weight:700;font-family:monospace;cursor:pointer;border-radius:6px;text-align:center;box-shadow:inset 0 1px 0 #63767f,0 3px 6px rgba(0,0,0,.4);transition:all .12s}.lens-btn:hover{background:linear-gradient(180deg,#3d4a50,#273034);color:#fff}.lens-btn.active{background:linear-gradient(180deg,#0e1c20,#061113);color:var(--cyan);border-color:var(--cyan);box-shadow:inset 0 2px 6px rgba(0,0,0,.9),0 0 10px var(--cyan-glow);transform:translateY(1px)}.bay-details{background:#121719;padding:14px;border-radius:8px;border:1px solid #2e3b40;box-shadow:inset 0 2px 6px rgba(0,0,0,.7)}.bay-details h4{margin:0 0 12px;font-size:11px;font-weight:800;color:#7d939c;letter-spacing:1px;text-transform:uppercase}.tissue-row{display:flex;flex-direction:column;gap:3px;padding:8px 10px;margin-bottom:8px;border-radius:6px;background:#1b2326;border:1px solid #334248}.tissue-row.target{border-left:4px solid var(--amber)}.tissue-row.reference{border-left:4px solid var(--cyan)}.tissue-row b{font-size:11px;color:#d1dde2}.tissue-row span{font-size:13px;font-weight:700;color:#fff}.tissue-row small{font-size:10px;color:#8da1aa}.metrics-box{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:14px;background:#0d1214;padding:10px;border-radius:6px;border:1px solid #243035}.metrics-box .metric{display:flex;flex-direction:column;gap:3px}.metrics-box label{font-size:10px;color:#71868f;font-weight:600}.metrics-box span{font-size:14px;font-weight:800;color:var(--green-neon);font-family:monospace;text-shadow:0 0 8px var(--green-glow)}.active-lens-display{background:linear-gradient(170deg,#2a3135,#1a2022 50%,#121617);border:2px solid #4a585f;border-radius:10px;padding:16px;display:flex;flex-direction:column;box-shadow:inset 1px 1px 0 #677b84,inset -1px -1px 0 #0c0f10,0 6px 16px rgba(0,0,0,.6)}.display-bezel{background:#090e10;border:3px solid #2c373c;border-radius:8px;flex:1 1;display:flex;flex-direction:column;box-shadow:inset 0 0 24px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.5);overflow:hidden}.display-header{display:flex;justify-content:space-between;padding:10px 16px;background:#141c1f;border-bottom:2px solid #263338;font-family:monospace;font-size:12px;font-weight:700;color:#8da1aa}.cursor-readout{color:var(--amber);display:flex;gap:14px;text-shadow:0 0 6px var(--amber-glow)}.display-screen{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;background:var(--bg-crt);background-image:linear-gradient(var(--graticule) 1px,transparent 1px),linear-gradient(90deg,var(--graticule) 1px,transparent 1px);background-size:24px 24px;position:relative}.display-screen:before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(79,227,235,.04) 0,rgba(0,0,0,.4) 100%);pointer-events:none}.waveform-svg{width:100%;height:240px;filter:drop-shadow(0 0 6px var(--cyan-glow))}.screen-caption{margin-top:10px;font-size:11px;font-family:monospace;color:#6a828c;letter-spacing:.5px}.linked-scope-rail{margin-top:14px;background:#101618;border:1px solid #29363b;border-radius:6px;padding:10px 12px}.linked-scope-rail label{display:block;font-size:10px;font-weight:800;color:#728993;letter-spacing:1px;margin-bottom:8px}.echo-chips-row{display:flex;flex-wrap:wrap;gap:6px}.echo-chip{background:linear-gradient(180deg,#252f33,#182023);border:1px solid #3b4b52;color:#9cb0b9;padding:5px 8px;border-radius:4px;font-size:11px;font-family:monospace;font-weight:700;cursor:pointer;box-shadow:inset 0 1px 0 #4f636b,0 2px 4px rgba(0,0,0,.3);transition:all .12s}.echo-chip:hover{background:linear-gradient(180deg,#303d42,#202b2f);color:#fff}.echo-chip.active{background:linear-gradient(180deg,#112830,#07151a);color:var(--amber);border-color:var(--amber);box-shadow:inset 0 2px 4px rgba(0,0,0,.8),0 0 8px var(--amber-glow)}.echo-chip small{display:block;font-size:9px;opacity:.8}.control-group{margin-bottom:16px;background:#13181a;padding:12px;border-radius:6px;border:1px solid #2d393f}.control-group label{display:block;font-size:11px;font-weight:700;color:#92a8b2;margin-bottom:8px}.slider-row{display:flex;align-items:center;gap:12px}.slider-row input[type=range]{flex:1 1;accent-color:var(--amber);cursor:pointer}.value-badge{font-family:monospace;font-size:13px;font-weight:800;color:var(--amber);background:#090d0e;border:1px solid #36444a;padding:3px 8px;border-radius:4px;min-width:60px;text-align:center;box-shadow:inset 0 1px 3px rgba(0,0,0,.6)}.bound-warn{display:block;font-size:10px;color:#ef4444;margin-top:6px;font-family:monospace}.execute-btn{width:100%;background:linear-gradient(180deg,#ffb834,#d48b11);border:1px solid #ffe07a;color:#120a02;font-weight:900;font-size:13px;letter-spacing:1px;padding:12px;border-radius:6px;cursor:pointer;box-shadow:inset 0 1px 0 #fff3c4,0 4px 10px rgba(0,0,0,.5),0 0 12px var(--amber-glow);transition:all .15s}.execute-btn:hover{background:linear-gradient(180deg,#ffc457,#e8991a);box-shadow:inset 0 1px 0 #fff3c4,0 6px 14px rgba(0,0,0,.6),0 0 16px var(--amber-glow);transform:translateY(-1px)}.execute-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.8)}.status-rail{grid-column:1/-1;background:linear-gradient(180deg,#1d2427,#121618);border:2px solid #3a484f;border-radius:8px;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-family:monospace;color:#7b919a;box-shadow:inset 0 1px 0 #4f6169,0 4px 10px rgba(0,0,0,.4)}.state-badge{color:var(--green-neon);font-weight:800;text-shadow:0 0 6px var(--green-glow)}.cost-tier{color:var(--cyan);font-weight:700}.system-info{color:#8da1aa}.explore-container{padding:24px;max-width:1400px;margin:0 auto;width:100%}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.explore-card{background:linear-gradient(170deg,#2a3236,#181d1f);border:2px solid #435157;border-radius:10px;padding:20px;box-shadow:inset 1px 1px 0 #5b6e76,0 6px 16px rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:space-between;transition:all .2s}.explore-card:hover{border-color:var(--cyan);box-shadow:inset 1px 1px 0 #5b6e76,0 8px 24px rgba(0,0,0,.7),0 0 12px var(--cyan-glow);transform:translateY(-2px)}.explore-card h2{font-size:16px;color:#fff;margin-top:0}.explore-card p{font-size:12px;color:#8da1aa;font-family:monospace}.explore-card a{display:inline-block;background:linear-gradient(180deg,#323d42,#1f272a);border:1px solid #4f636b;color:var(--cyan);text-decoration:none;font-size:12px;font-weight:700;padding:8px 16px;border-radius:4px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}.explore-card a:hover{background:var(--cyan);color:#071012;box-shadow:0 0 10px var(--cyan-glow)}