*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}html,body,#root{min-height:100%}body{color:#2c2c2a;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#f1efe8;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;transition:background .35s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #00000024;--shadow-glow:0 0 24px #d85a3033;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#8a88804d}::-webkit-scrollbar-thumb:hover{background:#8a888080}*{scrollbar-width:thin;scrollbar-color:#8a88804d transparent}:focus-visible{outline-offset:2px;border-radius:var(--radius-xs);outline:2px solid #d85a30}:focus:not(:focus-visible){outline:none}:root[data-theme=classic] body{color:#2c2c2a;background:#f1efe8}:root[data-theme=night] body{color:#edf2ff;background:radial-gradient(900px 380px at 10% -10%,#182546 0%,#0000 55%),radial-gradient(800px 340px at 100% 0,#15203d 0%,#0000 50%),#070b14}[data-theme=night] ::-webkit-scrollbar-thumb{background:#9aa7c540}[data-theme=night] ::-webkit-scrollbar-thumb:hover{background:#9aa7c566}[data-theme=night] *{scrollbar-color:#9aa7c540 transparent}[data-theme=night] :focus-visible{outline-color:#5b8cff}[data-theme=night]{--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #00000059;--shadow-xl:0 16px 48px #0006;--shadow-glow:0 0 24px #5b8cff33}:root[data-theme=vivid] body{color:#2a103a;background:radial-gradient(760px 320px at 0 -8%,#ffd6ea 0%,#0000 54%),radial-gradient(760px 320px at 100% 0,#e7d4ff 0%,#0000 50%),#f9edff}[data-theme=vivid] ::-webkit-scrollbar-thumb{background:#7d5a8a40}[data-theme=vivid] ::-webkit-scrollbar-thumb:hover{background:#7d5a8a66}[data-theme=vivid] *{scrollbar-color:#7d5a8a40 transparent}[data-theme=vivid] :focus-visible{outline-color:#ff2f6d}[data-theme=vivid]{--shadow-xs:0 1px 2px #5f23870a;--shadow-sm:0 2px 8px #5f23870f;--shadow-md:0 4px 16px #5f23871a;--shadow-lg:0 8px 32px #5f238724;--shadow-xl:0 16px 48px #5f23872e;--shadow-glow:0 0 24px #ff2f6d33}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes progressFill{0%{width:0%}to{width:var(--progress-width,100%)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:.4s ease-out both fadeIn}.animate-slide-up{animation:.45s cubic-bezier(.4,0,.2,1) both slideUp}.animate-slide-in-right{animation:.4s cubic-bezier(.4,0,.2,1) both slideInRight}.animate-slide-in-left{animation:.4s cubic-bezier(.4,0,.2,1) both slideInLeft}.animate-fade-slide-up{animation:.35s ease-out both fadeSlideUp}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-bounce-in{animation:.6s cubic-bezier(.34,1.56,.64,1) both bounceIn}.animate-scale-in{animation:.35s cubic-bezier(.4,0,.2,1) both scaleIn}.animate-float{animation:3s ease-in-out infinite float}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton-loader{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e8e6e0 25%,#f1efe8 37%,#e8e6e0 63%) 0 0/800px 100%;animation:1.6s ease-in-out infinite shimmer}[data-theme=night] .skeleton-loader{background:linear-gradient(90deg,#1b2438 25%,#243050 37%,#1b2438 63%) 0 0/800px 100%}[data-theme=vivid] .skeleton-loader{background:linear-gradient(90deg,#f0dff6 25%,#f9edff 37%,#f0dff6 63%) 0 0/800px 100%}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff9;border:1px solid #ffffff59}[data-theme=night] .glass-card{background:#1118278c;border:1px solid #5b8cff1a}[data-theme=vivid] .glass-card{background:#ffffff80;border:1px solid #ebcffb73}.card-hover{transition:transform var(--transition-base), box-shadow var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)scale(1.01)}.card-hover:active{transform:translateY(0)scale(.99)}.gradient-text{background:linear-gradient(135deg,#d85a30 0%,#f28c5e 50%,#d85a30 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=night] .gradient-text{background:linear-gradient(135deg,#5b8cff 0%,#93b4ff 50%,#5b8cff 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=vivid] .gradient-text{background:linear-gradient(135deg,#ff2f6d 0%,#ff6b9d 50%,#ff2f6d 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{justify-content:center;align-items:center;gap:var(--space-sm);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#d85a30 0%,#e06b3f 100%);border:none;padding:12px 24px;font-size:15px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #d85a3040}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4px 20px #d85a3059}.btn-primary:active{transform:translateY(0)scale(.98);box-shadow:0 1px 6px #d85a3033}[data-theme=night] .btn-primary{background:linear-gradient(135deg,#5b8cff 0%,#7aa3ff 100%);box-shadow:0 2px 12px #5b8cff40}[data-theme=night] .btn-primary:hover{box-shadow:0 4px 20px #5b8cff59}[data-theme=vivid] .btn-primary{background:linear-gradient(135deg,#ff2f6d 0%,#ff5a8a 100%);box-shadow:0 2px 12px #ff2f6d40}[data-theme=vivid] .btn-primary:hover{box-shadow:0 4px 20px #ff2f6d59}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-sm);color:#d85a30;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#d85a3014;border:1.5px solid #d85a3033;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#d85a3024;border-color:#d85a3059;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)scale(.98)}[data-theme=night] .btn-secondary{color:#5b8cff;background:#5b8cff14;border-color:#5b8cff33}[data-theme=night] .btn-secondary:hover{background:#5b8cff24;border-color:#5b8cff59}[data-theme=vivid] .btn-secondary{color:#ff2f6d;background:#ff2f6d14;border-color:#ff2f6d33}[data-theme=vivid] .btn-secondary:hover{background:#ff2f6d24;border-color:#ff2f6d59}.btn-ghost{justify-content:center;align-items:center;gap:var(--space-sm);color:#2c2c2a;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:10px 20px;font-size:15px;font-weight:600;display:inline-flex}.btn-ghost:hover{background:#0000000a}.btn-ghost:active{background:#00000014;transform:scale(.98)}[data-theme=night] .btn-ghost{color:#edf2ff}[data-theme=night] .btn-ghost:hover{background:#ffffff0f}[data-theme=night] .btn-ghost:active{background:#ffffff1a}[data-theme=vivid] .btn-ghost{color:#2a103a}[data-theme=vivid] .btn-ghost:hover{background:#ff2f6d0f}.progress-bar-animated{border-radius:var(--radius-pill);background:#0000000f;height:8px;position:relative;overflow:hidden}.progress-bar-animated:after{content:"";height:100%;width:var(--progress-width,0%);border-radius:var(--radius-pill);background:linear-gradient(90deg,#d85a30,#f28c5e);animation:.8s cubic-bezier(.4,0,.2,1) both progressFill;position:absolute;top:0;left:0}[data-theme=night] .progress-bar-animated{background:#ffffff0f}[data-theme=night] .progress-bar-animated:after{background:linear-gradient(90deg,#5b8cff,#93b4ff)}[data-theme=vivid] .progress-bar-animated:after{background:linear-gradient(90deg,#ff2f6d,#ff6b9d)}.badge-pill{border-radius:var(--radius-pill);color:#d85a30;letter-spacing:.02em;background:#d85a301a;justify-content:center;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}[data-theme=night] .badge-pill{color:#5b8cff;background:#5b8cff1f}[data-theme=vivid] .badge-pill{color:#ff2f6d;background:#ff2f6d1a}.screen-transition{animation:.35s cubic-bezier(.4,0,.2,1) both fadeSlideUp}.input-modern{box-sizing:border-box;color:#2c2c2a;background:#fafaf8;border:1.5px solid #e4e1db;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-modern:focus{border-color:#d85a30;box-shadow:0 0 0 3px #d85a301f}[data-theme=night] .input-modern{color:#edf2ff;background:#0e1626;border-color:#2b3958}[data-theme=night] .input-modern:focus{border-color:#5b8cff;box-shadow:0 0 0 3px #5b8cff26}[data-theme=vivid] .input-modern{color:#2a103a;background:#fdf5ff;border-color:#e4cafc}[data-theme=vivid] .input-modern:focus{border-color:#ff2f6d;box-shadow:0 0 0 3px #ff2f6d1f}.section-label{letter-spacing:.07em;text-transform:uppercase;opacity:.55;align-items:center;gap:6px;margin:0 0 10px;font-size:11px;font-weight:800;display:flex}.chip{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.4;display:inline-flex}.card-elevated{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014,0 1px 4px #0000000a}[data-theme=night] .card-elevated{background:#111827;box-shadow:0 4px 24px #00000073,0 1px 4px #0003}.divider{opacity:.08;background:currentColor;height:1px;margin:12px 0}@keyframes voteBarFill{0%{width:0%}to{width:var(--fill-width,50%)}}.vote-bar-fill{animation:.7s cubic-bezier(.4,0,.2,1) both voteBarFill}@keyframes tapPulse{0%{transform:scale(1)}40%{transform:scale(.96)}to{transform:scale(1)}}.tap-feedback:active{animation:.2s tapPulse}.floating-nav-pad{padding-bottom:100px}