@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg:#f8f9fc;--color-blue:#4f86f7;--color-blue-light:#ebf1ff;--color-red:#f25c5c;--color-red-light:#fff0f0;--color-text:#1a1a2e;--color-text-muted:#9090a7;--color-border:#e8e8f0;--font-display:"Outfit",sans-serif;--font-mono:"Space Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}body,html{color:var(--color-text);font-family:var(--font-display);overflow-x:hidden;min-height:100vh}.bg-soft,body,html{background:var(--color-bg)}.bg-soft{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.bg-soft:before{content:"";position:absolute;top:-30%;left:-20%;width:160%;height:160%;background:radial-gradient(ellipse at 25% 25%,rgba(79,134,247,.09) 0,transparent 50%),radial-gradient(ellipse at 75% 75%,rgba(242,92,92,.07) 0,transparent 50%),radial-gradient(ellipse at 50% 40%,rgba(168,130,255,.05) 0,transparent 40%);animation:bgFloat 25s ease-in-out infinite alternate}@keyframes bgFloat{0%{transform:translate(0) scale(1)}to{transform:translate(-3%,-2%) scale(1.03)}}.dot-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.2;pointer-events:none;background-image:radial-gradient(circle,#c8c8d4 .7px,transparent 0);background-size:28px 28px}.site-title{font-family:var(--font-display);font-weight:900;letter-spacing:-.03em;color:var(--color-text);line-height:1.15}.subtitle{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted)}.font-mono,.subtitle{font-family:var(--font-mono)}.vote-card{border-radius:24px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;flex:1 1;min-height:200px}.vote-card:active{transform:scale(.97)!important}.vote-card-a{background:var(--color-blue-light);border-color:rgba(79,134,247,.15)}.vote-card-a:hover{border-color:var(--color-blue);box-shadow:0 12px 40px rgba(79,134,247,.18);transform:translateY(-6px);background:linear-gradient(160deg,#ebf1ff,#ddeaff)}.vote-card-b{background:var(--color-red-light);border-color:rgba(242,92,92,.15)}.vote-card-b:hover{border-color:var(--color-red);box-shadow:0 12px 40px rgba(242,92,92,.18);transform:translateY(-6px);background:linear-gradient(160deg,#fff0f0,#ffe4e4)}.emoji-float{display:block;font-size:3rem;line-height:1;animation:emojiFloat 3s ease-in-out infinite}.vote-card-b .emoji-float{animation-delay:1.5s}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.or-badge{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);background:#fff;border:2px solid var(--color-border);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.04);z-index:3}.fade-up{opacity:0;transform:translateY(16px);animation:fadeUp .5s cubic-bezier(.4,0,.2,1) forwards}.fade-up-1{animation-delay:.05s}.fade-up-2{animation-delay:.15s}.fade-up-3{animation-delay:.3s}.fade-up-4{animation-delay:.45s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.vote-pill{font-family:var(--font-mono);font-size:.78rem;color:var(--color-text-muted);background:#fff;padding:.5rem 1.2rem;border-radius:100px;border:1px solid var(--color-border);box-shadow:0 1px 4px rgba(0,0,0,.03)}.result-bar-wrap{width:100%;height:48px;border-radius:14px;overflow:hidden;display:flex;border:2px solid var(--color-border);background:#fff}.result-bar-a{background:linear-gradient(90deg,var(--color-blue),#6ba3ff)}.result-bar-a,.result-bar-b{display:flex;align-items:center;justify-content:center;transition:width 1.2s cubic-bezier(.4,0,.2,1);min-width:48px}.result-bar-b{background:linear-gradient(90deg,#ff8a8a,var(--color-red))}.result-percent{font-family:var(--font-mono);font-weight:700;font-size:.95rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.15)}.country-row{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;background:#fff;border:1.5px solid var(--color-border);border-radius:14px;transition:all .2s ease}.country-row:hover{border-color:#d0d0e0;box-shadow:0 2px 12px rgba(0,0,0,.04)}.country-bar-track{flex:1 1;height:28px;border-radius:8px;overflow:hidden;display:flex;background:#f0f0f5}.country-bar-a{background:var(--color-blue);border-radius:8px 0 0 8px}.country-bar-a,.country-bar-b{transition:width .8s cubic-bezier(.4,0,.2,1);min-width:2px}.country-bar-b{background:var(--color-red);border-radius:0 8px 8px 0}.share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.3rem;border-radius:12px;font-family:var(--font-display);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;border:1.5px solid var(--color-border);background:#fff;color:var(--color-text)}.share-btn:hover{border-color:var(--color-blue);color:var(--color-blue);box-shadow:0 4px 16px rgba(79,134,247,.1);transform:translateY(-2px)}.card{background:#fff;border:1.5px solid var(--color-border);border-radius:20px;padding:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.02)}@media (min-width:768px){.vote-card{min-height:280px;padding:2.5rem 2rem}.emoji-float{font-size:3.5rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#d0d0d8;border-radius:3px}