:root{--ink:#06191d;--ink-2:#0b2a30;--paper:#f5f9f9;--seg-cyan:#22d3ee;--seg-violet:#8b5cf6;--seg-coral:#fb7185;--seg-amber:#fbbf24;--seg-mint:#34d399}.font-display{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;font-optical-sizing:auto}.story-ink{background:var(--ink)}.story-glow{background:radial-gradient(48rem 34rem at 68% 58%,#0e7c866b,#0000 70%),radial-gradient(30rem 26rem at 92% 18%,#8b5cf638,#0000 70%),radial-gradient(26rem 22rem at 30% 92%,#22d3ee1f,#0000 70%)}.story-card{background:#06191db8;border:1px solid #ffffff17}.seg-bar{background:linear-gradient(90deg, var(--seg-cyan), var(--seg-violet), var(--seg-coral))}.btn-glow{color:var(--ink);background:linear-gradient(135deg, #5eead4, var(--seg-cyan));transition:filter .15s,transform .15s;box-shadow:inset 0 0 0 1px #ffffff40,0 10px 30px -8px #22d3ee8c}.btn-glow:hover{filter:brightness(1.06)}.btn-glow:active{transform:translateY(1px)}.btn-glow:focus-visible,.btn-ink:focus-visible{outline:2px solid var(--seg-cyan);outline-offset:3px}.btn-ink{color:#fff;background:var(--ink);transition:background .15s}.btn-ink:hover{background:var(--ink-2)}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(14px)}.reveal.is-in{opacity:1;transform:none}.race-bar{transform-origin:0;transition:transform 1.6s cubic-bezier(.2,.7,.2,1);transform:scaleX(0)}.is-in .race-bar{transform:scaleX(1)}.is-in .race-bar.fast{transition-duration:.5s;transition-delay:.2s}@media (prefers-reduced-motion:reduce){.reveal,.race-bar{opacity:1;transition:none;transform:none}}
