/* NYX · night terminal. Tokens first, then chrome, then the dense terminal pieces. */
:root{color-scheme:dark;--bg:#000;--bg2:#0a0a0a;--panel:#0d0d0d;--panel2:#161616;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.18);--ink:#f4f4f4;--soft:rgba(244,244,244,.78);--mute:rgba(244,244,244,.5);--faint:rgba(244,244,244,.28);
--moon:#ffffff;--violet:#ffffff;--violet2:#d9d9d9;--up:#8fe3b4;--down:#ff8294;--amber:#e6e6e6;--cyan:#ffffff;
--font:"Inter Tight",system-ui,sans-serif;--serif:"Instrument Serif","Iowan Old Style",Georgia,serif;--disp:var(--serif);--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--top:64px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}input,select,textarea{font:inherit;color:inherit}
.wrap{width:min(1360px,100% - 48px);margin:0 auto}
.mono{font-family:var(--mono)}.up{color:var(--up)}.down{color:var(--down)}.mute{color:var(--mute)}.soft{color:var(--soft)}.violet{color:var(--violet2)}.amber{color:var(--amber)}
.k{font:500 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em}
/* top bar */
#top{position:fixed;inset:0 0 auto 0;z-index:50}
.banner{display:flex;justify-content:center;gap:14px;padding:7px 16px;background:#fff;color:#000;font:600 13px/1.2 var(--font)}.banner a{text-decoration:underline}.banner[hidden]{display:none}
.cabar{display:flex;justify-content:center;align-items:center;gap:12px;padding:7px 16px;background:#fff;color:#000;font:600 12.5px/1 var(--font)}.cabar code{font:500 12.5px var(--mono)}.cabar button{background:transparent;border:1px solid rgba(11,10,26,.4);border-radius:6px;padding:4px 10px;font:600 11.5px var(--font);cursor:pointer;color:#000}.cabar button.buy{background:#000;color:#fff;border-color:#000}.cabar[hidden]{display:none}
header.top{height:64px;display:flex;align-items:center;background:rgba(7,7,15,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}header.top{background:rgba(5,5,5,.78)}
header.top .wrap{display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;font:italic 400 22px/1 var(--serif);letter-spacing:0}.brand .mark{width:30px;height:30px;display:block;filter:drop-shadow(0 0 6px rgba(255,255,255,.25))}
nav.main{display:flex;gap:4px}nav.main a{padding:8px 12px;border-radius:8px;color:var(--soft);font-size:14px}nav.main a:hover{background:rgba(255,255,255,.05);color:var(--ink)}nav.main a{position:relative}nav.main a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}nav.main a:hover::after,nav.main a[aria-current]::after{transform:scaleX(1)}nav.main a[aria-current]{color:var(--ink);background:rgba(255,255,255,.06)}
.sp{flex:1}.hright{display:flex;align-items:center;gap:10px}
.pill{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--ink);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.pill:hover{border-color:rgba(255,255,255,.4)}.pill.on{border-color:rgba(255,255,255,.7)}
.pill i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.5);animation:ring 2s ease-out infinite}@keyframes ring{to{box-shadow:0 0 0 8px rgba(255,255,255,0)}}
.xlink{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--line2);color:var(--ink)}.xlink svg{width:16px;height:16px}.xlink:hover{border-color:rgba(255,255,255,.4)}
.chainsw{display:inline-flex;border:1px solid var(--line2);border-radius:999px;padding:3px;gap:2px}.chainsw button{height:30px;padding:0 12px;border-radius:999px;border:0;background:transparent;color:var(--mute);font-size:13px;cursor:pointer}.chainsw button{transition:background .25s,color .25s}.chainsw button.on{background:#fff;color:#000}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:10px;border:1px solid #fff;background:#fff;color:#000;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,255,255,.12)}.btn:active{transform:translateY(0)}.btn.sm{height:34px;padding:0 13px;font-size:13px}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}.btn.ghost:hover{border-color:rgba(255,255,255,.5)}.btn[disabled]{opacity:.5;cursor:wait}
.f{height:38px;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:0 12px;font-size:14px;color:var(--ink);width:100%;min-width:0}.f{transition:border-color .25s}.f:focus{outline:none;border-color:#fff}textarea.f{height:auto;padding:10px 12px}
.chip{display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:5px;background:rgba(255,255,255,.07);color:var(--soft)}.chip.ok{background:#fff;color:#000}.chip.bad{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid rgba(255,255,255,.5)}.chip.warn{background:rgba(255,255,255,.14);color:var(--ink)}.chip.vio{background:rgba(255,255,255,.1);color:var(--ink)}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,16px);background:#fff;color:#000;padding:10px 16px;border-radius:10px;font-size:13.5px;font-weight:600;opacity:0;pointer-events:none;transition:.25s;z-index:90}.toast.on{opacity:1;transform:translate(-50%,0)}
main.page{padding-top:calc(var(--top) + 22px);min-height:100vh;animation:pageIn .5s cubic-bezier(.2,.8,.2,1) both}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.skel{position:relative;overflow:hidden;background:rgba(255,255,255,.05);border-radius:6px;color:transparent!important}.skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}
/* footer */
footer{border-top:1px solid var(--line);margin-top:60px;padding:34px 0 40px;color:var(--mute);font-size:13px}footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}footer h5{margin:0 0 10px;color:var(--ink);font-size:12px;letter-spacing:.1em;text-transform:uppercase}footer a{display:block;padding:3px 0}footer a:hover{color:var(--ink)}footer .fine{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;font-family:var(--mono);font-size:12px}
/* ---------- landing ---------- */
/* landing · one line, turning */
#c{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}
html.home{scroll-snap-type:y proximity;scroll-padding-top:0}
html.home header.top{background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}
html.home #foot{position:relative;z-index:1;background:var(--bg)}
.story .chapter{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:0 clamp(20px,7vw,110px);scroll-snap-align:start;pointer-events:none}
.chapter[data-side="right"]{justify-content:flex-end}
.chapter[data-side="center"]{justify-content:center;text-align:center}
.copy{max-width:min(31rem,40vw);pointer-events:auto}
.num{display:block;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:1.6rem}
.num::after{content:"";display:inline-block;width:2.4rem;height:1px;background:var(--line2);vertical-align:middle;margin-left:.8rem}
.chapter h1,.chapter h2{margin:0 0 1.2rem;font:400 clamp(2.8rem,6.2vw,6.2rem)/.92 var(--serif);letter-spacing:-.01em}
.chapter em{font-style:italic}
.chapter p{margin:0;font-size:.94rem;line-height:1.65;color:var(--mute);max-width:36ch}
.chapter[data-side="center"] p,.chapter[data-side="center"] .links{margin-left:auto;margin-right:auto;justify-content:center}
.copy > *{opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.75,.1,1)}
.copy > *:nth-child(2){transition-delay:.08s}.copy > *:nth-child(3){transition-delay:.16s}.copy > *:nth-child(4){transition-delay:.24s}.copy > *:nth-child(5){transition-delay:.32s}
.in .copy > *{opacity:1;transform:none}
.links{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:2rem}
.go{display:inline-block;color:var(--ink);font-size:.8rem;border-bottom:1px solid var(--ink);padding-bottom:.3rem;transition:border-color .3s,color .3s}
.go.soft{color:var(--mute);border-color:var(--line2)}.go:hover{color:var(--ink);border-color:var(--ink)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:1.8rem 0 0;border-top:1px solid var(--line2);padding-top:1rem}
.facts dt{font:400 2rem/1 var(--serif);font-variant-numeric:tabular-nums}.facts dd{margin:.35rem 0 0;font-size:.72rem;color:var(--mute)}
.feed{margin-top:1.6rem;border-top:1px solid var(--line2)}
.feed .sig{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--mute);animation:slideIn .5s cubic-bezier(.2,.8,.2,1) both}
.feed .sig b{color:var(--ink);font-weight:500}.feed .sig span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed .sig i{font:400 .7rem var(--mono);font-style:normal}
.feed .sig:hover b{text-decoration:underline}.feed .empty{font-size:.78rem;color:var(--faint);padding:.6rem 0}
.rail{position:fixed;right:clamp(14px,2.4vw,30px);top:50%;transform:translateY(-50%);height:34vh;width:1px;background:var(--line2);z-index:2}
.rail i{position:absolute;left:0;top:0;width:1px;background:var(--ink);height:0}
.rail b{position:absolute;left:-3px;width:7px;height:1px;background:var(--mute)}
.scroll-hint{position:fixed;left:50%;pointer-events:none;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem;font:400 .66rem var(--mono);letter-spacing:.1em;color:var(--mute);transition:opacity .6s}
.scroll-hint i{width:1px;height:28px;background:linear-gradient(var(--ink),transparent);animation:drop 1.8s ease-in-out infinite;transform-origin:top}
@keyframes drop{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}100%{opacity:0}}
@media (max-width:760px),(max-aspect-ratio:4/5){
  .story .chapter,.chapter[data-side]{align-items:flex-end;justify-content:flex-start;text-align:left;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 96px)}
  .copy{max-width:none}.chapter[data-side="center"] p,.chapter[data-side="center"] .links{margin:0;justify-content:flex-start}.chapter .links{margin-top:1.4rem}
  .chapter h1,.chapter h2{font-size:clamp(2.4rem,12vw,3.6rem)}.rail{display:none}
}
@media (prefers-reduced-motion:reduce){.copy > *{transition:opacity .3s;transform:none}.scroll-hint i{animation:none}}
.livefeed{display:grid;gap:6px}.livefeed .al{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;background:rgba(5,5,5,.6);border:1px solid var(--line);font-size:13px;animation:slideIn .5s both}.livefeed .al b{font-weight:600}.livefeed .al .t{color:var(--mute);font-family:var(--mono);font-size:11.5px}
/* ---------- discover ---------- */
.dhead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.dhead h1{font:400 34px/1 var(--disp);letter-spacing:-.01em;margin-right:6px}
.tabs{display:inline-flex;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:3px}.tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--mute);font-size:13px;cursor:pointer;white-space:nowrap}.tabs button{transition:background .25s,color .25s}.tabs button.on{background:#fff;color:#000}
.filters{display:flex;gap:8px;align-items:center;margin-left:auto}.filters .f{width:150px;height:34px}.filters select.f{width:auto}
.dgrid{display:grid;grid-template-columns:1fr 340px;gap:16px}
.tbl{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13.5px}tr.row{cursor:pointer}tr.row td{transition:background .3s}tr.row:hover td{background:rgba(255,255,255,.04)}tr.row.flash-up td{animation:flashUp 1.2s ease-out}tr.row.flash-down td{animation:flashDown 1.2s ease-out}@keyframes flashUp{0%{background:rgba(143,227,180,.18)}100%{background:transparent}}@keyframes flashDown{0%{background:rgba(255,130,148,.16)}100%{background:transparent}}th.r,td.r{text-align:right}
.tok{display:flex;align-items:center;gap:10px;min-width:0}.tok img,.tok .ph{width:30px;height:30px;border-radius:8px;background:var(--panel2);object-fit:cover;flex:none}.tok .ph{display:grid;place-items:center;font:600 11px var(--mono);color:var(--mute)}.tok b{display:block;font-weight:600}.tok span{display:block;font-size:11.5px;color:var(--mute);font-family:var(--mono)}
.press{display:inline-flex;align-items:center;gap:6px}.press i{width:56px;height:6px;border-radius:4px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}.press i::after{content:"";position:absolute;inset:0;width:var(--w);background:#fff;border-radius:4px;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.alerts{display:grid;gap:6px;align-content:start;max-height:calc(100vh - var(--top) - 150px);overflow:auto;padding-right:2px}.pose .alerts .al{background:rgba(5,5,5,.6);backdrop-filter:blur(8px)}.alerts .al{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line2);font-size:13px}.alerts .al{animation:slideIn .5s cubic-bezier(.2,.8,.2,1) both}.alerts .al.high{border-left-color:#fff}.alerts .al.mid{border-left-color:rgba(255,255,255,.55)}.alerts .al.info{border-left-color:rgba(255,255,255,.25)}@keyframes slideIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}.alerts .al .h{display:flex;justify-content:space-between;gap:8px}.alerts .al b{font-weight:600}.alerts .al .t{color:var(--mute);font-family:var(--mono);font-size:11px}.alerts .al p{margin:0;color:var(--soft);line-height:1.4}
.empty{padding:40px 20px;text-align:center;color:var(--mute);border:1px dashed var(--line2);border-radius:12px}
.pager{display:flex;justify-content:center;gap:10px;align-items:center;padding:14px;color:var(--mute);font-size:13px}
/* ---------- terminal ---------- */
.tgrid{display:grid;grid-template-columns:1fr 380px;gap:16px}
.thead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.thead .tok img,.thead .tok .ph{width:44px;height:44px;border-radius:12px}.thead h1{font:400 32px/1 var(--disp)}.thead .price{font:400 32px/1 var(--disp);letter-spacing:-.01em;margin-left:auto;font-variant-numeric:tabular-nums}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;animation:slideUp .5s both}.stats .stat:nth-child(2){animation-delay:.05s}.stats .stat:nth-child(3){animation-delay:.1s}.stats .stat:nth-child(4){animation-delay:.15s}.stats .stat:nth-child(5){animation-delay:.2s}.stats .stat:nth-child(6){animation-delay:.25s}.stat b{display:block;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.stat span{font-size:11px;color:var(--mute)}
.chart{height:520px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}.chart iframe{width:100%;height:100%;border:0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;transition:border-color .3s,transform .3s}.card:hover{border-color:var(--line2)}.card h3{font-size:15px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.brief{font-size:14px;line-height:1.55;color:var(--soft);min-height:44px}.cur{display:inline-block;width:8px;height:15px;background:#fff;vertical-align:-2px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.swapbox{display:grid;gap:10px}.swapbox .side{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:3px}.swapbox .side button{height:32px;border:0;border-radius:8px;background:transparent;color:var(--mute);font-weight:600;cursor:pointer}.swapbox .side button{transition:background .25s,color .25s}.swapbox .side button.on.buy{background:#fff;color:#000}.swapbox .side button.on.sell{background:rgba(255,255,255,.14);color:#fff}
.swapbox .amt{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:0 12px;height:48px}.swapbox .amt input{flex:1;background:transparent;border:0;font-size:20px;outline:none;min-width:0}.swapbox .amt span{font:600 12px var(--mono);color:var(--mute)}
.swapbox .qa{display:flex;gap:6px}.swapbox .qa button{height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--soft);font-size:12px;cursor:pointer}
.quote{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45;min-height:46px}.quote b{color:#fff}.quote.bad{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.45);color:var(--soft)}.quote .warn{display:block;margin-top:4px;color:var(--soft);font-size:12px}
.scan{display:grid;gap:8px}.scan .st{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:10px 12px;border-radius:10px;background:var(--bg2);border:1px solid var(--line)}.scan .st i{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--line2)}.scan .st{animation:slideUp .45s cubic-bezier(.2,.8,.2,1) both}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.scan .st.ok i{background:#fff}.scan .st.warn i{background:rgba(255,255,255,.5)}.scan .st.bad i{background:transparent;box-shadow:inset 0 0 0 2px #fff}.scan .st.unknown i{background:var(--faint)}.scan .st.run i{background:#fff;animation:blink 1s steps(2) infinite}.scan .st b{font-size:13.5px}.scan .st p{margin:3px 0 0;font-size:12.5px;color:var(--soft);line-height:1.4}.scan .st .links{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.scan .st .links a{font:500 11.5px var(--mono);color:var(--ink);border-bottom:1px solid rgba(255,255,255,.4)}
.verdict{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px;border-radius:12px;border:1px solid var(--line2)}.verdict .score{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font:400 28px var(--disp);background:conic-gradient(var(--c) calc(var(--s)*1%),rgba(255,255,255,.08) 0);position:relative}.verdict .score::after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--panel)}.verdict .score b{position:relative}.verdict{animation:slideUp .5s both}.verdict.clear{--c:#fff}.verdict.caution{--c:rgba(255,255,255,.6)}.verdict.danger{--c:#fff}.verdict.danger .score::after{background:#1a1a1a}.verdict h4{margin:0 0 4px;font-size:16px;text-transform:capitalize}.verdict p{margin:0;font-size:13px;color:var(--soft);line-height:1.45}
.flags{display:grid;gap:6px;margin-top:10px}.flags div{display:grid;grid-template-columns:auto 1fr;gap:8px;font-size:12.5px;align-items:start}.flags .chip{margin-top:1px}
.fc{display:grid;gap:8px}.fc .dir{display:flex;align-items:center;gap:10px;font:400 26px var(--disp)}.fc .range{font-family:var(--mono);font-size:13px;color:var(--soft)}.fc ul{margin:0;padding-left:18px;font-size:13px;color:var(--soft)}
.gate{padding:14px;border-radius:12px;border:1px dashed var(--line2);color:var(--mute);font-size:13px;text-align:center}
/* ---------- misc pages ---------- */
.rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rgrid .stat b{font-size:28px}
.docs{display:grid;grid-template-columns:220px 1fr;gap:30px}.docs nav{position:sticky;top:calc(var(--top) + 20px);align-self:start;display:grid;gap:4px}.docs nav a{padding:6px 10px;border-radius:8px;color:var(--mute);font-size:13.5px}.docs nav a:hover{color:var(--ink)}.docs section{margin-bottom:34px}.docs h2{font-size:22px;margin-bottom:10px}.docs h3{font-size:16px;margin:16px 0 6px}.docs p,.docs li{color:var(--soft);font-size:14.5px;line-height:1.6}.docs pre{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:12.5px/1.55 var(--mono);overflow:auto}
.modal{position:fixed;inset:0;z-index:80;background:rgba(7,7,15,.7);backdrop-filter:blur(10px);display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;overflow:auto}.modal[hidden]{display:none}.sheet{position:relative;width:min(440px,100%);background:var(--panel);border:1px solid var(--line2);border-radius:18px;padding:22px;display:grid;gap:12px}.sheet .close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:999px;border:1px solid var(--line2);background:transparent;cursor:pointer}
@media (max-width:1000px){.dgrid,.tgrid{grid-template-columns:1fr}.alerts{max-height:none}.stats{grid-template-columns:repeat(3,1fr)}.rgrid{grid-template-columns:1fr 1fr}.docs{grid-template-columns:1fr}.docs nav{position:static;grid-template-columns:1fr 1fr}footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.wrap{width:min(1360px,100% - 32px)}header.top{height:56px}nav.main{display:none}#lv{display:none}.hright .btn.sm{display:none}.pose .facts{grid-template-columns:1fr 1fr}.filters{margin-left:0;width:100%}.filters .f{flex:1}.chart{height:380px}.stats{grid-template-columns:1fr 1fr}.thead .price{margin-left:0}footer .wrap{grid-template-columns:1fr}}
/* buy sheet pieces (monochrome) */
.sheet h3{margin:0;font:400 30px/1 var(--serif)}.sheet .k{margin:0}
.sheet .pr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sheet .pr div{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.sheet .pr b{display:block;font-size:15px;font-weight:600}.sheet .pr span{font-size:11.5px;color:var(--mute)}
.sheet .amt{display:flex;gap:8px;align-items:center}.sheet .amt .f{flex:1;font-size:18px;height:48px}.sheet .amt .unit{font:600 13px var(--mono);color:var(--mute)}
.sheet .qa{display:flex;gap:6px;flex-wrap:wrap}.sheet .qa button{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--soft);font:500 12.5px var(--font);cursor:pointer}.sheet .qa button:hover{border-color:#fff;color:#fff}
.sheet .quote{min-height:54px;background:rgba(255,255,255,.05);border:1px solid var(--line2);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45}.sheet .quote b{font-size:18px;font-weight:600;color:#fff}.sheet .quote.bad{border-color:rgba(255,130,148,.5);color:var(--down)}.sheet .quote .warn{display:block;margin-top:6px;font-size:12.5px;color:var(--mute)}
.sheet .fine{font-size:12px;color:var(--mute);line-height:1.45}.sheet .fine a{text-decoration:underline}.sheet .btn{width:100%}

.modal{grid-template-columns:minmax(0,1fr)}.sheet{max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere}.sheet .pr{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:420px){.sheet .pr{grid-template-columns:1fr 1fr}}
/* phones: grids never force the layout viewport wider than the screen; wide tables scroll inside their panel */
@media (max-width:1000px){.dgrid,.tgrid,.rgrid,.docs{grid-template-columns:minmax(0,1fr)!important}.dgrid>*,.tgrid>*,.rgrid>*,.docs>*{min-width:0;max-width:100%}}
@media (max-width:760px){.panel,.card{min-width:0;overflow-x:auto}pre{overflow-x:auto;max-width:100%}.mono,code{overflow-wrap:anywhere}.docs nav{grid-template-columns:1fr}}
@media (max-width:760px){.dgrid>aside{overflow:hidden;width:100%}.dgrid>aside>*{min-width:0;overflow-x:auto}.panel table,.card table{max-width:none}}