:root{--bg: #0b0b12;--surface: #15151f;--surface-2: #1d1d2b;--border: #2a2a3d;--text: #f5f5fa;--muted: #9a9aae;--primary: #7c5cff;--primary-press: #6a4be0;--secondary: #ffd166;--secondary-press: #e9b94a;--success: #34d399;--danger: #f87171;--radius: 18px;--radius-sm: 12px;--shadow: 0 12px 34px rgba(0, 0, 0, .4);--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", var(--font-body);--font-pixel: "Silkscreen", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(124,92,255,.18),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(255,209,102,.08),transparent 55%),var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .4em}.container{width:min(1080px,92vw);margin:0 auto}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.nav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b12b8;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-pixel);font-size:15px;letter-spacing:.5px}.brand .dot{width:12px;height:12px;border-radius:3px;background:var(--primary);box-shadow:0 0 0 3px #7c5cff40}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{color:var(--muted);font-size:14px;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--text)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:999px;padding:11px 18px;font:inherit;font-weight:600;cursor:pointer;transition:transform .06s ease,background .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-press)}.btn-secondary{background:var(--secondary);color:#241b00}.btn-secondary:hover{background:var(--secondary-press)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--muted)}.btn-block{width:100%}.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card.raised{border-color:#7c5cff73}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 760px){.grid.two{grid-template-columns:1fr}}.badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge.weekly{color:#c9bdff;border-color:#7c5cff80;background:#7c5cff1f}.badge.quota{color:#ffe6a6;border-color:#ffd16680;background:#ffd1661f}.stat{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border);font-size:14px}.stat:last-child{border-bottom:none}.stat .k{color:var(--muted)}.stat .v{font-weight:600}.bar{height:12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#a78bff)}.feed{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto;font-size:13px}.feed li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border)}.hero{padding:56px 0 24px;text-align:center}.hero h1{font-size:clamp(30px,5vw,52px);margin-bottom:12px}.hero p{color:var(--muted);max-width:620px;margin:0 auto 8px}.kicker{font-family:var(--font-pixel);color:var(--secondary);font-size:12px;letter-spacing:1px}.footer{margin-top:64px;border-top:1px solid var(--border);padding:28px 0 48px;color:var(--muted);font-size:13px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.prose{max-width:760px;margin:0 auto;padding:40px 0;line-height:1.7}.prose h2{margin-top:32px}.prose p,.prose li{color:#d9d9e4}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--border);padding:12px 18px;border-radius:999px;box-shadow:var(--shadow);z-index:40}.input{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:11px 13px;font:inherit}.pixel{font-family:var(--font-pixel)}
