/* Groggy desk · v19 design: friendly trading terminal + mission control. dark + light (System by default) */
@font-face{font-family:Inter;src:url(fonts/Inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:JBM;src:url(fonts/JetBrainsMono.woff2) format("woff2");font-weight:100 800;font-display:swap}
:root,[data-theme=dark]{
  color-scheme:dark;
  --bg:#090c12;--bg2:#0d1119;--card:#121826;--card2:#161d2c;--card-solid:#131a28;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.055);
  --text:#e9edf5;--muted:#8b95a8;--dim:#5f6879;
  --acc:#7c8cff;--acc2:#a78bfa;--blue:#4cc9f0;--red:#ff5d7a;--amber:#ffb547;--green:#34d399;--violet:#a78bfa;--pink:#f472b6;
  --input:#0b0f17;--btn:rgba(255,255,255,.045);--btn2:rgba(255,255,255,.08);--shadow:0 10px 30px rgba(0,0,0,.35);
  --glow:1;--grad:linear-gradient(135deg,#7c8cff,#a78bfa);
  --halo1:rgba(124,140,255,.16);--halo2:rgba(52,211,153,.07);--scrim:rgba(3,5,9,.62);
}
[data-theme=light]{
  color-scheme:light;
  --bg:#f3f5f9;--bg2:#e8ecf3;--card:#ffffff;--card2:#ffffff;--card-solid:#ffffff;--line:rgba(15,23,42,.10);--line2:rgba(15,23,42,.065);
  --text:#0f172a;--muted:#536077;--dim:#8590a3;
  --acc:#4f5bd5;--acc2:#7c3aed;--blue:#0284c7;--red:#e11d48;--amber:#b45309;--green:#059669;--violet:#7c3aed;--pink:#db2777;
  --input:#ffffff;--btn:#f1f4f9;--btn2:#e7ebf2;--shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06);
  --glow:0;--grad:linear-gradient(135deg,#4f5bd5,#7c3aed);
  --halo1:rgba(79,91,213,.10);--halo2:rgba(5,150,105,.05);--scrim:rgba(15,23,42,.38);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  -webkit-text-size-adjust:100%;overflow-x:hidden;max-width:100%;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
body{background:radial-gradient(640px 400px at 85% -80px,var(--halo1),transparent 70%),radial-gradient(520px 320px at -10% 300px,var(--halo2),transparent 70%),var(--bg);
  background-repeat:no-repeat;min-height:100vh}
.num,.mono,.eq-num,.fx-t,.rv,.lvls b,.kv span,td,.badge{font-family:JBM,ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}
.hidden{display:none!important}
.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:13px}.err{color:var(--red);min-height:1.2em}
.row{display:flex;gap:8px;align-items:center}.wrap{flex-wrap:wrap;margin:8px 0}.spacer,.grow{flex:1;min-width:0}.center{justify-content:center;margin:8px 0 18px;text-align:center}
.up,.good{color:var(--green)}.down,.bad{color:var(--red)}
.fx{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:50}

/* header */
.top{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;
  background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line2)}
.brand{font-weight:700;letter-spacing:.02em;font-size:15px;display:flex;align-items:center;gap:10px}
.brand.big{font-size:24px;justify-content:center;margin-bottom:4px}
.logo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff}
[data-theme=dark] .logo{box-shadow:0 0 18px rgba(124,140,255,.45)}
.logo svg{width:20px;height:20px}
.brand.big .logo{width:40px;height:40px;border-radius:12px}.brand.big .logo svg{width:28px;height:28px}
.mode-badge{border:1px solid;border-radius:999px;padding:5px 11px;font:700 11px/1 Inter,sans-serif;letter-spacing:.07em;min-height:28px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:none}
.mode-badge.paper{color:var(--amber);background:color-mix(in srgb,var(--amber) 11%,transparent);border-color:color-mix(in srgb,var(--amber) 35%,transparent)}
.mode-badge.live{color:var(--green);background:color-mix(in srgb,var(--green) 11%,transparent);border-color:color-mix(in srgb,var(--green) 35%,transparent)}
.mode-badge .ld{width:7px;height:7px;border-radius:50%;background:currentColor;animation:blink 1.5s infinite}
[data-theme=dark] .mode-badge .ld{box-shadow:0 0 8px currentColor}
.icon-btn{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:var(--btn);color:var(--text);font-size:16px;cursor:pointer}
.pulse{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);font-weight:500}
.pulse i{width:8px;height:8px;border-radius:50%;background:var(--dim);position:relative}
.pulse.ok i{background:var(--green)}
.pulse.ok i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--green);animation:ping 1.8s infinite;opacity:0}
.pulse.bad i{background:var(--red)}
.pulse em{font-style:normal}
@keyframes ping{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.6);opacity:0}}
@keyframes blink{50%{opacity:.3}}
.demo-banner{margin:10px 14px 0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--amber) 12%,transparent);border:1px dashed var(--amber);color:var(--amber);font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px;justify-content:space-between}

