@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Bebas+Neue&display=swap");:root{--font-display:"Bebas Neue",sans-serif;--font-body:"DM Sans",sans-serif;--color-bg:#0b0e14;--color-bg-elevated:#161b26;--color-bg-secondary:#1c2333;--color-bg-tertiary:#1a2030;--color-text-primary:#e8ecf4;--color-text-secondary:#a0a9bc;--color-text-tertiary:#6b7a94;--color-text-quaternary:#4a5568;--color-text-quinary:#3a4459;--color-text-disabled:#2d3748;--color-separator:#232a38;--color-separator-opaque:rgba(232,236,244,.08);--color-blue:#3b82f6;--color-green:#22c55e;--color-red:#f87171;--color-orange:#ff9f0a;--color-yellow:#fbbf24;--color-purple:#bf5af2;--color-pink:#f472b6;--color-teal:#2dd4bf;--color-win:var(--color-green);--color-loss:var(--color-red);--color-pending:var(--color-orange);--color-skip:var(--color-text-quaternary);--color-edge-low:var(--color-orange);--color-edge-mid:var(--color-blue);--color-edge-high:var(--color-green);--bg-win:rgba(34,197,94,.12);--bg-loss:hsla(0,91%,71%,.12);--bg-blue:rgba(59,130,246,.12);--bg-orange:rgba(255,159,10,.12);--bg-purple:rgba(191,90,242,.12);--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 1px 4px rgba(0,0,0,.5);--shadow-md:0 2px 8px rgba(0,0,0,.5);--shadow-lg:0 4px 16px rgba(0,0,0,.6);--shadow-xl:0 8px 32px rgba(0,0,0,.7);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms;--max-width:430px;--bottom-nav-height:72px;--safe-top:env(safe-area-inset-top,44px);--safe-bottom:env(safe-area-inset-bottom,20px)}.ins-dark{--ins-bg:#1a1a24;--ins-surface:#1e1e2a;--ins-raised:-6px -6px 14px hsla(0,0%,100%,.045),6px 6px 18px rgba(0,0,0,.7);--ins-inset:inset -4px -4px 10px hsla(0,0%,100%,.04),inset 5px 5px 14px rgba(0,0,0,.65);--ins-pressed:inset -2px -2px 6px hsla(0,0%,100%,.04),inset 3px 3px 10px rgba(0,0,0,.6);--ins-text-pri:#e4e4f0;--ins-text-sec:#5c5c78;--ins-text-dim:#3a3a50;--ins-blue:#6c8eff;--ins-green:#4ade80;--ins-placeholder:#38384e}.ins-light{--ins-bg:#e0e5ec;--ins-surface:#e8edf4;--ins-raised:-5px -5px 12px hsla(0,0%,100%,.85),5px 5px 14px rgba(163,177,198,.65);--ins-inset:inset -3px -3px 8px hsla(0,0%,100%,.75),inset 3px 3px 10px rgba(163,177,198,.55);--ins-pressed:inset -2px -2px 5px hsla(0,0%,100%,.7),inset 2px 2px 7px rgba(163,177,198,.5);--ins-text-pri:#0a0a0a;--ins-text-sec:#6b7a94;--ins-text-dim:#a0aabb;--ins-blue:#2563eb;--ins-green:#16a34a;--ins-placeholder:#9aaabb}.ins-dark input::placeholder,.ins-dark textarea::placeholder{color:var(--ins-placeholder);opacity:1}.ins-light input::placeholder,.ins-light textarea::placeholder{color:var(--ins-placeholder);opacity:1}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;color-scheme:dark}body,html{overflow:hidden;height:100%}body{background:var(--color-bg);color:var(--color-text-primary);line-height:1.5;max-width:var(--max-width);margin:0 auto}body,button{font-family:var(--font-body)}.font-display{font-family:var(--font-display)}.text-win{color:var(--color-win)}.text-loss{color:var(--color-loss)}.text-blue{color:var(--color-blue)}.text-orange{color:var(--color-orange)}.text-muted{color:var(--color-text-quaternary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.4}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fadeUp var(--duration-base) var(--ease-out) both}.animate-pulse{animation:pulse 1s ease-in-out infinite alternate}.card-stagger>:first-child{animation-delay:0ms}.card-stagger>:nth-child(2){animation-delay:60ms}.card-stagger>:nth-child(3){animation-delay:.12s}.card-stagger>:nth-child(4){animation-delay:.18s}.card-stagger>:nth-child(5){animation-delay:.24s}.skeleton{background:linear-gradient(90deg,#1c2333 25%,#232a38 50%,#1c2333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}