:root{
  --bg:#02090e;--bg2:#031119;--panel:#071720;--panel2:#06131b;--line:#17313c;--line2:#2a5360;
  --text:#eef7f8;--muted:#738b94;--muted2:#4f6871;--accent:#3cf2e3;--accent2:#9afbf4;--violet:#a789ff;
  --green:#5af39a;--gold:#ffd166;--red:#ff667d;--shadow:rgba(60,242,227,.10);--glass:rgba(5,19,27,.76);
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg)}
button,input,select,textarea{font:inherit}button{user-select:none}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
#fieldCanvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:-3;pointer-events:none;opacity:.72}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-4;background:radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 24%),radial-gradient(circle at 18% 76%,color-mix(in srgb,var(--violet) 7%,transparent),transparent 30%),linear-gradient(180deg,#02080d,#031018 48%,#02090e)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}
body.theme-violet{--accent:#a789ff;--accent2:#d4c7ff;--violet:#3cf2e3;--shadow:rgba(167,137,255,.11)}body.theme-amber{--accent:#ffd166;--accent2:#ffe8aa;--violet:#ff9463;--shadow:rgba(255,209,102,.10)}body.theme-matrix{--accent:#91ff7a;--accent2:#caffbd;--violet:#3cf2e3;--shadow:rgba(145,255,122,.09)}body.theme-crimson{--accent:#ff6f91;--accent2:#ffc2d1;--violet:#a789ff;--shadow:rgba(255,111,145,.10)}body.theme-ice{--accent:#7bd7ff;--accent2:#d4f4ff;--violet:#89a7ff;--shadow:rgba(123,215,255,.10)}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes expand{0%{transform:scale(.75);opacity:.5}60%{opacity:.16}100%{transform:scale(1.16);opacity:0}}@keyframes scan{0%{transform:translateX(-120%)}100%{transform:translateX(160%)}}@keyframes dash{to{stroke-dashoffset:-140}}@keyframes gateIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes glow{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{box-shadow:0 0 70px 4px color-mix(in srgb,var(--accent) 10%,transparent)}}
.intro-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--accent) 8%,#02080d),#02080d 50%,#010508);backdrop-filter:blur(24px);transition:.55s cubic-bezier(.2,.8,.2,1)}.intro-gate.closed{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.015)}.intro-panel{width:min(790px,calc(100vw - 28px));padding:34px;border:1px solid var(--line2);border-radius:30px;background:linear-gradient(145deg,rgba(8,26,35,.90),rgba(3,12,18,.97));box-shadow:0 50px 140px #000,0 0 100px var(--shadow);text-align:center;position:relative;overflow:hidden;animation:gateIn .7s ease,glow 7s ease-in-out infinite}.intro-panel:before{content:"";position:absolute;inset:0;width:45%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.035),transparent);animation:scan 8s linear infinite}.intro-panel h1{font-size:clamp(74px,13vw,144px);line-height:.7;letter-spacing:-.095em;margin:28px 0 18px;font-weight:950}.intro-expansion{font-size:12px;line-height:1.6;color:#8fa7ae;margin:0 auto;max-width:670px}.intro-orbit{width:100px;height:100px;margin:auto;display:grid;place-items:center;position:relative}.intro-orbit i{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:50%;animation:orbit 14s linear infinite}.intro-orbit i:nth-child(1){width:30px;height:30px}.intro-orbit i:nth-child(2){width:62px;height:62px;animation-direction:reverse;opacity:.55}.intro-orbit i:nth-child(3){width:96px;height:96px;opacity:.22}.intro-orbit b{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 30px var(--accent)}.kicker,.eyebrow{font:900 7px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}.intro-flow{display:flex;justify-content:center;gap:9px;align-items:center;flex-wrap:wrap;margin:20px 0;font:850 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6f8891;letter-spacing:.11em}.intro-flow b{color:var(--accent)}.intro-legal{border:1px solid rgba(255,255,255,.07);background:rgba(2,10,15,.63);border-radius:16px;padding:14px;text-align:left;margin:18px 0}.intro-legal strong{font:900 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.intro-legal p,.intro-legal label{font-size:8.5px;line-height:1.55;color:#849ba3}.intro-legal label{display:flex;gap:9px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.intro-legal input{accent-color:var(--accent);margin-top:2px}.enter-btn{width:100%;appearance:none;border:1px solid var(--accent);background:linear-gradient(110deg,var(--accent),var(--accent2));color:#001012;border-radius:15px;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;font:950 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.enter-btn:before{content:"";position:absolute;top:-10%;bottom:-10%;left:-50%;width:36%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg)}.enter-btn:not(:disabled):hover:before{animation:scan .9s ease}.enter-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 16px 46px var(--shadow)}.enter-btn:disabled{opacity:.32;filter:saturate(.2);cursor:not-allowed}.enter-btn i{font-size:16px;font-style:normal}.intro-panel small{display:block;margin-top:13px;font:800 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#425b64}
.topbar{height:76px;position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:14px;padding:0 18px 0 88px;border-bottom:1px solid var(--line);background:rgba(2,9,14,.84);backdrop-filter:blur(20px)}.brand{appearance:none;border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.brand strong{display:block;font-size:16px;letter-spacing:-.03em}.brand em{display:block;font:800 6.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#607983;letter-spacing:.12em;font-style:normal;margin-top:3px}.brand-mark{width:38px;height:38px;position:relative;display:grid;place-items:center}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--accent) 62%,transparent);border-radius:50%}.brand-mark:before{width:10px;height:10px}.brand-mark:after{width:24px;height:24px;opacity:.5}.brand-mark i{width:36px;height:36px;opacity:.22}.brand-mark b{width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.session-strip{display:flex;gap:6px;margin-left:auto}.session-strip>div{border:1px solid var(--line);background:rgba(4,17,24,.68);border-radius:10px;padding:7px 10px;min-width:88px}.session-strip span{display:block;font:800 5.8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#4f6972;letter-spacing:.12em}.session-strip b{display:block;font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9bb3ba;margin-top:5px}.top-actions{display:flex;align-items:center;gap:7px}.themes{display:flex;gap:5px}.theme{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:var(--swatch);cursor:pointer;box-shadow:0 0 0 2px transparent}.theme.active{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--accent)}.small-btn,.circle-btn,.ghost-btn,.primary-btn{appearance:none;border:1px solid var(--line2);background:rgba(7,23,32,.86);color:#b4ccd1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}.small-btn{border-radius:999px;padding:8px 10px;font:850 6.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.circle-btn{width:31px;height:31px;border-radius:50%;font-size:12px}.ghost-btn,.primary-btn{border-radius:11px;padding:10px 12px;font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.primary-btn{color:#001214;background:var(--accent);border-color:var(--accent);box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 14%,transparent);position:relative;overflow:hidden}.primary-btn:before{content:"";position:absolute;top:-20%;bottom:-20%;left:-48%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg)}.primary-btn:hover:before{animation:scan .8s ease}.small-btn:hover,.circle-btn:hover,.ghost-btn:hover,.primary-btn:hover{transform:translateY(-1px);box-shadow:0 11px 30px var(--shadow)}.full{width:100%}
.rail{position:fixed;z-index:70;left:0;top:0;bottom:0;width:72px;padding:88px 7px 10px;display:flex;flex-direction:column;gap:5px;background:#030b10;border-right:1px solid var(--line)}.nav{appearance:none;border:1px solid transparent;background:transparent;color:#607982;border-radius:11px;padding:11px 4px;cursor:pointer;display:grid;gap:5px;text-align:center}.nav span{font:800 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#40545d}.nav b{font:900 6.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.nav.active,.nav:hover{color:var(--accent);border-color:var(--line);background:#071720}.shell{margin-left:72px;padding:22px;max-width:1700px}.view{display:none}.view.active{display:block;animation:rise .24s ease}
.hero{border-top:1px solid #285764;border-bottom:1px solid #173943;padding:24px 2px 21px;display:grid;grid-template-columns:1.32fr .68fr;gap:30px;align-items:end}.hero h1,.section-head h1{font-size:clamp(48px,6.8vw,96px);line-height:.79;letter-spacing:-.075em;margin:9px 0 14px;font-weight:950}.hero h1 em{font-style:normal;color:var(--accent)}.lead{font-size:10px;line-height:1.68;color:#88a1a9;max-width:820px;margin:0}.hero-state{border-left:1px solid #285764;padding-left:19px}.badge,.state-chip{display:inline-flex;border:1px solid var(--line2);border-radius:999px;padding:6px 8px;font:850 6.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#91d9d6;letter-spacing:.08em}.voice{font-size:21px;font-weight:950;letter-spacing:-.045em;margin:12px 0;color:#fff}.hero-score{border-top:1px solid var(--line);padding-top:10px}.hero-score b{display:block;font-size:52px;line-height:.9;color:var(--accent)}.hero-score span{font:800 6.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#657f88;letter-spacing:.13em}.hero-symbol{display:flex;gap:8px;align-items:center;margin-top:10px}.hero-symbol strong{font-size:16px}.hero-symbol span{font:850 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6f8992;letter-spacing:.1em}.motion-ribbon{height:42px;overflow:hidden;border-bottom:1px solid var(--line);position:relative}.motion-ribbon:before{content:"";position:absolute;inset:0;width:44%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);animation:scan 5.5s linear infinite}.motion-ribbon div{height:100%;display:flex;align-items:center;white-space:nowrap;font:850 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#789197;letter-spacing:.08em}.motion-ribbon b{color:var(--accent);padding:0 11px}
.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(7,23,32,.89),rgba(5,17,24,.92));border-radius:16px;padding:13px;box-shadow:0 18px 52px var(--shadow);backdrop-filter:blur(14px)}.panel-head,.section-head,.desk-head{display:flex;justify-content:space-between;align-items:flex-start;gap:13px}.panel-head h3,.panel h3{font-size:15px;margin:5px 0}.section-head{align-items:end;margin-bottom:14px}.section-head h1{font-size:clamp(42px,6vw,78px);margin:7px 0 11px}.section-head p{max-width:850px;font-size:9px;line-height:1.58;color:#789099;margin:0}.head-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.desk-frame{margin:15px 0;border:1px solid var(--line);border-radius:20px;padding:14px;background:linear-gradient(145deg,rgba(6,22,31,.82),rgba(4,14,20,.92));box-shadow:0 22px 70px var(--shadow);position:relative;overflow:hidden}.desk-frame:before{content:"";position:absolute;top:0;left:-50%;width:42%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scan 7s linear infinite}.desk-head{align-items:end;padding:5px 3px 12px}.desk-head h2{font-size:clamp(19px,2.5vw,35px);letter-spacing:-.045em;line-height:.96;margin:7px 0 8px}.desk-head p{font-size:8.5px;line-height:1.6;color:#7e969f;max-width:900px;margin:0}.desk-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.stock-tape{display:flex;gap:7px;overflow-x:auto;padding:10px 1px 12px;scrollbar-width:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stock-tape::-webkit-scrollbar{display:none}.stock-chip{min-width:128px;appearance:none;border:1px solid var(--line);background:rgba(5,18,26,.88);border-radius:12px;padding:9px 10px;color:#b5c9ce;text-align:left;cursor:pointer;position:relative;overflow:hidden}.stock-chip:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#294852}.stock-chip.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 6%,#06131b)}.stock-chip.active:after{background:var(--accent)}.stock-chip b{display:block;font-size:11px}.stock-chip span{display:block;font:800 6px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#617b84;margin-top:5px}.stock-chip em{display:block;font-style:normal;font-size:7px;color:var(--accent);margin-top:6px}.desk-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:10px;padding-top:12px}.source-desk,.battle-card{min-height:390px}.source-feed{display:grid;gap:7px;margin-top:10px}.source-clip{display:grid;grid-template-columns:74px 1fr auto;gap:10px;align-items:start;border-top:1px solid var(--line);padding:10px 2px 2px;animation:rise .28s ease}.source-clip:first-child{border-top:0}.source-type{font:900 6px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);letter-spacing:.1em}.source-copy b{display:block;font-size:9px;line-height:1.3}.source-copy a{color:#e8f3f4;text-decoration:none}.source-copy a:hover{color:var(--accent)}.source-copy p{font-size:7.5px;line-height:1.5;color:#728b94;margin:5px 0}.source-meta{font:800 6px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#5d7680;text-align:right}.source-meta .quality{display:block;color:var(--gold);margin-top:5px}.battle-card{position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,#07151e),#041017 72%)}.battle-card:before{content:"";position:absolute;width:190px;height:190px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;right:-80px;top:-80px;box-shadow:0 0 0 40px color-mix(in srgb,var(--accent) 4%,transparent),0 0 0 82px color-mix(in srgb,var(--accent) 2%,transparent)}.battle-top{position:relative;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.battle-symbol{font-size:40px;font-weight:950;letter-spacing:-.065em;line-height:.9}.battle-sub{font:850 6.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#68818a;letter-spacing:.1em;margin-top:6px}.battle-bias{border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:999px;padding:6px 8px;font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}.battle-brief{font-size:9px;line-height:1.6;color:#8ca3aa;margin:14px 0}.battle-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.battle-metric{border:1px solid var(--line);background:rgba(2,11,16,.58);border-radius:10px;padding:8px}.battle-metric b{display:block;font-size:17px}.battle-metric span{font:800 6px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#607982}.battle-plan{display:grid;gap:6px;margin-top:10px}.battle-line{display:grid;grid-template-columns:92px 1fr;gap:8px;border-top:1px solid var(--line);padding-top:8px}.battle-line b{font:900 6.5px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);letter-spacing:.08em}.battle-line span{font-size:7.5px;line-height:1.5;color:#859da5}.battle-actions{display:flex;gap:7px;margin-top:12px}.battle-actions button{flex:1}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.metric{border:1px solid var(--line);background:linear-gradient(135deg,#071722,#06131b);border-radius:13px;padding:12px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:var(--fill);background:var(--accent)}.metric b{display:block;font-size:24px;line-height:1}.metric span{display:block;font:800 6.2px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#647e87;letter-spacing:.11em;margin-top:6px}.metric small{display:block;font-size:7px;color:#789098;margin-top:7px;line-height:1.4}.quiet-grid,.map-grid,.battle-layout,.radar-grid,.proof-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:10px}.thread-line{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:16px 0}.thread-step{border:1px solid var(--line);background:#06131b;border-radius:9px;padding:8px;text-align:center}.thread-step b{display:block;font-size:7px}.thread-step span{font-size:6px;color:#617a83}.thread-step.on{border-color:color-mix(in srgb,var(--accent) 46%,var(--line));background:color-mix(in srgb,var(--accent) 5%,#06131b)}.explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.explain-grid>div{border-top:1px solid var(--line);padding-top:9px}.explain-grid b{font-size:7px;color:#d8e7e9}.explain-grid p{font-size:8px;color:#748d96;line-height:1.5;margin:5px 0}.quiet-list{display:grid;gap:6px;margin:12px 0}.quiet{border:1px solid var(--line);background:#06131b;border-radius:10px;padding:9px;display:grid;grid-template-columns:1fr auto;gap:8px}.quiet b{font-size:8px}.quiet span{font:850 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}
.legend{display:flex;gap:8px;font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6c858e}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.legend .l0{background:var(--accent)}.legend .l1{background:var(--violet)}.legend .l2{background:var(--gold)}.graph-panel{min-height:600px;overflow:hidden;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 5%,#041018),#041018 60%)}.graph-panel svg{width:100%;height:100%;min-height:570px}.edge{stroke:#28515d;stroke-width:1.2;fill:none}.edge.active{stroke:var(--accent);stroke-width:2;stroke-dasharray:7 8;animation:dash 8s linear infinite}.node circle{fill:#071722;stroke:#2a5864;stroke-width:1.2}.node.core circle{stroke:var(--accent);stroke-width:2}.node text{fill:#dcebed;font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none}.node .sub{fill:#5e7a83;font-size:9px}.node{cursor:pointer}.node:hover circle{filter:drop-shadow(0 0 7px var(--accent))}.inspector h2{font-size:21px}.inspector p,.strategy-explain p{font-size:8px;color:#748d96;line-height:1.55}.kv{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--line);padding:8px 0}.kv b{font-size:8px}.kv span{font:850 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}.relationship-ledger{margin-top:10px}.relationship-table{display:grid;margin-top:10px}.rel-row{display:grid;grid-template-columns:120px 1.2fr .8fr 80px 90px;gap:10px;align-items:center;border-top:1px solid var(--line);padding:9px 4px;font-size:7.5px;color:#7f979f}.rel-row:first-child{border-top:0}.rel-row b{color:#d7e6e9}.rel-row em{font:800 6.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);font-style:normal}
.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mode-card{border:1px solid var(--line);background:#06131b;border-radius:13px;padding:12px;cursor:pointer;min-height:156px;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;bottom:0;left:-90%;width:55%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:skewX(-20deg)}.mode-card:hover:before{animation:scan 1.1s ease}.mode-card.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 5%,#06131b)}.mode-card h3{font-size:11px;margin:7px 0 6px}.mode-card p{font-size:8px;line-height:1.5;color:#728a94}.status{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 7px;font:850 6.2px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold)}.status.good{color:var(--green)}.status.bad{color:var(--red)}.strategy-explain{min-height:380px}.strategy-explain h2{font-size:22px}.strategy-explain .block{border-top:1px solid var(--line);padding:9px 0}.strategy-explain .block b{font-size:8px}.decision-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.decision{border:1px solid var(--line);background:#06131b;border-radius:11px;padding:9px}.decision b{display:block;font-size:17px}.decision span{font:800 6px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#657d86;letter-spacing:.1em}.open-matrix{margin-top:10px}.matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.scenario{border:1px solid var(--line);border-radius:12px;padding:11px;background:#06131b}.scenario h4{font-size:10px;margin:0 0 7px}.scenario.call h4{color:var(--green)}.scenario.put h4{color:var(--red)}.scenario.wait h4{color:var(--gold)}.scenario p{font-size:8px;line-height:1.55;color:#7d969e}.scenario .trigger{border-top:1px solid var(--line);padding-top:8px;margin-top:8px;font:800 6.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#95aeb4}.session-plan{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.plan-step{border:1px solid var(--line);border-radius:11px;background:#06131b;padding:10px}.plan-step span{font:900 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);letter-spacing:.1em}.plan-step b{display:block;font-size:10px;margin:7px 0}.plan-step p{font-size:7.5px;line-height:1.5;color:#748d96;margin:0}
.queue,.channel-list,.lane-list,.health-list{display:grid;gap:7px}.queue-item,.channel,.lane,.health{border:1px solid var(--line);background:#06131b;border-radius:11px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:8px}.queue-item b,.channel b,.lane b,.health b{font-size:9px}.queue-item p,.channel p,.lane p,.health p{font-size:7px;line-height:1.45;color:#6e8790;margin:4px 0 0}.pressure{font-size:21px;color:var(--accent);font-weight:950}.toggle{width:38px;height:22px;border-radius:999px;border:1px solid var(--line2);background:#0a1d26;position:relative;cursor:pointer}.toggle:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;left:2px;top:2px;background:#5e7780;transition:.2s}.toggle.on:before{left:18px;background:var(--green)}.outbox{margin-top:10px;border-top:1px solid var(--line);padding-top:10px;max-height:250px;overflow:auto}.out-msg{font-size:7px;color:#789099;border-left:2px solid var(--accent);padding:7px 9px;background:#06131b;margin-bottom:5px}.lifecycle-panel{margin-top:10px}.lifecycle{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px}.life-stage{border:1px solid var(--line);border-radius:11px;background:#06131b;padding:9px;min-height:82px}.life-stage.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 5%,#06131b)}.life-stage b{display:block;font-size:9px}.life-stage span{display:block;font:800 6px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#66818a;margin-top:5px}.life-stage p{font-size:7px;line-height:1.4;color:#748c95}.radar-lanes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:10px}.lane-note{font-size:7.5px;line-height:1.55;color:#748d96}.health .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);align-self:center}.health.good .dot{background:var(--green)}.health.bad .dot{background:var(--red)}
.genome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.genome{border:1px solid var(--line);background:#06131b;border-radius:11px;padding:9px}.genome b{display:block;font-size:8px}.genome p{font-size:7px;color:#6d868f;line-height:1.45;margin:5px 0 0}.proof-list{display:grid;gap:6px;margin-top:10px}.proof{border:1px solid var(--line);background:#06131b;border-radius:10px;padding:9px;display:grid;grid-template-columns:1fr auto;gap:8px}.proof b{font-size:8px}.proof span{font:850 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold)}.proof.pass span{color:var(--green)}.proof.block span{color:var(--red)}.runtime-panel,.export-panel{margin-top:10px}.runtime-actions,.export-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.runtime-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.runtime-cell{border:1px solid var(--line);background:#06131b;border-radius:11px;padding:10px;position:relative;overflow:hidden}.runtime-cell:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#304b54}.runtime-cell.good:after{background:var(--green)}.runtime-cell.warn:after{background:var(--gold)}.runtime-cell.bad:after{background:var(--red)}.runtime-cell b{display:block;font-size:8px}.runtime-cell span{display:block;font:850 6.5px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6e8890;margin-top:5px}.runtime-cell.good span{color:var(--green)}.runtime-cell.warn span{color:var(--gold)}.runtime-cell.bad span{color:var(--red)}
.toast{position:fixed;right:18px;bottom:18px;z-index:500;border:1px solid var(--line2);background:#06131b;border-radius:10px;padding:10px 12px;font-size:8px;color:#c8dcde;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}dialog{border:1px solid var(--line2);border-radius:18px;background:#06131b;color:#eaf4f5;width:min(660px,calc(100vw - 28px));padding:20px;box-shadow:0 30px 90px #000}dialog::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(6px)}dialog h2{font-size:25px;margin:7px 0 12px}dialog li,dialog p{font-size:9px;line-height:1.6;color:#8199a2}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#718993;font-size:22px;cursor:pointer}.palette-input{width:100%;border:1px solid var(--line2);background:#031018;color:#eef7f8;border-radius:12px;padding:12px;font-size:11px;outline:none}.palette-results{display:grid;gap:6px;margin-top:10px}.palette-item{border:1px solid var(--line);border-radius:10px;background:#071720;color:#a9c0c6;text-align:left;padding:10px;cursor:pointer}.palette-item b{display:block;font-size:9px}.palette-item span{font-size:7px;color:#637e87}.catalyst-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalyst-form label{display:grid;gap:6px;font:850 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#779099;letter-spacing:.08em}.catalyst-form input,.catalyst-form select,.catalyst-form textarea{width:100%;border:1px solid var(--line2);background:#031018;color:#e9f4f5;border-radius:10px;padding:10px;outline:none}.catalyst-form .wide{grid-column:1/-1}.form-actions{display:flex!important;justify-content:flex-end;flex-direction:row!important}
body.mode-analyst .operator{display:none}body.mode-operator .analyst{display:none}.analyst{display:none}body.mode-analyst .analyst{display:block}body.motion-off *{animation-play-state:paused!important}body.motion-off #fieldCanvas{opacity:.2}
@media(max-width:1180px){.hero,.desk-grid,.quiet-grid,.map-grid,.battle-layout,.radar-grid,.proof-grid{grid-template-columns:1fr}.hero-state{border-left:0;border-top:1px solid var(--line2);padding:14px 0 0}.metrics{grid-template-columns:repeat(3,1fr)}.session-strip{display:none}.thread-line{grid-template-columns:repeat(4,1fr)}.radar-lanes{grid-template-columns:1fr 1fr}.runtime-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.rail{top:auto;left:0;right:0;bottom:0;width:auto;height:64px;flex-direction:row;padding:6px;justify-content:space-around;border-right:0;border-top:1px solid var(--line)}.nav{flex:1;padding:7px 2px}.topbar{padding:10px 12px;height:auto;min-height:70px;align-items:flex-start}.brand em{display:none}.top-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.themes{order:4;width:100%;justify-content:flex-end}.shell{margin-left:0;padding:16px 12px 80px}.hero h1{font-size:58px}.metrics,.decision-strip{grid-template-columns:1fr 1fr}.mode-grid,.radar-lanes,.matrix-grid,.session-plan{grid-template-columns:1fr}.explain-grid{grid-template-columns:1fr}.thread-line{grid-template-columns:repeat(2,1fr)}.source-clip{grid-template-columns:64px 1fr}.source-meta{grid-column:2;text-align:left}.relationship-table{overflow-x:auto}.rel-row{min-width:720px}.runtime-grid{grid-template-columns:1fr 1fr}.lifecycle{grid-template-columns:repeat(2,1fr)}.desk-head,.section-head{align-items:flex-start;flex-direction:column}.desk-actions,.head-actions{justify-content:flex-start;width:100%}}
@media(max-width:500px){.intro-panel{padding:24px 17px;border-radius:22px}.intro-flow{gap:6px}.hero h1,.section-head h1{font-size:46px}.metrics,.decision-strip,.genome-grid,.runtime-grid{grid-template-columns:1fr}.battle-metrics{grid-template-columns:1fr 1fr}.battle-line{grid-template-columns:1fr}.desk-actions button,.head-actions button,.runtime-actions button,.export-actions button{flex:1}.theme{width:15px;height:15px}.small-btn{padding:6px 8px}.circle-btn{width:28px;height:28px}.catalyst-form{grid-template-columns:1fr}.catalyst-form .wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media print{.intro-gate,.topbar,.rail,.top-actions,.desk-actions,.head-actions,.runtime-actions,.export-actions,.toast,dialog,#fieldCanvas,.grain{display:none!important}.shell{margin:0;padding:0}.view{display:none!important}#view-battle{display:block!important}.panel{box-shadow:none;background:#fff;color:#111;border-color:#bbb}.strategy-explain p,.scenario p,.plan-step p,.battle-brief{color:#333}.mode-card{background:#fff;color:#111}}


/* RIPPLE v2.6 // SIX-DIMENSION SUPER DESK */
:root{--focusDim:.16;--ok:#73f6a7;--warn:#ffd166;--bad:#ff7395}
.connection-ribbon{position:sticky;top:64px;z-index:60;display:flex;gap:6px;overflow-x:auto;padding:7px max(12px,calc((100vw - 1500px)/2));background:rgba(2,10,15,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);scrollbar-width:none}.connection-ribbon::-webkit-scrollbar{display:none}
.connection-pill{flex:0 0 auto;display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font:850 6.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#78939c;background:#05131b}.connection-pill i{width:6px;height:6px;border-radius:50%;background:#4d6871}.connection-pill.good i{background:var(--ok);box-shadow:0 0 12px color-mix(in srgb,var(--ok) 65%,transparent)}.connection-pill.warn i{background:var(--warn)}.connection-pill.bad i{background:var(--bad)}
.dimension-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:12px 0}.dimension-strip article{border:1px solid var(--line);border-radius:12px;padding:9px;background:linear-gradient(145deg,rgba(7,23,32,.86),rgba(3,13,19,.94));min-height:78px;position:relative;overflow:hidden}.dimension-strip article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.45}.dimension-strip span{font:850 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}.dimension-strip b{display:block;font-size:8px;margin-top:8px}.dimension-strip small{display:block;color:#607983;font-size:6.5px;line-height:1.35;margin-top:4px}
.battle-telemetry{margin-top:10px}.branch-readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.branch-meter{border:1px solid var(--line);border-radius:13px;padding:10px;background:#06131b}.branch-meter.call{--branch:#73f6a7}.branch-meter.put{--branch:#ff7395}.branch-meter.wait{--branch:#ffd166}.branch-meter header{display:flex;justify-content:space-between;align-items:center;gap:8px}.branch-meter header b{font-size:10px}.branch-meter header span{font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--branch)}.branch-meter .bar{height:5px;background:#10232c;border-radius:999px;overflow:hidden;margin:9px 0}.branch-meter .bar i{display:block;height:100%;width:var(--ready);background:linear-gradient(90deg,color-mix(in srgb,var(--branch) 55%,#05202a),var(--branch));box-shadow:0 0 16px color-mix(in srgb,var(--branch) 35%,transparent)}.branch-meter p{font-size:7px;line-height:1.45;color:#728b94;margin:0}
.management-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.management-step{border-top:1px solid var(--line);padding:9px 4px}.management-step span{display:block;font:850 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}.management-step b{display:block;font-size:8px;margin-top:5px}.management-step p{font-size:6.5px;line-height:1.4;color:#68828b;margin:5px 0 0}
.diagnostics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.diagnostic{border:1px solid var(--line);border-radius:11px;padding:9px;background:#06131b}.diagnostic b{display:block;font-size:8px}.diagnostic span{display:block;font:800 6.5px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#607b84;margin-top:5px}.diagnostic.pass{border-color:color-mix(in srgb,var(--ok) 35%,var(--line))}.diagnostic.pass span{color:var(--ok)}.diagnostic.warn span{color:var(--warn)}.diagnostic.fail span{color:var(--bad)}
body.focus-mode .rail,body.focus-mode .dimension-strip,body.focus-mode .quiet-grid,body.focus-mode .metrics{opacity:var(--focusDim);filter:saturate(.35);transition:.3s}body.focus-mode .view.active .panel:hover,body.focus-mode .desk-frame:hover{opacity:1;filter:none}.small-btn.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent)}
body.offline .connection-ribbon{border-bottom-color:color-mix(in srgb,var(--warn) 30%,var(--line))}
@media(max-width:1100px){.dimension-strip{grid-template-columns:repeat(3,1fr)}.diagnostics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.connection-ribbon{top:58px}.dimension-strip{grid-template-columns:repeat(2,1fr)}.branch-readiness{grid-template-columns:1fr}.management-ladder{grid-template-columns:repeat(2,1fr)}.diagnostics-grid{grid-template-columns:1fr}}


/* RIPPLE v2.7 // BRAND + SOURCE STACK + QUIETER OPERATOR SURFACE */
:root{
  --surface-glass:rgba(5,18,26,.82);
  --surface-elevated:rgba(7,25,35,.9);
  --source-primary:#3cf2e3;
  --source-market:#7bd7ff;
  --source-context:#a789ff;
}
html{scroll-behavior:smooth}
body{font-feature-settings:"ss01" 1,"cv02" 1;text-rendering:optimizeLegibility}
.panel,.desk-frame,.hero-state,.mode-card,.metric,.queue-item,.channel,.lane,.health,.runtime-cell{
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.panel:hover,.desk-frame:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 18px 60px color-mix(in srgb,var(--accent) 7%,transparent)}
.primary-btn,.ghost-btn,.small-btn,.circle-btn,.nav,.stock-chip,.palette-item{
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease,opacity .16s ease;
}
.primary-btn:hover,.ghost-btn:hover,.small-btn:hover,.circle-btn:hover,.stock-chip:hover,.palette-item:hover{transform:translateY(-1px)}
.primary-btn:active,.ghost-btn:active,.small-btn:active,.circle-btn:active,.stock-chip:active{transform:translateY(0) scale(.985)}
.primary-btn:focus-visible,.ghost-btn:focus-visible,.small-btn:focus-visible,.circle-btn:focus-visible,.nav:focus-visible,.stock-chip:focus-visible{
  outline:2px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:2px;
}
body.mode-operator .analyst-only{display:none}
body.mode-analyst .analyst-only{display:grid}
.source-stack-compact{
  display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.8fr) auto;gap:12px;align-items:center;
  margin-top:10px;padding:11px 12px;background:linear-gradient(135deg,rgba(5,19,27,.92),rgba(3,13,19,.94));
}
.source-stack-copy{min-width:0}.source-stack-copy>b{display:block;font-size:9px;margin-top:4px;color:#d9e9eb}.source-stack-copy small{display:block;font-size:7px;line-height:1.45;color:#69838c;margin-top:4px}
.source-stack-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}.source-stack-pills::-webkit-scrollbar{display:none}
.source-pill{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#06131b;color:#809ba3;
  border-radius:999px;padding:7px 9px;text-decoration:none;font:850 6.2px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;
}
.source-pill i{width:6px;height:6px;border-radius:50%;background:#48636d}
.source-pill.primary i,.source-pill.public i{background:var(--source-primary);box-shadow:0 0 10px color-mix(in srgb,var(--source-primary) 50%,transparent)}
.source-pill.market i{background:var(--source-market)}
.source-pill.context i,.source-pill.optional i{background:var(--source-context)}
.source-pill.missing{opacity:.58}.source-pill:hover{border-color:color-mix(in srgb,var(--accent) 44%,var(--line));color:#d8e9eb}
.source-stack-refresh{white-space:nowrap}
.brand-mark{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 24%,transparent))}
.topbar{background:linear-gradient(180deg,rgba(2,9,14,.94),rgba(2,9,14,.78));backdrop-filter:blur(22px) saturate(125%)}
.connection-ribbon{background:rgba(2,10,15,.72)}
.hero h1,.section-head h1{letter-spacing:-.055em}
.source-clip{transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.source-clip:hover{background:color-mix(in srgb,var(--accent) 3%,transparent);transform:translateX(2px)}
@media(max-width:980px){
  .source-stack-compact{grid-template-columns:1fr}
  .source-stack-refresh{width:100%}
}
@media(max-width:700px){
  body.mode-operator .connection-ribbon .connection-pill:nth-child(n+6){display:none}
  .source-stack-compact{padding:10px}
}


/* RIPPLE v2.8 // DV KINETIC NETWORK */
:root{
  --panel-radius:22px;
  --panel-lift:0 24px 80px color-mix(in srgb,var(--accent) 7%,rgba(0,0,0,.72));
  --panel-deep:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,rgba(5,18,26,.94)),rgba(2,9,14,.96) 68%);
  --kinetic-secondary:#a789ff;
}
body.theme-cobalt{--accent:#54a8ff;--accent2:#bfe0ff;--violet:#5de3ff;--shadow:rgba(84,168,255,.12);--kinetic-secondary:#5de3ff}
body.theme-solar{--accent:#ffcf4d;--accent2:#fff1a8;--violet:#ff7a59;--shadow:rgba(255,207,77,.12);--kinetic-secondary:#ff7a59}
body.theme-ultraviolet{--accent:#c16cff;--accent2:#ead2ff;--violet:#5de3ff;--shadow:rgba(193,108,255,.13);--kinetic-secondary:#5de3ff}
body.theme-glacier{--accent:#8df7ff;--accent2:#e3fdff;--violet:#7f9cff;--shadow:rgba(141,247,255,.11);--kinetic-secondary:#7f9cff}
body.theme-ember{--accent:#ff8a4d;--accent2:#ffd0b8;--violet:#ff4f7d;--shadow:rgba(255,138,77,.12);--kinetic-secondary:#ff4f7d}

@keyframes dvOrbit{to{transform:rotate(360deg)}}
@keyframes dvDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2vw,-2vh,0) scale(1.08)}}
@keyframes dvBeam{0%{transform:translateX(-120vw) rotate(-12deg);opacity:0}15%{opacity:.22}55%{opacity:.08}100%{transform:translateX(120vw) rotate(-12deg);opacity:0}}
@keyframes dvSweep{0%{background-position:-220% 0}100%{background-position:220% 0}}
@keyframes pulseNode{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 4%,transparent),0 0 35px color-mix(in srgb,var(--accent) 12%,transparent)}}
@keyframes graphFlow{to{stroke-dashoffset:-42}}
@keyframes revealUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.dv-kinetic-layer{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden;opacity:.74}
.kinetic-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:50%;animation:dvOrbit 36s linear infinite}
.kinetic-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 24px var(--accent);left:50%;top:-4px}
.kinetic-orbit.o1{width:680px;height:680px;right:-240px;top:-260px}
.kinetic-orbit.o2{width:430px;height:430px;left:-180px;bottom:-140px;animation-duration:44s;animation-direction:reverse;border-color:color-mix(in srgb,var(--kinetic-secondary) 14%,transparent)}
.kinetic-orbit.o3{width:980px;height:980px;left:32%;top:18%;animation-duration:70s;opacity:.3}
.kinetic-beam{position:absolute;width:56vw;height:1px;left:-60vw;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 40%,transparent),transparent);animation:dvBeam 15s linear infinite}
.kinetic-beam.b1{top:24%}.kinetic-beam.b2{top:68%;animation-delay:7.5s}
.kinetic-glow{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(100px);opacity:.065;animation:dvDrift 13s ease-in-out infinite}
.kinetic-glow.g1{background:var(--accent);right:-12vw;top:4vh}.kinetic-glow.g2{background:var(--kinetic-secondary);left:-10vw;bottom:-15vh;animation-delay:-5s}

.panel,.desk-frame,.hero-state,.graph-panel,.battle-card,.source-desk{
  border-radius:var(--panel-radius);
  background:var(--panel-deep);
  box-shadow:var(--panel-lift);
}
.panel:before,.desk-frame:before{border-radius:inherit}
.hero{padding:clamp(20px,4vw,56px) 0 24px}
.hero h1{font-size:clamp(48px,7.2vw,112px);line-height:.83;max-width:920px}
.hero .lead{font-size:clamp(13px,1.2vw,18px);line-height:1.65;max-width:840px}
.hero-state{padding:20px;min-width:min(340px,100%)}
.voice{font-size:clamp(15px,2vw,28px)!important;line-height:1.05!important;letter-spacing:-.025em}
.hero-score b{font-size:clamp(52px,7vw,94px)!important}
.desk-head h2,.section-head h1{font-size:clamp(28px,4vw,60px)!important;line-height:.92;letter-spacing:-.055em}
.panel-head h3,.kinetic-head h3{font-size:clamp(18px,2.15vw,32px)!important;letter-spacing:-.035em}
.panel-head p,.kinetic-head p{max-width:840px;color:#78919a;font-size:9px;line-height:1.65;margin:6px 0 0}
.eyebrow{letter-spacing:.15em;font-size:7px!important}

.top-network{margin:14px 0;padding:16px;position:relative;overflow:hidden}
.top-network:before,.adaptive-card-pulse:before,.constellation-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 5%,color-mix(in srgb,var(--accent) 4%,transparent) 35%,transparent 62%);background-size:220% 100%;animation:dvSweep 9s linear infinite}
.kinetic-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;position:relative;z-index:1}
.kinetic-head em{font-style:normal;color:var(--accent)}
.top-network-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.top-resonance-board{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:9px;margin-top:14px;position:relative;z-index:1}
.top-stock-card{
  appearance:none;text-align:left;color:inherit;border:1px solid var(--line);border-radius:16px;padding:12px;
  background:linear-gradient(160deg,rgba(8,27,37,.92),rgba(2,11,16,.94));cursor:pointer;position:relative;overflow:hidden;
  min-height:142px;animation:revealUp .34s ease both;
}
.top-stock-card:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--kinetic-secondary));transform:scaleX(var(--rank-fill,.5));transform-origin:left}
.top-stock-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 54%,var(--line));box-shadow:0 16px 44px color-mix(in srgb,var(--accent) 10%,transparent)}
.top-stock-card.active{border-color:var(--accent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 9%,#071821),#031017)}
.top-stock-rank{font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#57717b;letter-spacing:.13em}
.top-stock-symbol{font-size:clamp(22px,2.2vw,35px);font-weight:950;letter-spacing:-.055em;margin-top:10px}
.top-stock-score{display:flex;align-items:end;gap:7px;margin-top:9px}.top-stock-score b{font-size:24px}.top-stock-score span{font:800 6px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#607b85}
.top-stock-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.top-stock-meta span{font:800 6px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6f8992}.top-stock-meta b{color:#bcd0d4}
.connection-story{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:8px;margin-top:10px;position:relative;z-index:1}
.connection-story-main,.connection-story-node{border:1px solid var(--line);border-radius:14px;padding:11px;background:rgba(2,11,16,.58)}
.connection-story-main strong{display:block;font-size:14px;letter-spacing:-.02em}.connection-story-main p,.connection-story-node p{font-size:7.5px;line-height:1.5;color:#728b94;margin:5px 0 0}.connection-story-node b{font-size:13px}.connection-story-node span{display:block;font:850 6px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);margin-bottom:6px}

.constellation-panel{margin-top:12px;padding:15px;position:relative;overflow:hidden}
.network-constellation{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;position:relative;z-index:1}
.constellation-link{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(3,14,20,.7);position:relative;overflow:hidden}
.constellation-link:after{content:"";position:absolute;left:0;bottom:0;width:var(--strength,50%);height:2px;background:linear-gradient(90deg,var(--accent),var(--kinetic-secondary))}
.constellation-link strong{display:block;font-size:13px}.constellation-link small{display:block;margin-top:5px;color:#6d8790;font-size:7px;line-height:1.45}.constellation-link em{font-style:normal;color:var(--accent);font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;right:11px;top:12px}

.adaptive-card-pulse{margin-bottom:12px;padding:15px;position:relative;overflow:hidden}
.adaptive-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;position:relative;z-index:1}
.adaptive-factor{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(2,11,16,.62);min-height:116px}
.adaptive-factor b{display:block;font-size:15px;letter-spacing:-.025em}.adaptive-factor p{font-size:7.5px;line-height:1.55;color:#738d95;margin:6px 0 0}.adaptive-factor span{display:inline-flex;margin-bottom:8px;border:1px solid var(--line2);border-radius:999px;padding:5px 7px;font:900 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);letter-spacing:.08em}
.adaptive-factor.call span{color:var(--green)}.adaptive-factor.put span{color:var(--red)}.adaptive-factor.wait span{color:var(--gold)}

.graph-panel{min-height:620px}
.edge{stroke-dasharray:7 10;animation:graphFlow 11s linear infinite}
.node circle{animation:pulseNode 4.5s ease-in-out infinite}
.node:nth-of-type(2n) circle{animation-delay:-2.1s}
.relationship-table .rel-row{font-size:8px}
.mode-card h3{font-size:clamp(16px,1.7vw,24px)!important}
.strategy-explain h2{font-size:clamp(30px,4vw,54px)!important;letter-spacing:-.055em}
.battle-symbol{font-size:clamp(50px,7vw,92px)!important}
.battle-brief{font-size:10px!important;line-height:1.65!important}
.battle-metric b{font-size:clamp(21px,2vw,30px)!important}
.battle-line b{font-size:7px!important}.battle-line span{font-size:8px!important;line-height:1.55!important}
.matrix-grid h4{font-size:18px!important}.matrix-grid p{font-size:9px!important;line-height:1.55!important}
.queue-item b,.lane b{font-size:11px!important}
.runtime-cell b{font-size:7px}.runtime-cell span{font-size:12px!important}

@media(max-width:1280px){
  .top-resonance-board{grid-template-columns:repeat(3,1fr)}
  .connection-story{grid-template-columns:1fr 1fr}
  .network-constellation{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .top-resonance-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .connection-story,.network-constellation,.adaptive-card-grid{grid-template-columns:1fr}
  .kinetic-head{align-items:flex-start;flex-direction:column}
  .top-network-actions{justify-content:flex-start;width:100%}
  .top-network-actions button{flex:1}
  .hero h1{font-size:clamp(42px,13vw,72px)}
}
@media(max-width:480px){
  .top-resonance-board{grid-template-columns:1fr 1fr}
  .top-stock-card{min-height:132px;padding:10px}
}


/* =========================================================
   RIPPLE v2.9 // DV MULTIVERSE THEME ENGINE
   Each preset changes panel material, geometry, typography,
   background motion language and workspace atmosphere.
   ========================================================= */
.theme-control{display:flex;align-items:center;gap:9px;min-width:0}
.theme-readout{display:flex;flex-direction:column;min-width:142px;padding-left:9px;border-left:1px solid var(--line)}
.theme-readout b{font:950 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;color:var(--text);white-space:nowrap}
.theme-readout span{font:800 5.2px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--muted);margin-top:4px;white-space:nowrap}
.themes{display:flex;align-items:center;gap:4px;max-width:262px;overflow-x:auto;scrollbar-width:none;padding:3px}.themes::-webkit-scrollbar{display:none}
.theme{width:26px!important;height:26px!important;min-width:26px!important;border-radius:8px!important;position:relative!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--swatch) 28%,var(--line))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--swatch) 34%,#061119),#030a0f)!important}
.theme:before{content:"";position:absolute;inset:5px;border-radius:5px;background:var(--swatch);opacity:.92;box-shadow:0 0 14px color-mix(in srgb,var(--swatch) 40%,transparent)}
.theme span{position:relative;z-index:2;font:950 4.7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#001011;mix-blend-mode:screen;opacity:0}
.theme:hover span,.theme.active span{opacity:1}
.theme.active{transform:translateY(-2px) scale(1.06);box-shadow:0 7px 20px color-mix(in srgb,var(--swatch) 20%,transparent)!important}

.universe-lenses{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:12px 0 3px;padding:1px;position:relative;z-index:2}.universe-lenses::-webkit-scrollbar{display:none}
.lens-chip{flex:0 0 auto;appearance:none;border:1px solid var(--line);background:rgba(3,13,19,.72);color:#6d858e;border-radius:999px;padding:7px 9px;cursor:pointer;font:900 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;transition:.18s ease}
.lens-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.lens-chip.active{color:#001112;background:var(--accent);border-color:var(--accent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 18%,transparent)}

body[data-screen="desk"] .dv-kinetic-layer:before,
body[data-screen="map"] .dv-kinetic-layer:before,
body[data-screen="battle"] .dv-kinetic-layer:before,
body[data-screen="radar"] .dv-kinetic-layer:before,
body[data-screen="proof"] .dv-kinetic-layer:before{content:"";position:absolute;inset:0;pointer-events:none;transition:background .6s ease,opacity .6s ease}
body[data-screen="desk"] .dv-kinetic-layer:before{background:radial-gradient(circle at 72% 28%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 28%);opacity:.95}
body[data-screen="map"] .dv-kinetic-layer:before{background:radial-gradient(circle at 50% 48%,transparent 0 13%,color-mix(in srgb,var(--accent) 6%,transparent) 13.5% 14%,transparent 14.5% 26%,color-mix(in srgb,var(--accent) 4%,transparent) 26.5% 27%,transparent 27.5%);opacity:1}
body[data-screen="battle"] .dv-kinetic-layer:before{background:linear-gradient(90deg,transparent 12%,color-mix(in srgb,var(--green) 4%,transparent) 12.5% 33%,transparent 33.5% 66%,color-mix(in srgb,var(--red) 4%,transparent) 66.5% 88%,transparent 88.5%);opacity:.75}
body[data-screen="radar"] .dv-kinetic-layer:before{background:repeating-radial-gradient(circle at 50% 42%,transparent 0 68px,color-mix(in srgb,var(--accent) 5%,transparent) 69px 70px,transparent 71px 136px);opacity:.65}
body[data-screen="proof"] .dv-kinetic-layer:before{background-image:linear-gradient(color-mix(in srgb,var(--accent) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 3%,transparent) 1px,transparent 1px);background-size:28px 28px;opacity:.7}

/* AQUA ORBITAL — fluid glass instrument */
body[data-theme="aqua"]{
  --bg:#02090e;--bg2:#031119;--panel:#071720;--panel2:#06131b;--line:#17313c;--line2:#2a5360;
  --text:#eef7f8;--muted:#738b94;--muted2:#4f6871;--accent:#3cf2e3;--accent2:#9afbf4;--violet:#a789ff;
  --panel-radius:22px;--shadow:rgba(60,242,227,.10);--kinetic-secondary:#a789ff;
  --panel-deep:linear-gradient(145deg,rgba(6,24,33,.88),rgba(2,10,15,.96) 72%);
}
body[data-theme="aqua"] .panel,body[data-theme="aqua"] .desk-frame{backdrop-filter:blur(18px) saturate(125%)}
body[data-theme="aqua"] .top-network,body[data-theme="aqua"] .battle-card{box-shadow:0 24px 90px rgba(0,0,0,.46),0 0 55px rgba(60,242,227,.055)}

/* VIOLET NEBULA — floating prismatic cards */
body[data-theme="violet"]{
  --bg:#080611;--bg2:#120a22;--panel:#151028;--panel2:#0e0a1c;--line:#392a55;--line2:#7255a0;
  --text:#f4edff;--muted:#9d8eb3;--muted2:#685b7d;--accent:#a789ff;--accent2:#dccfff;--violet:#4fe9e0;
  --panel-radius:28px;--shadow:rgba(167,137,255,.18);--kinetic-secondary:#52e7dc;
  --panel-deep:linear-gradient(145deg,rgba(31,18,54,.82),rgba(10,7,20,.94) 74%);
}
body[data-theme="violet"]:before{background:radial-gradient(circle at 82% 10%,rgba(159,95,255,.24),transparent 27%),radial-gradient(circle at 18% 80%,rgba(76,222,217,.12),transparent 32%),radial-gradient(circle at 45% 45%,rgba(76,37,117,.18),transparent 48%),#07050d}
body[data-theme="violet"] .panel,body[data-theme="violet"] .desk-frame{border-color:rgba(177,134,255,.18);backdrop-filter:blur(28px) saturate(145%);box-shadow:0 32px 100px rgba(8,3,18,.66),inset 0 1px rgba(231,213,255,.05)}
body[data-theme="violet"] .top-stock-card,body[data-theme="violet"] .mode-card{background:linear-gradient(135deg,rgba(62,30,91,.56),rgba(13,8,26,.9));transform:perspective(800px) rotateX(.4deg)}
body[data-theme="violet"] .kinetic-orbit{border-style:dashed;filter:drop-shadow(0 0 18px rgba(167,137,255,.16))}
body[data-theme="violet"] .motion-ribbon{background:linear-gradient(90deg,rgba(167,137,255,.03),rgba(72,235,221,.08),rgba(167,137,255,.03))}
body[data-theme="violet"] .graph-panel{background:radial-gradient(circle at 50% 50%,rgba(167,137,255,.08),transparent 42%),linear-gradient(150deg,#150d26,#07050e)}

/* AMBER FOUNDRY — industrial plates and solar rails */
body[data-theme="amber"]{
  --bg:#0b0904;--bg2:#161006;--panel:#1a1408;--panel2:#100c05;--line:#4d3712;--line2:#88621d;
  --text:#fff5d9;--muted:#a99061;--muted2:#6f5b34;--accent:#ffd166;--accent2:#fff0b4;--violet:#ff8d52;
  --panel-radius:5px;--shadow:rgba(255,209,102,.14);--kinetic-secondary:#ff784d;
  --panel-deep:linear-gradient(180deg,rgba(37,27,9,.94),rgba(13,10,4,.98));
}
body[data-theme="amber"]:before{background:radial-gradient(circle at 78% 15%,rgba(255,189,63,.18),transparent 24%),repeating-linear-gradient(135deg,rgba(255,209,102,.018) 0 1px,transparent 1px 18px),#090702}
body[data-theme="amber"] .panel,body[data-theme="amber"] .desk-frame{border-color:#4b3612;border-left:3px solid rgba(255,209,102,.44);box-shadow:0 18px 60px rgba(0,0,0,.58),inset 0 1px rgba(255,232,171,.04)}
body[data-theme="amber"] .panel-head,body[data-theme="amber"] .desk-head{border-bottom:1px solid rgba(255,209,102,.12);padding-bottom:10px}
body[data-theme="amber"] .primary-btn{border-radius:3px;background:linear-gradient(90deg,#d89d22,#ffd166 52%,#e77a3e)}
body[data-theme="amber"] .ghost-btn,body[data-theme="amber"] .small-btn{border-radius:3px}
body[data-theme="amber"] .top-stock-card{border-radius:3px;background:linear-gradient(180deg,#1d1609,#0d0a05)}
body[data-theme="amber"] .kinetic-beam{height:2px;box-shadow:0 0 12px rgba(255,209,102,.22)}

/* MATRIX TERMINAL — square data terminal */
body[data-theme="matrix"]{
  --bg:#010601;--bg2:#031003;--panel:#041207;--panel2:#020b04;--line:#123c16;--line2:#236d29;
  --text:#caffc3;--muted:#68a46b;--muted2:#3a6b3d;--accent:#91ff7a;--accent2:#d4ffcb;--violet:#4be7c9;
  --panel-radius:2px;--shadow:rgba(145,255,122,.10);--kinetic-secondary:#4be7c9;
  --panel-deep:linear-gradient(180deg,rgba(3,20,6,.95),rgba(1,8,2,.98));
}
body[data-theme="matrix"]:before{background-image:linear-gradient(rgba(145,255,122,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(145,255,122,.025) 1px,transparent 1px),linear-gradient(180deg,#010501,#020b03);background-size:24px 24px,24px 24px,100% 100%}
body[data-theme="matrix"]:after{opacity:.24;background-image:repeating-linear-gradient(180deg,rgba(145,255,122,.045) 0 1px,transparent 1px 4px);background-size:100% 4px;mask-image:none}
body[data-theme="matrix"] .panel,body[data-theme="matrix"] .desk-frame,body[data-theme="matrix"] .top-stock-card,body[data-theme="matrix"] .mode-card{border-radius:2px;border-color:#134b18;box-shadow:none}
body[data-theme="matrix"] h1,body[data-theme="matrix"] h2,body[data-theme="matrix"] h3,body[data-theme="matrix"] .battle-symbol{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.04em}
body[data-theme="matrix"] .panel:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--accent);opacity:.26;animation:matrixPanelScan 4s linear infinite}
@keyframes matrixPanelScan{0%{transform:translateY(0);opacity:.08}50%{opacity:.28}100%{transform:translateY(260px);opacity:0}}
body[data-theme="matrix"] .primary-btn,body[data-theme="matrix"] .ghost-btn,body[data-theme="matrix"] .small-btn{border-radius:1px;text-transform:uppercase}

/* CRIMSON ALERT — tactical beveled display */
body[data-theme="crimson"]{
  --bg:#090206;--bg2:#16050a;--panel:#1a0710;--panel2:#0f0409;--line:#4e1629;--line2:#88334b;
  --text:#fff0f4;--muted:#b47a8b;--muted2:#774554;--accent:#ff6f91;--accent2:#ffc2d1;--violet:#b28cff;
  --panel-radius:12px;--shadow:rgba(255,111,145,.15);--kinetic-secondary:#ffb05d;
  --panel-deep:linear-gradient(145deg,rgba(40,8,20,.9),rgba(11,3,8,.98));
}
body[data-theme="crimson"]:before{background:radial-gradient(circle at 80% 18%,rgba(255,74,112,.18),transparent 25%),repeating-linear-gradient(120deg,rgba(255,111,145,.018) 0 1px,transparent 1px 30px),#080105}
body[data-theme="crimson"] .panel,body[data-theme="crimson"] .desk-frame{border-color:rgba(255,111,145,.2);box-shadow:0 24px 70px rgba(0,0,0,.62),inset 4px 0 rgba(255,111,145,.08)}
body[data-theme="crimson"] .top-network,body[data-theme="crimson"] .battle-card,body[data-theme="crimson"] .adaptive-card-pulse{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
body[data-theme="crimson"] .state-chip,body[data-theme="crimson"] .badge{border-color:rgba(255,111,145,.38);background:rgba(255,72,110,.08)}
body[data-theme="crimson"] .kinetic-orbit{border-color:rgba(255,111,145,.2)}
body[data-theme="crimson"] .kinetic-orbit:after{background:#ff6f91;box-shadow:0 0 28px #ff315f}

/* ICE GLASS — airy translucent instrumentation */
body[data-theme="ice"]{
  --bg:#031017;--bg2:#071b24;--panel:#0b202a;--panel2:#071720;--line:#285060;--line2:#5793a5;
  --text:#f3fdff;--muted:#8db8c5;--muted2:#638c99;--accent:#7bd7ff;--accent2:#d7f5ff;--violet:#b2a0ff;
  --panel-radius:30px;--shadow:rgba(123,215,255,.12);--kinetic-secondary:#b2a0ff;
  --panel-deep:linear-gradient(145deg,rgba(15,45,58,.58),rgba(5,18,26,.72));
}
body[data-theme="ice"]:before{background:radial-gradient(circle at 76% 10%,rgba(151,231,255,.16),transparent 30%),linear-gradient(180deg,#041219,#071922 50%,#031017)}
body[data-theme="ice"] .panel,body[data-theme="ice"] .desk-frame{backdrop-filter:blur(34px) saturate(120%);border-color:rgba(183,235,255,.19);box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.065)}
body[data-theme="ice"] .top-stock-card{background:linear-gradient(145deg,rgba(18,57,73,.58),rgba(5,20,28,.68));border-color:rgba(166,230,255,.16)}
body[data-theme="ice"] .kinetic-glow{filter:blur(130px);opacity:.09}

/* COBALT BLUEPRINT — technical blueprint workstation */
body[data-theme="cobalt"]{
  --bg:#020711;--bg2:#061226;--panel:#08162a;--panel2:#05101f;--line:#1e3b64;--line2:#3f6fa6;
  --text:#eef6ff;--muted:#7895b6;--muted2:#4b6684;--accent:#54a8ff;--accent2:#bfe0ff;--violet:#5de3ff;
  --panel-radius:4px;--shadow:rgba(84,168,255,.13);--kinetic-secondary:#5de3ff;
  --panel-deep:linear-gradient(180deg,rgba(7,26,49,.96),rgba(3,10,22,.98));
}
body[data-theme="cobalt"]:before{background-image:linear-gradient(rgba(84,168,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(84,168,255,.035) 1px,transparent 1px),linear-gradient(rgba(84,168,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(84,168,255,.014) 1px,transparent 1px);background-size:64px 64px,64px 64px,16px 16px,16px 16px;background-color:#020813}
body[data-theme="cobalt"] .panel,body[data-theme="cobalt"] .desk-frame{border-radius:4px;border-color:rgba(84,168,255,.24);box-shadow:0 0 0 1px rgba(84,168,255,.02),0 18px 64px rgba(0,0,0,.6)}
body[data-theme="cobalt"] .panel-head:before{content:"+";position:absolute;right:4px;top:2px;color:rgba(84,168,255,.4);font:700 11px/1 ui-monospace}
body[data-theme="cobalt"] .graph-panel{background-image:radial-gradient(circle at center,rgba(84,168,255,.08),transparent 38%),linear-gradient(rgba(84,168,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(84,168,255,.025) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}

/* SOLAR REACTOR — warm radial energy architecture */
body[data-theme="solar"]{
  --bg:#0c0801;--bg2:#1a1003;--panel:#211505;--panel2:#130c03;--line:#5a3a0b;--line2:#936218;
  --text:#fff8df;--muted:#ad9461;--muted2:#766036;--accent:#ffcf4d;--accent2:#fff2a6;--violet:#ff6d57;
  --panel-radius:26px;--shadow:rgba(255,207,77,.15);--kinetic-secondary:#ff765c;
  --panel-deep:radial-gradient(circle at 85% 0%,rgba(255,207,77,.08),transparent 32%),linear-gradient(145deg,rgba(37,24,6,.92),rgba(12,8,2,.98));
}
body[data-theme="solar"]:before{background:radial-gradient(circle at 82% 14%,rgba(255,207,77,.3) 0,rgba(255,126,58,.08) 16%,transparent 34%),radial-gradient(circle at 24% 74%,rgba(255,85,63,.07),transparent 26%),#0a0701}
body[data-theme="solar"] .kinetic-orbit{border-color:rgba(255,207,77,.2);box-shadow:0 0 45px rgba(255,187,49,.04)}
body[data-theme="solar"] .panel,body[data-theme="solar"] .desk-frame{border-color:rgba(255,207,77,.18);box-shadow:0 30px 90px rgba(0,0,0,.58),inset 0 1px rgba(255,241,177,.04)}
body[data-theme="solar"] .primary-btn{color:#241500;background:linear-gradient(90deg,#ff9e34,#ffcf4d 55%,#fff0a3)}
body[data-theme="solar"] .top-stock-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-35px;top:-35px;background:radial-gradient(circle,rgba(255,207,77,.17),transparent 68%)}

/* ULTRAVIOLET HOLO — prismatic holographic surfaces */
body[data-theme="ultraviolet"]{
  --bg:#07030d;--bg2:#10071b;--panel:#160c24;--panel2:#0c0714;--line:#43245f;--line2:#7c48a5;
  --text:#fbf2ff;--muted:#a98aba;--muted2:#725781;--accent:#c16cff;--accent2:#ecd3ff;--violet:#5de3ff;
  --panel-radius:18px;--shadow:rgba(193,108,255,.16);--kinetic-secondary:#5de3ff;
  --panel-deep:linear-gradient(135deg,rgba(44,17,65,.8),rgba(8,5,15,.94) 62%);
}
body[data-theme="ultraviolet"]:before{background:conic-gradient(from 220deg at 82% 18%,rgba(93,227,255,.08),rgba(193,108,255,.15),rgba(255,87,187,.06),transparent 34%),radial-gradient(circle at 20% 75%,rgba(93,227,255,.07),transparent 30%),#06020b}
body[data-theme="ultraviolet"] .panel,body[data-theme="ultraviolet"] .desk-frame{border-color:transparent;background:linear-gradient(#12091e,#0b0612) padding-box,linear-gradient(120deg,rgba(193,108,255,.4),rgba(93,227,255,.16),rgba(255,94,190,.18)) border-box;border:1px solid transparent;box-shadow:0 30px 90px rgba(0,0,0,.56)}
body[data-theme="ultraviolet"] .state-chip{background:linear-gradient(90deg,rgba(193,108,255,.12),rgba(93,227,255,.08))}
body[data-theme="ultraviolet"] .motion-ribbon{background:linear-gradient(90deg,rgba(193,108,255,.04),rgba(93,227,255,.1),rgba(255,94,190,.05),rgba(193,108,255,.04));background-size:200% 100%;animation:dvSweep 8s linear infinite}

/* GLACIER CRYSTAL — faceted frost */
body[data-theme="glacier"]{
  --bg:#031014;--bg2:#092027;--panel:#0b2830;--panel2:#061a20;--line:#34646f;--line2:#6ea8b2;
  --text:#f5feff;--muted:#9cc4ca;--muted2:#6a969e;--accent:#8df7ff;--accent2:#e5feff;--violet:#7f9cff;
  --panel-radius:12px;--shadow:rgba(141,247,255,.12);--kinetic-secondary:#7f9cff;
  --panel-deep:linear-gradient(150deg,rgba(19,64,73,.58),rgba(4,22,27,.84));
}
body[data-theme="glacier"]:before{background:linear-gradient(145deg,rgba(141,247,255,.04) 0 18%,transparent 18% 38%,rgba(127,156,255,.035) 38% 53%,transparent 53%),radial-gradient(circle at 72% 14%,rgba(176,250,255,.15),transparent 28%),#031015}
body[data-theme="glacier"] .panel,body[data-theme="glacier"] .desk-frame{backdrop-filter:blur(30px);border-color:rgba(173,246,255,.22);clip-path:polygon(0 10px,10px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px))}
body[data-theme="glacier"] .top-stock-card{border-radius:8px;background:linear-gradient(145deg,rgba(29,78,87,.48),rgba(5,26,32,.78))}
body[data-theme="glacier"] .kinetic-glow{filter:blur(150px);opacity:.1}

/* EMBER CORE — forged dark heat */
body[data-theme="ember"]{
  --bg:#090402;--bg2:#170804;--panel:#1d0c06;--panel2:#100603;--line:#50200f;--line2:#8c3b1c;
  --text:#fff1e8;--muted:#b48771;--muted2:#795441;--accent:#ff8a4d;--accent2:#ffd0b8;--violet:#ff4f7d;
  --panel-radius:8px;--shadow:rgba(255,138,77,.14);--kinetic-secondary:#ff4f7d;
  --panel-deep:linear-gradient(180deg,rgba(37,14,6,.96),rgba(11,4,2,.99));
}
body[data-theme="ember"]:before{background:radial-gradient(circle at 72% 12%,rgba(255,110,52,.17),transparent 24%),radial-gradient(circle at 18% 82%,rgba(255,68,88,.08),transparent 26%),repeating-linear-gradient(0deg,rgba(255,125,66,.012) 0 1px,transparent 1px 22px),#080301}
body[data-theme="ember"] .panel,body[data-theme="ember"] .desk-frame{border-color:rgba(255,138,77,.18);border-bottom:2px solid rgba(255,90,48,.16);box-shadow:0 28px 75px rgba(0,0,0,.66),inset 0 -18px 40px rgba(255,76,28,.02)}
body[data-theme="ember"] .top-stock-card{background:linear-gradient(180deg,#211007,#0d0502);border-color:#4a1c0c}
body[data-theme="ember"] .kinetic-orbit{opacity:.45}.theme-ember .kinetic-glow{filter:blur(85px)}
body[data-theme="ember"] .primary-btn{background:linear-gradient(90deg,#ff613c,#ff8a4d,#ffb568);color:#1c0801}

/* panel material can shift by workspace as well */
body[data-screen="map"] .graph-panel{min-height:650px}
body[data-screen="map"] .network-constellation{margin-top:16px}
body[data-screen="battle"] .adaptive-card-pulse{box-shadow:0 28px 95px color-mix(in srgb,var(--accent) 8%,rgba(0,0,0,.64))}
body[data-screen="radar"] .lifecycle-panel{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
body[data-screen="proof"] .runtime-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--panel)),var(--panel2))}

/* richer typography / spacing */
.source-copy b{font-size:10px!important;line-height:1.25!important}
.source-copy p{font-size:8px!important;line-height:1.6!important}
.quiet-panel h3,.event-thread h3,.source-desk h3{font-size:clamp(18px,2vw,30px)!important}
.explain-grid b{font-size:7px!important}.explain-grid p{font-size:9px!important;line-height:1.65!important}
.relationship-ledger,.constellation-panel,.adaptive-card-pulse,.battle-telemetry,.open-matrix,.runtime-panel{padding:clamp(14px,2vw,22px)!important}

/* motion off must truly quiet every visual world */
body.motion-off .kinetic-orbit,body.motion-off .kinetic-beam,body.motion-off .kinetic-glow,
body.motion-off .motion-ribbon,body.motion-off .edge,body.motion-off .node circle,
body.motion-off .panel:after,body.motion-off .top-network:before,body.motion-off .adaptive-card-pulse:before,
body.motion-off .constellation-panel:before{animation:none!important}

/* theme transitions without flashing */
body,.panel,.desk-frame,.topbar,.rail,.connection-ribbon,.top-stock-card,.mode-card,.graph-panel,.battle-card,.primary-btn,.ghost-btn,.small-btn{
  transition:background .38s ease,border-color .38s ease,color .28s ease,box-shadow .38s ease,border-radius .38s ease,filter .38s ease;
}

@media(max-width:1180px){
  .theme-readout{display:none}
  .themes{max-width:190px}
}
@media(max-width:760px){
  .theme-control{width:100%;order:4}
  .themes{max-width:100%;width:100%}
  .theme{width:29px!important;height:29px!important;min-width:29px!important}
}


/* v2.9 chrome / intro mutations: presets alter the whole product shell */
body[data-theme="violet"] .topbar{background:linear-gradient(180deg,rgba(18,9,31,.92),rgba(8,5,16,.76));border-bottom-color:rgba(167,137,255,.18)}
body[data-theme="violet"] .rail{background:linear-gradient(180deg,rgba(21,11,36,.88),rgba(7,4,13,.86));border-right-color:rgba(167,137,255,.18)}
body[data-theme="violet"] .intro-panel{border-radius:34px;background:radial-gradient(circle at 72% 0%,rgba(167,137,255,.16),transparent 35%),linear-gradient(145deg,rgba(33,18,57,.94),rgba(8,5,16,.98));box-shadow:0 50px 150px rgba(0,0,0,.72),0 0 100px rgba(167,137,255,.1)}

body[data-theme="amber"] .topbar{background:linear-gradient(180deg,#1c1407,#0d0903);border-bottom:1px solid #4f3710}
body[data-theme="amber"] .rail{background:#100b04;border-right:1px solid #4f3710}
body[data-theme="amber"] .intro-panel{border-radius:5px;border-left:4px solid #ffd166;background:linear-gradient(180deg,#241907,#0d0903);box-shadow:0 44px 120px rgba(0,0,0,.72)}
body[data-theme="amber"] .brand-mark{border-radius:2px!important}

body[data-theme="matrix"] .topbar,body[data-theme="matrix"] .rail{background:rgba(1,8,2,.94);backdrop-filter:none}
body[data-theme="matrix"] .connection-ribbon{background:#020b03;border-color:#123c16}
body[data-theme="matrix"] .intro-panel{border-radius:0;background:#020b03;border:1px solid #236d29;box-shadow:0 0 0 1px #071e09,0 0 70px rgba(145,255,122,.05)}
body[data-theme="matrix"] .intro-panel h1,body[data-theme="matrix"] .brand strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
body[data-theme="matrix"] .nav.active{background:#0a1d0d;box-shadow:inset 2px 0 #91ff7a}

body[data-theme="crimson"] .topbar{background:linear-gradient(180deg,#1b0710,#0c0307);border-bottom-color:#4f162a}
body[data-theme="crimson"] .rail{background:linear-gradient(180deg,#17060d,#0b0306);border-right-color:#4f162a}
body[data-theme="crimson"] .intro-panel{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));border-radius:0;background:linear-gradient(145deg,#260914,#0b0307)}
body[data-theme="crimson"] .nav.active{box-shadow:inset 3px 0 #ff6f91,0 0 28px rgba(255,111,145,.06)}

body[data-theme="ice"] .topbar,body[data-theme="ice"] .rail{background:rgba(6,24,33,.7);backdrop-filter:blur(30px) saturate(130%)}
body[data-theme="ice"] .intro-panel{border-radius:38px;background:linear-gradient(145deg,rgba(19,56,70,.62),rgba(5,20,28,.82));backdrop-filter:blur(34px);border-color:rgba(190,239,255,.19)}

body[data-theme="cobalt"] .topbar{background:#04101f;border-bottom-color:#1d3d66}
body[data-theme="cobalt"] .rail{background:#031020;border-right-color:#1d3d66}
body[data-theme="cobalt"] .intro-panel{border-radius:4px;background-image:linear-gradient(rgba(84,168,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(84,168,255,.028) 1px,transparent 1px),linear-gradient(180deg,#091a31,#030b17);background-size:24px 24px,24px 24px,100% 100%}
body[data-theme="cobalt"] .nav.active{outline:1px solid rgba(84,168,255,.16);box-shadow:inset 2px 0 #54a8ff}

body[data-theme="solar"] .topbar{background:linear-gradient(180deg,#241806,#0d0902);border-bottom-color:#5a3a0b}
body[data-theme="solar"] .rail{background:linear-gradient(180deg,#1b1104,#0b0702);border-right-color:#5a3a0b}
body[data-theme="solar"] .intro-panel{border-radius:32px;background:radial-gradient(circle at 50% 0%,rgba(255,207,77,.15),transparent 32%),linear-gradient(145deg,#281a07,#0d0902);box-shadow:0 48px 130px rgba(0,0,0,.7),0 0 100px rgba(255,207,77,.05)}

body[data-theme="ultraviolet"] .topbar,body[data-theme="ultraviolet"] .rail{background:linear-gradient(180deg,rgba(25,8,38,.9),rgba(7,3,12,.8));backdrop-filter:blur(24px)}
body[data-theme="ultraviolet"] .intro-panel{border:1px solid transparent;border-radius:24px;background:linear-gradient(#140920,#09050f) padding-box,linear-gradient(125deg,#c16cff,#5de3ff,#ff62ba,#c16cff) border-box;box-shadow:0 50px 150px rgba(0,0,0,.72),0 0 90px rgba(193,108,255,.08)}

body[data-theme="glacier"] .topbar,body[data-theme="glacier"] .rail{background:rgba(5,24,30,.72);backdrop-filter:blur(32px)}
body[data-theme="glacier"] .intro-panel{border-radius:0;clip-path:polygon(0 16px,16px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(145deg,rgba(21,70,79,.64),rgba(4,20,26,.88));border-color:rgba(189,250,255,.2)}

body[data-theme="ember"] .topbar{background:linear-gradient(180deg,#210d06,#0d0502);border-bottom-color:#55200e}
body[data-theme="ember"] .rail{background:linear-gradient(180deg,#170802,#090301);border-right-color:#55200e}
body[data-theme="ember"] .intro-panel{border-radius:10px;border-bottom:3px solid rgba(255,112,55,.34);background:radial-gradient(circle at 50% 110%,rgba(255,89,35,.1),transparent 34%),linear-gradient(180deg,#241006,#0d0402);box-shadow:0 50px 130px rgba(0,0,0,.74),0 0 70px rgba(255,92,38,.05)}