main{padding:12px 14px calc(100px + env(safe-area-inset-bottom));max-width:760px;margin:0 auto}
.glass,.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.card{padding:16px;margin-bottom:12px;min-width:0;overflow-wrap:anywhere;position:relative}
.card-h{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:12px;gap:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.card-h .btn,.card-h select,.card-h .seg{text-transform:none;letter-spacing:0}
.sec{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:20px 4px 10px;display:flex;justify-content:space-between;align-items:baseline}
.sec span{font-weight:500;letter-spacing:0;text-transform:none;color:var(--dim);font-size:12px}

/* right-now strip */
.now{padding:16px 16px 14px;overflow:hidden}
.now-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.now .lbl{font-size:12.5px;color:var(--muted);margin-bottom:4px}
.eq-num{font-size:38px;font-weight:600;letter-spacing:-.03em;line-height:1.05}
.eq-num small{font-size:22px;color:var(--muted);font-weight:500}
.eq-delta{font-size:13px;margin-top:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pchip{font:600 11.5px/1 JBM,monospace;padding:5px 8px;border-radius:7px;background:var(--btn2);color:var(--muted)}
.pchip.up{color:var(--green);background:color-mix(in srgb,var(--green) 13%,transparent)}.pchip.down{color:var(--red);background:color-mix(in srgb,var(--red) 13%,transparent)}
.xchip{font:600 12px/1 JBM,monospace;padding:6px 9px;border-radius:999px;background:var(--btn);border:1px solid var(--line);color:var(--muted)}
.xchip.up{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,transparent)}.xchip.down{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent)}
.eq-chart{width:calc(100% + 32px);height:96px;display:block;margin:12px -16px 4px}
.now .seg.mini{justify-content:flex-end;margin:0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.stat{background:var(--btn);border:1px solid var(--line2);border-radius:12px;padding:10px 11px;min-width:0}
.stat .k{font-size:11px;color:var(--muted);margin-bottom:3px}
.stat .v{font:600 17px/1.2 JBM,monospace;white-space:nowrap}
.stat .v small{font-size:11px;color:var(--dim);font-weight:500}
.hdots{display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line2);font-size:11.5px;color:var(--muted)}
.hdots>span{white-space:nowrap}
.hdots .ds{display:flex;gap:10px;flex-wrap:nowrap;justify-content:space-between;min-width:0;flex:1}
.hdots>span:empty{display:none}
.hd1{display:flex;align-items:center;gap:4px;white-space:nowrap}
.hd1 i{width:6px;height:6px;border-radius:50%;background:var(--green)}
[data-theme=dark] .hd1 i{box-shadow:0 0 6px var(--green)}
.hd1.bad i{background:var(--red)}[data-theme=dark] .hd1.bad i{box-shadow:0 0 6px var(--red)}
.hd1.unk i{background:var(--dim);box-shadow:none}
.flash-up{animation:fu .9s}.flash-down{animation:fd .9s}
@keyframes fu{20%{color:var(--green)}}@keyframes fd{20%{color:var(--red)}}

