:root{--bg: #FAFAFA;--card: #FFFFFF;--border: #E4E4E7;--line: #F4F4F5;--ink: #09090B;--ink-2: #3F3F46;--muted: #52525B;--faint: #71717A;--hockley: #EA580C;--havemann: #2563EB;--nots: #A1A1AA;--win: #15803D;--win-bg: #F0FDF4;--win-chip: #DCFCE7;--win-box: #4ADE80;--loss: #B91C1C;--loss-bg: #FEF2F2;--loss-chip: #FEE2E2;--loss-box: #F87171;--me: #EFF6FF;--mono: "Geist Mono", ui-monospace, monospace;font-family:Geist,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:#2563eb}a:hover{color:#1d4ed8}button{font:inherit}.mono{font-family:var(--mono)}.muted{color:var(--faint)}.shell{min-height:100vh;display:flex;flex-wrap:wrap;align-items:stretch}.sidebar{flex:1 1 240px;max-width:260px;min-width:0;background:var(--card);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;flex-direction:column;gap:2px;padding:0 10px;text-decoration:none;color:var(--ink)}.brand b{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:26px;text-transform:uppercase;line-height:1}.brand b span{color:var(--hockley)}.brand small{font-size:12px;color:var(--faint)}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:0 10px 6px}.nav-link{display:block;padding:9px 10px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;color:var(--muted)}.nav-link:hover{background:var(--line);color:var(--ink)}.nav-link.active{background:var(--line);color:var(--ink);font-weight:600}.me-chip{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px}.avatar{width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:0 0 auto}.main{flex:999 1 560px;min-width:0;padding:28px 32px 48px;display:flex;flex-direction:column;gap:24px}@media(max-width:820px){.sidebar{max-width:none;flex-basis:100%}.main{padding:20px 16px 40px}}.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}.page-head .eyebrow{font-size:13px;color:var(--faint);font-weight:500}.page-head h1{margin:4px 0 0;font-size:28px;font-weight:700;letter-spacing:-.02em}.card{background:var(--card);border:1px solid var(--border);border-radius:12px}.card.pad{padding:16px 20px}.card-head{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.card-head h2,.card h2{margin:0;font-size:16px;font-weight:600}.card-head .note{font-size:12px;color:var(--faint)}.hover:hover{border-color:#a1a1aa}.grid-auto{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(var(--min, 220px),1fr))}.row{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.grow{flex:999 1 560px;min-width:0}.side{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:24px}.stack{display:flex;flex-direction:column;gap:24px}.kpi{padding:18px 20px;display:flex;flex-direction:column;gap:8px}.kpi .label{font-size:13px;color:var(--faint);font-weight:500}.kpi .value{font-family:var(--mono);font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1}.kpi .sub{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--faint);flex-wrap:wrap}.pill{padding:2px 8px;border-radius:999px;font-weight:600;font-size:12px;white-space:nowrap}.pill.win{background:var(--win-chip);color:var(--win)}.pill.loss{background:var(--loss-chip);color:var(--loss)}.pill.neutral{background:var(--line);color:var(--ink-2)}.pill.me{background:#dbeafe;color:#1d4ed8}.pill.hk{background:#ffedd5;color:#c2410c}.dot{width:8px;height:8px;border-radius:4px;flex:0 0 auto;display:inline-block}.score-w{font-family:var(--mono);color:var(--win);background:var(--win-bg);padding:1px 6px;border-radius:5px}.score-l{font-family:var(--mono);color:var(--loss);background:var(--loss-bg);padding:1px 6px;border-radius:5px}.table-wrap{overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{font-size:12px;font-weight:500;color:var(--faint);padding:10px 8px;text-align:left;white-space:nowrap}table.t td{padding:10px 8px;border-top:1px solid var(--line)}table.t th:first-child,table.t td:first-child{padding-left:20px}table.t th:last-child,table.t td:last-child{padding-right:20px}table.t .num{text-align:right;font-family:var(--mono)}table.t tbody tr:hover{background:#fafafa}table.t tr.me{background:var(--me)}table.t tr.cut td{border-top:1px dashed #A1A1AA}table.t tr.rel td{border-top:1px dashed #F87171}.who{display:flex;align-items:center;gap:10px}.who .names{display:flex;flex-direction:column}.who .names b{font-weight:600}.who .names small{font-size:12px;color:var(--faint)}.track{display:inline-flex;gap:3px}.track i{width:10px;height:18px;border-radius:3px;display:block}.track i.W{background:var(--win-box)}.track i.L{background:var(--loss-box)}.track i.T{background:#d4d4d8}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:3px;gap:2px;flex-wrap:wrap}.seg button,.seg a{height:32px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.seg .on{background:#18181b;color:#fff;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--ink-2);font-family:var(--mono);font-size:13px;cursor:pointer}.chips button.on{background:#18181b;color:#fff;border-color:#18181b;font-weight:600}.btn{height:40px;padding:0 16px;border-radius:8px;border:0;background:#18181b;color:#fff;font-weight:600;font-size:14px;display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}.btn:hover{background:#27272a;color:#fff}.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--border)}.btn.ghost:hover{background:var(--line)}.empty{border:1px dashed #D4D4D8;border-radius:10px;padding:20px;text-align:center;color:var(--faint);font-size:13px}.loading{color:var(--faint);font-size:14px;padding:40px 0}.list-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}input.field,select.field{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font:inherit;background:var(--card)}