:root{--brand-h:44;--brand-s:97%;--brand-l:57%;--brand:hsl(var(--brand-h) var(--brand-s) var(--brand-l));--brand-bright:hsl(var(--brand-h) var(--brand-s) 68%);--brand-dim:hsl(var(--brand-h) calc(var(--brand-s) - 30%) 40%);--brand-wash:hsl(var(--brand-h) var(--brand-s) var(--brand-l)/0.13);--brand-edge:hsl(var(--brand-h) var(--brand-s) var(--brand-l)/0.34);--brand-glow:hsl(var(--brand-h) var(--brand-s) var(--brand-l)/0.16);--accent-h:196;--accent-s:73%;--accent-l:54%;--accent:hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-bright:hsl(var(--accent-h) var(--accent-s) 68%);--accent-wash:hsl(var(--accent-h) var(--accent-s) var(--accent-l)/0.13);--accent-edge:hsl(var(--accent-h) var(--accent-s) var(--accent-l)/0.34);--bg:hsl(220 22% 6%);--bg-far:hsl(220 24% 4%);--surface:hsl(220 18% 9%);--surface-2:hsl(220 16% 12%);--surface-3:hsl(220 15% 16%);--line:hsl(220 13% 21%);--line-soft:hsl(220 13% 16%);--text:hsl(210 30% 96%);--text-2:hsl(215 16% 72%);--muted:hsl(215 14% 55%);--faint:hsl(215 12% 40%);--profit:hsl(143 78% 52%);--loss:hsl(2 76% 63%);--warn:hsl(38 92% 60%);--info:hsl(207 82% 63%);--radius:14px;--radius-sm:9px;--radius-xs:6px;--shadow-sm:0 1px 2px hsl(0 0% 0%/0.4);--shadow:0 10px 30px -12px hsl(0 0% 0%/0.7);--shadow-lg:0 24px 60px -20px hsl(0 0% 0%/0.8);--ease:cubic-bezier(0.22,1,0.36,1);--fast:140ms;--med:260ms;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,Consolas,monospace}@media (prefers-color-scheme:light){:root[data-theme=auto]{--bg:hsl(220 30% 98%);--bg-far:hsl(220 26% 95%);--surface:hsl(0 0% 100%);--surface-2:hsl(220 26% 97%);--surface-3:hsl(220 22% 94%);--line:hsl(220 18% 87%);--line-soft:hsl(220 18% 92%);--text:hsl(222 40% 12%);--text-2:hsl(220 14% 32%);--muted:hsl(220 12% 45%);--faint:hsl(220 10% 60%);--brand-dim:hsl(var(--brand-h) var(--brand-s) 38%)}}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;background-image:radial-gradient(1100px 620px at 10% -8%,var(--brand-glow),transparent 62%),radial-gradient(900px 520px at 92% 0,hsl(var(--accent-h) var(--accent-s) 50%/.13),transparent 60%);background-attachment:fixed}a{color:var(--accent-bright);text-decoration:none;transition:color var(--fast) var(--ease)}a:hover{color:var(--text)}.shell{max-width:1240px;margin:0 auto;padding:0 24px 96px}.masthead{position:-webkit-sticky;position:sticky;top:0;z-index:50;margin:0 0 28px;padding:0 24px;background:hsl(220 22% 6%/.74);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line-soft)}.masthead-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:28px;height:62px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.02em;flex-shrink:0}.brand,.brand:hover{color:var(--text)}.brand-mark{display:block;object-fit:contain}.brand-lockup{height:40px;width:auto;display:block;transition:filter var(--med) var(--ease)}.brand:hover .brand-lockup{filter:drop-shadow(0 0 10px var(--brand-glow))}.brand-lockup-lg{width:min(300px,82%);height:auto;display:block;margin:0 auto 4px}nav.primary{display:flex;align-items:center;gap:4px;flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:none}nav.primary::-webkit-scrollbar{display:none}nav.primary a{position:relative;padding:7px 12px;border-radius:var(--radius-sm);color:var(--text-2);font-size:14px;font-weight:500;white-space:nowrap;transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}nav.primary a:hover{color:var(--text);background:var(--surface-2)}nav.primary a[aria-current=page]{color:var(--text);background:var(--brand-wash);box-shadow:inset 0 0 0 1px var(--brand-edge)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-bottom:26px}.card{position:relative;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px 18px;overflow:hidden;transition:transform var(--med) var(--ease),border-color var(--med) var(--ease)}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,hsl(0 0% 100%/.12),transparent)}.card:hover{transform:translateY(-2px);border-color:var(--line)}.card .label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.card .value{font-size:27px;font-weight:680;letter-spacing:-.028em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.15}h1{font-size:30px;font-weight:700;letter-spacing:-.03em;margin:4px 0 6px}h2{font-size:18px;font-weight:640;letter-spacing:-.018em;margin:34px 0 13px;display:flex;align-items:baseline;gap:12px}h2 a{font-size:13px;font-weight:500}.lede{color:var(--text-2);margin:0 0 22px;max-width:62ch}.table-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:14px}thead th{background:var(--surface-2);text-align:left;font-size:11px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}tbody td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--fast) var(--ease)}tbody tr:hover{background:var(--surface-2)}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:13px}.profit{color:var(--profit)}.loss{color:var(--loss)}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono)}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.pill.high{color:var(--profit);background:hsl(143 78% 52%/.12);border-color:hsl(143 78% 52%/.3)}.pill.medium{color:var(--warn);background:hsl(38 92% 60%/.12);border-color:hsl(38 92% 60%/.3)}.pill.low{color:var(--loss);background:hsl(2 76% 63%/.12);border-color:hsl(2 76% 63%/.3)}.enchants{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:7px;vertical-align:middle}.enchant{display:inline-block;padding:1px 7px;border-radius:999px;border:1px solid hsl(255 70% 70%/.34);background:hsl(255 70% 70%/.13);color:hsl(255 78% 80%);font-size:10.5px;font-weight:600;line-height:16px;white-space:nowrap}.unknown{color:var(--faint);font-style:italic;border-bottom:1px dotted var(--faint);cursor:help}.banner{display:flex;gap:11px;padding:13px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:13.5px;line-height:1.5;border:1px solid;animation:rise var(--med) var(--ease) both}.banner.warn{background:hsl(38 92% 60%/.09);border-color:hsl(38 92% 60%/.28);color:hsl(38 80% 82%)}.banner.bad{background:hsl(2 76% 63%/.09);border-color:hsl(2 76% 63%/.28);color:hsl(2 80% 84%)}.banner.info{background:var(--brand-wash);border-color:var(--brand-edge);color:var(--text-2)}.empty{padding:44px 28px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius)}.empty,.status{color:var(--muted)}.status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot.live{background:var(--profit);box-shadow:0 0 0 0 hsl(143 78% 52%/.7);animation:pulse 2.4s var(--ease) infinite}.dot.connecting{background:var(--warn);animation:breathe 1.3s ease-in-out infinite}.dot.offline{background:var(--faint)}.filters{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:16px;padding:13px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-sm)}input[type=email],input[type=number],input[type=text],select{background:var(--bg-far);border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--text);padding:8px 11px;font:inherit;font-size:13.5px;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}a:focus-visible,button:focus-visible,input:focus,select:focus{outline:none;border-color:var(--brand-edge);box-shadow:0 0 0 3px var(--brand-wash)}label.check{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-2);cursor:pointer}input[type=checkbox]{accent-color:var(--brand);width:15px;height:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-size:14px;font-weight:560;cursor:pointer;transition:transform var(--fast) var(--ease),background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.btn:hover{background:var(--surface-3);border-color:var(--muted)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,var(--brand-bright),var(--brand));border-color:transparent;color:hsl(30 60% 10%);font-weight:660;text-shadow:0 1px 0 hsl(44 90% 72%/.5)}.btn.primary:hover{filter:brightness(1.07)}.btn.discord{background:#5865f2;border-color:transparent;color:#fff}.btn.discord:hover{background:#4a56d4}.btn.block{width:100%}.btn.ghost{background:transparent}.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px}.auth-card{width:100%;max-width:400px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:20px;padding:34px 30px;box-shadow:var(--shadow-lg);animation:rise .42s var(--ease) both}.auth-card .brand{font-size:21px;margin-bottom:6px}.auth-card{text-align:center}.auth-card .auth-form,.auth-card .banner{text-align:left}.auth-card h1{font-size:21px;margin:16px 0 6px}.auth-card p{color:var(--text-2);font-size:13.5px;margin:0 0 22px}.auth-sep{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--faint);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.auth-sep:after,.auth-sep:before{content:"";flex:1 1;height:1px;background:var(--line)}.auth-form{display:flex;flex-direction:column;gap:9px}.usermenu{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.avatar{width:27px;height:27px;border-radius:50%;border:1px solid var(--line);object-fit:cover}.username{font-size:13.5px;color:var(--text-2);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes pulse{0%{box-shadow:0 0 0 0 hsl(143 78% 52%/.55)}70%{box-shadow:0 0 0 7px hsl(143 78% 52%/0)}to{box-shadow:0 0 0 0 hsl(143 78% 52%/0)}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:1}}@keyframes shimmer{to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-xs);color:transparent}.grid>.card{animation:rise .42s var(--ease) both}.grid>.card:first-child{animation-delay:0s}.grid>.card:nth-child(2){animation-delay:45ms}.grid>.card:nth-child(3){animation-delay:90ms}.grid>.card:nth-child(4){animation-delay:135ms}.grid>.card:nth-child(5){animation-delay:.18s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ol.rationale{margin:6px 0 0;padding-left:20px;color:var(--text-2);font-size:12.5px}ol.rationale li{margin:3px 0}@media (max-width:720px){.shell{padding:0 14px 72px}.masthead{margin:0 0 20px;padding:0 14px}.masthead-inner{height:56px;gap:14px}.username{display:none}.card .value{font-size:23px}}.btn.google{background:#fff;border-color:#dadce0;color:#1f1f1f;font-weight:600}.btn.google:hover{background:#f6f7f8;border-color:#c9ccd1}.field{display:flex;flex-direction:column;gap:5px;text-align:left;font-size:13px;color:var(--text-2)}.field input{width:100%}.preview-frame{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--surface);opacity:.92;filter:saturate(.82)}.preview-frame:after{content:"example data";position:absolute;top:10px;right:12px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--warn);background:hsl(38 92% 60%/.12);border:1px solid hsl(38 92% 60%/.3);border-radius:999px;padding:2px 9px}.preview-frame h2:first-of-type{margin-top:0}.onboarding{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.onboarding li{display:flex;gap:13px;padding:15px 17px;border-radius:var(--radius);border:1px solid var(--line-soft);background:var(--surface);opacity:.6;transition:opacity var(--med) var(--ease)}.onboarding li.active,.onboarding li.done{opacity:1}.onboarding li.active{border-color:var(--brand-edge);background:linear-gradient(180deg,var(--brand-wash),transparent)}.onboarding li.done{border-color:hsl(143 78% 52%/.3)}.onboarding .step-mark{flex-shrink:0;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--surface-3);color:var(--muted)}.onboarding li.active .step-mark{background:var(--brand);color:hsl(30 60% 10%)}.onboarding li.done .step-mark{background:var(--profit);color:hsl(150 60% 8%)}.onboarding p{margin:4px 0 9px}.onboarding li:last-child p{margin-bottom:0}