:root{--color-bg-light: #f9fafb;--color-text-light: #1f2937;--color-card-bg-light: #ffffff;--color-card-border-light: #e5e7eb;--color-input-bg-light: #f3f4f6;--color-text-muted-light: #6b7280;--color-bg-dark: #1f2937;--color-text-dark: #f3f4f6;--color-card-bg-dark: #374151;--color-card-border-dark: #4b5563;--color-input-bg-dark: #1f2937;--color-text-muted-dark: #d1d5db;--color-pink: #ec4899;--color-indigo: #6366f1;--color-green: #10b981;--color-yellow: #fcd34d;--color-neon-purple: #a78bfa;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease}body.light{background-color:var(--color-bg-light);color:var(--color-text-light)}body.dark{background-color:var(--color-bg-dark);color:var(--color-text-dark)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}body.light ::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}body.dark ::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}button{font-family:inherit;border:none;cursor:pointer;outline:none;background:none}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{font-family:inherit;outline:none;border:none;background:none}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.mobile-container{width:100%;max-width:600px;margin:0 auto}.card{background:var(--color-card-bg-light);border:1px solid var(--color-card-border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 1px 3px #0000001a;transition:all .2s ease}body.dark .card{background:var(--color-card-bg-dark);border-color:var(--color-card-border-dark)}.card-glow{border:2px solid var(--color-neon-purple);box-shadow:0 0 20px #a78bfa4d}.btn-primary{background:var(--color-indigo);color:#fff;padding:12px 20px;border-radius:var(--radius-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-primary:active{transform:translateY(0)}.input{width:100%;padding:12px var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--color-card-border-light);background:var(--color-input-bg-light);color:var(--color-text-light);font-size:16px;transition:all .2s ease}body.dark .input{background:var(--color-input-bg-dark);border-color:var(--color-card-border-dark);color:var(--color-text-dark)}.input:focus{border-color:var(--color-indigo);outline:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner{border:3px solid rgba(236,72,153,.2);border-top-color:var(--color-pink);border-radius:50%;width:32px;height:32px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){:root{--spacing-lg: 12px;--spacing-xl: 16px}.container{padding:0 var(--spacing-md)}}button,.btn-primary{-webkit-user-select:none;user-select:none}@supports (padding: max(0px)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@keyframes slideDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-enter{animation:slideDown .3s ease-out}.ff-ob{--ff-ease: cubic-bezier(.22, 1, .36, 1)}@keyframes ffLogoGlowOn{0%{opacity:0;transform:scale(.96);filter:brightness(.4) drop-shadow(0 0 0 rgba(236,72,153,0))}55%{opacity:1;transform:scale(1);filter:brightness(1.15) drop-shadow(0 0 28px rgba(236,72,153,.55))}to{opacity:1;transform:scale(1);filter:brightness(1) drop-shadow(0 0 14px rgba(167,139,250,.35))}}.ff-ob-logo{animation:ffLogoGlowOn 1.1s var(--ff-ease) both}@keyframes ffRiseIn{0%{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.ff-ob-rise{animation:ffRiseIn .5s var(--ff-ease) both}@keyframes ffStepInForward{0%{opacity:0;transform:translate(8px);filter:blur(3px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes ffStepInBack{0%{opacity:0;transform:translate(-8px);filter:blur(3px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.ff-ob-step-forward{animation:ffStepInForward .25s var(--ff-ease) both}.ff-ob-step-back{animation:ffStepInBack .25s var(--ff-ease) both}@keyframes ffShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(6px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.ff-ob-shake{animation:ffShake .4s ease-in-out}@keyframes ffCelebratePop{0%{opacity:0;transform:scale(.9);filter:blur(8px)}60%{opacity:1;transform:scale(1.03);filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}.ff-ob-celebrate{animation:ffCelebratePop .6s cubic-bezier(.34,1.36,.64,1) both;text-shadow:0 0 15px rgba(252,211,77,.6)}.ff-ob-progress-fill{transition:width .4s var(--ff-ease)}.ff-ob-btn{transition:transform .15s var(--ff-ease),opacity .15s ease,box-shadow .25s var(--ff-ease)}.ff-ob-btn:not(:disabled):hover{transform:translateY(-1px)}.ff-ob-btn:not(:disabled):active{transform:translateY(0) scale(.99)}.ff-ob .input:focus-visible,.ff-ob select:focus-visible,.ff-ob button:focus-visible,.ff-ob a:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.ff-ob select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.ff-ob h1:focus{outline:none}.ff-laser{position:relative;--ff-laser-dur: 2.2s}.ff-laser-logo{display:block;animation:ffLaserReveal var(--ff-laser-dur) ease-in-out both}.ff-laser-hot{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;filter:brightness(1.9) saturate(1.3) drop-shadow(0 0 8px rgba(236,72,153,.8));animation:ffLaserHot var(--ff-laser-dur) ease-in-out both}@keyframes ffLaserReveal{0%{clip-path:inset(0 98.5% 0 0);filter:drop-shadow(0 0 0 rgba(236,72,153,0))}7%{clip-path:inset(0 98.5% 0 0)}52%{clip-path:inset(0 81% 0 0)}74%{clip-path:inset(0 7% 0 0);filter:drop-shadow(0 0 0 rgba(236,72,153,0))}86%{clip-path:inset(0 0 0 0);filter:drop-shadow(0 0 22px rgba(236,72,153,.55))}to{clip-path:inset(0 0 0 0);filter:drop-shadow(0 0 0 rgba(167,139,250,0))}}@keyframes ffLaserHot{0%{clip-path:inset(0 98.5% 0 0);opacity:0}7%{clip-path:inset(0 98.5% 0 0);opacity:1}52%{clip-path:inset(0 81% 0 14%);opacity:1}74%{clip-path:inset(0 7% 0 88%);opacity:1}82%{clip-path:inset(0 7% 0 88%);opacity:0}to{clip-path:inset(0 7% 0 88%);opacity:0}}@media (prefers-reduced-motion: reduce){.ff-ob-logo,.ff-ob-rise,.ff-ob-step-forward,.ff-ob-step-back,.ff-ob-shake,.ff-ob-celebrate{animation:none!important}.ff-laser-logo{animation:none!important;clip-path:none;filter:none}.ff-laser-hot{display:none}.ff-ob-progress-fill,.ff-ob-btn{transition:none!important}.ff-ob-btn:not(:disabled):hover{transform:none}}.ff-ob-dark .input{background:var(--color-input-bg-dark);border-color:var(--color-card-border-dark);color:var(--color-text-dark)}.ff-ob-dark .input::placeholder{color:#9ca3af;opacity:1}.ff-ob-light .input::placeholder{color:#4b5563;opacity:1}@media (min-width: 700px){body.dark{background:radial-gradient(60vw 70vh at 0% 15%,rgba(236,72,153,.16),transparent 60%),radial-gradient(55vw 65vh at 100% 70%,rgba(167,139,250,.16),transparent 60%),radial-gradient(40vw 40vh at 85% 0%,rgba(99,102,241,.1),transparent 60%),#07070c;background-attachment:fixed}body.light{background:radial-gradient(60vw 70vh at 0% 15%,rgba(236,72,153,.1),transparent 60%),radial-gradient(55vw 65vh at 100% 70%,rgba(167,139,250,.12),transparent 60%),#f9fafb;background-attachment:fixed}body.dark .mobile-container{background:var(--color-bg-dark);box-shadow:0 0 0 1px #ffffff0f,0 30px 80px #0009}body.light .mobile-container{background:var(--color-bg-light);box-shadow:0 0 0 1px #0000000a,0 30px 80px #1f29371f}}@keyframes ffGoldPulseDark{0%{box-shadow:0 0 10px #ffd70066;border-color:#4b5563}to{box-shadow:0 0 10px gold;border-color:#fcd34d}}@keyframes ffGoldPulseLight{0%{box-shadow:0 0 10px #ffd70066;border-color:#e5e7eb}to{box-shadow:0 0 10px gold;border-color:#f59e0b}}.ff-gold-pulse-dark{animation:ffGoldPulseDark 2s ease-in-out infinite alternate}.ff-gold-pulse-light{animation:ffGoldPulseLight 2s ease-in-out infinite alternate}.ff-gold-pulse:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}@media (prefers-reduced-motion: reduce){.ff-gold-pulse-dark,.ff-gold-pulse-light{animation:none;box-shadow:0 0 10px #ffd700b3;border-color:#fcd34d}}.ff-seg-btn:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}