/* best trade + confetti */
.win{background:linear-gradient(135deg,color-mix(in srgb,var(--green) 16%,var(--card)),color-mix(in srgb,var(--blue) 5%,var(--card)) 60%,var(--card));border-color:color-mix(in srgb,var(--green) 28%,transparent);overflow:hidden;cursor:pointer}
.win .wr{display:flex;justify-content:space-between;align-items:center;gap:10px}
.coin{display:flex;align-items:center;gap:10px;min-width:0}
.coin b{font-size:15px;font-weight:600}.coin .s{font-size:12px;color:var(--muted)}
.av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none;color:#0b0e14}
.av.c0{background:#7c8cff}.av.c1{background:#4cc9f0}.av.c2{background:#34d399}.av.c3{background:#ffb547}.av.c4{background:#f472b6}.av.c5{background:#a78bfa}.av.c6{background:#fb923c}.av.c7{background:#22d3ee}
.wpnl{text-align:right;flex:none}.wpnl .num{font-size:20px;font-weight:600;display:block}.wpnl small{font:600 12px JBM,monospace}
.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.confetti i{position:absolute;width:6px;height:10px;border-radius:2px;opacity:.85;animation:drop 1.4s ease-out both}
@keyframes drop{from{transform:translateY(-30px) rotate(0);opacity:0}}
.spark-lg{display:block;width:100%;height:58px;margin-top:12px}
.tags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.tg{font:600 11.5px/1 JBM,monospace;padding:5px 8px;border-radius:7px;background:var(--btn2);color:var(--muted)}

/* status badges (passed / cut / waiting / bought / AI) */
.b{font:700 10.5px/1 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:4px 7px;border-radius:6px;white-space:nowrap;flex:none}
.b.pass{color:var(--blue);background:color-mix(in srgb,var(--blue) 13%,transparent)}
.b.cut{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}
.b.wait{color:var(--amber);background:color-mix(in srgb,var(--amber) 13%,transparent)}
.b.buy{color:var(--green);background:color-mix(in srgb,var(--green) 14%,transparent)}
.b.ai{color:var(--violet);background:color-mix(in srgb,var(--violet) 14%,transparent)}
.b.sell{color:var(--blue);background:color-mix(in srgb,var(--blue) 13%,transparent)}
.b.sys{color:var(--muted);background:var(--btn2)}

/* funnel pipeline */
.pipe{padding:16px 16px 10px}
.st{display:grid;grid-template-columns:34px minmax(0,1fr) 60px;gap:12px;align-items:center;position:relative;padding-bottom:16px}
.st .ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--bg2);border:1px solid var(--line);position:relative;z-index:2;color:var(--sc)}
[data-theme=dark] .st .ic{box-shadow:0 0 14px color-mix(in srgb,var(--sc) 22%,transparent)}
.st .ic svg{width:17px;height:17px}
.st:not(.last)::before{content:"";position:absolute;left:16.5px;top:34px;bottom:0;width:1.5px;background:linear-gradient(var(--sc),var(--sc2));opacity:.5}
.st .flow{position:absolute;left:14.5px;top:36px;width:5px;height:5px;border-radius:50%;background:var(--sc);animation:flow 2.2s linear infinite}
[data-theme=dark] .st .flow{box-shadow:0 0 8px var(--sc)}
@keyframes flow{from{transform:translateY(0);opacity:1}to{transform:translateY(14px);opacity:0}}
.st .nm{font-weight:600;font-size:14px}
.st .ds{font-size:12px;color:var(--muted);margin-top:1px}
.st .pb{height:4px;border-radius:4px;background:var(--btn2);margin-top:7px;overflow:hidden}
.st .pb span{display:block;height:100%;width:0;border-radius:4px;background:var(--sc);transition:width .9s cubic-bezier(.2,1,.3,1)}
.st .cn{text-align:right}
.st .cn .num{font-size:19px;font-weight:600;display:block;line-height:1.1;color:var(--sc)}
.st .cn small{font-size:11px;color:var(--dim)}
.st.s-scan{--sc:var(--acc)}.st.s-pass{--sc:var(--blue)}.st.s-wait{--sc:var(--amber)}.st.s-ai{--sc:var(--violet)}.st.s-buy{--sc:var(--green)}
.st.s-scan .cn .num{color:var(--text)}
.why{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 4px;border-top:1px solid var(--line2)}
.why .w{font-size:12px;padding:5px 9px;border-radius:9px;background:var(--btn);border:1px solid var(--line2);color:var(--muted)}
.why .w b{color:var(--text);font:600 12px JBM,monospace;margin-left:4px}

