*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}:root{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-card:#ffffffd9;--bg-card-border:#00000014;--bg-overlay:#fafafaeb;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-muted:#8888a4;--text-on-button:#fff;--red-500:#ef4444;--red-600:#dc2626;--red-glow:#ef444459;--red-glow-strong:#ef444499;--red-gradient:linear-gradient(135deg, #ef4444, #dc2626, #b91c1c);--red-bg:#ef444414;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-glow:#3b82f659;--blue-glow-strong:#3b82f699;--blue-gradient:linear-gradient(135deg, #3b82f6, #2563eb, #1d4ed8);--blue-bg:#3b82f614;--accent:#6366f1;--success:#22c55e;--warning:#f59e0b;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001a;--shadow-red:0 8px 32px var(--red-glow);--shadow-blue:0 8px 32px var(--blue-glow);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--bar-height:56px;--bar-radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark],.dark{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#12121ad9;--bg-card-border:#ffffff0f;--bg-overlay:#0a0a0feb;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#6a6a80;--red-glow:#ef444440;--red-glow-strong:#ef444480;--red-bg:#ef44441a;--blue-glow:#3b82f640;--blue-glow-strong:#3b82f680;--blue-bg:#3b82f61a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #00000080;--shadow-red:0 8px 32px var(--red-glow);--shadow-blue:0 8px 32px var(--blue-glow)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#12121ad9;--bg-card-border:#ffffff0f;--bg-overlay:#0a0a0feb;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#6a6a80;--red-glow:#ef444440;--red-glow-strong:#ef444480;--red-bg:#ef44441a;--blue-glow:#3b82f640;--blue-glow-strong:#3b82f680;--blue-bg:#3b82f61a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #00000080;--shadow-red:0 8px 32px var(--red-glow);--shadow-blue:0 8px 32px var(--blue-glow)}}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.2}.page{flex-direction:column;flex:1;grid-area:center;justify-content:center;align-items:center;width:100%;max-width:720px;margin:0 auto;padding:2rem 1.5rem;display:flex}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;transition:box-shadow var(--duration-normal) var(--ease-out);padding:2.5rem}.header{justify-content:space-between;align-items:center;width:100%;max-width:960px;margin:0 auto;padding:1rem 1.5rem;display:flex}.header__title{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:700}.header__actions{align-items:center;gap:.75rem;display:flex}.lang-select{appearance:none;background:var(--bg-secondary);border:1px solid var(--bg-card-border);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--text-primary);cursor:pointer;transition:border-color var(--duration-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236a6a80' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;padding:.4rem 2rem .4rem .75rem;font-size:.85rem}.lang-select:hover,.lang-select:focus-visible{border-color:var(--accent);outline:none}.theme-toggle{border-radius:var(--radius-full);border:1px solid var(--bg-card-border);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.vote-section{text-align:center;width:100%}.vote-title{color:var(--text-primary);margin-bottom:.75rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800}.vote-subtitle{color:var(--text-secondary);max-width:480px;margin:0 auto 2.5rem;font-size:clamp(.95rem,2.5vw,1.15rem);line-height:1.7}.vote-disclaimer{color:var(--text-muted);margin-top:2rem;font-size:.8rem;font-style:italic}.vote-buttons{flex-wrap:wrap;justify-content:center;gap:6rem;display:flex}.vote-column{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.vote-info{flex-direction:column;align-items:center;gap:.35rem;max-width:220px;display:flex}.vote-info__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:1.6rem;font-weight:800}.vote-info__label--red{color:var(--red-500)}.vote-info__label--blue{color:var(--blue-500)}.vote-info__desc{color:var(--text-secondary);text-align:center;font-size:1.05rem;line-height:1.5}.vote-btn{cursor:pointer;z-index:1;width:160px;height:160px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.vote-btn:before{content:"";pointer-events:none;z-index:2;width:50%;height:35%;transition:opacity var(--duration-fast);background:radial-gradient(at 50% 30%,#ffffff80 0%,#ffffff26 40%,#0000 70%);border-radius:50%;position:absolute;top:8%;left:15%}.vote-btn:hover{transform:translateY(-6px)scale(1.05)}.vote-btn:active{transform:translateY(2px)scale(.97)}.vote-btn:active:before{opacity:.5}.vote-btn--red{box-shadow:0 8px 20px var(--red-glow), 0 4px 8px #00000026, inset 0 2px 4px #fff3, inset 0 -3px 6px #00000026;background:radial-gradient(circle at 35% 25%,#ffffff26 0%,#0000 50%),radial-gradient(circle at 65% 80%,#0003 0%,#0000 50%),linear-gradient(145deg,#f87171,#ef4444,#dc2626,#b91c1c)}.vote-btn--red:hover{box-shadow:0 16px 40px var(--red-glow-strong), 0 8px 16px #0003, inset 0 2px 4px #ffffff40, inset 0 -3px 6px #00000026}.vote-btn--red:active{box-shadow:0 2px 8px var(--red-glow), 0 1px 3px #00000026, inset 0 3px 8px #00000040, inset 0 -1px 2px #ffffff1a}.vote-btn--blue{box-shadow:0 8px 20px var(--blue-glow), 0 4px 8px #00000026, inset 0 2px 4px #fff3, inset 0 -3px 6px #00000026;background:radial-gradient(circle at 35% 25%,#ffffff26 0%,#0000 50%),radial-gradient(circle at 65% 80%,#0003 0%,#0000 50%),linear-gradient(145deg,#60a5fa,#3b82f6,#2563eb,#1d4ed8)}.vote-btn--blue:hover{box-shadow:0 16px 40px var(--blue-glow-strong), 0 8px 16px #0003, inset 0 2px 4px #ffffff40, inset 0 -3px 6px #00000026}.vote-btn--blue:active{box-shadow:0 2px 8px var(--blue-glow), 0 1px 3px #00000026, inset 0 3px 8px #00000040, inset 0 -1px 2px #ffffff1a}.vote-btn__icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:2.5rem}@keyframes pulse-red{0%,to{box-shadow:0 8px 20px var(--red-glow), 0 4px 8px #00000026, inset 0 2px 4px #fff3, inset 0 -3px 6px #00000026}50%{box-shadow:0 12px 36px var(--red-glow-strong), 0 6px 12px #0000002e, inset 0 2px 4px #fff3, inset 0 -3px 6px #00000026}}@keyframes pulse-blue{0%,to{box-shadow:0 8px 20px var(--blue-glow), 0 4px 8px #00000026, inset 0 2px 4px #fff3, inset 0 -3px 6px #00000026}50%{box-shadow:0 12px 36px var(--blue-glow-strong), 0 6px 12px #0000002e, inset 0 2px 4px #fff3, inset 0 -3px 6px #00000026}}.vote-btn--red{animation:pulse-red 3s var(--ease-out) infinite}.vote-btn--blue{animation:pulse-blue 3s var(--ease-out) infinite}.vote-btn:hover{animation:none}.auth-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;animation:fadeIn var(--duration-normal) var(--ease-out);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-secondary);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);text-align:center;width:calc(100% - 2rem);max-width:400px;box-shadow:var(--shadow-lg);animation:slideUp var(--duration-normal) var(--ease-spring);padding:2.5rem}.auth-modal h2{margin-bottom:.75rem;font-size:1.3rem}.auth-modal p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.auth-btn-google{border-radius:var(--radius-full);border:1px solid var(--bg-card-border);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast);align-items:center;gap:.75rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:500;display:inline-flex}.auth-btn-google:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.auth-btn-google svg{width:20px;height:20px}.auth-btn-cancel{color:var(--text-muted);cursor:pointer;font-size:.85rem;font-family:var(--font-body);background:0 0;border:none;margin:1rem auto 0;display:block}.auth-btn-cancel:hover{color:var(--text-secondary)}.results{text-align:center;width:100%;animation:fadeIn var(--duration-slow) var(--ease-out)}.results__your-vote{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.results__your-vote strong{font-weight:700}.results__your-vote strong.red{color:var(--red-500)}.results__your-vote strong.blue{color:var(--blue-500)}.results__bar-container{width:100%;height:var(--bar-height);border-radius:var(--bar-radius);background:var(--bg-secondary);border:1px solid var(--bg-card-border);box-shadow:var(--shadow-sm);display:flex;overflow:hidden}.results__bar{height:100%;font-family:var(--font-display);color:var(--text-on-button);transition:width 1.2s var(--ease-out);justify-content:center;align-items:center;min-width:60px;font-size:1rem;font-weight:700;display:flex}.results__bar--red{background:var(--red-gradient)}.results__bar--blue{background:var(--blue-gradient)}.results__stats{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.results__stat{border-radius:var(--radius-md);text-align:center;flex:1;padding:1rem}.results__stat--red{background:var(--red-bg)}.results__stat--blue{background:var(--blue-bg)}.results__stat-value{font-family:var(--font-display);font-size:1.8rem;font-weight:800}.results__stat-value--red{color:var(--red-500)}.results__stat-value--blue{color:var(--blue-500)}.results__stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.results__total{color:var(--text-muted);margin-top:1.5rem;font-size:.9rem}.results__total strong{color:var(--text-secondary);font-weight:600}.survival-banner{border-radius:var(--radius-md);text-align:center;animation:fadeIn var(--duration-slow) var(--ease-out) .5s both;margin-top:1.5rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600}.survival-banner--safe{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.survival-banner--danger{color:var(--red-500);background:#ef44441a;border:1px solid #ef444433}.footer{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.8rem}.footer a{color:var(--text-muted);transition:color var(--duration-fast);text-decoration:none}.footer a:hover{color:var(--text-secondary)}.loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.loading-spinner{border:2px solid var(--bg-card-border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.vote-buttons{gap:3rem}.vote-btn{width:130px;height:130px}.vote-btn__icon{font-size:2rem}.vote-info__label{font-size:1.25rem}.vote-info__desc{font-size:.85rem}.card{padding:1.5rem}.results__bar{min-width:45px;font-size:.85rem}.results__stat-value{font-size:1.4rem}}.layout-with-ads{grid-template-columns:160px 1fr 160px;grid-template-areas:"left center right";gap:1rem;width:100%;max-width:1200px;min-height:calc(100vh - 60px);margin:0 auto;padding:0 .5rem;display:grid}.ad-sidebar{flex-direction:column;align-self:start;gap:1.5rem;height:fit-content;padding-top:2rem;display:flex;position:sticky;top:1rem}.ad-sidebar--left{grid-area:left}.ad-sidebar--right{grid-area:right}.ad-sidebar .ad-slot{width:160px;max-width:none;min-height:600px;margin:0}.ad-slot{border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;max-width:728px;min-height:90px;margin:1.5rem auto;display:flex;overflow:hidden}.ad-slot--placeholder{background:var(--bg-secondary);border:1px dashed var(--bg-card-border);color:var(--text-muted);font-size:.75rem}@media (width<=1024px){.layout-with-ads{grid-template-columns:1fr;grid-template-areas:"center"}.ad-sidebar{display:none}}