@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/plus-jakarta-sans.woff2') format('woff2')}
:root{--bg:#fff;--surface:#fff;--soft:#edeef2;--soft-2:#f5f6f8;--blue-soft:#e8f0fe;--ink:#0b0c10;--ink-2:#2e3038;--muted:#646875;--border:#e2e3e9;--blue:#0158cb;--blue-2:#2f7bff;--blue-deep:#0a3f8f;--ok:#1f6b3a;--ok-soft:#e7f3ec;--warn:#a15c00;--bad:#c62f2f;--bad-soft:#fbeaea;
--r-sm:8px;--r-md:12px;--r-card:24px;--r-pill:9999px;
--shadow-card:0 1px 2px rgba(11,12,16,.04),0 12px 40px -24px rgba(11,12,16,.18);--shadow-float:0 30px 80px -30px rgba(11,12,16,.35),0 2px 6px rgba(11,12,16,.08);
--ease:cubic-bezier(.2,.7,.2,1);--t-fast:160ms;--t-med:240ms;
font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);font-size:15px;color-scheme:light;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--soft-2);color:var(--ink);overflow:hidden}
button,input,select{font:inherit;color:inherit;font-variant-numeric:tabular-nums}
button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 18px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);font-size:14px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(11,12,16,.05);transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),border-color var(--t-fast),background var(--t-fast),color var(--t-fast);-webkit-tap-highlight-color:transparent}
button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -10px rgba(11,12,16,.3);border-color:#d2d4dc}
button:active{transform:scale(.97)!important}
:focus-visible{outline:3px solid var(--blue-2);outline-offset:2px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--ink-2);background:var(--soft);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px 10px;white-space:nowrap}
.chip.blue{background:var(--blue-soft);color:var(--blue-deep);border-color:transparent}
.chip.ok{color:var(--ok);background:var(--ok-soft);border-color:transparent}.chip.bad{color:var(--bad);background:var(--bad-soft);border-color:transparent}.chip.warn{color:var(--warn)}
.dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;flex:none}
.th{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.7px;color:var(--ink)}
.wordmark img{width:24px;height:24px;flex:none}
.pos{color:var(--ok)}.neg{color:var(--bad)}.mut{color:var(--muted)}

