:root{--bg: #091540;--primary: #c8e8ff;--secondary: #7692ff;--cyan: #abd2fa;--mesh-icy: #abd2fa;--mesh-corn: #7692ff;--mesh-persian: #1b2cc1;--mesh-dusk: #3d518c;--mesh-navy: #091540;color:var(--primary);background:var(--mesh-navy);font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;background:var(--mesh-navy)}.shell{position:relative;min-height:100vh;min-height:100dvh;isolation:isolate;cursor:crosshair}.mesh-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;display:block;width:100%;height:100%;pointer-events:none}.mesh-fallback{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-3;pointer-events:none;background:linear-gradient(115deg,transparent 28%,color-mix(in srgb,var(--mesh-icy) 62%,transparent) 43%,transparent 51%),linear-gradient(200deg,transparent 38%,color-mix(in srgb,var(--mesh-corn) 52%,transparent) 54%,transparent 64%),radial-gradient(36% 42% at 20% 28%,var(--mesh-icy) 0%,transparent 60%),radial-gradient(44% 48% at 80% 20%,var(--mesh-corn) 0%,transparent 58%),radial-gradient(54% 58% at 70% 76%,var(--mesh-persian) 0%,transparent 62%),radial-gradient(52% 56% at 22% 84%,var(--mesh-dusk) 0%,transparent 60%),radial-gradient(60% 60% at 92% 90%,var(--mesh-navy) 0%,transparent 55%),radial-gradient(130% 130% at 50% 45%,transparent 32%,var(--mesh-navy) 100%),var(--mesh-navy);filter:blur(58px) saturate(1.12) contrast(1.06)}.site-header{position:absolute;z-index:1;top:24px;right:28px;left:28px;display:flex;align-items:baseline;justify-content:space-between;font-size:12px;letter-spacing:.04em;text-shadow:0 1px 7px var(--bg),0 0 3px var(--bg)}.wordmark{color:var(--primary)}.page-name{color:var(--secondary)}.stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:32px}.drop{width:min(78vw,380px);padding:48px 32px;text-align:center;border:1px dashed color-mix(in srgb,var(--secondary) 55%,transparent);border-radius:6px;background:color-mix(in srgb,var(--mesh-navy) 30%,transparent);backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);transition:border-color .14s ease,background .14s ease}.drop:hover,.drop:focus-visible{border-color:var(--secondary);outline:none}.drop--over{border-color:var(--cyan);border-style:solid;background:color-mix(in srgb,var(--cyan) 6%,transparent)}.drop-main{margin:0 0 10px;color:var(--primary);font-size:14px;letter-spacing:.04em}.drop-sub{margin:0;color:var(--secondary);font-size:10px;letter-spacing:.06em;line-height:1.6}.result{width:min(84vw,460px);text-align:center;text-shadow:0 1px 12px var(--mesh-navy),0 0 6px var(--mesh-navy),0 0 3px var(--mesh-navy)}.count{margin:0 0 32px;color:var(--secondary);font-size:10px;letter-spacing:.12em}.pick-title{margin:0;color:var(--primary);font-size:clamp(22px,5vw,32px);font-weight:400;line-height:1.15;letter-spacing:.01em;text-wrap:balance}.pick-year{margin:12px 0 0;color:var(--secondary);font-size:13px;letter-spacing:.06em}.pick-link{display:inline-block;margin-top:20px;color:var(--primary);font-size:12px;letter-spacing:.04em;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .12s ease,text-decoration-color .12s ease}.pick-link:hover{color:var(--cyan);text-decoration-color:currentColor}.pick{animation:settle .26s ease both}@keyframes settle{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.pick{animation:none}}.actions{margin-top:40px;display:flex;gap:16px;justify-content:center}.btn{padding:9px 18px;font:inherit;font-size:12px;letter-spacing:.06em;color:var(--bg);background:var(--primary);border:1px solid var(--primary);border-radius:2px;cursor:crosshair;transition:background .12s ease,color .12s ease,border-color .12s ease}.btn:hover{background:var(--cyan);border-color:var(--cyan)}.btn--ghost{color:var(--primary);background:transparent}.btn--ghost:hover{color:var(--cyan);background:transparent;border-color:var(--cyan)}.btn:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}@media(max-width:560px){.site-header{top:20px;right:20px;left:20px}}