/* buttons, inputs */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:13px;border:1px solid var(--line);background:var(--btn);color:var(--text);font:600 15px Inter,sans-serif;text-decoration:none;cursor:pointer;transition:transform .1s}
.btn:active{transform:scale(.97)}.btn.small{min-height:32px;padding:0 11px;font-size:13px;border-radius:10px}.btn.big{min-height:50px;width:100%;font-size:16px}
.btn.primary{background:var(--grad);border:0;color:#fff}
[data-theme=dark] .btn.primary{box-shadow:0 0 18px rgba(124,140,255,.35)}
.btn.warn{background:color-mix(in srgb,var(--amber) 12%,transparent);border-color:color-mix(in srgb,var(--amber) 45%,transparent);color:var(--amber)}
.btn.danger{background:color-mix(in srgb,var(--red) 12%,transparent);border-color:color-mix(in srgb,var(--red) 45%,transparent);color:var(--red)}
.btn.ghost{background:transparent}.btn:disabled{opacity:.45}
input,select{width:100%;min-height:44px;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:0 12px;font:16px Inter,sans-serif}
select{width:auto}.row input{width:auto;min-width:0}
label{display:block;margin:10px 0 6px;color:var(--muted)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.grid3{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
@media(min-width:600px){.grid3{grid-template-columns:1fr 1fr 1fr}}
.seg{display:flex;overflow-x:auto;gap:6px;margin-bottom:10px;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{flex:1;min-height:38px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--muted);font:600 13px Inter,sans-serif;white-space:nowrap;padding:0 11px;cursor:pointer}
.seg button.on{background:var(--text);border-color:transparent;color:var(--bg)}
.seg button .num{font-size:11px;opacity:.7;margin-left:3px}
.seg.mini{margin:0}.seg.mini button{min-height:26px;font-size:11.5px;border-radius:8px;padding:0 9px;flex:0 0 auto}

/* master switch */
.master-card .master-title{font-size:17px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--text)}
.master-card .small{margin-top:4px;line-height:1.4}
.switch{flex:0 0 auto;width:64px;height:36px;border-radius:999px;border:1px solid var(--line);background:var(--btn2);position:relative;cursor:pointer;transition:background .25s}
.switch i{position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:#fff;transition:left .25s cubic-bezier(.3,1.5,.6,1);box-shadow:0 2px 6px rgba(0,0,0,.3)}
.switch.on{background:var(--green);border-color:transparent}.switch.on i{left:31px}
[data-theme=dark] .switch.on{box-shadow:0 0 14px color-mix(in srgb,var(--green) 50%,transparent)}
.btn.kill{margin-top:12px;width:100%}.kill.on{background:color-mix(in srgb,var(--red) 13%,transparent);border-color:var(--red);color:var(--red)}.kill.off{background:transparent}

/* feed rows (plain English) */
.feed{display:flex;flex-direction:column;max-height:460px;overflow-y:auto;margin:0 -16px -16px}
.fi{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 16px;border-top:1px solid var(--line2);font-size:13.5px;line-height:1.35;animation:slidein .45s ease-out both}
.fi .fx-t{color:var(--dim);font-size:11.5px}
.fi .fx-b{min-width:0;overflow-wrap:anywhere}
.fi .fx-b b{font-weight:600}.fi .fx-b .muted{font-size:13px}
@keyframes slidein{from{opacity:0;transform:translateY(-6px)}}
.chip{flex:0 0 auto;font:700 10.5px/1 Inter,sans-serif;letter-spacing:.05em;padding:4px 7px;border-radius:6px;text-transform:uppercase}
.c-buy,.c-win{color:var(--green);background:color-mix(in srgb,var(--green) 14%,transparent)}
.c-sell{color:var(--blue);background:color-mix(in srgb,var(--blue) 13%,transparent)}
.c-stop{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}
.c-ladder,.c-warn{color:var(--amber);background:color-mix(in srgb,var(--amber) 13%,transparent)}
.c-reject{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}
.c-lane{color:var(--violet);background:color-mix(in srgb,var(--violet) 13%,transparent)}
.c-sys{color:var(--muted);background:var(--btn2)}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-left:6px;animation:blink 1.4s infinite;vertical-align:middle}

/* scanner rows */
.rows{margin:0 -16px -16px}
.srow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 16px;border-top:1px solid var(--line2)}
.srow .n{font-weight:600;font-size:14px;display:flex;gap:7px;align-items:baseline;min-width:0}
.srow .n .t{font:500 11px JBM,monospace;color:var(--dim)}
.srow .r{font-size:12.5px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srow .rt{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.spk{width:64px;height:24px;display:block}
.spk.none{font-size:10.5px;color:var(--dim);height:auto;width:auto}

/* position cards */
.pc{padding:12px;margin-bottom:10px;border-radius:16px;background:var(--btn);border:1px solid var(--line);cursor:pointer;position:relative;overflow:hidden;transition:transform .15s}
.pc:active{transform:scale(.985)}
.pc-h{display:flex;align-items:center;gap:8px}
.pc .sym{font-size:18px;font-weight:700}
.pc .pnl{margin-left:auto;text-align:right;font:600 18px JBM,monospace}
.pc .pnl small{display:block;font-size:12px;font-weight:500;opacity:.85}
.pc canvas{width:100%;height:92px;display:block;margin:6px 0 4px}
.pc-l{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.pc-l i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:4px;vertical-align:middle}
.k-entry{background:var(--muted)}.k-peak{background:var(--blue)}.k-stop{background:var(--red)}.k-ladder{background:var(--amber)}
.ladder{margin-top:8px}
.ladder .bar{height:8px;border-radius:999px;background:var(--btn2);overflow:hidden;position:relative}
.ladder .bar span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--amber));transition:width .8s ease}
.ladder .bar.done span{background:linear-gradient(90deg,var(--amber),var(--green))}
.ladder .lt{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:4px}
.demo-tag{position:absolute;top:8px;right:-30px;transform:rotate(35deg);background:var(--amber);color:#000;font-size:10px;font-weight:900;padding:2px 34px;letter-spacing:1px}
.empty{text-align:center;padding:22px 10px}
.empty .big-emoji{font-size:40px;display:block;margin-bottom:6px}
.empty b{display:block;margin-bottom:4px}
.shake{animation:shake .5s}
@keyframes shake{20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(2px)}}