.app{display:grid;grid-template-columns:260px minmax(0,1fr);height:100dvh}
.side{display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border)}
.side-top{height:60px;display:flex;align-items:center;padding:0 18px}
.side nav{display:flex;flex-direction:column;gap:2px;padding:8px 10px}
.sec{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 12px;border:0;border-radius:var(--r-pill);background:transparent;box-shadow:none;color:var(--ink-2);font-size:14px;font-weight:500;justify-content:flex-start}
.sec:hover{background:var(--soft-2);color:var(--ink);transform:none;box-shadow:none}
.sec.on{background:var(--blue-soft);color:var(--blue);font-weight:600}
.sec svg{flex:none}
.side-foot{margin-top:auto;border-top:1px solid var(--border);padding:14px 18px;font-size:12.5px;color:var(--muted);line-height:1.5}
.main{display:flex;flex-direction:column;min-width:0;min-height:0}
.topbar{height:60px;flex:none;display:flex;align-items:center;gap:10px;padding:0 24px;border-bottom:1px solid rgba(226,227,233,.7);background:rgba(255,255,255,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;z-index:3}
.topbar .wordmark{display:none}
.crumbs{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;color:var(--muted);flex:1}
.crumbs b{color:var(--ink);font-weight:600;font-size:15px}
.crumbs svg{opacity:.6}
.upd{font-size:12.5px;color:var(--muted);white-space:nowrap}
.view{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.page{max-width:1080px;margin:0 auto;padding:32px 32px 80px}
.page.enter{animation:viewIn var(--t-med) var(--ease) both}
.page-head{margin-bottom:22px}
.page-head h1{font-size:28px;font-weight:700;letter-spacing:-.8px;margin:0 0 6px}
.page-head p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.55;max-width:640px}
@keyframes viewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.rise{animation:rise var(--t-med) var(--ease) both;animation-delay:calc(var(--i,0) * 45ms)}
.bnav{display:none}

.seg{position:relative;display:inline-flex;gap:2px;padding:3px;background:var(--soft);border-radius:var(--r-pill);max-width:100%}
.seg button{position:relative;z-index:1;min-height:36px;padding:0 16px;border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:13.5px}
.seg button:hover{transform:none;box-shadow:none;color:var(--ink)}
.seg button.on{color:var(--ink);font-weight:600}
.seg .pill{position:absolute;top:3px;bottom:3px;border-radius:var(--r-pill);background:var(--surface);box-shadow:0 1px 2px rgba(11,12,16,.1);transition:left var(--t-med) var(--ease),width var(--t-med) var(--ease)}
.seg.sm button{min-height:32px;padding:0 12px;font-size:12.5px}
.hero{padding:26px 28px;margin-bottom:16px}
.hero .top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.big{font-size:44px;font-weight:700;letter-spacing:-1.6px;line-height:1.05;margin:8px 0 10px}
.big small{font-size:18px;font-weight:600;color:var(--muted);letter-spacing:-.3px;margin-left:6px}
.deltas{display:flex;gap:8px;flex-wrap:wrap}
.deltas .chip{font-size:13px;padding:5px 12px;font-weight:600}
.chart-wrap{margin-top:20px}
.chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.legend{display:flex;gap:14px;font-size:12.5px;color:var(--muted);align-items:center;flex-wrap:wrap}
.legend i{display:inline-block;width:14px;height:0;border-top:2px solid var(--blue);margin-right:6px;vertical-align:middle}
.legend i.stop{border-top:2px dashed var(--bad)}
svg.chart{display:block;width:100%;height:auto;overflow:visible}
svg.chart .ln{fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
svg.chart .ar{fill:url(#g);animation:fade .5s var(--ease) both}
svg.chart text{font-size:11px;fill:var(--muted);font-family:inherit}
svg.chart .grid{stroke:var(--border);stroke-width:1}
svg.chart .stop{stroke:var(--bad);stroke-width:1.5;stroke-dasharray:5 5}
.draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw .7s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}
.stat{padding:18px 20px}
.stat .th{display:block;margin-bottom:8px}
.stat b{font-size:24px;font-weight:700;letter-spacing:-.8px;display:block}
.stat small{display:block;font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.4}
.panel{padding:22px;margin-bottom:16px}
.panel h2{font-size:17px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}
.panel .sub{margin:0 0 16px;color:var(--muted);font-size:13.5px;line-height:1.5}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.empty{padding:40px 24px;text-align:center;color:var(--muted);font-size:14px;line-height:1.55}
.empty b{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}
.list{display:flex;flex-direction:column}
.item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:14px 10px;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;text-align:left;white-space:normal;line-height:1.4;font-weight:inherit;min-height:56px}
.item:first-child{border-top:0}
.item:hover{transform:none;box-shadow:none;background:var(--soft-2)}
.item .t1{font-weight:600;font-size:14.5px}
.item .t2{font-size:12.5px;color:var(--muted);margin-top:2px}
.item .r{text-align:right}
.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.pcard{padding:20px;display:flex;flex-direction:column;gap:12px;text-align:left;white-space:normal;align-items:stretch;justify-content:flex-start;line-height:1.4;font-weight:inherit;border-radius:var(--r-card);min-height:auto}
.pcard .row1{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pcard .coin{font-size:20px;font-weight:700;letter-spacing:-.5px}
.pcard .pnl{font-size:26px;font-weight:700;letter-spacing:-.8px}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;font-size:13px}
.kv span{display:block;color:var(--muted);font-size:12px}
.kv b{font-weight:600}
.scard{padding:22px;display:flex;flex-direction:column;gap:14px}
.scard .row1{display:flex;justify-content:space-between;align-items:center;gap:10px}
.scard h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.4px}
.scard .why{font-size:13.5px;color:var(--ink-2);line-height:1.55;background:var(--soft-2);border-radius:var(--r-md);padding:12px 14px}
.bars{display:flex;flex-direction:column;gap:22px}
.bar .lab{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:8px}
.bar .lab b{font-weight:600}
.track{height:10px;background:var(--soft);border-radius:var(--r-pill);overflow:hidden}
.fill{height:100%;border-radius:var(--r-pill);background:var(--blue);transform-origin:left;transform:scaleX(0);transition:transform .6s var(--ease)}
.fill.warn{background:var(--warn)}.fill.bad{background:var(--bad)}
.bar small{display:block;color:var(--muted);font-size:12.5px;margin-top:6px}
.rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.rule{padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
.rule .th{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:6px}
.rule b{display:block;font-size:14.5px;margin-bottom:4px}
.rule p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.heat{display:grid;grid-template-columns:44px repeat(12,minmax(0,1fr));gap:4px;font-size:11px}
.heat .yl{color:var(--muted);display:flex;align-items:center;font-weight:600}
.heat .ml{color:var(--muted);text-align:center;font-weight:600;padding-bottom:2px}
.heat .c{aspect-ratio:1.25;border-radius:6px;display:grid;place-items:center;font-size:10.5px;font-weight:600;color:var(--ink-2);background:var(--soft-2);animation:fade var(--t-med) var(--ease) both;animation-delay:calc(var(--i,0) * 12ms)}
.levtbl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lev{padding:16px;border:1px solid var(--border);border-radius:var(--r-md);text-align:left;flex-direction:column;align-items:flex-start;gap:6px;white-space:normal;line-height:1.35;font-weight:inherit;min-height:auto;box-shadow:none}
.lev.on{border-color:var(--blue);background:var(--blue-soft)}
.lev .x{font-size:22px;font-weight:700;letter-spacing:-.6px}
.lev small{color:var(--muted);font-size:12px}
.tlist{display:flex;flex-direction:column}
.trow{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,.7fr));gap:10px;align-items:center;padding:12px 10px;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;text-align:left;font-weight:inherit;font-size:13.5px;white-space:normal;min-height:52px;line-height:1.35;width:100%}
.trow:hover{transform:none;box-shadow:none;background:var(--soft-2)}
.trow.h{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);min-height:auto;padding-top:0;border-top:0}
.trow.h:hover,.trow.static:hover{background:transparent}
.trow b{font-weight:600}
.trow .r{text-align:right}
.trow .lbl{display:none}
.notes{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.6}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.col{background:var(--soft);border-radius:var(--r-card);padding:14px}
.col h3{display:flex;justify-content:space-between;align-items:center;margin:4px 6px 12px;font-size:14px;font-weight:700}
.kc{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin-bottom:10px;box-shadow:0 1px 2px rgba(11,12,16,.04)}
.kc b{display:block;font-size:14px;margin-bottom:4px;line-height:1.4}
.kc p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.kc .wait{margin-top:8px;font-size:12px;color:var(--warn);background:#fff6e6;border-radius:8px;padding:6px 9px}
.scrim{position:fixed;inset:0;background:rgba(11,12,16,.28);backdrop-filter:blur(2px);z-index:40;animation:fade var(--t-fast) var(--ease)}
.sheet{position:fixed;z-index:41;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-float);right:0;top:0;bottom:0;width:min(440px,100vw);padding:24px;overflow-y:auto;animation:slideIn var(--t-med) var(--ease)}
.sheet.out{animation:slideOut .2s ease-in both}.scrim.out{animation:fadeOut .2s ease-in both}
@keyframes slideIn{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
@keyframes slideOut{to{transform:translateX(24px);opacity:0}}
@keyframes fadeOut{to{opacity:0}}
.sheet h2{margin:6px 0 10px;font-size:22px;letter-spacing:-.5px;padding-right:44px}
.sheet p{line-height:1.6;color:var(--ink-2);font-size:14.5px}
.sheet .x{position:absolute;right:16px;top:16px;width:40px;padding:0}
.muted-note{font-size:12.5px;color:var(--muted);margin-top:8px}

@media (max-width:1020px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.levtbl{grid-template-columns:repeat(2,minmax(0,1fr))}.app{grid-template-columns:220px minmax(0,1fr)}}
@media (max-width:760px){
 .app{grid-template-columns:1fr}
 .side{display:none}
 .topbar{padding:0 16px}
 .topbar .wordmark{display:inline-flex;font-size:18px}
 .crumbs{display:none}
 .topbar .upd{margin-left:auto;font-size:11.5px}
 .page{padding:20px 16px calc(96px + env(safe-area-inset-bottom))}
 .page-head h1{font-size:24px}
 .hero{padding:20px}
 .big{font-size:38px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .stat{padding:14px 16px}.stat b{font-size:20px}
 .two,.board{grid-template-columns:1fr}
 .bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));gap:0}
 .bnav button{flex:1;min-width:0;flex-direction:column;gap:3px;min-height:54px;padding:4px 0;border:0;border-radius:16px;background:transparent;box-shadow:none;font-size:10.5px;color:var(--muted);font-weight:500}
 .bnav button:hover{transform:none;box-shadow:none}
 .bnav button.on{color:var(--blue);font-weight:600}
 .bnav button svg{width:44px;height:28px;padding:3px 11px;border-radius:var(--r-pill);transition:background var(--t-fast) var(--ease)}
 .bnav button.on svg{background:var(--blue-soft)}
 .trow{grid-template-columns:1fr 1fr;padding:14px 8px}
 .trow.h{display:none}
 .trow>div:first-child{grid-column:1/-1}
 .trow .lbl{display:block;color:var(--muted);font-size:11.5px}
 .trow .r{text-align:left}
 .seg.wide{display:flex;width:100%}.seg.wide button{flex:1;padding:0 6px}
 .sheet{top:auto;left:0;width:100%;max-height:85vh;border-radius:24px 24px 0 0;animation:sheetUp var(--t-med) var(--ease)}
 .sheet.out{animation:sheetDown .2s ease-in both}
 .heat{grid-template-columns:36px repeat(12,minmax(0,1fr));gap:3px}.heat .c{font-size:0;aspect-ratio:1}.hidem{display:none}
}
@keyframes sheetUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes sheetDown{to{transform:translateY(40px);opacity:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important}}