:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-dark: #020b18;--bg-gradient: radial-gradient(circle at center, #0a2540 0%, #020b18 100%);--accent-cyan: #00d4ff;--accent-glow: 0 0 15px rgba(0, 212, 255, .6);--metallic-silver: #a0a0a0;--metallic-gradient: linear-gradient(180deg, #e0e0e0 0%, #808080 100%);--text-primary: #ffffff;--text-secondary: #ccd6f6;--card-bg: rgba(10, 37, 64, .6);--card-border: rgba(0, 212, 255, .3);color-scheme:dark;color:var(--text-primary);background:var(--bg-dark);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:flex-start;justify-content:center;min-height:100vh;width:100%;background:var(--bg-gradient);background-attachment:fixed}#root{width:100%}h1,h2,h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;text-shadow:var(--accent-glow)}a{font-weight:500;color:var(--accent-cyan);text-decoration:inherit}a:hover{color:#535bf2}:root{--bg-dark: #020b18;--bg-gradient: radial-gradient(circle at center, #0a2540 0%, #020b18 100%);--accent-cyan: #00d4ff;--accent-glow: 0 0 15px rgba(0, 212, 255, .6);--metallic-silver: #a0a0a0;--metallic-gradient: linear-gradient(180deg, #e0e0e0 0%, #808080 100%);--text-primary: #ffffff;--text-secondary: #ccd6f6;--card-bg: rgba(10, 37, 64, .6);--card-border: rgba(0, 212, 255, .3)}#root{max-width:1280px;margin:0 auto;padding:1rem;text-align:center;width:100%;box-sizing:border-box}.voting-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box}.logo-row{display:flex;justify-content:center;width:100%;align-items:center;gap:3rem;flex-wrap:wrap;box-sizing:border-box}.logo-row img{max-width:100%;object-fit:contain}.logo-row .vivace{height:220px}.logo-row .ac{height:100px}.logo-row .acwma{height:110px}h1{font-size:clamp(2rem,8vw,3.5rem);margin:.5rem 0;line-height:1.1;color:var(--accent-cyan);text-shadow:0 0 20px rgba(0,212,255,.5)}.year-highlight{font-size:1em;color:var(--metallic-silver);margin-left:.2rem;vertical-align:top}.subtitle{color:var(--text-secondary);font-size:clamp(.9rem,4vw,1.1rem);margin-bottom:1.5rem;padding:0 1rem}.vote-form{width:100%;max-width:600px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;border:1px solid var(--card-border);display:flex;flex-direction:column;gap:2rem;box-shadow:0 8px 32px #0006;box-sizing:border-box}.input-group{display:flex;flex-direction:column;gap:.75rem;text-align:left}.input-group label{font-weight:600;color:var(--accent-cyan);text-transform:uppercase;font-size:.9rem}.input-group input{padding:1rem;border-radius:8px;border:1px solid var(--card-border);background:#020b18cc;color:#fff;font-size:1.1rem;outline:none;width:100%;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.input-group input:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00d4ff4d}.bands-grid h3{margin-top:0;margin-bottom:1.5rem;font-size:1.1rem;color:#1a1a1a;background:linear-gradient(180deg,#e0e0e0,#a0a0a0);padding:.5rem 1rem;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);display:inline-block;font-weight:900;letter-spacing:3px}.bands-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.band-card{padding:1.25rem .75rem;border-radius:12px;border:1px solid var(--card-border);cursor:pointer;transition:all .3s ease;background:#ffffff08;display:flex;flex-direction:column;gap:.5rem}.band-card:hover{border-color:var(--accent-cyan);background:#00d4ff0d;transform:translateY(-2px)}.band-card.selected{border-color:var(--accent-cyan);background:#00d4ff26;box-shadow:0 0 15px #00d4ff33}.band-card h4{margin:0;font-size:1rem;color:var(--text-primary)}.votes-count{font-size:.8rem;color:var(--text-secondary)}.vote-button{padding:1.1rem;border-radius:12px;font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#00d4ff,#008793);color:#020b18;border:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #00d4ff4d}.vote-button:disabled{background:#2a3a4a;color:#555;cursor:not-allowed;box-shadow:none}.message{padding:1rem;border-radius:12px;width:100%;max-width:600px;font-weight:500;box-sizing:border-box}.message.success{background:#4caf5026;border:1px solid #4caf50;color:#a5d6a7}.message.error{background:#f4433626;border:1px solid #f44336;color:#ef9a9a}.current-results{width:100%;max-width:600px;margin-top:2rem;text-align:left;box-sizing:border-box}.current-results h2{margin-top:0;margin-bottom:1.5rem;font-size:1.1rem;color:#1a1a1a;background:linear-gradient(180deg,#e0e0e0,#a0a0a0);padding:.5rem 1rem;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);display:inline-block;font-weight:900;letter-spacing:3px}.results-container{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;border:1px solid var(--card-border);width:100%;box-sizing:border-box}.result-bar-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:2rem}.band-name{width:100%;font-weight:700;color:var(--text-primary);text-align:left;font-size:1.1rem}.bar-row{display:flex;align-items:center;gap:1rem;width:100%}.bar-wrapper{flex:1;background:#ffffff0d;height:16px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.bar{height:100%;background:linear-gradient(90deg,#008793,#00d4ff);box-shadow:0 0 10px #00d4ff66;transition:width .8s cubic-bezier(.4,0,.2,1)}.vote-num{flex:0 0 40px;text-align:right;font-family:monospace;font-size:1.1rem;font-weight:700;color:var(--accent-cyan)}@media(max-width:600px){#root{padding:.5rem}.logo-row{justify-content:center;gap:1.2rem}.logo-row img{height:70px}.logo-row .vivace{height:160px}.logo-row .ac{height:50px}.logo-row .acwma{height:55px}.vote-form{padding:1.25rem;width:98%;gap:1.5rem}.bands-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.band-card{padding:1rem .5rem}.results-container{padding:1.25rem}}.api-error{flex-direction:column;gap:1rem}.retry-btn{background:var(--accent-cyan);color:#020b18;border:none;padding:.5rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:700}@media(max-width:400px){.logo-row .ac{height:40px}.logo-row .acwma{height:45px}.logo-row .vivace{height:120px}.competitionRound{font-size:clamp(1.5rem,8vw,1.5rem)}}.countdown-page{justify-content:center;min-height:80vh}.countdown-display{display:flex;gap:1.5rem;margin:2rem 0;flex-wrap:wrap;justify-content:center}.countdown-item{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;min-width:100px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 32px #0006}.countdown-value{font-size:3rem;font-weight:800;color:var(--accent-cyan);text-shadow:0 0 15px rgba(0,212,255,.5);font-family:monospace}.countdown-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-top:.5rem}.event-details{margin-top:2rem;color:var(--text-secondary);font-size:1.1rem}.highlight-date{font-size:1.5rem;color:var(--accent-cyan);font-weight:700;margin-top:.5rem;text-shadow:0 0 10px rgba(0,212,255,.3)}@media(max-width:600px){.countdown-display{gap:.75rem}.countdown-item{padding:1rem;min-width:80px}.countdown-value{font-size:2rem}.countdown-label{font-size:.7rem}}