@font-face{font-family:Inter;src:url(inter-latin-wght-normal.woff2) format('woff2-variations');font-weight:100 900}
:root{--ink:#050506;--paper:#f4f1ea;--teal:#2dd4bf;--gr:#3f3f46;--mut:#a1a1aa;--line:#1c1c1f;--red:#f87171;--serif:"Iowan Old Style",Palatino,Georgia,serif;--mono:ui-monospace,Menlo,Consolas,"DejaVu Sans Mono",monospace}
*{box-sizing:border-box}body{position:relative;margin:0;background:var(--ink);color:var(--paper);font-family:Inter,sans-serif}
a{color:inherit;text-decoration:none}
nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 56px;border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--mut)}
.mw{flex:none;width:38px;height:34px;border:1px solid #2a2f36;border-radius:9px;display:flex;align-items:center;justify-content:center;font:700 13px var(--mono);letter-spacing:-1px}.mw b{color:var(--teal)}
nav .l a{color:var(--mut);margin-left:28px;font-size:14px}nav .l a.on{color:var(--paper)}
.eyebrow{font:12px var(--mono);letter-spacing:.14em;color:var(--teal);text-transform:uppercase}
.ill{font:10.5px var(--mono);color:#8a8a93;letter-spacing:.06em}
h1,h3{font-family:var(--serif);font-weight:400;margin:0}
.hero{padding:18px 56px 12px;max-width:1100px}.hero h1{font-size:34px;line-height:1.1;margin:8px 0 0}.hero h1 br{display:none}

.status{font-size:12px;color:var(--mut);border-left:2px solid var(--teal);padding:2px 0 2px 10px;line-height:1.5;margin-left:auto;text-align:right}.status b{color:var(--paper);font-weight:500}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);margin-right:8px;vertical-align:1px}
.toolbar{padding:10px 56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.r2{justify-content:space-between}
.row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.row[hidden]{display:none}
.seg{display:flex;border:1px solid var(--gr);border-radius:8px;overflow:hidden}.seg button{background:none;border:0;color:var(--mut);padding:7px 14px;font:13px Inter;cursor:pointer}.seg .on{background:rgba(45,212,191,.12);color:var(--teal)}
.seg.sm button{padding:5px 10px;font-size:12px}
.lbl{font:11px var(--mono);letter-spacing:.1em;color:var(--mut);text-transform:uppercase}
.pills{display:flex;flex-wrap:wrap;gap:4px}
.pills button{background:none;border:1px solid transparent;color:var(--mut);border-radius:6px;padding:5px 9px;font:12px var(--mono);cursor:pointer}
.pills button:hover{color:var(--paper)}.pills button.on{border-color:var(--teal);color:var(--teal);background:rgba(45,212,191,.08)}
.tog{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--gr);border-radius:99px;padding:5px 12px 5px 6px;color:var(--mut);font:600 12.5px var(--mono);cursor:pointer}
.tog i{width:28px;height:16px;border-radius:99px;background:#27272a;position:relative;transition:.2s}.tog i::after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--mut);transition:.2s}
.tog[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}.tog[aria-pressed=true] i{background:rgba(45,212,191,.35)}.tog[aria-pressed=true] i::after{left:14px;background:var(--teal)}
.btn{background:none;border:1px solid var(--gr);padding:8px 14px;border-radius:8px;font:13px Inter;color:var(--paper);cursor:pointer}.btn:hover{border-color:var(--teal)}.btn.sm{padding:4px 9px;font-size:11.5px}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;padding:14px 56px 24px}
.card{border:1px solid var(--line);border-radius:14px;background:#08080a;padding:18px;position:relative;min-width:0}
.charthead,.rhead,.hhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.hhead{align-items:baseline;flex-wrap:wrap;margin:18px 0 8px}
.cwrap{position:relative}#chart{width:100%;height:var(--ch,470px);display:block;cursor:crosshair;touch-action:pan-y}#heat{width:100%;display:block}
.notes{margin:10px 0 0;line-height:1.6}.notes b{color:#facc15;font-weight:400}
.tip{position:absolute;top:8px;pointer-events:none;background:rgba(10,10,12,.94);border:1px solid #2a2a2e;border-radius:10px;padding:9px 11px;font:11.5px var(--mono);min-width:168px;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:5}
.tip .d{color:var(--paper);font-family:Inter;font-weight:600;font-size:12px;margin-bottom:6px}
.tip .r{display:flex;justify-content:space-between;gap:14px;line-height:1.55;color:var(--mut)}.tip .r i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.tip .r b{font-weight:400;color:var(--paper)}.tip .r.h{color:var(--paper)}.tip .r.bm{border-top:1px dashed #2a2a2e;margin-top:3px;padding-top:3px}
.rank{position:relative;margin-top:6px}
.rr{position:absolute;left:0;right:0;height:calc(var(--rh,36px) - 4px);display:grid;grid-template-columns:118px minmax(0,1fr) 62px;align-items:center;gap:8px;cursor:pointer;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .25s;user-select:none;border-radius:6px;padding:0 4px}
.rr:hover,.rr.hl{background:rgba(255,255,255,.04)}
.rr .tk{font:600 12px/1.2 var(--mono);display:flex;align-items:center;gap:6px}.rr .tk i{width:8px;height:8px;border-radius:2px;flex:none}
.rr .tk{flex-wrap:wrap;row-gap:0}.rr .nm{flex-basis:100%;padding-left:14px;font:400 10px/1.2 Inter,sans-serif;color:#8a8a93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr .tr{position:relative;height:12px}.rr .tr::before{content:"";position:absolute;left:var(--z);top:-3px;bottom:-3px;width:1px;background:#3f3f46}
.rr .bar{position:absolute;top:0;height:12px;border-radius:2px;transition:left .5s cubic-bezier(.4,0,.2,1),width .5s cubic-bezier(.4,0,.2,1)}
.rr .v{justify-self:end;font:600 11.5px var(--mono);padding:2px 6px;border-radius:4px;color:#050506;min-width:58px;text-align:right}
.rr.off{opacity:.3}.rr.bm .tk{color:var(--mut)}
.hint{margin-top:8px;line-height:1.5}.hint .mb{display:none}@media(hover:none),(max-width:700px){.hint .mb{display:inline}.hint .dk{display:none}}
.leader{margin-top:14px;font-size:12.5px;color:var(--mut);line-height:1.55;border-left:2px solid var(--teal);padding:2px 10px}.leader b{color:var(--paper);font-weight:500}.leader:empty{display:none}
.lower{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;padding:0 56px 32px}
.rrgcard{display:flex;flex-direction:column;gap:10px;transition:border-color .2s}.rrgcard:hover{border-color:var(--teal)}.rrgcard h3{font-size:24px;line-height:1.2}.rrgcard .go{margin-top:auto;font:12px var(--mono);color:var(--teal)}
.note{font-size:12.5px;color:var(--mut);line-height:1.55;margin:0}
.mcols{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;margin-top:6px}.mcols .full{grid-column:1/-1}.warn{color:#facc15}.part{font-size:11px;color:#facc15;border:1px solid #facc1566;border-radius:4px;padding:0 4px;margin-left:3px}.mcols p{font-size:12.8px;color:var(--mut);line-height:1.6;margin:6px 0}.mcols b{color:var(--paper);font-weight:500}
footer{padding:28px 56px;border-top:1px solid var(--line);color:#8a8a93;font-size:12px}footer a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
@media(max-width:1000px){.grid,.lower{grid-template-columns:1fr}}
@media(max-width:700px){nav{padding:14px 18px}nav .l{display:none}.hero,.toolbar,footer{padding-left:18px;padding-right:18px}.grid,.lower{padding-left:12px;padding-right:12px}
.hero{padding-top:26px}.hero h1{font-size:30px}.hero h1 br{display:inline}.status{margin-left:0;text-align:left;flex-basis:100%}.card{padding:14px 12px}#chart{height:340px}.mcols{grid-template-columns:1fr}
 .seg button{padding:7px 10px}.pills button{padding:5px 7px}}