:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-card:#ffffff0d;--bg-hover:#ffffff14;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#fff9;--border-color:#ffffff1a;--border-hover:#4a90d94d;--accent-primary:#4a90d9;--accent-success:#2ecc71;--accent-warning:#f39c12;--accent-danger:#e74c3c;--shadow-color:#0000004d}.light{--bg-primary:#f5f7fa;--bg-secondary:#e4e8ec;--bg-card:#fff;--bg-hover:#f0f4f8;--text-primary:#2c3e50;--text-secondary:#34495e;--text-muted:#7f8c8d;--border-color:#e1e8ed;--border-hover:#4a90d9;--accent-primary:#3498db;--accent-success:#27ae60;--accent-warning:#f39c12;--accent-danger:#e74c3c;--shadow-color:#0000001a}*{box-sizing:border-box;margin:0;padding:0}body{transition:background-color .3s,color .3s}.app{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);min-height:100vh;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s}.header{background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px var(--shadow-color);justify-content:space-between;align-items:center;padding:1.5rem 2rem;transition:all .3s;display:flex}.header h1{font-size:1.5rem;font-weight:600}.header-right{align-items:center;gap:1rem;display:flex}.theme-toggle{background:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;transition:all .3s;display:flex}.theme-toggle:hover{border-color:var(--accent-primary);transform:scale(1.1)rotate(15deg);box-shadow:0 0 15px #4a90d966}.network-badge{background:var(--accent-primary);color:#fff;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.main{flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;padding:2rem;display:flex}.card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 15px var(--shadow-color);border-radius:16px;padding:1.5rem;transition:all .3s}.card:hover{box-shadow:0 8px 25px var(--shadow-color)}.card h2{color:var(--accent-primary);margin-bottom:1rem;font-size:1.25rem}.alert{border-radius:8px;margin-bottom:1rem;padding:1rem;animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{border:1px solid var(--accent-danger);color:var(--accent-danger);background:#e74c3c26}.alert-success{border:1px solid var(--accent-success);color:var(--accent-success);background:#2ecc7126}.btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:#357abd;transform:translateY(-2px);box-shadow:0 4px 12px #3498db66}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn-vote{background:var(--accent-success);color:#fff;min-width:80px;padding:.5rem 1.5rem;font-weight:600}.btn-vote:hover:not(:disabled){background:#27ae60;transform:scale(1.05)}.btn-vote:disabled{background:var(--text-muted);transform:none}.btn-refresh{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color);width:100%;margin-top:1rem}.btn-refresh:hover:not(:disabled){background:var(--border-color)}.wallet-info{flex-direction:column;gap:.75rem;display:flex}.wallet-info p{font-size:.9rem}.cooldown-container{border:1px solid var(--accent-warning);background:linear-gradient(135deg,#f39c1226,#e74c3c26);border-radius:12px;margin:.75rem 0;padding:1rem;animation:2s ease-in-out infinite pulse-border}@keyframes pulse-border{0%,to{box-shadow:0 0 #f39c1233}50%{box-shadow:0 0 10px 2px #f39c124d}}.cooldown-header{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.cooldown-icon{font-size:1.25rem;animation:1s ease-in-out infinite tick}@keyframes tick{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.cooldown-text{color:var(--text-secondary);font-size:.9rem}.cooldown-timer{color:var(--accent-warning);text-shadow:0 0 10px #f39c1280;text-align:center;min-width:60px;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.cooldown-bar-container{background:var(--bg-secondary);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.cooldown-bar-fill{background:linear-gradient(90deg, var(--accent-danger), var(--accent-warning), var(--accent-success));border-radius:4px;height:100%;transition:width 1s linear;box-shadow:0 0 10px #2ecc7180}.cooldown-subtext{color:var(--text-muted);text-align:center;font-size:.8rem}.cooldown-ready{border:1px solid var(--accent-success);color:var(--accent-success);background:#2ecc7126;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin:.75rem 0;padding:.75rem;font-weight:500;animation:.5s ease-out fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ready-icon{font-size:1.25rem}.stats-container{flex-direction:column;gap:1.5rem;display:flex}.stats-row{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stat-item{background:var(--bg-hover);text-align:center;border:1px solid var(--border-color);border-radius:12px;padding:1rem}.stat-value{color:var(--accent-primary);font-size:2rem;font-weight:700;display:block}.stat-label{color:var(--text-muted);font-size:.875rem}.pie-chart-container{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}.pie-chart{width:200px;height:200px;filter:drop-shadow(0 4px 8px var(--shadow-color))}.pie-slice{cursor:pointer;transition:all .3s}.pie-slice:hover{filter:brightness(1.1);transform:scale(1.05)}.pie-label{fill:#fff;text-shadow:0 1px 2px #00000080;pointer-events:none;font-size:12px;font-weight:600}.pie-center{fill:var(--bg-card)}.pie-center-text{fill:var(--accent-primary);font-size:24px;font-weight:700}.pie-center-subtext{fill:var(--text-muted);font-size:10px}.pie-legend{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.legend-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.85rem;display:flex}.legend-color{border-radius:50%;width:12px;height:12px}.legend-name{color:var(--text-secondary)}.legend-value{color:var(--text-primary);font-weight:600}.winner-box{text-align:center;background:linear-gradient(135deg,#f1c40f26,#f39c1226);border:2px solid #f1c40f80;border-radius:16px;margin-top:1rem;padding:1.5rem;animation:3s ease-in-out infinite alternate glow}@keyframes glow{0%{box-shadow:0 0 10px #f1c40f33}to{box-shadow:0 0 20px #f1c40f66}}.winner-box h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.875rem}.winner-content{flex-direction:column;align-items:center;gap:.75rem;display:flex}.winner-avatar{object-fit:cover;background:#fff;border:3px solid #f1c40f;border-radius:50%;width:80px;height:80px;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.winner-emoji-fallback{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #f1c40f;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;animation:2s ease-in-out infinite bounce;display:flex}.winner-name{color:#f1c40f;font-size:1.5rem;font-weight:700}.winner-votes{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.candidates-list{flex-direction:column;gap:1rem;display:flex}.candidate-card{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.candidate-card:hover{background:var(--bg-card);border-color:var(--border-hover);box-shadow:0 4px 12px var(--shadow-color);transform:translate(5px)}.candidate-avatar-container{flex-shrink:0;position:relative}.candidate-avatar{border:3px solid var(--accent-primary);object-fit:cover;background:#fff;border-radius:50%;width:60px;height:60px;transition:all .3s}.candidate-card:hover .candidate-avatar{transform:scale(1.1);box-shadow:0 0 15px #4a90d966}.candidate-emoji-fallback{border:3px solid var(--accent-primary);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;transition:all .3s;display:flex}.candidate-card:hover .candidate-emoji-fallback{transform:scale(1.1);box-shadow:0 0 15px #4a90d966}.candidate-info{flex:1;min-width:0}.candidate-info h3{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem;overflow:hidden}.vote-count{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem}.progress-bar{background:var(--bg-secondary);border-radius:4px;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-success));border-radius:4px;height:100%;transition:width .5s;box-shadow:0 0 8px #2ecc7166}.progress-text{color:var(--text-muted);font-size:.75rem;position:absolute;top:-18px;right:0}.loading,.empty{text-align:center;color:var(--text-muted);padding:2rem}.vote-history{flex-direction:column;gap:.75rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.vote-history::-webkit-scrollbar{width:6px}.vote-history::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:3px}.vote-history::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.history-item{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.history-item:hover{background:var(--bg-card);transform:translate(3px)}.history-avatar-container{flex-shrink:0}.history-avatar{border:2px solid var(--accent-primary);object-fit:cover;background:#fff;border-radius:50%;width:40px;height:40px}.history-emoji-fallback{border:2px solid var(--accent-primary);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.history-info{flex:1;min-width:0}.history-action{color:var(--text-primary);margin-bottom:.25rem;font-size:.9rem}.history-action strong{color:var(--accent-primary)}.history-details{color:var(--text-muted);font-size:.8rem}.history-link{opacity:.6;padding:.25rem;font-size:1.25rem;text-decoration:none;transition:all .2s}.history-link:hover{opacity:1;transform:scale(1.2)}.card-info{background:var(--bg-hover)}.address-code{background:var(--bg-secondary);word-break:break-all;color:var(--accent-primary);border:1px solid var(--border-color);border-radius:8px;margin:.5rem 0;padding:.75rem;font-family:Courier New,monospace;font-size:.8rem;display:block}.note{color:var(--text-muted);margin-top:.5rem;font-size:.875rem}.footer{text-align:center;color:var(--text-muted);padding:2rem;font-size:.875rem}@media (width<=600px){.header{text-align:center;flex-direction:column;gap:1rem}.header-right{flex-wrap:wrap;justify-content:center}.main{padding:1rem}.stats-row{grid-template-columns:1fr}.pie-legend{flex-direction:column;align-items:center}.candidate-card{flex-wrap:wrap}.candidate-info{order:2;width:calc(100% - 80px)}.btn-vote{order:3;width:100%;margin-top:.5rem}.cooldown-header{flex-wrap:wrap}.cooldown-timer{width:100%;margin-top:.5rem}.history-item{flex-wrap:wrap}.history-info{width:calc(100% - 60px)}.history-link{text-align:center;width:100%;margin-top:.5rem}}