/* sheet */
.sheet{position:fixed;inset:0;z-index:30}
.sheet-bg{position:absolute;inset:0;background:var(--scrim);backdrop-filter:blur(2px);animation:fade .25s}
.sheet-card{position:absolute;left:0;right:0;bottom:0;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,var(--card2),var(--card-solid) 30%);border-top:1px solid var(--line);border-radius:24px 24px 0 0;
  padding:8px 18px calc(22px + env(safe-area-inset-bottom));animation:up .32s cubic-bezier(.2,1.1,.4,1);max-width:760px;margin:0 auto;box-shadow:0 -20px 60px rgba(0,0,0,.35)}
.grab{width:38px;height:5px;border-radius:3px;background:var(--line);margin:2px auto 14px}
@keyframes up{from{transform:translateY(100%)}}@keyframes fade{from{opacity:0}}
.sheet canvas{width:100%;height:190px;display:block;margin:8px 0}
.sheet canvas.tchart{height:96px;margin:10px 0 2px}
.lvls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.lvls div{background:var(--btn);border-radius:12px;padding:9px 10px;border:1px solid var(--line2);min-width:0}
.lvls span{display:block;font-size:11px;color:var(--muted)}.lvls b{font-weight:600;font-size:13.5px}
.lvls .w2{grid-column:1 / -1}.lvls em{font-style:normal}
.rules{margin:10px 0;padding:0;list-style:none}
.rules li{padding:9px 0 9px 30px;border-bottom:1px solid var(--line2);position:relative;font-size:14px}
.rules li::before{content:attr(data-i);position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:7px;background:var(--btn);text-align:center;font-size:13px;line-height:22px}
.rules li.on{color:var(--text)}.rules li.on::before{background:var(--grad);color:#fff}
.sheet .pc-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sheet .pnl{margin-left:auto;text-align:right;font:600 20px JBM,monospace}.sheet .pnl small{display:block;font-size:12px;font-weight:500;opacity:.85}
.sym.big{font-size:22px;font-weight:700}

/* token sheet (v19) */
.th{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.th .coin b{font-size:19px}
.th .s{font:12px JBM,monospace;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th .px{text-align:right;flex:none}.th .px .num{font-size:21px;font-weight:600;display:block}.th .px small{font:600 12px JBM,monospace}
.vbox{margin:12px 0;padding:12px 14px;border-radius:14px;display:flex;gap:12px;align-items:center;border:1px solid}
.vbox.ai{background:color-mix(in srgb,var(--violet) 8%,transparent);border-color:color-mix(in srgb,var(--violet) 25%,transparent);--vc:var(--violet)}
.vbox.cut{background:color-mix(in srgb,var(--red) 7%,transparent);border-color:color-mix(in srgb,var(--red) 22%,transparent);--vc:var(--red)}
.vbox.buy{background:color-mix(in srgb,var(--green) 8%,transparent);border-color:color-mix(in srgb,var(--green) 25%,transparent);--vc:var(--green)}
.vbox.wait{background:color-mix(in srgb,var(--amber) 8%,transparent);border-color:color-mix(in srgb,var(--amber) 25%,transparent);--vc:var(--amber)}
.vbox .vt{font-weight:600;font-size:14px}.vbox .vs{font-size:12.5px;color:var(--muted);margin-top:2px}
.ring{width:46px;height:46px;flex:none}
.ring .rbg{stroke:var(--btn2)}.ring .rfg{stroke:var(--vc)}.ring text{fill:var(--text);font:600 12px JBM,monospace}
.vic{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--vc);background:color-mix(in srgb,var(--vc) 14%,transparent)}
.vic svg{width:22px;height:22px}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 4px}
.tiles>div{background:var(--btn);border:1px solid var(--line2);border-radius:11px;padding:8px 9px;min-width:0}
.tiles .k{font-size:10.5px;color:var(--muted)}.tiles .v{font:600 13.5px JBM,monospace;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h6{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px}
.jr{display:grid;grid-template-columns:44px 14px minmax(0,1fr);gap:8px;align-items:start;font-size:13.5px;padding:6px 4px;border-radius:9px;cursor:pointer}
.jr.on{background:var(--btn)}
.jr .t{color:var(--dim);font:11.5px JBM,monospace;padding-top:2px}
.jr .d{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--dim)}
.jr .d.cut{background:var(--red)}.jr .d.pass{background:var(--blue)}.jr .d.ai{background:var(--violet)}.jr .d.buy{background:var(--green)}.jr .d.wait{background:var(--amber)}
.jr .x{color:var(--dim)}
.rl{list-style:none;margin:0;padding:0}
.rl li{font-size:13.5px;line-height:1.45;padding-left:15px;position:relative;margin-bottom:5px}
.rl li::before{content:"";position:absolute;left:2px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--violet)}
.rl.rf li::before{background:var(--red)}
details.more{margin:16px 0 6px;border:1px solid var(--line);border-radius:14px;background:var(--btn);overflow:hidden}
details.more>summary{list-style:none;cursor:pointer;padding:13px 14px;font-weight:600;font-size:14px;display:flex;justify-content:space-between;align-items:center}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary::after{content:"›";font-size:20px;color:var(--muted);transition:transform .2s;line-height:1}
details.more[open]>summary::after{transform:rotate(90deg)}
details.more>summary .muted{font-weight:400;font-size:12px;margin-left:6px}
details.more>.mb{padding:0 12px 12px;border-top:1px solid var(--line2)}
details.more .card-h{margin:14px 0 8px}

