:root{--bg-0: #07090C;--bg-1: #0E1217;--bg-2: #161B22;--bg-3: #1F2630;--line: rgba(255,255,255,.07);--line-strong: rgba(255,255,255,.14);--fg-0: #F4F6FA;--fg-1: #C9D1DC;--fg-2: #8993A4;--fg-3: #5A6472;--accent: #D8FF3C;--accent-2: #B6E600;--accent-text: #0A0F00;--live: #FF2D2D;--live-glow: rgba(255,45,45,.35);--goal: #2BD66A;--no-goal: #FF5A5F;--warn: #FFB020;--void: #6A7484;--pp: #FF7A1A;--pp-glow: rgba(255,122,26,.4);--font-display: "Barlow Condensed", "Oswald", "Bebas Neue", system-ui, sans-serif;--font-sans: "Inter Tight", "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-num: "Barlow Condensed", "Oswald", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--fg-0);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11","tnum"}button{font-family:inherit;cursor:pointer}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);letter-spacing:.01em}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.01em}.upper{text-transform:uppercase;letter-spacing:.12em}.tight{letter-spacing:-.01em}.pp-wordmark{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.005em;display:inline-flex;align-items:center;justify-content:center;position:relative;color:var(--fg-0);line-height:1}.pp-wordmark .bolt{width:14px;height:18px;background:var(--accent);clip-path:polygon(45% 0,100% 0,55% 45%,100% 45%,0 100%,45% 55%,0 55%);flex-shrink:0;position:absolute;right:100%;margin-right:8px;top:50%;transform:translateY(-50%)}.pp-wordmark .strong{color:var(--accent)}.pp-wordmark .word{white-space:nowrap;letter-spacing:-.01em}.pp-wordmark .word>span{display:inline}.live-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--live);box-shadow:0 0 0 0 var(--live-glow);animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--live-glow)}70%{box-shadow:0 0 0 8px #ff2d2d00}to{box-shadow:0 0 #ff2d2d00}}.pp-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--pp);box-shadow:0 0 0 0 var(--pp-glow);animation:pulse-pp 1.4s ease-out infinite}@keyframes pulse-pp{0%{box-shadow:0 0 0 0 var(--pp-glow)}70%{box-shadow:0 0 0 10px #ff7a1a00}to{box-shadow:0 0 #ff7a1a00}}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes tickIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes whip{0%{transform:translate(-12px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes stamp{0%{transform:scale(1.6) rotate(-8deg);opacity:0}60%{transform:scale(.95) rotate(-3deg);opacity:1}to{transform:scale(1) rotate(-3deg);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn-primary{background:var(--accent);color:var(--accent-text);border:none;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:12px;padding:16px 20px;font-size:18px;transition:transform .12s ease,filter .12s ease}.btn-primary:active{transform:scale(.98);filter:brightness(.95)}.btn-ghost{background:transparent;color:var(--fg-1);border:1px solid var(--line-strong);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:500}.btn-ghost:hover{background:var(--bg-3);color:var(--fg-0)}.tap{transition:transform .12s ease,background .15s ease}.tap:active{transform:scale(.985)}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:999px}.scroll::-webkit-scrollbar-track{background:transparent}.app-shell{background:var(--bg-0);width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}body{background:var(--bg-0);min-height:100vh}.mobile-shell{position:relative;min-height:100vh;min-height:100dvh;background:var(--bg-0);display:flex;flex-direction:column}.mobile-shell .app-shell{padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);height:100vh;height:100dvh}.desktop-shell{min-height:100vh;display:flex;background:var(--bg-0)}.desktop-sidebar{width:240px;padding:24px 16px;border-right:1px solid var(--line);background:var(--bg-1);display:flex;flex-direction:column;gap:8px;flex-shrink:0;position:sticky;top:0;align-self:flex-start;max-height:100vh;overflow-y:auto}.desktop-main{flex:1;padding:32px 40px;background:var(--bg-0);min-width:0}