:root{
--bg:#0B0C0E;--panel:#101113;--panel2:#16171A;--line:#2E2F35;
--ink:#F4F2EC;--dim:#B0AFAC;--dimmer:#8A8B90;
--easeG:cubic-bezier(0.05,0.7,0.1,1);
--mono:'IBM Plex Mono',ui-monospace,"SF Mono",Menlo,Consolas,monospace;
--arch:'Archivo',system-ui,-apple-system,sans-serif;
--sans:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif;
--ink2:#6E6B62;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}
body{background:var(--bg);color:#F0EFEC;font-family:var(--mono);display:flex;flex-direction:column}
#brandBar{flex:none;display:flex;align-items:center;gap:18px;
padding:10px 22px;border-bottom:1px solid var(--line);background:#0D0E10}
#brandBar img{width:80px;height:33px}
#brandHome{display:flex;align-items:center;gap:18px;border:0;background:transparent;
cursor:pointer;padding:0;text-align:left;border-radius:4px;
transition:opacity .25s var(--easeG)}
#brandHome:hover{opacity:0.88}
#brandHome:focus-visible{outline:0;opacity:0.8}
button:focus,button:focus-visible,a:focus,a:focus-visible{
outline:0 !important;box-shadow:none}
.dClose:focus-visible,#frClose:focus-visible,#gClear:focus-visible{background:#26272b}
#brandBar .wm{font-family:var(--arch);font-weight:700;font-size:17px;letter-spacing:0.32em;color:var(--ink)}
#brandBar .tg{margin-top:3px;font-family:var(--mono);font-weight:600;font-size:8px;
letter-spacing:0.26em;text-transform:uppercase;
background:linear-gradient(90deg,#FF3B30,#FF9500,#FFCC00,#34C759,#00C7BE,#007AFF,#AF52DE);
-webkit-background-clip:text;background-clip:text;color:transparent}
#views::before{content:'';position:sticky;top:0;display:block;height:14px;
margin-bottom:-14px;background:linear-gradient(rgba(0,0,0,0.23),transparent);
z-index:5;pointer-events:none}
#pageBar{flex:none;display:flex;align-items:center;gap:18px;
position:relative;z-index:6;box-shadow:0 6px 14px rgba(0,0,0,0.23);
padding:12px 22px;border-bottom:1px solid var(--line)}
#pageBar .advLink{align-self:center;margin:0;line-height:1}
#shell{display:flex;flex:1;min-height:0}
#sidebar{width:238px;flex:none;display:flex;flex-direction:column;
background:#0D0E10;border-right:1px solid var(--line);padding:16px 12px;overflow-y:auto}
.opLogo{display:block;width:160px;height:66px;margin:0 auto 10px}
.wordmark{font-family:var(--sans);font-weight:500;font-size:15px;
letter-spacing:0.32em;color:var(--ink);text-align:center}
.tagline{margin:5px 0 14px;text-align:center;font-size:7.5px;
letter-spacing:0.18em;color:var(--dimmer);text-transform:uppercase}
.platSel{display:flex;align-items:center;gap:9px;white-space:nowrap;width:100%;border:1px solid var(--line);
background:var(--panel);color:#E8E7E4;cursor:pointer;font-family:var(--mono);
font-size:12px;padding:8px 12px;border-radius:4px;margin-bottom:14px}
.platSel .ytDot{width:9px;height:9px;border-radius:3px;background:#FF3D3D;flex:none}
.platSel .car{margin-left:auto;color:var(--dimmer)}
.platWrap{position:relative}
.platMenu{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:80;
border:1px solid var(--line);border-radius:4px;background:var(--panel);
box-shadow:0 14px 30px rgba(0,0,0,0.6);overflow:hidden}
.platMenu.open{display:block}
.platRow.soon{opacity:0.42;cursor:not-allowed}
.platRow.soon .soonTag{margin-left:auto;font-family:var(--mono);font-size:7.5px;
letter-spacing:0.12em;text-transform:uppercase;color:var(--dimmer)}
.platRow.live{color:var(--ink)}
.platRow.live .liveTag{margin-left:auto;font-family:var(--mono);font-size:7.5px;
letter-spacing:0.12em;text-transform:uppercase;color:#a1f304}
.platRow{display:flex;align-items:center;gap:9px;padding:8px 12px;
font-size:12px;color:var(--dim);white-space:nowrap}
.platRow.live{color:#f0f0f0}
.platRow:hover{background:#17181B}
.navGroup{margin-bottom:12px}
.navLabel{padding:0 10px 6px;font-size:9px;text-transform:uppercase;letter-spacing:0.24em;color:var(--dimmer)}
.navItem{font-family:'Archivo',var(--sans);font-weight:500;font-size:10px;
letter-spacing:0.13em;
display:flex;align-items:center;gap:9px;width:100%;border:0;cursor:pointer;
background:transparent;color:#DAD9D6;font-family:var(--mono);font-size:10.5px;font-weight:500;
text-transform:uppercase;letter-spacing:0.16em;text-align:left;
padding:9px 10px;border-radius:4px;white-space:nowrap}
.navItem:hover{background:#17181B;color:var(--ink)}
.navItem.on{background:#1D1E22;color:var(--ink)}
.navItem .nDot{width:7px;height:7px;border-radius:50%;background:#3a3b3f;flex:none}
.navSubWrap{margin:2px 0 6px 22px;border-left:1px solid var(--line);padding-left:8px}
.navItem.navSub{font-size:9px;letter-spacing:0.11em;padding:7px 10px}
.navItem.navSub .nDot{width:5px;height:5px}
.navItem.on .nDot{background:var(--ink)}
.sideFoot{margin-top:0;padding:10px;font-size:9px;letter-spacing:0.18em;color:var(--dimmer);text-transform:uppercase;line-height:1.9;opacity:0.5}
#main{position:relative;flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}
#topbar{flex:none;display:flex;align-items:center;gap:16px;
padding:12px 22px;border-bottom:1px solid var(--line)}
#tbTitle{flex:none;min-width:150px}
input,textarea{caret-color:#FF3D6E}
#globalSearchWrap{position:relative;flex:1;min-width:0;max-width:616px;margin:0 0 0 98px}
#gClear{position:absolute;right:8px;top:50%;transform:translateY(-50%) rotate(0deg);
z-index:2;border:0;background:transparent;color:var(--dimmer);cursor:pointer;
font-size:12px;padding:5px 7px;border-radius:4px;opacity:0;pointer-events:none;
transition:opacity .22s var(--easeG),color .22s var(--easeG),transform .35s var(--easeG)}
#gClear.show{opacity:1;pointer-events:auto}
#gClear:hover{color:var(--ink);transform:translateY(-50%) rotate(90deg)}
#globalSearch{width:100%;border:2px solid var(--line);outline:0;background:var(--panel);
color:#f0f0f0;font-family:var(--mono);font-size:10.5px;padding:12px 53px 12px 29px;border-radius:7px}
#globalSearch::placeholder{color:var(--dimmer)}
.srchIco{position:absolute;left:10px;top:50%;transform:translateY(-50%);
width:12px;height:12px;color:var(--dimmer);pointer-events:none;z-index:2;
transition:color .2s var(--easeG)}
.srchIco.on{color:#FFFFFF}
#globalSearch:focus{border-color:#3a3b40}
#acPanel{position:absolute;left:0;right:auto;top:calc(100% + 6px);z-index:60;
width:max-content;min-width:100%;max-width:min(560px,82vw);text-align:left;
background:var(--panel);border:1px solid var(--line);border-radius:4px;
box-shadow:0 18px 50px rgba(0,0,0,0.6);display:none;max-height:66vh;overflow-y:auto}
#acPanel.open{display:block}
#acPanel .kbd{background:#17181C;box-shadow:inset 2px 0 0 #F2F1EE}
#acPanel .acEnt{display:flex;align-items:center;gap:9px;padding:9px 14px;
text-align:left;white-space:nowrap}
#acPanel .acEnt .catTag{margin-left:auto;padding-left:18px;flex:none}
#acPanel .acSec{text-align:left}
#acPanel .acFoot{white-space:normal}
#acPanel button.acRow{appearance:none;-webkit-appearance:none;border:0;
background:transparent;width:100%;text-align:left;color:inherit;
font-family:inherit;font-size:inherit}
.acRow{padding:14px 16px;border-bottom:1px solid #1c1d21;cursor:pointer}
.acRow:last-of-type{border-bottom:0}
.acRow:hover{background:#17181B}
.acName{font-family:var(--sans);font-weight:600;font-size:15px;color:#F2F1EE}
.acRole{font-family:var(--sans);font-weight:600;font-size:12.5px;color:var(--dim);margin-top:3px}
.acDesc{font-size:12px;line-height:1.55;color:var(--dim);margin-top:6px}
.acIsni{display:inline-block;margin-top:8px;border:0;background:transparent;cursor:pointer;
font-family:var(--mono);font-size:11.5px;color:#FFFFFF;padding:0}
.acEnt{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;
font-size:12.5px;color:#E8E7E4;border-bottom:1px solid #1c1d21}
.acEnt:hover{background:#17181B}
.acFoot{padding:8px 16px;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--dimmer)}
.acSec{padding:9px 16px 5px;font-size:9.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--dimmer)}
.acMedia{display:flex;align-items:center;gap:12px;padding:11px 16px;cursor:pointer;border-bottom:1px solid #1c1d21}
.acMedia:hover{background:#17181B}
.acAvatar{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;
font-family:var(--sans);font-weight:600;font-size:14px;color:#0B0C0E}
.acArt{width:40px;height:40px;border-radius:0;flex:none;display:grid;place-items:center;
font-family:var(--sans);font-weight:600;font-size:13px;color:rgba(11,12,14,0.8)}
.acThumb{width:64px;height:36px;border-radius:2px;flex:none;display:grid;place-items:center;
background:linear-gradient(135deg,#26272C,#101114)}
.acThumb svg{width:14px;height:14px;fill:#E8E7E4;opacity:0.9}
.acMeta1{font-family:var(--sans);font-weight:600;font-size:13.5px;color:#F2F1EE}
.acMeta2{font-size:11px;color:var(--dim);margin-top:2px}
#globalSearchWrap kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);
font-family:var(--mono);font-size:10px;color:var(--dimmer);background:#1a1b1e;
padding:2px 6px;border-radius:5px;pointer-events:none}
.advLink.on{color:#FFFFFF;background:#1A1B1F;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.4);border-radius:3px}
.advLink{border:1px solid var(--line);border-radius:4px;padding:8px 12px;
background:transparent;cursor:pointer;color:var(--dimmer);
font-family:var(--mono);font-size:11px;letter-spacing:0.06em}
.advLink:hover{color:var(--ink)}
#views{position:relative;flex:1;min-height:0}
.view.on>.footGap{flex:1 0 auto !important}
.view.on>.opFooter{margin-top:0}
.view{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding:22px;display:none}
.view.on{display:flex;flex-direction:column;min-height:100%;box-sizing:border-box}
.view.on>*{flex:none}
.footGap{flex:1 0 auto;min-height:26px}
#view-field{padding:0;overflow:hidden}
.mbLogo{width:18px;height:18px;border-radius:4px;display:inline-block;vertical-align:-3px}
.stemGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin-top:12px}
.stemPack{background:#0B0C0E;border-radius:6px;padding:13px 14px;
box-shadow:inset 0 2px 6px rgba(0,0,0,0.55),inset 0 -1px 0 rgba(255,255,255,0.05);
display:flex;flex-direction:column;gap:9px}
.spTop{display:flex;align-items:baseline;gap:8px}
.spName{flex:1;font-family:var(--sans);font-weight:600;font-size:13px;color:#EDECEA}
.spMeta{display:flex;gap:6px;flex-wrap:wrap}
.spPill{background:#15161A;border-radius:3px;padding:3px 7px;font-family:var(--mono);
font-size:7.5px;letter-spacing:0.11em;text-transform:uppercase;color:var(--dim)}
.spWave{display:flex;align-items:flex-end;gap:1.5px;height:26px}
.spWave i{flex:1;background:hsl(118,82%,52%);opacity:0.34;border-radius:1px 1px 0 0;
transition:opacity .2s}
.stemPack.playing .spWave i{opacity:0.9;animation:wavePulse 0.9s ease-in-out infinite alternate}
@keyframes wavePulse{from{transform:scaleY(0.72)}to{transform:scaleY(1.04)}}
.stemRow{display:flex;gap:5px;flex-wrap:wrap}
.stemBtn{border:0;cursor:pointer;background:#1B4A22;color:#C9F5CE;border-radius:4px;
padding:5px 10px;font-family:var(--mono);font-size:8.5px;letter-spacing:0.1em;
text-transform:uppercase;transition:background .2s,transform .2s}
.stemBtn:hover{transform:translateY(-1px);background:#226030}
.stemBtn.live{background:#2BE85A;color:#06240D}
.spActs{display:flex;gap:6px;align-items:center;margin-top:2px}
.jTicker{position:relative;overflow:hidden;background:#08090A;border-radius:4px;
box-shadow:inset 0 2px 7px rgba(0,0,0,0.72),inset 0 -1px 0 rgba(255,255,255,0.05);
margin-top:10px;height:34px;display:flex;align-items:center;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.jTickTrack{display:flex;align-items:center;gap:44px;width:max-content;
padding-left:12px;animation:jTickRun 148s linear infinite;will-change:transform}
.jTicker:hover .jTickTrack{animation-play-state:paused}
@keyframes jTickRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.jtItem{display:inline-flex;align-items:baseline;gap:11px;white-space:nowrap;
font-family:var(--mono);font-size:9px;letter-spacing:0.13em;text-transform:uppercase;
border:0;background:transparent;cursor:pointer;padding:0;
transition:opacity .2s}
.jtItem:hover .jtHead{color:#FF3D6E}
.jtUp{color:#a1f304}.jtDown{color:#FF1F45}
.jtTime{color:var(--dimmer);font-size:8px}
.jtHead{color:#F2F1EE;font-weight:600}
.jtEv{color:var(--dim)}
.jtEv b{color:#a1f304;font-weight:500}
.jtSep{color:#3A3B3F}
@media (prefers-reduced-motion:reduce){
.jTickTrack{animation:none;flex-wrap:wrap;width:auto}}
#frOverlay{position:fixed;inset:0;z-index:140;display:none;
background:rgba(2,2,3,0.82);backdrop-filter:blur(3px);
align-items:center;justify-content:center;padding:22px}
#frOverlay.open{display:flex}
#frModal{position:relative;width:min(560px,94vw);max-height:88vh;overflow:auto;
background:#0B0C0E;border-radius:8px;padding:30px 32px 28px;
box-shadow:0 30px 80px rgba(0,0,0,0.7),inset 0 0 0 1px rgba(255,255,255,0.08)}
#frClose{position:absolute;top:14px;right:14px;border:0;background:transparent;
color:var(--dim);cursor:pointer;padding:6px;line-height:0;
transition:color .25s var(--easeG),transform .45s var(--easeG)}
#frClose:hover{color:#F2F1EE;transform:rotate(90deg)}
#betaFeed{margin-top:auto;padding:10px 10px 0;display:flex;flex-direction:column;
gap:4px;font-family:var(--mono);font-size:8.5px;letter-spacing:0.14em;
text-transform:uppercase;color:var(--dimmer)}
#betaFeed a{color:#FFFFFF;text-decoration:underline;text-underline-offset:2px;
transition:color .2s var(--easeG)}
#betaFeed a:hover{color:#FF3D6E}
.frLogo{display:block;width:160px;height:66px;margin:0 auto 16px}
.frHead{text-align:center;font-family:var(--mono);font-weight:600;font-size:8px;
letter-spacing:0.26em;text-transform:uppercase;
background:linear-gradient(90deg,#FF3B30,#FF9500,#FFCC00,#34C759,#00C7BE,#007AFF,#AF52DE);
-webkit-background-clip:text;background-clip:text;color:transparent;
white-space:nowrap;overflow:hidden}
#frOverlay.open .frHead{clip-path:inset(0 100% 0 0);
animation:frReveal 0.9s var(--easeG) 0.12s forwards}
@keyframes frReveal{to{clip-path:inset(0 0 0 0)}}
.frEyebrow{margin-top:26px;text-align:center;font-family:var(--mono);font-size:8.5px;letter-spacing:0.16em;
text-transform:uppercase;color:var(--dim)}
.frBody{margin-top:24px}
.frBody p{margin:0 0 12px;font-size:12.5px;line-height:1.7;color:#C9C8C5}
.eqBlock{text-align:center;margin-top:14px;font-family:var(--mono);font-size:17px;
letter-spacing:0.08em;color:#F2F1EE}
.eqBlock .eqInt{font-size:24px;vertical-align:-3px;font-weight:300}
.eqBlock .eqOm{font-size:11px}
.eqTerms{margin:14px auto 0;max-width:440px;font-size:10.5px;line-height:1.75;
color:#C9C8C5}
.eqTerms b{color:#F2F1EE;font-family:var(--mono)}
.eqTerms div + div{margin-top:5px}
.eqMore{display:block;margin:14px auto 0;border:0;background:transparent;
color:var(--dim);cursor:pointer;font-family:var(--mono);font-size:8px;
font-weight:600;letter-spacing:0.16em;text-transform:uppercase;
text-decoration:underline;text-underline-offset:3px}
.eqMore:hover{color:#FF3D6E}
.eqBinds{margin:12px auto 0;max-width:460px;font-size:10.5px;line-height:1.75;
color:#C9C8C5}
.eqBinds p + p{margin-top:9px}
.eqBinds b{color:#F2F1EE}
.eqUndef{text-align:center;margin-top:14px;font-family:var(--mono);font-size:10px;
letter-spacing:0.12em;color:var(--dim);font-style:italic}
.eqDash{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:10px;margin-top:14px}
.eqCard{background:#08090A;border-radius:6px;padding:12px}
.eqCv{display:block;width:100%;height:108px;margin-top:8px}
.eqCard .micro{margin-top:8px;line-height:1.9}
.card[data-await="1"]{display:none !important}
.eqCtl{display:flex;gap:10px;margin-top:6px}
.eqCtl label{flex:1;display:flex;align-items:center;gap:6px;
font-family:var(--mono);font-size:8px;letter-spacing:0.14em;color:var(--dim)}
.eqCtl input[type=range]{flex:1;accent-color:#a1f304;height:3px}
.eqReceipt{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin-top:10px}
.eqReceipt b{display:block;font-family:var(--mono);font-size:19px;font-weight:600;
color:#F2F1EE}
.eqReceipt span{display:block;margin-top:2px;font-family:var(--mono);font-size:7px;
letter-spacing:0.13em;text-transform:uppercase;color:var(--dim)}
.cgWrap{position:fixed;inset:0;z-index:60;
backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
animation:cgFade .28s ease both}
@keyframes cgFade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.cgWrap{animation:none}}
.cgBack{position:absolute;inset:0;filter:blur(14px);
transform:scale(1.06)}
.cgBack-bar{background:
repeating-linear-gradient(180deg,transparent 0 26px,rgba(120,122,128,0.30) 26px 44px,
transparent 44px 58px,rgba(120,122,128,0.22) 58px 74px,transparent 74px 92px,
rgba(120,122,128,0.26) 92px 106px)}
.cgBack-sunburst{background:
radial-gradient(circle at 50% 50%,rgba(120,122,128,0.30) 0 60px,rgba(120,122,128,0.22) 60px 140px,
rgba(120,122,128,0.16) 140px 220px,rgba(120,122,128,0.10) 220px 300px,transparent 300px)}
.cgBack-bubble{background:
radial-gradient(circle at 24% 30%,rgba(120,122,128,0.28) 0 70px,transparent 71px),
radial-gradient(circle at 62% 44%,rgba(120,122,128,0.24) 0 96px,transparent 97px),
radial-gradient(circle at 42% 72%,rgba(120,122,128,0.20) 0 54px,transparent 55px),
radial-gradient(circle at 80% 74%,rgba(120,122,128,0.16) 0 42px,transparent 43px),
radial-gradient(circle at 14% 66%,rgba(120,122,128,0.18) 0 34px,transparent 35px)}
.cgVeil{position:absolute;inset:0;background:rgba(0,0,0,0.58)}
.caseGate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:min(440px,calc(100% - 32px));margin:0;z-index:2;background:#0B0C0E;
border:1px solid var(--line);border-radius:12px;padding:20px}
.cgClose{position:absolute;top:10px;right:10px;border:0;background:transparent;
color:var(--dim);cursor:pointer;padding:6px;line-height:0}
.cgClose:hover{color:#FF3D6E}
.cgLbl{display:block;margin:14px 0 6px;font-family:var(--mono);font-size:8px;
font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--dim)}
.cgIn{flex:1;min-width:120px;background:#101114;border:0;border-radius:4px;
padding:10px 12px;font-family:var(--mono);font-size:13px;color:#00A8FF;
caret-color:#00A8FF}
.cgIn::placeholder{color:#3A3B40}
.cgIn:focus{outline:none;filter:brightness(1.3)}
#cgPw{background:#2A090D;color:#FF1F45;caret-color:#FF1F45}
.cgOr{display:flex;align-items:center;gap:12px;margin:16px 0 4px;
font-family:var(--mono);font-size:9px;font-weight:600;
letter-spacing:0.22em;text-transform:uppercase;color:#FFFFFF}
.cgOr::before,.cgOr::after{content:'';flex:1;height:1px;background:var(--line)}
.cgCta{border-radius:4px;font-family:var(--mono);font-size:9px;font-weight:600;
letter-spacing:0.14em;text-transform:uppercase;padding:0 14px;border:0;
cursor:pointer}
.whaleRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
gap:10px;margin-top:12px}
.whaleTile{background:#08090A;border-radius:6px;padding:9px;text-align:center;
cursor:pointer;display:flex;flex-direction:column;align-items:center;
transition:background .18s var(--easeG)}
.whaleTile:hover{background:#0E0F12}
.whaleTile canvas{width:100%;height:56px;border-radius:4px;
background:linear-gradient(180deg,#0A1030,#050818);display:block}
.whaleTile .densChip{margin-top:7px}
.whaleTile.on .densChip{background:#a1f304;color:#0B0C0E}
.whaleTile.on canvas,.whaleTile.on .wmSq{animation:whaleBreathe 3.2s ease-in-out infinite}
.whaleTile.on .densChip{animation:none}
@keyframes whaleBreathe{50%{transform:scale(1.045)}}
@media (prefers-reduced-motion:reduce){
.whaleTile.on canvas,.whaleTile.on .wmSq{animation:none}}
#aboutChromata a{color:#00A8FF;text-decoration:underline;text-underline-offset:2px;
transition:color .18s var(--easeG)}
#aboutChromata a:hover{color:#FF3D6E}
.footCaret{display:block;margin:6px auto 0;border:0;background:transparent;
color:#8A8D94;cursor:pointer;padding:4px 10px;line-height:0;
transition:color .18s var(--easeG)}
.footCaret svg{transition:transform .4s var(--easeG)}
.footCaret:hover{color:#FF3D6E}
footer.open .footCaret svg{transform:rotate(180deg)}
.footDrawer{max-height:0;overflow:hidden;background:#000000;
transition:max-height .55s var(--easeG)}
footer.open .footDrawer{max-height:340px}
.footDrawer .opFootNote{padding-top:4px}
.opIdRow{display:flex;align-items:center;justify-content:center;gap:30px;
flex-wrap:nowrap;width:100%}
@media (max-width:760px){.opIdRow{flex-wrap:wrap}}
.opIdCol{display:flex;flex-direction:column;align-items:center;gap:10px;
text-align:center}
.opMap{border:0;display:block;background:#000;flex:none;
width:330px;height:186px}
.footDrawer .opMorse{margin-top:12px}
.whaleMini{margin:10px auto 2px;padding:0;background:transparent}
.whaleMini:hover{background:transparent}
.wmSq{position:relative;display:block;width:64px;height:64px;border-radius:4px;
overflow:hidden;background:linear-gradient(180deg,#0A1030,#050818)}
.wmSq img,.wmSq canvas{position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;display:block}
.whaleTile.on .wmSq img{display:none}
.whaleMini .densChip{margin-top:6px}
.opMorse{margin-top:14px;text-align:center;font-family:var(--mono);font-size:10px;
letter-spacing:0.3em;color:#FFFFFF;cursor:pointer;user-select:none}
.eqFinal{margin:16px auto 0;max-width:440px;font-size:10.5px;line-height:1.75;
color:#C9C8C5;font-style:italic;text-align:center}
.frCta{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}
.frHowdy{font-family:var(--mono);font-size:8.5px;letter-spacing:0.16em;
text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:10px}
.frBtns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.frBtns .btn.primary{text-decoration:none}
.frGhost{border:1px solid var(--line);background:transparent;color:var(--dim);
cursor:pointer;border-radius:4px;padding:7px 14px;font-family:var(--mono);
font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
transition:color .2s,border-color .2s}
.frGhost:hover{color:#F2F1EE;border-color:#3A3B40}
@media (prefers-reduced-motion:reduce){
#frOverlay.open .frHead{animation:none;clip-path:none}}
details.narr summary:hover,.rowClick:hover,tr.rowClick:hover td,tr.fqRow:hover td,
.mediaItem:hover,.jtItem:hover,.acEnt:hover,.stemPack:hover,
#view-narratives details.narr summary:hover{background:#0E0F12}
details.narr summary,.rowClick,.mediaItem{transition:background .18s var(--easeG);display:flex;align-items:flex-start;gap:10px}
.mediaItem>span{min-width:0}
.btnGhost{border:1px solid currentColor;color:var(--dim);background:none;border-radius:4px;
padding:2px 8px;font:inherit;font-size:inherit;cursor:pointer}
.barScroll::-webkit-scrollbar{width:8px}
.barScroll::-webkit-scrollbar-track{background:transparent}
.barScroll::-webkit-scrollbar-thumb{background:#2A2B30;border-radius:4px}
.barScroll::-webkit-scrollbar-thumb:hover{background:#3A3B40}
.caseSq{display:inline-block;width:8px;height:8px;border-radius:2px;
margin-right:7px;vertical-align:0;flex:none}
.playRange{-webkit-appearance:none;appearance:none;height:22px;background:transparent;
cursor:pointer}
.playRange::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#55565C}
.playRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;
width:15px;height:15px;border-radius:50%;margin-top:-5.5px;border:0;
background:#F2F1EE;
transition:transform .2s var(--easeG)}
.playRange::-webkit-slider-thumb:hover{transform:scale(1.25)}
.playRange::-moz-range-track{height:4px;border-radius:2px;background:#55565C}
.playRange::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border:0;
background:#F2F1EE}
.navItem.navSub + .navItem.navSub{margin-top:8px}
#view-narratives .mbVal{color:var(--dim);white-space:nowrap;flex:none}
#entGate{position:fixed;inset:0;z-index:60;background:rgba(5,6,8,0.55);
backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:cgFade .28s var(--easeG)}
#entGate .caseGate{max-width:480px}
.ytMini svg{width:10px;height:10px;vertical-align:-1px;margin-right:4px}
.cardHead>.overline:first-child .ytMini svg,.card>.overline:first-child .ytMini svg,
.cardHeadXL .ytMini svg,h4.cardHeadIcon svg{width:18px;height:18px;vertical-align:-3px;margin-right:7px}
.iW{position:relative;display:inline-flex}
.iD.on{color:#E8B84B}
.iP{display:none;position:absolute;right:0;top:calc(100% + 8px);width:300px;
background:#1F2126;color:#FFFFFF;font-family:var(--sans);font-size:11.5px;
font-weight:400;line-height:1.65;letter-spacing:0;text-transform:none;
padding:14px 16px;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,0.35);
z-index:45;text-align:left}
.iW.open .iP{display:block}
.narrInfo{max-height:0;overflow:hidden;transition:max-height .45s var(--easeG)}
.narrInfo.on{max-height:420px;margin-bottom:20px}
#view-journalists .magGroupLbl{text-transform:uppercase;letter-spacing:0.14em}
.mGrid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;margin-top:20px}
.mGrid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
gap:20px;margin-top:20px}
.dvGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));
gap:9px}
.dvTile{position:relative;background:#08090A;border-radius:6px;padding:10px 10px 9px;
cursor:pointer;transition:background .18s var(--easeG)}
.dvTile:hover{background:#0E0F12}
.dvDot{display:inline-block;width:9px;height:9px;border-radius:50%;
margin-bottom:7px}
.dvName{display:block;font-family:var(--sans);font-weight:600;font-size:13px;
color:#F2F1EE;line-height:1.25}
.dvMeta{display:block;margin-top:4px;font-family:var(--mono);font-size:7.5px;
letter-spacing:0.1em;text-transform:uppercase;color:var(--dim)}
.dvBar{display:block;margin-top:8px;height:3px;border-radius:2px;background:#1A1B1F}
.dvBar span{display:block;height:100%;border-radius:2px}
.dvPull{position:absolute;top:8px;right:8px;border:0;cursor:pointer;
opacity:0;transition:opacity .18s var(--easeG)}
.dvTile:hover .dvPull{opacity:1}
.dvCrumb{border:0;cursor:pointer;appearance:none;-webkit-appearance:none}
.dvCrumb.on{background:#a1f304;color:#0B0C0E}
.htWrap{display:flex;gap:8px;align-items:stretch}
.htY{display:flex;flex-direction:column;justify-content:space-between;
padding:4px 0 22px;font-family:var(--mono);font-size:8px;color:#4E4F54;
text-align:right;width:22px;flex:none}
.htPlot{position:relative;flex:1;min-width:0;padding-bottom:16px}
.htX{position:absolute;left:0;right:0;bottom:0;height:14px}
.htX span{position:absolute;transform:translateX(-50%);font-family:var(--mono);
font-size:8px;color:#4E4F54;white-space:nowrap}
.htX span:first-child{transform:none}
.htX span:last-child{transform:translateX(-100%)}
.htNote{position:absolute;top:-2px;transform:translateX(-50%);
font-family:var(--mono);font-size:8px;font-weight:600;letter-spacing:0.12em;
text-transform:uppercase;white-space:nowrap}
.htNow{right:0;left:auto;transform:none;color:#a1f304}
.heroStats{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.heroStat{background:#08090A;border-radius:6px;padding:10px 16px 9px;min-width:116px}
.heroStat b{display:block;font-family:var(--sans);font-size:25px;font-weight:650;
color:#F2F1EE;line-height:1.1}
.heroStat span{display:block;margin-top:4px;font-family:var(--mono);font-size:7.5px;
font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--dim)}
.vertChip{cursor:pointer;transition:filter .18s var(--easeG);border:0;
appearance:none;-webkit-appearance:none;background:#26272B;color:#E8E7E4;
padding:4px 9px;border-radius:4px}
.vertChip:hover{filter:brightness(1.35)}
.kvGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:20px;margin-top:20px}
.kvTog{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer;
font-family:var(--mono);font-size:9px;letter-spacing:0.08em;color:#C9C8C5}
.kvTog input{position:absolute;opacity:0}
.kvKnob{flex:none;width:26px;height:14px;border-radius:7px;background:#26272B;
position:relative;transition:background .2s var(--easeG)}
.kvKnob::after{content:'';position:absolute;top:2px;left:2px;width:10px;
height:10px;border-radius:50%;background:#7A7D84;transition:left .2s var(--easeG),
background .2s var(--easeG)}
.kvTog input:checked + .kvKnob{background:#2E3A0A}
.kvTog input:checked + .kvKnob::after{left:14px;background:#a1f304}
.kvRow{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:4px;
transition:background .18s var(--easeG)}
.kvRow:hover{background:#0E0F12}
.kvRank{font-family:var(--mono);font-size:10px;color:#7A7D84;width:16px;
text-align:right;flex:none}
.kvDelta{font-family:var(--mono);font-size:9px;width:30px;flex:none}
.kvTitle{flex:1;min-width:0;font-size:13px;color:#E8E7E4;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap}
.kvCreator{font-family:var(--mono);font-size:8px;letter-spacing:0.12em;
text-transform:uppercase;color:#7A7D84;flex:none}
.kvBarT{flex:none;width:90px;height:4px;border-radius:2px;background:#1A1B1F}
.kvBarF{display:block;height:100%;border-radius:2px;background:#a1f304}
.swBand{position:relative;height:48px;border-radius:6px;margin-top:12px;
cursor:crosshair;overflow:hidden}
.swMaskL,.swMaskR{position:absolute;top:0;bottom:0;width:0;
background:rgba(5,6,8,0.72);pointer-events:none}
.swMaskL{left:0}
.swMaskR{right:0}
.crrInf{display:inline-flex;align-items:center;margin-left:14px;padding:2px;
border:0;background:transparent;cursor:pointer;
color:#F2F1EE;line-height:0;animation:infHolo 16s linear infinite}
@keyframes infHolo{
0%,90%,100%{color:#F2F1EE}
91.5%{color:#00E5FF}
93%{color:#FF3D6E}
94.5%{color:#a1f304}
96%{color:#7C4DFF}
97.5%{color:#F2F1EE}}
@keyframes infHoloNow{
0%,100%{color:#F2F1EE}
22%{color:#00E5FF}
44%{color:#FF3D6E}
66%{color:#a1f304}
84%{color:#7C4DFF}}
.crrInf:hover{animation:infHoloNow 1.4s linear infinite}
@media (prefers-reduced-motion:reduce){.crrInf,.crrInf:hover{animation:none}}
@media (max-width:720px){
#pageBar{flex-wrap:wrap;gap:0 14px;padding:10px 14px}
#globalSearchWrap{order:1;flex:1 1 100%;width:auto;max-width:none;
margin:0 -14px 10px}
#globalSearch{border-radius:0;border-left:0;border-right:0;
padding-top:11px;padding-bottom:11px}
#globalSearchWrap kbd{display:none}
#globalSearchWrap .srchIco{left:14px}
#acPanel{left:14px;max-width:calc(100vw - 28px)}
#pageBar .advLink{order:2;margin:0 0 8px auto}
.ptabs.seedTabs{order:3;flex:1 1 100%;margin:0 -14px;align-self:auto;
display:flex;align-items:stretch;overflow-x:auto;
-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;
scrollbar-width:none;padding:0 14px}
.ptabs.seedTabs::-webkit-scrollbar{display:none}
.ptabs.seedTabs .ptab{flex:none;scroll-snap-align:start;
padding:12px 13px;white-space:nowrap}
#brandBar{flex-wrap:wrap}
}
.legalNote{font-style:italic;font-size:10px;color:#7A7D84}
.ledTicker{margin:12px 22px 0 auto;flex:none;text-align:left;
width:fit-content;max-width:calc(100% - 44px);
box-shadow:0 5px 12px rgba(0,0,0,0.23);
background:#1C0409;border-radius:4px;padding:6px 12px;
font-family:var(--mono);font-size:9px;letter-spacing:0.14em;
color:#FF1F45;position:relative;overflow:hidden;
opacity:0;animation:ledIn 0.9s var(--easeG) 0.3s forwards;
display:flex;align-items:center;justify-content:flex-start;gap:10px}
.ledTicker::after{content:'';position:absolute;inset:-40% -20%;pointer-events:none;
background:linear-gradient(115deg,transparent 34%,
rgba(255,59,48,0.13) 40%,rgba(255,149,0,0.13) 44%,rgba(255,204,0,0.13) 48%,
rgba(52,199,89,0.13) 52%,rgba(0,199,190,0.13) 56%,rgba(0,122,255,0.13) 60%,
rgba(175,82,222,0.13) 64%,transparent 70%);
transform:translateX(-120%);animation:kitt 2.4s linear 4s 1 forwards}
@keyframes kitt{0%{transform:translateX(-120%)}
100%{transform:translateX(120%)}}
@keyframes ledIn{to{opacity:1}}
#ledTxt{text-transform:uppercase}
.ledCur{display:inline-block;margin-left:3px;
animation:ledBlink 5s steps(2,jump-none) infinite}
.ledX{border:0;background:transparent;color:#FF1F45;cursor:pointer;
padding:2px 4px;line-height:0;flex:none;
transition:transform .45s var(--easeG),opacity .2s}
.ledX:hover{transform:rotate(90deg);opacity:0.8}
.ledOk{border:0;background:transparent;color:#FF1F45;cursor:pointer;
font-family:var(--mono);font-size:9px;letter-spacing:0.14em;padding:0;
text-decoration:underline;text-underline-offset:3px}
@keyframes ledBlink{50%{opacity:0}}
@media (max-width:720px){.ledTicker{margin:10px 14px 0 auto}}
@media (prefers-reduced-motion:reduce){
.ledTicker{opacity:1;animation:none}
.ledTicker::after{animation:none;display:none}
.ledCur{animation:none}}
.mThumb{flex:none;width:64px;aspect-ratio:16/9;border-radius:4px;
display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.mThumb.sq{aspect-ratio:1/1;width:36px}
.mThumb.acSz{width:34px}
.mThumb.chipSz{width:16px;aspect-ratio:1/1;border-radius:3px;margin-right:7px}
.mThumb img{width:100%;height:100%;object-fit:cover;display:block}
.mediaItem{display:flex;align-items:center;gap:11px}
.mediaItem small{display:block;margin-top:4px}
.mdChip,.densChip{font-family:var(--mono);font-size:8px;font-weight:600;
letter-spacing:0.18em;text-transform:uppercase}
.bigStat b{display:block;font-family:var(--mono);font-size:28px;font-weight:600;
color:#F2F1EE;line-height:1.1}
.bigStat span{display:block;margin-top:3px;font-family:var(--mono);font-size:8px;
letter-spacing:0.16em;text-transform:uppercase;color:var(--dim)}
.narrLite{display:flex;align-items:center;gap:10px;width:100%;text-align:left;
border:0;background:transparent;cursor:pointer;padding:9px 8px;border-radius:4px;
font-family:var(--mono);color:var(--ink)}
.narrLite:hover{background:#0E0F12}
.btnPlay{background:#FFFFFF;color:#0B0C0E;display:inline-flex;align-items:center}
.btnPlay:hover{background:#E9E8E4}
.pbLabels{position:absolute;inset:0;pointer-events:none}
.pbChip{position:absolute;transform:translateY(-50%);pointer-events:auto;
background:transparent;color:#F2F1EE;border:0;z-index:0;
border-radius:3px;padding:2px 6px;cursor:pointer;
font-family:var(--mono);font-size:8px;font-weight:600;letter-spacing:0.14em;
text-transform:uppercase;white-space:nowrap;max-width:148px;overflow:hidden;
text-overflow:ellipsis;text-align:left;transition:top .42s var(--easeG),color .18s var(--easeG)}
.pbChip::before{content:'';position:absolute;inset:0;border-radius:3px;
background:#16171A;mix-blend-mode:multiply;z-index:-1}
.pbChip:hover{color:#FF3D6E}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:20px}
.bento>.card{grid-column:span 12;margin:0}
@media (min-width:1020px){
.bento>.b3{grid-column:span 3}.bento>.b4{grid-column:span 4}
.bento>.b5{grid-column:span 5}.bento>.b8{grid-column:span 8}
.bento>.b9{grid-column:span 9}.bento>.b12{grid-column:span 12}}
.idAvatar{position:relative;overflow:hidden;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;
justify-content:center;font-family:var(--sans);font-weight:700;font-size:30px;
color:#F2F1EE;margin:4px auto 10px;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.25),
0 0 0 3px rgba(255,255,255,0.06)}
.touchChip{border:0;cursor:pointer;border-radius:4px;padding:8px 12px;
font-family:var(--mono);font-size:9px;letter-spacing:0.1em;text-transform:uppercase;
color:#0D0E10;transition:transform .2s var(--easeG),filter .2s}
.touchChip:hover{transform:translateY(-1px);filter:brightness(1.12)}
.touchChip .tc2{display:block;margin-top:3px;font-size:7.5px;opacity:0.66;
letter-spacing:0.08em}
.drawerHead{display:flex;align-items:center;gap:8px;width:100%;border:0;
background:transparent;cursor:pointer;margin-top:12px;padding:6px 0;
font-family:var(--mono);font-size:9.5px;letter-spacing:0.14em;
text-transform:uppercase;color:var(--dim)}
.drawerHead:hover{color:var(--ink)}
.drawerHead .dCaret{transition:transform .3s var(--easeG)}
.drawerHead.open .dCaret{transform:rotate(180deg)}
.fDrawer{display:none}
.fDrawer.open{display:block;margin-top:8px}
#searchResults>.card{margin-bottom:20px}.cards>.card,.bento>.card{margin-bottom:0}
#fieldHud{position:absolute;right:18px;bottom:58px;z-index:6;width:268px;
background:rgba(11,12,14,0.94);border-radius:6px;padding:13px 14px;
box-shadow:0 18px 40px rgba(0,0,0,0.6),inset 0 0 0 1px rgba(255,255,255,0.07);
transition:opacity .3s var(--easeG)}
.hudTop{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.hudTitle{flex:1;font-family:var(--sans);font-weight:600;font-size:13px;color:#F2F1EE}
.hudNums{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin-bottom:9px}
.hudStat{min-width:0}
#searchResults .hudStat{background:rgba(242,241,238,0.045);border-radius:6px;padding:10px 12px}
#qHeatCap{min-height:34px}
.trTile{background:rgba(242,241,238,0.045);border-radius:6px;padding:12px;min-width:0}
.trBig{font-family:var(--sans);font-weight:700;font-size:24px;line-height:1;color:#F2F1EE}
.trBar{height:8px;border-radius:2px;background:rgba(242,241,238,0.07);overflow:hidden}
.trBar>span{display:block;height:100%}
.sunRow{display:flex;gap:2px;flex:1;min-width:0}
.sunRow i{flex:1;height:12px;border-radius:1.5px}
.polarGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
@media (max-width:980px){.polarGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.polarGrid{grid-template-columns:minmax(0,1fr)}}
.hudStat b{display:block;font-family:var(--sans);font-weight:600;font-size:15px;color:#E8E7E4}
.hudStat span{font-family:var(--mono);font-size:7.5px;letter-spacing:0.13em;
text-transform:uppercase;color:var(--dimmer)}
.hudWhy{font-size:10.5px;line-height:1.55;color:#A9A8A5;margin-bottom:10px}
.hudActs{display:flex;gap:6px;flex-wrap:wrap}
#fieldTicker{position:absolute;left:0;right:0;bottom:0;z-index:5;height:34px;
background:linear-gradient(180deg,rgba(8,9,10,0),rgba(8,9,10,0.92) 45%);
display:flex;align-items:center;overflow:hidden}
#fieldTickerRow{display:flex;gap:26px;white-space:nowrap;padding-left:18px;
animation:tickerRun 48s linear infinite}
@keyframes tickerRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){#fieldTickerRow{animation:none}}
.tickItem{font-family:var(--mono);font-size:9px;letter-spacing:0.1em;
text-transform:uppercase;color:var(--dim)}
.tickItem b{color:#F2F1EE;font-weight:500}
.pageHead{display:flex;align-items:flex-end;justify-content:space-between;
gap:16px;margin-bottom:10px}
.pageHead h2{font-family:var(--sans);font-weight:600;font-size:22px;color:var(--ink)}
.cardHeadXL{font-family:var(--sans);font-weight:600;font-size:22px;color:var(--ink)}
.cardHead>.overline:first-child,.card>.overline:first-child{
font-family:var(--sans);font-weight:600;font-size:18px;color:var(--ink);
text-transform:none;letter-spacing:0;opacity:1}
.cardHead>.overline:first-child .mdChip,.card>.overline:first-child .mdChip{
font-family:var(--mono);font-size:9px;letter-spacing:0.06em;vertical-align:middle;margin-left:8px}
.pageHead .pSub{margin-top:3px;font-size:12px;color:var(--dimmer)}
.utilBar{display:flex;gap:4px;flex:none;align-items:center}
.utilBtn{width:28px;height:28px;display:grid;place-items:center;border:0;cursor:pointer;
background:#1A1B1F;color:var(--dim);border-radius:4px}
.utilBtn{transition:background .22s var(--easeG),color .22s var(--easeG)}
.utilBtn:hover{background:#232428;color:var(--ink)}
.utilBtn.mark{color:#FFCC00}
#umWrap{position:fixed;inset:0;z-index:92;display:none;place-items:center;
background:rgba(2,2,3,0.45);backdrop-filter:blur(0px);
transition:backdrop-filter .4s var(--easeG),background .4s var(--easeG)}
#umWrap.open{display:grid}
#umWrap.blurred{backdrop-filter:blur(11px);background:rgba(2,2,3,0.55)}
#umBox{width:520px;max-width:92vw;background:#050506;border:1px solid #1B1C20;
border-radius:12px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,0.7);
opacity:0;transform:translateY(12px) scale(0.96);
transition:opacity .4s var(--easeG),transform .4s var(--easeG)}
#umWrap.blurred #umBox{opacity:1;transform:translateY(0) scale(1)}
.umHead{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.umHead .umIcon{width:36px;height:36px;display:grid;place-items:center;
background:#131418;border-radius:4px;color:#F2F1EE}
.umHead h3{font-family:var(--sans);font-weight:600;font-size:17px;color:var(--ink);flex:1}
.umClose{border:0;background:transparent;cursor:pointer;color:var(--dim);
font-size:16px;padding:6px 8px;border-radius:4px;
transition:transform .35s var(--easeG),color .25s var(--easeG)}
.umClose:hover{color:var(--ink);transform:rotate(90deg)}
.umLede{font-size:12.5px;line-height:1.65;color:#C9C8C5;margin:10px 0 4px}
.umPro{font-size:11px;line-height:1.6;color:var(--dimmer);margin:8px 0 0}
.umPro b{color:var(--dim);font-weight:600}
.umBody textarea{width:100%;height:120px;resize:none;margin-top:12px;
background:#0B0C0E;color:#C9C8C5;border:1px solid #1B1C20;border-radius:4px;
font-family:var(--mono);font-size:10.5px;padding:10px}
.umRow{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.ppSticky{position:sticky;top:-22px;z-index:6;background:var(--bg);
margin:-22px -4px 0;padding:22px 4px 0}
.ppTabsWrap{background:var(--panel);border:1px solid var(--line);border-bottom:0;
border-radius:12px 12px 0 0;padding:0 16px;
transition:box-shadow .3s var(--easeG)}
.ppTabsWrap{border-bottom:1px solid var(--line)}
.ppTabsWrap .ptabs{margin:0 -16px;padding:0 16px}
.ppSticky.scrolled .ppTabsWrap{box-shadow:0 14px 18px -10px rgba(0,0,0,0.65)}
.pForm{flex:none;width:56px;height:56px;border-radius:4px;background:#08090A;
box-shadow:inset 0 2px 6px rgba(0,0,0,0.6),inset 0 -1px 0 rgba(255,255,255,0.04);
overflow:hidden}
.pForm svg{display:block;width:100%;height:100%}
.pRow:hover .pForm path{opacity:1 !important}
.pRow{display:flex;align-items:flex-start;gap:12px;padding:12px 4px;
border-bottom:1px solid var(--line);cursor:pointer;
transition:background .25s var(--easeG)}
.pRow:last-child{border-bottom:0}
.pRow:hover{background:#0E0F12}
.pRow.sel{background:#0B0B0E;
box-shadow:inset 0 2px 6px rgba(0,0,0,0.6),inset 0 -1px 0 rgba(255,255,255,0.05)}
.pRow .pRank{width:22px;flex:none;color:var(--dimmer)}
.pRow .catDot{margin-top:3px}
.pMain{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pName{font-family:var(--sans);font-weight:600;font-size:12.5px;color:#F2F1EE}
.pDesc{font-size:10.5px;line-height:1.55;color:#8A8B90}
.pActs{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;
visibility:hidden;opacity:0;transition:opacity .18s var(--easeG)}
.pRow:hover .pActs,.pRow:focus-within .pActs,.pRow.sel .pActs{visibility:visible;opacity:1}
.pList{scrollbar-width:thin;scrollbar-color:#2E2F35 transparent}
.pList::-webkit-scrollbar{width:5px}
.pList::-webkit-scrollbar-thumb{background:#2E2F35}
.planchette{position:absolute;transform:translate(-50%,-50%);z-index:4;
display:flex;align-items:center;gap:7px;background:#050506;color:#E8E7E4;
font-family:var(--mono);font-size:9px;letter-spacing:0.12em;text-transform:uppercase;
padding:6px 10px;border-radius:4px;cursor:grab;white-space:nowrap;touch-action:none;
box-shadow:0 6px 18px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.07);
transition:opacity .45s var(--easeG);user-select:none}
.planchette:active{cursor:grabbing}
.planchette .pDot{width:8px;height:8px;border-radius:50%;flex:none}
.scanStrip{display:flex;gap:2px;height:56px;align-items:flex-end}
.scanStrip>span{flex:1;min-width:0}
.card{position:relative;padding-bottom:42px}
.card:hover .cardHead,.card:hover .cardFoot{background:#131418}
.cardFoot{position:static;display:flex;align-items:center;justify-content:flex-end;
gap:4px;padding:10px 2px 0;margin-top:auto}
.cardBody{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;
background:#0C0D10;border-radius:8px;padding:4px 12px 12px}
.card[data-sc="1"]{overflow:hidden;background:#14161B}
.cardHead{position:static;padding:0 2px 8px;margin:0;background:none}
#trailWrap{display:none !important}
.cards>#dpCard{height:440px}

.secKind{display:block;width:max-content;margin:10px 0 0 auto !important;position:static !important}
.card[data-sc="1"]{display:flex;flex-direction:column}
.cardFoot .cornerKind{position:static !important;margin:0 0 0 auto !important}
.cardFoot .btnSm{margin:0 !important}
@media (prefers-reduced-motion:no-preference){
circle.echoR{transform-box:fill-box;transform-origin:center;animation:echoPulse var(--ed,2.8s) ease-out infinite}
@keyframes echoPulse{0%{transform:scale(0.35);opacity:var(--eo,0.5)}100%{transform:scale(2.6);opacity:0}}
}
@media (prefers-reduced-motion:no-preference){
#vvrDials circle.arc{transition:stroke-dasharray .9s var(--easeG)}
}
.cornerKind{position:absolute !important;bottom:12px;right:20px;z-index:6;display:table;margin:0 !important;background:#15161A}
.quadRow{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:1400px){.quadRow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.quadRow{grid-template-columns:1fr}}
.quadRow>.card{height:440px;overflow-y:auto;scrollbar-width:thin}
*{scrollbar-color:#26282E transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#26282E;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#3A3D45}
::-webkit-scrollbar-track{background:transparent}
@media (prefers-reduced-motion:no-preference){
.card{opacity:0;transform:translateY(24px) scale(0.985);
transition:opacity 3.36s var(--easeG),transform 3.36s var(--easeG);will-change:opacity,transform}
.card.cardIn{opacity:1;transform:none;will-change:auto}
}
.idAvatar{width:32px !important;height:32px !important;border:0 !important;
box-shadow:none !important;outline:0 !important;font-size:10px !important}
.card table{margin-bottom:6px}
.cardMark{position:absolute;bottom:10px;right:12px;top:auto;margin:0;z-index:3;letter-spacing:0.12em;font-size:8px}
#mScanFacts,#scanFacts{min-height:36px}
#mScanMicro,#scanMicro{min-height:30px}
#mScanRead,#scanRead,#mScanCoords,#scanCoords{min-height:18px}
#mScanCoords>*,#scanCoords>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rowTag{font-family:var(--mono);font-size:8px;letter-spacing:0.12em;text-transform:uppercase;opacity:0.55;margin-left:6px}
@media (min-width:1600px){#view-trending .b4,#view-trending .b3{grid-column:span 3}}
.rowScroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.rowScroll::-webkit-scrollbar{display:none}
.nanoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:14px}
.nano{background:#141519;border-radius:6px;padding:10px 12px;min-width:0}
.nano[data-await="1"]{display:none}
#searchResults .card{max-height:440px;overflow-y:auto;scrollbar-width:thin}
#searchResults .bento>.card:first-child{max-height:300px;overflow:hidden}
#view-polarization .card{max-height:440px;overflow-y:auto;scrollbar-width:thin}
#view-polarization .bento{gap:14px}
#view-polarization .bento>.card:first-child{max-height:560px;overflow:hidden}
.lvlCorpus{color:#F2F1EE;font-weight:700;opacity:1}
.cards>.card,.bento>.card,.grid2>.card,.mGrid3>.card{max-height:480px;overflow-y:auto;scrollbar-width:thin}
.cards>.card{height:440px;max-height:none}
.cards>.card:has(canvas),.bento>.card:has(canvas),.grid2>.card:has(canvas),.mGrid3>.card:has(canvas){height:auto;max-height:none;overflow:visible}
.wheelWrap canvas{width:462px;max-width:100%;height:auto}
#view-playback td{background:transparent}
#view-playback tr.rowClick td{transition:background .18s var(--easeG)}
#view-playback tr.rowClick:hover{background:transparent}
#view-playback tr.rowClick:hover td{background:#131418}
#searchResults .bento{gap:14px}
.idAvatar{position:relative}
.gFlex{display:flex !important;flex-wrap:wrap;gap:20px}
.gFlex>.card{flex:1 1 340px;min-width:0}
.pageMark{font-size:8.5px;vertical-align:middle}
.mdChip[data-k]{opacity:0.5}
.scanStrip{height:56px;align-items:flex-end;gap:2px}
.scanStrip .scanBar{flex:1;min-width:0;border-radius:0;cursor:pointer;
transition:filter .15s}
.scanStrip .scanBar:hover{filter:brightness(1.25)}
.exploreRow{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.orbWell{position:relative;width:100%;height:302px;padding:0;overflow:hidden}
.orbWell canvas{position:absolute;inset:0;display:block;touch-action:none;cursor:grab}
.orbWell canvas:active{cursor:grabbing}
.shelfWrap{perspective:760px;display:flex;align-items:flex-end;gap:0;
overflow-x:auto;padding:14px 14px 10px 10px;scrollbar-width:none;width:100%}
.shelfWrap::-webkit-scrollbar{display:none}
.slideG{flex:1 1 0;min-width:46px;height:128px;margin-right:-13px;cursor:pointer;
position:relative;transform:rotateY(42deg);transform-origin:left center;
background:
var(--slideBands),
linear-gradient(180deg,rgba(235,240,248,0.09),rgba(235,240,248,0.03));
background-size:100% 100%,100% 100%;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.10),6px 0 14px rgba(0,0,0,0.35);
transition:transform .5s var(--easeG),flex-grow .5s var(--easeG),filter .5s var(--easeG),
opacity .5s var(--easeG) var(--rackDelay,0s)}
#views .card:not(.lit) .slideG{opacity:0}
.slideG:hover{transform:rotateY(16deg) translateY(-4px);filter:brightness(1.25);z-index:2}
.slideG.sel{transform:rotateY(0deg) translateY(-6px);flex-grow:1.45;filter:brightness(1.35);z-index:3}
.slideG .yr{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);
writing-mode:vertical-rl;font-size:7.5px;letter-spacing:0.14em;color:#C6C5C2;
text-transform:uppercase;white-space:nowrap}
.shelfRead{display:flex;align-items:baseline;gap:14px;padding:6px 4px 0;flex-wrap:wrap}
.opFooter{position:relative;overflow:hidden;margin:0 -22px -22px;background:#000000;border-radius:0}
.opFooter .inner{position:relative;margin:0;max-width:none;
border:0;border-top:1px solid rgba(255,255,255,0.05);padding:24px 16px;
display:flex;flex-direction:column;align-items:center;gap:16px}
.opFooter .inner{gap:10px}
.opFootNote{font-size:8px;line-height:1.75;color:#4E4F54;font-weight:400;
max-width:940px;text-align:center;margin:0 auto}
.opFootNote a{color:#FF3D6E;text-decoration:underline;text-underline-offset:2px;
transition:color .18s var(--easeG)}
.opFootNote a:hover{color:#e206ea}
.opFootNote + .opFootNote{margin-top:6px}
.opFooter .opName{font-family:var(--mono);font-size:11px;letter-spacing:0.16em;
text-transform:uppercase;color:#FFFFFF;text-decoration:none;
transition:color .25s var(--easeG)}
.opFooter .opName:hover{color:#e206ea}
.opFooter .opTag{font-family:var(--mono);font-size:8px;letter-spacing:0.2em;
text-transform:uppercase;color:#6B7280;text-align:center}
.orbExplore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
z-index:4;pointer-events:none;perspective:340px}
.orbFlip{display:block;position:relative;transform-style:preserve-3d;
animation:orbCoin 8s linear infinite}
@keyframes orbCoin{from{transform:rotateX(0deg)}to{transform:rotateX(-360deg)}}
.ofFace{display:block;backface-visibility:hidden;background:#000000;color:#F2F1EE;
border-radius:3px;padding:2px 6px;font-family:var(--mono);font-size:8px;
font-weight:600;font-style:normal;letter-spacing:0.18em;text-transform:uppercase;
text-align:center;min-width:58px}
.ofBack{position:absolute;inset:0;transform:rotateX(180deg);
display:flex;align-items:center;justify-content:center}
@media (prefers-reduced-motion:reduce){
.orbFlip{animation:none}.ofBack{display:none}}
.betaChip{display:inline-block;vertical-align:6px;margin-left:10px;
background:linear-gradient(115deg,
#C9D4DC 0%,#E8F1EE 14%,#AEC6D6 28%,#D9E4D6 42%,#C4CFE3 56%,
#EDF2F0 70%,#B9CCD2 84%,#D6DEE8 100%);
background-size:320% 100%;
animation:minnow 7s ease-in-out infinite alternate;
color:#14161A;border-radius:3px;padding:2px 6px;font-family:var(--mono);
font-size:8px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase}
@keyframes minnow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.betaChip{animation:none}}
.opFooter a.li{color:#FFFFFF;margin-top:16px;transition:color .25s var(--easeG)}
.opFooter a.li:hover{color:#e206ea}
#toast{position:fixed;right:20px;bottom:20px;z-index:95;background:#F2F1EE;color:#101113;
font-family:var(--mono);font-size:11.5px;letter-spacing:0.04em;padding:10px 16px;
border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.5);opacity:0;pointer-events:none;
transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}
#toast.show{opacity:1;transform:translateY(0)}
.inCardBar{display:flex;justify-content:flex-end;align-items:center;
margin:0 -16px 4px;padding:0 16px 12px;border-bottom:1px solid var(--line)}
.narrGrid{display:grid;align-items:center;gap:16px;
grid-template-columns:16px minmax(200px,1fr) minmax(150px,auto) auto auto auto auto}
.narrGrid .densChip,.narrGrid .num{white-space:nowrap}
.narrHead{padding:10px 4px;font-size:9px;text-transform:uppercase;
letter-spacing:0.2em;color:var(--dimmer);border-bottom:1px solid var(--line)}
.btnSm{border:0;cursor:pointer;background:#1A1B1F;color:var(--dim);white-space:nowrap;
font-family:var(--mono);font-size:9.5px;letter-spacing:0.11em;text-transform:uppercase;padding:5px 10px;
border-radius:4px;transition:background .22s var(--easeG),color .22s var(--easeG)}
.btnSm:hover{background:#232428;color:var(--ink)}
details.narr{border-bottom:1px solid #1c1d21}
details.narr:last-of-type{border-bottom:0}
details.narr summary{padding:13px 18px;cursor:pointer;list-style:none;font-size:13px}
details.narr summary::-webkit-details-marker{display:none}
details.narr .relChip{font-size:8px;font-weight:600;letter-spacing:0.16em;
text-transform:uppercase;padding:5px 9px;line-height:1.5}
details.narr summary>span:first-child{transition:transform .3s var(--easeG)}
details.narr[open] summary>span:first-child{transform:rotate(90deg)}
.narrBody{padding:2px 4px 16px 22px}
.spreadChip{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:4px;
background:rgba(74,222,128,0.14);color:#a1f304;font-size:9.5px;letter-spacing:0.1em;
text-transform:uppercase;vertical-align:1px}
.accel{font-size:10px;margin-right:6px}
.accel.up2{color:#a1f304}.accel.up1{color:#9be8b4}.accel.down{color:#FF1F45}
.modeChips{display:flex;gap:4px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-auto-flow:dense;gap:20px}
@media (min-width:980px){.cards #dpCard,.cards .hlSpan,.cards .swSpan,.cards .crSpan,.cards .rgSpan{grid-column:span 2}}
@media (prefers-reduced-motion:no-preference){#rgBody polyline{stroke-dasharray:1400;stroke-dashoffset:1400;animation:ridgeDraw 1.6s var(--easeG) forwards}@keyframes ridgeDraw{to{stroke-dashoffset:0}}}
@media (prefers-reduced-motion:reduce){#rgBody polyline{stroke-dasharray:none}}
@media (min-width:1500px){.cards .swSpan{grid-column:span 3}}
@media (max-width:760px){.cards>.card{grid-column:span 12 !important}}
.sbGrid{display:grid;grid-template-columns:minmax(0,8.4fr) minmax(220px,2.4fr);gap:12px;align-items:start}
@media (max-width:980px){.sbGrid{grid-template-columns:1fr}}
.sbWell{padding:10px;overflow:hidden}
.sbWell svg{display:block;width:100%;height:auto}
#pipDock{position:fixed;right:22px;bottom:22px;z-index:88;width:400px;max-width:92vw;
background:#050506;border:1px solid #1B1C20;border-radius:12px;overflow:hidden;
box-shadow:0 24px 70px rgba(0,0,0,0.7);opacity:0;transform:translateY(16px) scale(0.97);
transition:opacity .4s var(--easeG),transform .4s var(--easeG);pointer-events:none}
#pipDock.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.pipHead{display:flex;align-items:center;gap:10px;padding:10px 12px}
.pipHead .t{flex:1;font-size:9.5px;text-transform:uppercase;letter-spacing:0.18em;color:var(--dim);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pipClose{border:0;background:transparent;cursor:pointer;color:var(--dim);font-size:13px;
padding:4px 7px;border-radius:4px;transition:transform .35s var(--easeG),color .25s var(--easeG)}
.pipClose:hover{color:var(--ink);transform:rotate(90deg)}
#pipDock iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#000}
.pipFoot{display:flex;align-items:center;justify-content:space-between;padding:9px 12px}
.pipFoot a{font-size:10.5px;color:#FFFFFF;text-decoration:underline;font-family:var(--mono)}
.pipFoot span{font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--dimmer)}
.queueScroll{min-height:0;overflow-y:auto;scrollbar-width:thin;
scrollbar-color:#2E2F35 transparent}
.queueScroll::-webkit-scrollbar{width:5px}
.queueScroll::-webkit-scrollbar-thumb{background:#2E2F35}
.queueScroll.allOpen{max-height:none}
.platMini{display:flex;gap:8px;justify-content:center}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0;
box-shadow:0 1px 3px rgba(0,0,0,0.45),0 1px 2px rgba(0,0,0,0.3);
transition:transform .34s var(--easeG),box-shadow .34s var(--easeG),background .34s var(--easeG),
opacity .55s var(--easeG),filter .55s var(--easeG)}
.card[data-go]{cursor:pointer}
.card.preWake{opacity:0;transform:translateY(16px);filter:brightness(0.5)}
#views .card:not(.lit) .barFill{width:0 !important}
#views .card:not(.lit) .mbFill{width:0 !important}
.barFill{transition:width .8s var(--easeG)}
#views .card:not(.lit) .stack7{transform:scaleX(0)}
.wheelWrap,.orbWell{transition:opacity .7s var(--easeG)}
#views .card:not(.lit) .wheelWrap,#views .card:not(.lit) .orbWell{opacity:0}
.stack7{transform-origin:left;transition:transform .8s var(--easeG)}
.card:hover{transform:translateY(-2px);background:#131418;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 8px 24px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.35)}
@media (prefers-reduced-motion:reduce){.card,.card:hover{transform:none;transition:none}}
.card h4{font-family:var(--sans);font-size:14.5px;font-weight:600;letter-spacing:0.01em;
text-transform:none;color:#EDECE9;margin-bottom:12px}
.card .overline{font-size:9px;text-transform:uppercase;letter-spacing:0.22em;color:var(--dimmer);margin-bottom:7px}
.bigNum{font-family:var(--sans);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.subNum{font-size:10px;color:var(--dimmer);margin-top:3px}
.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:20px}
.grid2e{display:grid;grid-template-columns:minmax(420px,1.1fr) 1fr;gap:12px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:12px}
@media (max-width:980px){.grid2,.grid2e{grid-template-columns:1fr}}
.seeds{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.birthShelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;margin-top:14px}
@media (max-width:980px){.birthShelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.birthShelf{grid-template-columns:minmax(0,1fr)}}
.birthSpec .pForm{width:42px;height:42px}
.birthSpec .pForm svg{animation:bSpin 46s linear infinite;transform-origin:50% 50%}
@keyframes bSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pForm svg{animation:none !important}}
.birthSpec{display:flex;align-items:center;gap:11px;min-width:0;
transition:opacity .45s var(--easeG),transform .45s var(--easeG)}
.birthSpec.bye{opacity:0;transform:translateY(8px)}
.birthSpec.bPulse .pForm{animation:magSpark .9s var(--easeG)}
.bName{font-family:var(--sans);font-weight:600;font-size:12px;color:#F2F1EE;
display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jBento{display:grid;grid-template-columns:minmax(0,8fr) minmax(280px,4fr);gap:12px;
align-items:start}
@media (max-width:1100px){.jBento{grid-template-columns:1fr}}
.jSide{display:flex;flex-direction:column;gap:12px}
.fPanel{display:grid;grid-template-columns:repeat(5,1fr);gap:0 18px}
@media (max-width:1100px){.fPanel{grid-template-columns:repeat(2,1fr);gap:14px 18px}}
.fGroup{min-width:0;border-left:1px solid var(--line);padding-left:14px}
.fGroup:first-child{border-left:0;padding-left:0}
.fHead{font-family:var(--mono);font-size:9px;letter-spacing:0.14em;text-transform:uppercase;
color:var(--dim);padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:8px}
.fOpt{display:block;width:100%;text-align:left;border:0;cursor:pointer;
background:transparent;color:var(--dimmer);font-family:var(--mono);font-size:10px;
letter-spacing:0.05em;padding:5px 7px;border-radius:3px;margin-bottom:1px;
transition:color .2s var(--easeG),background .2s var(--easeG)}
.fOpt:hover{color:#E8E7E4;background:#101114}
.fOpt.on{color:#FFFFFF;background:#1A1B1F;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.4)}
.sbCard.fullscreen{position:fixed;inset:0;z-index:130;border-radius:0;
overflow:auto;padding:22px;margin:0}
.sbCard.fullscreen .sbWell svg{max-height:calc(100vh - 120px);width:auto;margin:0 auto;display:block}
.entBadge{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;
margin-left:12px;background:rgba(255,255,255,0.23);border:0;border-radius:4px;
padding:4px 9px;font-family:var(--mono);font-size:8.5px;letter-spacing:0.14em;
text-transform:uppercase;color:#FFFFFF}
.provChip{display:inline-block;flex:none;background:#15161A;border-radius:3px;
padding:3px 8px;font-family:var(--mono);font-size:8px;letter-spacing:0.09em;
text-transform:uppercase;color:var(--dimmer);white-space:nowrap}
.pullRow{cursor:pointer}
.relChip.on{background:#F2F1EE;color:#101113}
.pullRow:hover{background:#0E0F12}
.mdRow{align-items:center}
.mdReveal{display:block;max-height:0;overflow:hidden;
transition:max-height .45s var(--easeG),margin-top .45s var(--easeG)}
.mdRow:hover .mdReveal,.mdRow.sel .mdReveal{max-height:160px;margin-top:6px}
.mdEv{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.mdChip{background:#15161A;border-radius:3px;padding:3px 8px;font-size:9px;
color:#C9C8C5;letter-spacing:0.06em}
.mdCircles{flex:none;display:flex;align-items:center;padding-left:12px}
.mdC{width:30px;height:30px;border-radius:50%;margin-left:-9px;
display:inline-flex;align-items:center;justify-content:center;
font-family:var(--mono);font-size:9px;letter-spacing:0.04em;color:#E8E7E4;
box-shadow:0 2px 6px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.09);
transition:transform .25s var(--easeG)}
.mdC:first-child{margin-left:0}
.mdRow:hover .mdC{transform:translateY(-2px)}
.magN{text-transform:uppercase;letter-spacing:0.06em}
.magGroupLbl{text-transform:uppercase}
@media (prefers-reduced-motion:no-preference){
#magThreads path{stroke-dasharray:7 9;animation:threadFlow 2.8s linear infinite}
@keyframes threadFlow{to{stroke-dashoffset:-32}}
}
.magBoard{position:relative;height:470px;border-radius:8px;overflow:hidden;
background:#08090A;box-shadow:inset 0 2px 8px rgba(0,0,0,0.55);margin-top:10px}
#magThreads{position:absolute;inset:0;width:100%;height:100%}
.magGroupLbl{position:absolute;transform:translateX(-50%);pointer-events:none;
opacity:0.65}
.magN{position:absolute;transform:translate(-50%,-50%);border:0;cursor:pointer;
display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
border-radius:4px;padding:5px 9px;background:#15161A;
font-family:var(--sans);font-weight:500;font-size:10.5px;color:#DAD9D6;
box-shadow:0 2px 8px rgba(0,0,0,0.5);
transition:background .3s var(--easeG),filter .3s var(--easeG),
box-shadow .3s var(--easeG),color .3s var(--easeG)}
.magN:hover{background:#1E1F24;color:#FFFFFF;z-index:4;
box-shadow:0 6px 16px rgba(0,0,0,0.6)}
.magN.sel{background:#F2F1EE;color:#101113;z-index:3}
.magN.spark{animation:magSpark .9s var(--easeG)}
@keyframes magSpark{
0%{filter:brightness(1)}
25%{filter:brightness(1.8)}
100%{filter:brightness(1)}}
@media (prefers-reduced-motion:reduce){.magN.spark{animation:none}}
.magTip{position:absolute;z-index:6;transform:translate(-50%,-100%);
width:180px;padding:9px 11px;border-radius:6px;pointer-events:none;
background:rgba(11,12,14,0.96);box-shadow:0 10px 26px rgba(0,0,0,0.6),
inset 0 0 0 1px rgba(255,255,255,0.07);
opacity:0;transition:opacity .22s var(--easeG)}
.magTip.show{opacity:1}
.magTipName{font-family:var(--sans);font-weight:600;font-size:11.5px}
.magTipWhy{font-size:10px;line-height:1.55;color:#A9A8A5}
.monStrip{display:flex;gap:3px}
.monKey{flex:1;border:0;cursor:pointer;border-radius:3px;padding:6px 0 5px;
font-family:var(--mono);font-size:8px;letter-spacing:0.08em;text-transform:uppercase;
color:#0B0C0E;background:hsl(var(--mh),75%,58%);opacity:0.42;
transition:opacity .25s var(--easeG),transform .25s var(--easeG)}
.monKey:hover{opacity:0.8}
.monKey.proj{background:repeating-linear-gradient(135deg,#4E5056 0 3px,#33353A 3px 6px);color:#D9DADD}
.monKey.on{opacity:1;transform:translateY(-2px);
box-shadow:0 4px 10px rgba(0,0,0,0.5)}
.beatRow{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.beatRow:last-child{margin-bottom:0}
.beatLbl{width:108px;flex:none;font-size:8.5px;text-transform:uppercase;
letter-spacing:0.16em;color:var(--dim)}
.beatCells{flex:1;display:grid;grid-template-columns:repeat(10,1fr);gap:2px}
.beatCells span{height:8px;border-radius:1px;background:#17181C;
transition:background .5s var(--easeG)}
.beatCells span.lit{background:#B7B6B2}
.beatCells span.lit:last-of-type{background:#FFFFFF}
.beatN{width:52px;text-align:right;font-size:9.5px;color:var(--dim);
font-variant-numeric:tabular-nums;flex:none}
.holeChain{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.holeArrow{color:var(--dimmer);font-size:10px}
.geoRow{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.geoLbl{width:92px;flex:none;font-size:8.5px;letter-spacing:0.1em;color:var(--dim);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.well{background:#08090A;border-radius:8px;padding:12px;
box-shadow:inset 0 2px 7px rgba(0,0,0,0.72),inset 0 -1px 0 rgba(255,255,255,0.05);
margin:10px 0 9px}
.statNum{font-family:var(--sans);font-weight:600;font-size:29px;color:var(--ink);
letter-spacing:-0.01em;font-variant-numeric:tabular-nums}
.laneRow{display:flex;align-items:center;gap:10px;margin-bottom:7px;background:#08090A}
.laneRow:last-child{margin-bottom:0}
.laneLbl{width:96px;flex:none;font-size:8.5px;text-transform:uppercase;
letter-spacing:0.16em;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.laneCells{flex:1;display:grid;grid-template-columns:repeat(20,1fr);gap:2px}
.laneCells .cellB{position:relative;aspect-ratio:2 / 1;border-radius:1.5px;background:#15161A;overflow:hidden}
.laneCells .cellB i{position:absolute;inset:0;opacity:0;
transition:opacity 1.1s var(--easeG)}
.laneScroll{max-height:none;overflow-y:visible;scrollbar-width:thin;
scrollbar-color:#2E2F35 transparent;padding-right:8px}
.laneScroll::-webkit-scrollbar{width:5px}
.laneScroll::-webkit-scrollbar-thumb{background:#2E2F35;border-radius:0}
.hmScore{min-width:32px}
.hmWord{min-width:96px}
.laneNum{width:18px;text-align:right;font-size:9.5px;color:var(--dim);
font-variant-numeric:tabular-nums;flex:none}
.stack7{display:flex;gap:1.5px;height:9px;border-radius:0;overflow:hidden}
.stack7 span{height:100%;transition:filter .25s var(--easeG),transform .25s var(--easeG)}
.stack7 span:hover{filter:brightness(1.35);transform:scaleY(1.55)}
.stack7 span{transform-origin:center}
.mbRow,.tpRow{border-radius:3px;transition:background .2s var(--easeG)}
.mbRow:hover,.tpRow:hover{background:#0E0F12}
.mbRow:hover .mbFill{filter:brightness(1.6)}
.vvrBar rect{transition:opacity .2s var(--easeG)}
.vvrBar:hover rect:first-child{opacity:1}
.ctxRead{margin-top:8px;min-height:24px;font-family:var(--mono);font-size:8px;
font-weight:600;letter-spacing:0.13em;text-transform:uppercase;color:var(--dim);
opacity:0.45;transition:opacity .22s var(--easeG),color .22s var(--easeG);line-height:1.7}
.ctxRead.on{opacity:1;color:#C9C8C5}
.miniBars{margin:8px 0 2px}
.mbRow{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.mbLbl{width:38px;font-size:9px;text-transform:uppercase;letter-spacing:0.14em;color:var(--dimmer)}
.mbTrack{flex:1;max-width:50%;height:6px;border-radius:0;background:#101114;overflow:hidden}
.mbFill{position:relative;display:block;height:100%;border-radius:0;background:#E8E7E4;
transition:width .6s var(--easeG)}
.mbVal{width:48px;text-align:right;font-size:9.5px;color:var(--dim);font-variant-numeric:tabular-nums}
.platLive{display:flex;gap:16px;margin:10px 0 4px}
.pl{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;
border-radius:4px;background:#060607;color:#6E6F73;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 2px 6px rgba(0,0,0,0.5);
transition:transform .28s var(--easeG),color .28s var(--easeG)}
.pl:hover{transform:translateY(-1px)}
.pl.on{color:#FFFFFF;background:#08090B}
.plDot{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;
border-radius:50%;background:#3A3B3F}
.plDot.live{background:#a1f304;animation:rtPulse 1.8s ease-in-out infinite}
.hmGrid{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;margin:6px 0 10px}
.hmCell{aspect-ratio:2 / 1;border-radius:2px;background:#1D1E22;
transition:background .4s var(--easeG),box-shadow .4s var(--easeG)}
.hmRead{display:flex;align-items:baseline;gap:9px}
.hmScore{font-family:var(--sans);font-weight:600;font-size:24px}
.hmWord{font-family:var(--mono);font-weight:600;font-size:10.5px;
letter-spacing:0.16em;text-transform:uppercase}
@keyframes hmPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
.hmGrid .lit:nth-last-child(-n+2){animation:hmPulse 2.4s var(--easeG) infinite}
@media (prefers-reduced-motion:reduce){.hmGrid .lit{animation:none}}
.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:0.24em;color:var(--dimmer);margin-bottom:10px}
.hr{border:0;border-top:1px solid var(--line);margin:20px 0}
.cardHeadIcon{display:inline-flex;align-items:center;gap:8px}
.cardHeadIcon svg{color:var(--dim)}
.ptabs.seedTabs{margin:-12px 0 -12px auto;padding:0;flex:none;border:0;
align-self:stretch;display:flex;align-items:stretch}
.ptabs.seedTabs .ptab{padding:12px 13px 0;display:inline-flex;align-items:center}
.ptabs.seedTabs .ptab.on::after{bottom:-1px}
#seedYtIco{display:inline-flex}
#seedYtIco svg{width:12px;height:12px}
.seed{border:0;border-radius:4px;cursor:pointer;font-family:var(--sans);
background:linear-gradient(180deg,#1A1A1E 0%,#101013 55%,#0C0C0F 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.09),inset 0 -1px 0 rgba(0,0,0,0.5),
0 2px 6px rgba(0,0,0,0.4);
padding:9px 13px;text-align:center;font-weight:500;font-size:10px;letter-spacing:0.06em;
letter-spacing:0.11em;text-transform:uppercase;color:#F2F1EE;
transition:transform .32s var(--easeG),box-shadow .32s var(--easeG)}
.seed:hover{transform:translateY(-2px);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.13),inset 0 -1px 0 rgba(0,0,0,0.5),
0 10px 26px rgba(0,0,0,0.6)}
.seed.seedOn,.seed.seedOn:hover{
background:#060607 !important;
background-image:none !important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.17) !important;
border:0 !important;
transform:translateY(1px);
color:#FFFFFF;
}
.seed:active{transform:translateY(0);
box-shadow:inset 0 2px 8px rgba(0,0,0,0.65)}
.seed{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.seed svg,.seed img{flex:none}
table{width:100%;border-collapse:collapse;font-size:12px}
th{text-align:left;padding:8px 10px;font-size:9px;text-transform:uppercase;letter-spacing:0.2em;color:var(--dimmer);font-weight:500;border-bottom:1px solid var(--line)}
td{padding:10px 10px;border-bottom:1px solid #1a1b1e;color:#E8E7E4}
tr.rowClick{cursor:pointer}
tr.rowClick:hover td{background:#17181B}
.catDot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:1px}
.catTag{font-size:10px;text-transform:uppercase;letter-spacing:0.16em;color:var(--dim)}
.velUp{color:#a1f304}.velDown{color:#FF1F45}
.num{text-align:right;font-variant-numeric:tabular-nums}
td.num,span.num{font-family:var(--sans);font-weight:500;font-size:12.5px;color:#E8E7E4}
td.num.velUp,span.num.velUp{color:#a1f304}
td.num.velDown,span.num.velDown{color:#FF1F45}
.numTick{display:inline-flex;flex-direction:column;align-items:flex-end;gap:3px}
.numTick b{font-family:var(--sans);font-weight:500;font-size:12.5px;color:#F2F1EE}
.numTick i{width:14px;height:2px}
.micro{font-size:9.5px;letter-spacing:0.05em;color:#8A8B90}
.microSig{font-family:var(--mono);font-size:9px;letter-spacing:0.06em;color:#B6B5B2}
.microSig.hot{color:#E8B36F}
.ptabs{display:flex;align-items:stretch;gap:18px;margin:0 -16px 14px;padding:0 16px}
.ptab{position:relative;display:inline-flex;align-items:center;gap:8px;border:0;
cursor:pointer;background:transparent;color:var(--dim);font-family:var(--mono);
font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:0.14em;
padding:12px 16px;border-radius:0;white-space:nowrap;transition:color .12s ease}
.ptab:hover{color:var(--ink)}
.ptab.on{color:var(--ink)}
.ptab.on::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;
height:2.5px;background:#F2F1EE;border-radius:2.5px 2.5px 0 0}
.ptab img,.ptab svg{opacity:0.85}
.ptab.on img,.ptab.on svg{opacity:1}
.rangeRow{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:10px}
.rangeChip{border:0;cursor:pointer;background:#1A1B1F;color:var(--dim);
font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:0.16em;
text-transform:uppercase;padding:7px 10px;border-radius:4px}
.rangeChip:hover{background:#222327;color:var(--ink)}
.rangeChip.on{background:#0A0A0D;color:#FFFFFF;
box-shadow:inset 0 2px 6px rgba(0,0,0,0.75),inset 0 -1px 0 rgba(255,255,255,0.06)}
.rtDot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a1f304;
margin-right:5px;animation:rtPulse 1.6s ease-in-out infinite}
@keyframes rtPulse{0%,100%{opacity:1}50%{opacity:0.25}}
@media (prefers-reduced-motion:reduce){.rtDot{animation:none}}
.pStack{display:inline-flex;align-items:center;gap:7px}
.pStack .pi{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;
background:#1B1C20;color:#ffffff}
.pStack .pi svg{width:12px;height:12px}
.densChip{margin-left:7px;font-size:9.5px;letter-spacing:0.05em;color:#8A8B90;font-variant-numeric:tabular-nums}
.barRow{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.barLbl{width:104px;font-size:10px;text-transform:uppercase;letter-spacing:0.16em;color:#DAD9D6;flex:none}
.barTrack{flex:1;height:10px;border-radius:0;background:#16171A;overflow:hidden}
.barFill{position:relative;height:100%;border-radius:0}
.barFill::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
background:rgba(0,0,0,0.35)}
.barVal{width:60px;text-align:right;font-size:11px;color:var(--dim);flex:none}
input.tin{width:100%;border:1px solid var(--line);outline:0;background:var(--panel);
color:#f0f0f0;font-family:var(--mono);font-size:13px;padding:11px 14px;border-radius:10px}
input.tin::placeholder{color:var(--dimmer)}
input.tin:focus{border-color:#3a3b40}
.swatches{display:flex;gap:8px;margin:12px 0}
.sw{width:26px;height:26px;border-radius:8px;border:0;cursor:pointer;transition:opacity .15s,transform .1s}
.sw:hover{transform:translateY(-1px)}
.sw.off{opacity:0.18}
.btn{border:0;cursor:pointer;background:#26272B;color:#e5e5e5;font-family:var(--mono);white-space:nowrap;
font-size:11px;letter-spacing:0.1em;text-transform:uppercase;padding:7px 12px;border-radius:4px}
.btn:hover{background:#303136}
.btn.primary{background:#f0f0f0;color:#111}
.btn.primary:hover{background:#fff}
.empty{padding:34px 16px;text-align:center;font-size:12px;color:var(--dimmer)}
.hint{margin-top:8px;font-size:10px;color:var(--dimmer);letter-spacing:0.06em;line-height:1.7}
.wheelBox{position:relative;width:640px;height:570px;margin:10px auto;flex:none}
.wheelBox canvas{position:absolute;left:80px;top:80px;cursor:crosshair;border-radius:50%}
.rimBtn{position:absolute;border:0;background:transparent;cursor:pointer;
font-family:var(--mono);font-size:8.5px;font-weight:500;color:#8A8B90;
text-transform:uppercase;letter-spacing:0.14em;
white-space:nowrap;padding:2px 5px;border-radius:4px;
transition:color .25s var(--easeG)}
.rimBtn:hover{color:#FFFFFF}
.rimBtn.on{color:#FFFFFF;background:rgba(255,255,255,0.08);font-weight:700}
.eyeHover{position:absolute;z-index:5;display:none;pointer-events:none;
width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;
background:rgba(6,7,8,0.66);backdrop-filter:blur(2px);
flex-direction:column;align-items:center;justify-content:center;gap:5px;
text-align:center;padding:12px}
.eyeHover span.chip{width:10px;height:10px;border-radius:50%;display:inline-block;
flex:none}
.eyeHover span.lbl{font-family:var(--mono);font-size:7.5px;font-weight:600;
letter-spacing:0.1em;text-transform:uppercase;line-height:1.55;color:#F2F1EE;
max-width:80px}
.rimBtn{transition:color .25s var(--easeG),opacity .4s var(--easeG)}
.wheelBox.inCore .rimBtn{opacity:0.05;pointer-events:none}
.wheelWrap{position:relative;overflow:visible}
.dialFocus{position:absolute;width:16px;height:16px;border-radius:50%;
background:#FFFFFF;mix-blend-mode:exclusion;pointer-events:none;
transform:translate(-50%,-50%);opacity:0;transition:opacity .2s var(--easeG);z-index:3}
.wheelWrapLegacy{position:relative;margin:26px auto;width:fit-content}
#wheelCanvas,#miniWheel{display:block;border-radius:50%;cursor:crosshair}
.rimLabel{position:absolute;font-size:9px;letter-spacing:0.14em;color:#C6C5C2;
text-transform:uppercase;white-space:nowrap;pointer-events:none}
.wheelFocus{position:absolute;width:62px;height:62px;border:2px solid #ffffff;border-radius:50%;
box-shadow:0 0 0 1.5px rgba(0,0,0,0.55),inset 0 0 0 1.5px rgba(0,0,0,0.35);
transform:translate(-50%,-50%);pointer-events:none;display:none}
.wheelFocus.show{display:block;animation:focusIn .34s var(--easeG)}
@keyframes focusIn{from{scale:0.55;opacity:0}to{scale:1;opacity:1}}
@media (prefers-reduced-motion:reduce){.wheelFocus.show{animation:none}}
.pickRow{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.pickChip{width:44px;height:44px;border-radius:4px;flex:none}
.pickHex{font-size:11px;color:var(--dim);letter-spacing:0.1em}
.pathTable td{padding:7px 8px}
.pathLvl{font-size:9px;text-transform:uppercase;letter-spacing:0.2em;color:var(--dimmer);width:150px}
.pathVal{color:#eee;cursor:pointer}
.pathVal:hover{color:#fff;text-decoration:underline}
.shadeGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:14px 0}
.shadeCell{aspect-ratio:1;border-radius:3px;cursor:pointer;border:1px solid transparent}
.shadeCell:hover{border-color:rgba(255,255,255,0.5)}
.shadeCell.sel{border-color:#fff}
.kp{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:14px;
box-shadow:0 1px 3px rgba(0,0,0,0.45),0 1px 2px rgba(0,0,0,0.3);
transition:transform .34s var(--easeG),box-shadow .34s var(--easeG),background .34s var(--easeG)}
.kp:hover{transform:translateY(-2px);background:#131418;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 8px 24px rgba(0,0,0,0.5)}
.kpChip{display:inline-block;margin-bottom:10px;padding:2px 8px;border-radius:4px;font-size:9px;text-transform:uppercase;letter-spacing:0.2em}
.kpTitle{font-family:var(--sans);font-size:22px;font-weight:600;color:var(--ink)}
.kpGeo{margin-top:5px;font-size:12px;color:var(--dim)}
.kpBody{margin-top:14px;font-size:13px;line-height:1.65;color:#c9c9c9;max-width:620px}
.kpMeta{display:flex;flex-wrap:wrap;gap:26px;margin-top:18px}
.kpMeta .m h5{font-family:var(--mono);font-size:13px;letter-spacing:0.01em;text-transform:none;color:#D2D1CE;margin-bottom:7px;font-weight:500}
.kpActions{display:flex;gap:8px;margin-top:20px}
.chipRow{display:flex;flex-wrap:wrap;gap:8px}
.relChip{border:0;cursor:pointer;background:#26272B;color:#E8E7E4;
font-family:var(--mono);font-size:8px;font-weight:600;letter-spacing:0.18em;
text-transform:uppercase;padding:4px 9px;border-radius:4px}
.relChip:hover{background:#303136}
.hashLine{font-size:11px;color:var(--dim);margin-bottom:4px}
.hashLine span{color:var(--dimmer)}
.chartCard svg{display:block;width:100%;height:auto}
.vizSel{width:96px;height:72px;border:1px solid var(--line);border-radius:4px;
background:#808080;cursor:pointer;display:grid;place-items:center}
.vizSel svg{fill:#ffffff}
.vizSel:hover{background:#8d8d8d}
.vizSel.on{background:#5e5e60;
box-shadow:inset 0 2px 7px rgba(0,0,0,0.55),inset 0 -1px 0 rgba(255,255,255,0.12)}
.arcHot,.bubHot{cursor:pointer}
.arcHot:hover,.bubHot:hover{filter:brightness(1.25)}
.ingHeadRow{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.ingTitle{font-family:var(--sans);font-size:21px;font-weight:600;color:var(--ink)}
.tipsLink{border:0;background:transparent;cursor:pointer;display:flex;align-items:center;gap:6px;
color:var(--dim);font-family:var(--mono);font-size:12px}
.tipsLink:hover{color:var(--ink)}
.tipsLink .i{width:16px;height:16px;border-radius:4px;background:#E8E7E4;color:#111;
font-family:var(--sans);font-size:11px;font-weight:700;display:grid;place-items:center;font-style:normal}
.dz{position:relative;border:1.5px dashed #3a3b40;border-radius:12px;background:var(--panel);
overflow:hidden;transition:border-color .15s,background .15s}
.dz.hot{border-color:#4FB8C1;background:#101418}
.dzStatus{position:absolute;top:0;left:0;right:0;height:7px;display:none}
.dzStatus.ok{display:block;background:#a1f304}
.dzStatus.err{display:block;background:#FF1F45}
.dzGrid{display:grid;grid-template-columns:1fr 1fr;min-height:320px}
@media (max-width:900px){.dzGrid{grid-template-columns:1fr}}
.dzStep{padding:44px 40px}
.dzStepOne{border-right:1.5px dashed #2c2d31;display:flex;align-items:center;gap:30px;cursor:pointer}
@media (max-width:900px){.dzStepOne{border-right:0;border-bottom:1.5px dashed #2c2d31}}
.dzGlyph{width:110px;height:130px;flex:none;fill:#33343a}
.stepOv{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--dimmer);margin-bottom:8px}
.dzLead{font-family:var(--sans);font-weight:600;font-size:16px;color:#eaeaea}
.dzOr{margin:10px 0;font-size:12px;color:var(--dimmer);letter-spacing:0.14em}
.tealBtn{display:block;width:100%;border:0;cursor:pointer;
background:#F2F1EE;color:#101113;font-family:var(--mono);
font-weight:600;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
white-space:nowrap;text-align:center;
padding:11px 18px;border-radius:4px;
transition:transform .3s var(--easeG),background .3s var(--easeG)}
.tealBtn:hover{transform:translateY(-1px);background:#FFFFFF}
.fileLine{font-size:12px;color:#E8E7E4;margin-bottom:4px}
.fileMeta{font-size:11px;margin-bottom:14px}
.fileMeta.ok{color:#a1f304}
.fileMeta.warn{color:#fbbf24}
.ingLabel{font-size:12px;color:var(--dim);margin:14px 0 8px}
.tipsCard{margin-bottom:14px;font-size:12.5px;line-height:1.7;color:#DAD9D6;max-width:720px}
.pipe{margin-top:16px}
.pipeStep{display:flex;align-items:center;gap:10px;padding:7px 2px;font-size:12px;color:var(--dimmer)}
.pipeStep.done{color:#E8E7E4}
.pipeStep .tick{width:16px;text-align:center;color:#a1f304;opacity:0}
.pipeStep.done .tick{opacity:1}
#fieldWrap{position:absolute;inset:0}
#fieldCanvasHost{position:absolute;inset:0}
#fieldRail{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:6px}
#fieldRail .railBtn{opacity:1 !important}
#fieldRail .railBtn .railCount{margin-left:auto;padding-left:10px;font-family:var(--mono);
font-size:7.5px;letter-spacing:0.1em;color:var(--dimmer)}
#fieldRail .railBtn.active{color:#FFFFFF;background:#101116;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.16)}
#fieldRail .railBtn.active .railCount{color:var(--dim)}
.railBtn{display:flex;align-items:center;gap:10px;border:0;cursor:pointer;background:rgba(16,17,19,0.8);padding:6px 12px;border-radius:4px;backdrop-filter:blur(6px);transition:transform .15s ease}
.railBtn{transition:transform .28s var(--easeG)}
.railBtn:hover{transform:translateX(2px)}
.railBtn .dot{width:12px;height:12px;border-radius:50%;transition:opacity .2s}
.railBtn .lbl{font-size:10px;text-transform:uppercase;letter-spacing:0.2em;color:#E8E7E4}
.railBtn.off .dot{opacity:0.2}
.railBtn.off .lbl{color:var(--dimmer)}
#fieldLoading{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:var(--bg);font-size:12px;text-transform:uppercase;letter-spacing:0.22em;color:var(--dim)}
.expBadge{position:absolute;top:14px;left:16px;z-index:30;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:#b9a6ff;background:rgba(76,58,140,0.25);padding:4px 10px;border-radius:6px}
#paletteWrap{position:absolute;inset:0;z-index:50;display:none}
#paletteWrap.open{display:block}
#palette{position:absolute;left:50%;top:84px;transform:translateX(-50%);width:640px;max-width:92vw;overflow:hidden;background:var(--panel);border:1px solid #2a2b2e;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,0.55)}
#paletteInput{width:100%;border:0;outline:0;background:transparent;border-bottom:1px solid #2a2b2e;color:#f0f0f0;font-family:var(--mono);font-size:13px;padding:16px 20px}
#paletteInput::placeholder{color:var(--dimmer)}
#paletteList{max-height:420px;overflow-y:auto;padding:8px}
.palItem{display:flex;align-items:center;gap:12px;cursor:pointer;padding:9px 12px;border-radius:4px;font-size:13px;color:#E8E7E4}
.palItem.sel,.palItem:hover{background:#26272b}
.palItem .dot{width:10px;height:10px;border-radius:50%;flex:none}
.palItem .kw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.palItem .cat{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:0.18em;color:#93938F;flex:none}
#drawer{position:absolute;right:0;top:0;z-index:45;height:100%;width:440px;max-width:92%;
display:flex;flex-direction:column;gap:20px;overflow-y:auto;background:#0D0E10;
border-left:1px solid var(--line);padding:24px;transform:translateX(110%);
transition:transform .42s var(--easeG)}
#drawer.open{transform:translateX(0)}
@media (prefers-reduced-motion:reduce){#drawer{transition:none}}
.dHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dTitle{font-family:var(--sans);font-size:19px;font-weight:600;color:#fafafa}
.dGeo{margin-top:4px;font-size:12px;color:var(--dimmer)}
.dClose{border:0;cursor:pointer;background:transparent;color:var(--dimmer);font-size:14px;
padding:4px 8px;border-radius:4px;
transition:transform .45s var(--easeG),background .2s var(--easeG),color .2s var(--easeG)}
.dClose:hover,.dClose:focus-visible{background:#26272b;color:var(--ink)}
.dClose:hover{transform:rotate(90deg)}
.dSecTitle{margin-bottom:8px;font-family:var(--mono);font-size:13px;font-weight:500;
letter-spacing:0.01em;text-transform:none;color:#D2D1CE}
.tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.tab{border:0;cursor:pointer;background:transparent;color:var(--dim);font-family:var(--mono);
font-size:11px;letter-spacing:0.1em;padding:6px 10px;border-radius:4px;
display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none;border-radius:4px}
.tab{position:relative}
.tab.on{background:transparent;color:var(--ink)}
.tab.on::after{content:"";position:absolute;left:8px;right:8px;bottom:0;
height:2px;background:#F2F1EE}
.tab:not(.on):hover{color:var(--ink);background:transparent}
.mediaItem{display:block;background:var(--panel);border-radius:8px;padding:10px 12px;margin-bottom:6px;font-size:13px;color:#E8E7E4}
.mediaItem small{display:block;margin-top:3px;font-size:11px;color:var(--dimmer)}
#trailWrap{position:absolute;left:16px;bottom:14px;z-index:35;max-width:62%;display:none}
#trailWrap.show{display:block}
.trailMeta{display:flex;gap:14px;padding:0 4px 6px;align-items:center}
.trailMeta span,.trailMeta button{font-size:10px;text-transform:uppercase;letter-spacing:0.22em;font-family:var(--mono)}
.trailMeta span{color:var(--dimmer)}
.trailMeta button{border:0;background:transparent;color:var(--dim);cursor:pointer;padding:0}
.trailMeta button:hover{color:var(--ink)}
#trail{display:flex;align-items:center;gap:4px;overflow-x:auto;background:rgba(16,17,19,0.92);border-radius:10px;padding:8px;backdrop-filter:blur(6px);scrollbar-width:none}
#trail::-webkit-scrollbar{display:none}
.trailStep{flex:none;padding:4px 8px;border-radius:4px;font-size:11px;color:#e5e5e5}
.trailArrow{color:var(--dimmer);padding:0 2px;flex:none}
#exportWrap{position:absolute;inset:0;z-index:70;display:none;place-items:center;background:rgba(0,0,0,0.6)}
#exportWrap.open{display:grid}
#exportBox{width:560px;max-width:90vw;background:var(--panel);border:1px solid #2a2b2e;border-radius:10px;padding:20px}
#exportBox h3{font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
#exportBox textarea{width:100%;height:220px;resize:none;background:var(--bg);color:#cfcfcf;border:1px solid var(--line);border-radius:8px;font-family:var(--mono);font-size:11px;padding:10px}
#exportBox .row{display:flex;justify-content:flex-end;margin-top:10px}

.opMap { width: 330px; height: 186px; flex: none; }
#opw-wrap { position: relative; width: 330px; height: 186px; overflow: hidden;
    background: #000; }
#opw-wrap canvas#opw-map { position: static !important; inset: auto !important;
    display: block; width: 330px !important; height: 186px !important;
    cursor: grab; touch-action: none; }
#opw-wrap canvas#opw-map.drag { cursor: grabbing; }
#opw-wrap canvas#opw-map.hot { cursor: pointer; }

.card.nanoFill{display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.card.nanoFill svg{width:64%;height:64%;opacity:0.5}
.mThumb.boardThumb{width:100%;aspect-ratio:16/9;border-radius:11px 11px 0 0;display:flex}
.boardCard{gap:10px}.bHead{display:flex;align-items:baseline;gap:8px}.bTitle{flex:1;color:#F2F1EE;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bBlock{background:#0C0D10;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.bRowHead{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.bLbl{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(242,241,238,0.55)}.bVal{font-size:9px;color:rgba(242,241,238,0.45)}.bBlock .chipRow{margin-top:8px}.bBlock svg{margin-top:8px}
#frontierGrid>.card{height:auto;min-height:440px}
.gFlex>.card{flex:1 1 300px;min-width:250px}.grid2,.mGrid3,.mGrid4{grid-auto-flow:dense}
.card{display:flex;flex-direction:column}.card>*{min-width:0}.card{padding-bottom:20px}.cornerKind{position:static !important;display:table;margin:auto 0 0 auto !important;flex:none}
.orbWell{background:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,0.25) 55%,rgba(0,0,0,0.25) 100%)}
.card:has([data-fviz])>.well{flex:0 0 auto;margin-top:16px}.card:has([data-fviz]){min-height:0}#frontierGrid>.card{min-height:0}.card:has([data-fviz])>.micro{line-height:1.75;margin-top:6px;max-width:64ch}.card:has([data-fviz]) .chipRow{margin-top:14px;row-gap:8px}.cornerKind{display:inline-flex !important;align-items:center;line-height:1;padding:5px 9px 4px}
#frontierGrid{align-items:start}.card:has([data-fviz]) .cardBody{flex:0 0 auto}