/* scanner hero */
.scan-hero{text-align:center}
.radar{width:150px;height:150px;margin:4px auto 12px;border-radius:50%;position:relative;background:radial-gradient(circle,color-mix(in srgb,var(--green) 10%,transparent),transparent 70%);border:1px solid var(--line)}
.radar i{position:absolute;inset:22%;border-radius:50%;border:1px solid var(--line)}.radar i:nth-child(2){inset:40%}.radar i:nth-child(3){inset:8%}
.radar .sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--green) 35%,transparent) 40deg,transparent 41deg);animation:spin 3s linear infinite}
.radar.off .sweep{animation:none;opacity:.15}
.radar b{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;letter-spacing:.1em}
@keyframes spin{to{transform:rotate(360deg)}}
.blip{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);animation:blipfade 2.4s forwards}
.blip.r{background:var(--red)}
@keyframes blipfade{from{transform:scale(1.8)}to{opacity:0}}
.scan-counters{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}
.scan-counters div{background:var(--btn);border-radius:12px;padding:10px 12px;border:1px solid var(--line2)}
.scan-counters b{display:block;font:600 22px JBM,monospace}
.scan-counters span{font-size:11.5px;color:var(--muted)}
#scStatus{margin-top:12px;text-align:left;line-height:1.5}
.rb{margin:8px 0}
.rb .rl{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.rb .rl b{font-family:JBM,monospace;font-weight:600}
.rb .bar{height:6px;border-radius:999px;background:var(--btn2);overflow:hidden}
.rb .bar span{display:block;height:100%;width:0;border-radius:999px;transition:width .9s cubic-bezier(.2,1,.3,1)}

/* misc blocks */
.kv{display:grid;grid-template-columns:minmax(80px,auto) 1fr;gap:5px 12px;font-size:13.5px}.kv b{font-weight:500;color:var(--muted)}.kv span{min-width:0;overflow-wrap:anywhere;font-size:12.5px}
.hrow{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line2);font-size:14px;gap:8px}.hrow:last-child{border:0}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.dot.ok{background:var(--green)}.dot.bad{background:var(--red)}
.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);text-transform:none;letter-spacing:0}
.badge.warn{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 50%,transparent)}.badge.bad{color:var(--red);border-color:color-mix(in srgb,var(--red) 50%,transparent)}.badge.ok{color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,transparent)}
.pos{border:1px solid var(--line2);border-radius:14px;padding:12px;margin-bottom:10px}
.list .item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 12px;margin-bottom:8px;font-size:14px;word-break:break-word}
.item .t{color:var(--muted);font-size:12px}
.set{border-bottom:1px solid var(--line2);padding:11px 0}.set:last-child{border:0}
.set .name{font-weight:600;font-size:14px;word-break:break-all;text-transform:none;letter-spacing:0;color:var(--text)}.set .vals{display:flex;gap:6px;margin-top:6px}.set .vals input{flex:1;min-width:0}
.set .meta{font-size:12px;color:var(--muted);margin-top:4px}
.set .plain{font-size:12.5px;color:var(--text);opacity:.85;margin-top:2px}
.out{white-space:pre-wrap;word-break:break-word;background:var(--input);border:1px solid var(--line);border-radius:12px;padding:10px;font:12px/1.45 JBM,monospace;max-height:50vh;overflow:auto;margin:8px 0 0}
.out:empty{display:none}
#pnlChart{width:100%;height:140px;display:block}
.bkv{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid var(--line2)}
.bkv span{color:var(--muted)}.bkv b{font:600 15px JBM,monospace}
#bankReset{margin-top:10px;width:100%}
.airow{padding:9px 0;border-top:1px solid var(--line2);overflow-wrap:anywhere}.airow .badge{margin-left:4px}
table{width:100%;border-collapse:collapse;font-size:12px}td,th{border-bottom:1px solid var(--line2);padding:6px;text-align:left;white-space:nowrap}
.scroll{overflow-x:auto;max-width:100%}

