:root{--bg:#2b264b;--bg-alt:#f2ecff;--card:#2b2b2b;--ink:#fff;--ink-muted:#857abe;--accent-left:#6c63ac;--accent-right:#ff8c69;--accent-glow:#ffd166;--radius-lg:28px;--radius-md:16px;--font-display:"Baloo 2", "Nunito Sans", system-ui, sans-serif;--font-body:"Nunito Sans", system-ui, sans-serif;--shadow-soft:0 12px 30px -12px #6c63ac40}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);background-image:radial-gradient(circle at 12% 18%,#6c63ac17 0,#0000 45%),radial-gradient(circle at 88% 8%,#ff8c691a 0,#0000 40%),radial-gradient(circle at 50% 100%,#ffd1661a 0,#0000 50%);flex-direction:column;min-height:100vh;line-height:1.5;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:.2px;margin:0 0 .4em;font-weight:700}a{color:var(--accent-left)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px clamp(16px,5vw,48px);display:flex}.nav-brand{font-family:var(--font-display);color:var(--ink);font-size:1.05rem;font-weight:600;text-decoration:none}.nav-links{gap:6px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--ink-muted);border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.nav-links a:hover{background:var(--bg-alt);color:var(--ink)}.nav-links a.active{background:var(--accent-left);color:#fff}.page{flex:1;width:100%;max-width:760px;margin:0 auto;padding:24px clamp(16px,5vw,48px) 64px}.site-footer{text-align:center;color:var(--ink-muted);padding:24px 16px 32px;font-size:.85rem}.hero{text-align:center;margin:24px 0 8px}.hero h1{font-size:clamp(2rem,5vw,2.6rem)}.hero-sub{color:var(--ink-muted);margin:0}.hero-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.card-link{background:var(--card);border-radius:var(--radius-md);color:var(--ink);box-shadow:var(--shadow-soft);padding:16px 20px;font-weight:700;text-decoration:none;transition:transform .15s}.card-link:hover{transform:translateY(-2px)}.countdown{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);text-align:center;margin:32px 0;padding:clamp(28px,5vw,44px) clamp(20px,6vw,48px) 36px}.countdown-eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--ink-muted);margin:0 0 6px;font-size:.75rem;font-weight:800}.countdown-days{font-family:var(--font-display);margin:0 0 32px;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:700}.path{height:64px;margin:0 8px 8px;position:relative}.path-track{border-top:3px dashed var(--bg-alt);height:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.path-fill{background:linear-gradient(90deg, var(--accent-left), var(--accent-right));border-radius:3px;height:3px;transition:left .6s,width .6s;position:absolute;top:50%;transform:translateY(-50%)}.path-center{opacity:1;font-size:1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.path-center:hover{font-size:1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.path-center--lit{opacity:1;transform:translate(-50%,-50%)scale(1.4)}.path-dot{flex-direction:column;align-items:center;gap:4px;transition:left .6s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.path-dot-emoji{background:var(--bg-alt);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;box-shadow:0 4px 10px -4px #2e2a3d4d}.path-dot-label{color:var(--ink-muted);white-space:nowrap;font-size:.72rem;font-weight:700}.countdown-date{color:var(--ink-muted);margin:20px 0 0;font-size:.9rem}.stub{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);margin-top:24px;padding:36px}.stub-hint{color:var(--ink-muted);font-size:.9rem}.spinner-page{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);text-align:center;margin-top:24px;padding:40px 32px}.spin-btn{font-family:var(--font-display);color:#fff;background:linear-gradient(90deg, var(--accent-left), var(--accent-right));cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:999px;padding:14px 32px;font-size:1rem;font-weight:700;transition:transform .15s}.spin-btn:hover{transform:translateY(-2px)}.spin-result{min-height:1.4em;margin-top:24px;font-size:1.1rem;font-weight:600}@media (prefers-reduced-motion:reduce){.path-fill,.path-dot,.path-center,.card-link,.spin-btn{transition:none}}@media (width<=520px){.nav{text-align:center;justify-content:center}}