/* nav */
nav.bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:8px 8px calc(6px + env(safe-area-inset-bottom));z-index:9;
  background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line2)}
nav.bottom button{flex:1;max-width:120px;min-height:52px;background:none;border:0;color:var(--dim);font:500 10.5px Inter,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;cursor:pointer}
nav.bottom button svg{width:22px;height:22px}
nav.bottom button.on{color:var(--text)}
nav.bottom button.on svg{color:var(--acc)}
[data-theme=dark] nav.bottom button.on svg{filter:drop-shadow(0 0 6px rgba(124,140,255,.6))}
.nbadge{position:absolute;top:2px;right:calc(50% - 22px);font-style:normal;background:var(--green);color:#04130d;font:700 10px/1.4 JBM,monospace;border-radius:999px;padding:0 5px}

/* modal / toast / login */
.modal{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;z-index:40}
.modal-card{background:var(--card-solid);border:1px solid var(--line);border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));width:100%;max-width:520px;animation:up .28s}
.modal-card h3{margin:2px 0 8px}
@media(min-width:600px){.modal{align-items:center}.modal-card{border-radius:22px}}
.toast{position:fixed;left:14px;right:14px;bottom:calc(84px + env(safe-area-inset-bottom));background:var(--text);color:var(--bg);padding:12px;border-radius:14px;z-index:45;text-align:center;font-weight:600;box-shadow:var(--shadow)}
.toast.bad{background:var(--red);color:#fff}
.login-card{max-width:380px;margin:16vh auto 0;padding:26px}
.login-card p{text-align:center;margin-top:0}
#loginForm{display:flex;flex-direction:column;gap:14px}
#loginForm label{margin-bottom:-4px}
.login-card .brand.big{justify-content:center}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
.demo-chip{color:#000;background:var(--amber)}.pc.demo{border-style:dashed;border-color:var(--amber)}
.tap{cursor:pointer}.tap:active{opacity:.75}
.mint{display:block;width:100%;margin:8px 0 10px;padding:9px 11px;border-radius:12px;border:1px dashed var(--line);background:var(--input);color:var(--text);font:12px/1.35 JBM,monospace;text-align:left;word-break:break-all;cursor:pointer}
.mint span{display:block;font:600 11px Inter,sans-serif;color:var(--acc);margin-top:3px}
.btn.fomo{margin:12px 0 8px}
.grid3.links{grid-template-columns:1fr 1fr 1fr;margin:0 0 6px}.grid3.links .btn{font-size:13px;padding:0 6px;min-height:42px}
.ckseg{margin:0 0 10px}
.ckhead{background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:10px 12px;margin:10px 0;font-size:14px;line-height:1.5}
.ckhead .chip{margin-left:4px;vertical-align:middle}
.rtab{border:1px solid var(--line2);border-radius:12px;overflow:hidden;margin-bottom:10px;background:var(--card)}
.rst{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--btn);padding:6px 10px}
.rr{display:grid;grid-template-columns:22px 1fr auto;grid-template-areas:"i l v" "i t t";gap:0 8px;padding:7px 10px;border-top:1px solid var(--line2);font-size:13.5px;align-items:center}
.rr i{grid-area:i;font-style:normal;font-weight:900;width:20px;height:20px;border-radius:6px;text-align:center;line-height:20px;font-size:12px}
.rr .rl2{grid-area:l;min-width:0}.rr .rv{grid-area:v;font-weight:600;font-size:12.5px;text-align:right;max-width:46vw;overflow-wrap:anywhere}
.rr .rt{grid-area:t;font-size:11px;color:var(--muted)}
.rr.ok i{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.rr.bad i{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red)}
.rr.unk i,.rr.nr i{background:var(--btn2);color:var(--muted)}.rr.nr{opacity:.55}.rr.unk .rv,.rr.nr .rv{font-weight:500;color:var(--muted)}
.rr.killer{background:color-mix(in srgb,var(--red) 9%,transparent);box-shadow:inset 3px 0 0 var(--red)}
.kchip{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--red);border:1px solid var(--red);border-radius:999px;padding:1px 6px;margin-left:4px;white-space:nowrap}
.aibox{background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:10px 12px;margin-bottom:10px;font-size:14px;overflow-wrap:anywhere}
.aid{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}.aid b{font-size:15px}
.bl{margin:4px 0 8px;padding-left:18px;font-size:13.5px}.bl li{margin:3px 0}.bl.rf{list-style:none;padding-left:2px;color:var(--amber)}
.chips{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}
.tl{border-left:2px solid var(--line);margin:0 0 12px 6px;padding-left:12px;font-size:13.5px}.tl div{margin:6px 0}.tl span{color:var(--muted);font-family:JBM,monospace;font-size:12px;margin-right:6px}
.rv-btn{width:100%;margin:4px 0}
.sheet .empty a{color:var(--acc)}
.look .seg{margin:0}
.st.n-pass{--sc2:var(--blue)}.st.n-wait{--sc2:var(--amber)}.st.n-ai{--sc2:var(--violet)}.st.n-buy{--sc2:var(--green)}