:root{color-scheme:light;--navy:#07142f;--navy-2:#0d2450;--blue:#0668e8;--cyan:#12c8ff;--violet:#7658ff;--yellow:#ffd43b;--ink:#10203c;--muted:#52627a;--line:#d9e2ef;--paper:#fff;--surface:#f3f7fc;--danger:#a01420;--shadow:0 12px 40px rgba(7,20,47,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font:1rem/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#0759bf;text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e3a900;outline-offset:3px}.wrap{width:min(72rem,calc(100% - 2rem));margin-inline:auto}
header{position:relative;z-index:5;background:var(--navy);color:#fff;border-bottom:1px solid #ffffff20}header nav{min-height:5rem;display:flex;align-items:center;gap:1.5rem}.brand{display:flex;align-items:center;gap:.65rem;margin-right:auto;color:#fff;text-decoration:none;font-weight:850;line-height:1.05}.brand small{color:#9ddfff;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em}.brand-mark{display:grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:.8rem;background:linear-gradient(135deg,var(--cyan),var(--violet));font-size:1.45rem;box-shadow:0 0 24px #12c8ff55}.nav-links{display:flex;align-items:center;gap:1.1rem}.nav-links>a:not(.nav-button){color:#dce9ff;text-decoration:none;font-weight:650}.nav-button,.button,button{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;min-height:2.75rem;border:0;border-radius:.7rem;padding:.7rem 1.05rem;background:linear-gradient(135deg,var(--blue),#694cf5);color:#fff;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:0 5px 16px #0668e833}.nav-button{min-height:2.4rem;padding:.48rem .9rem;border:1px solid #6db7ff;background:#ffffff12;box-shadow:none}.inline{display:inline;margin:0}
main{padding:1.5rem 0 4rem}.music-hero{position:relative;isolation:isolate;min-height:24rem;display:flex;align-items:center;overflow:hidden;border-radius:1.3rem;background:var(--navy) url('/assets/images/music-hero.webp') center/cover no-repeat;color:#fff;box-shadow:0 18px 60px #07142f33}.music-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,12,32,.96) 0%,rgba(3,12,32,.82) 38%,rgba(3,12,32,.08) 76%)}.hero-content{width:min(37rem,65%);padding:clamp(2rem,5vw,4rem)}.eyebrow{display:block;margin-bottom:.7rem;color:#8fe8ff;font-size:.78rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.eyebrow.dark{color:#0759bf}.music-hero h1{max-width:12ch;margin:.2rem 0 1rem;font-size:clamp(2.25rem,5vw,4.3rem);line-height:1.02;letter-spacing:-.045em}.music-hero p{max-width:35rem;margin:0 0 1.5rem;color:#dbe8ff;font-size:clamp(1rem,2vw,1.2rem)}.hero-button{background:var(--yellow);color:#17203a;box-shadow:0 7px 20px #ffd43b33}
footer{padding:1.3rem 0;background:var(--navy);color:#dce9ff}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.footer-inner nav{display:flex;gap:1rem;flex-wrap:wrap}.footer-inner a{color:#bcecff}.footer-sponsor{padding:.35rem .7rem;border-radius:99px;background:#ffffff12}.footer-sponsor a{font-weight:800}
.voting-section,.results-section{margin-top:2rem;padding:clamp(1.15rem,3vw,2rem);border-radius:1.15rem;background:var(--paper);box-shadow:var(--shadow)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.section-heading h2{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.1}.vote-rule{flex:none;padding:.45rem .75rem;border-radius:99px;background:#e9f8ff;color:#075184;font-weight:800}.login-callout{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.2rem;padding:1rem 1.2rem;border-radius:.8rem;background:linear-gradient(105deg,#eaf7ff,#f0edff)}
.song-vote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.song-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;padding:1.1rem;border:2px solid var(--line);border-radius:1rem;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.song-card:hover{transform:translateY(-2px);border-color:#8faff0;box-shadow:0 9px 26px #0b2a6d18}.song-number{display:grid;place-items:center;align-self:start;width:2.7rem;height:2.7rem;border-radius:.75rem;background:linear-gradient(135deg,#e1f8ff,#ede8ff);color:#3c35a6;font-size:.82rem;font-weight:900}.song-info h3{margin:0;font-size:1.15rem;line-height:1.25}.song-info p{margin:.15rem 0 .55rem;color:var(--muted)}.spotify-link{font-size:.9rem;font-weight:750}.song-card form{grid-column:1/-1}.vote-button{width:100%;background:linear-gradient(135deg,#075fe0,#744bff)}
.live-position{position:absolute;z-index:2;top:.55rem;left:.55rem;display:grid;place-items:center;min-width:2.4rem;height:2.1rem;padding:0 .45rem;border-radius:99px;background:var(--navy);color:#fff;font-weight:900;box-shadow:0 3px 10px #07142f44}.song-card:first-child .live-position{background:#b47d00}
.result-list{list-style:none;margin:0;padding:0}.result-list li{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto 2.7rem;align-items:center;gap:.85rem;padding:1rem .25rem;border-bottom:1px solid var(--line)}.result-list li:first-child{padding-top:.3rem}.result-list li:last-child{border-bottom:0}.result-position{font-size:1.7rem;font-weight:900;color:#4d5c73;text-align:center}.result-list li:first-child .result-position{color:#bd8500}.result-song{display:flex;flex-direction:column}.result-song span{color:var(--muted)}.result-votes{color:var(--muted);font-weight:750}.round-link{display:grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:50%;background:#e9f7ef;color:#08743a;text-decoration:none}.empty-state,.card{padding:1.25rem;border-radius:1rem;background:var(--paper);box-shadow:var(--shadow)}
.card{margin:0 0 1rem}.muted{color:var(--muted)}.secondary{background:#46586c}.flash{padding:.9rem 1rem;border-left:5px solid var(--blue);border-radius:.5rem;background:#fff;margin-bottom:1rem;box-shadow:var(--shadow)}.flash.error{border-color:var(--danger)}label{display:block;font-weight:750;margin-top:1rem}input{width:100%;max-width:38rem;min-height:2.8rem;padding:.65rem .75rem;border:2px solid #93a4ba;border-radius:.55rem;background:#fff;font:inherit}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--line)}th{background:#e5edf7}.table-wrap{overflow-x:auto}.actions{display:flex;gap:.6rem;flex-wrap:wrap}
@media(max-width:48rem){.wrap{width:min(100% - 1.15rem,72rem)}header nav{padding:.65rem 0;flex-wrap:wrap;gap:.55rem}.brand{width:100%}.brand small{display:inline}.nav-links{width:100%;gap:.35rem;overflow-x:auto;padding:.2rem 0}.nav-links>a:not(.nav-button){display:inline-flex;flex:none;padding:.45rem .55rem;font-size:.9rem}.nav-button{flex:none;padding:.42rem .65rem}.music-hero{min-height:29rem;border-radius:1rem;background-position:62% center}.music-hero::after{background:linear-gradient(180deg,rgba(3,12,32,.25),rgba(3,12,32,.95) 66%)}.hero-content{align-self:end;width:100%;padding:1.5rem}.music-hero h1{font-size:2.5rem}.hero-button{width:100%}.section-heading{align-items:flex-start;flex-direction:column}.vote-rule{font-size:.9rem}.login-callout{align-items:stretch;flex-direction:column}.song-vote-grid{grid-template-columns:1fr}.song-card{padding:1rem}.result-list li{grid-template-columns:2.5rem minmax(0,1fr) 2.7rem}.result-votes{grid-column:2;color:var(--muted)}main{padding-top:.6rem}.voting-section,.results-section{margin-top:1rem;padding:1rem;border-radius:1rem}}
.song-card{grid-template-columns:5.5rem minmax(0,1fr)}.song-cover-link{display:block;width:5.5rem;height:5.5rem}.song-cover{display:block;width:100%;height:100%;object-fit:contain;border-radius:.75rem;background:#eef2f7}.spotify-preview{display:flex;align-items:center;gap:.8rem;margin-top:1rem;padding:.75rem;border:1px solid var(--line);border-radius:.75rem;background:#f7faff}.spotify-preview[hidden]{display:none}.spotify-preview img{width:5rem;height:5rem;object-fit:contain;border-radius:.55rem}.spotify-preview span{color:var(--muted);font-size:.9rem}.metadata-status{min-height:1.55rem;color:#075184;font-weight:700}.propose-form button{margin-top:1rem}
.song-info .list-count{display:inline-block;margin:.1rem 0 .55rem;padding:.25rem .55rem;border-radius:99px;background:#eef4ff;color:#194f9d;font-size:.82rem;font-weight:800}.activity-ranking{margin-top:2rem}.activity-ranking ol{display:grid;gap:.55rem;margin:0;padding:0;list-style:none;counter-reset:activity}.activity-ranking li{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;counter-increment:activity}.activity-ranking li::before{content:counter(activity);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--navy);color:#fff;font-weight:900}.activity-ranking li span{color:var(--muted);font-size:.9rem}.activity-ranking li:first-child::before{background:#b47d00}@media(max-width:36rem){.activity-ranking li{grid-template-columns:2.4rem minmax(0,1fr)}.activity-ranking li span{grid-column:2}}
.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}.spotify-playlist-button{background:#1db954;color:#07142f}.spotify-playlist-button:hover{background:#1ed760}.spotify-playlist-success{max-width:48rem;margin:2rem auto;text-align:center}.spotify-playlist-success .button{margin:.25rem}
.consent-banner{position:fixed;z-index:1000;right:1rem;bottom:1rem;left:1rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;max-width:64rem;margin:auto;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 12px 40px #07142f44}.consent-banner[hidden]{display:none}.consent-banner p{margin:.25rem 0 0;color:var(--muted)}.consent-actions{display:flex;flex:none;gap:.5rem}.cookie-settings{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;box-shadow:none}@media(max-width:42rem){.consent-banner{align-items:stretch;flex-direction:column}.consent-actions button{flex:1}}
.moderation-group{margin-top:1.5rem}.moderation-group>h3{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.moderation-group>h3 .status{font-size:.8rem}
.notification-preferences{display:grid;grid-template-columns:minmax(14rem,.7fr) minmax(20rem,1.3fr);align-items:start;gap:1.5rem;margin-top:2rem}.notification-preferences h2{margin:.15rem 0}.notification-preferences p{margin:.35rem 0 0;color:var(--muted)}.preference-list{display:grid;gap:.8rem}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem;border:1px solid var(--line);border-radius:.8rem}.notification-preferences form{display:flex;align-items:center;gap:.65rem;flex:none}@media(max-width:48rem){.notification-preferences{grid-template-columns:1fr}.preference-row{align-items:stretch;flex-direction:column}.notification-preferences form{justify-content:space-between}}
.newsletter-admin textarea{width:100%;max-width:52rem;min-height:10rem;padding:.7rem .8rem;border:2px solid #93a4ba;border-radius:.55rem;background:#fff;font:inherit;resize:vertical}.newsletter-admin button{margin-top:1rem}.newsletter-admin button:disabled{cursor:not-allowed;opacity:.55}
.result-list li{grid-template-columns:3.2rem 4.25rem minmax(0,1fr) auto 2.7rem}.result-cover-link{display:block;width:4.25rem;height:4.25rem}.result-cover{display:grid;place-items:center;width:4.25rem;height:4.25rem;object-fit:contain;border-radius:.65rem;background:#eef2f7}.result-cover-placeholder{color:#536987;font-size:1.35rem}.archive-chart{list-style:none;padding:0}.archive-chart li{display:grid;grid-template-columns:2.5rem 4.25rem minmax(0,1fr);align-items:center;gap:.85rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.archive-chart li:last-child{border-bottom:0}.archive-chart .position{text-align:center;font-size:1.35rem;font-weight:900}@media(max-width:48rem){.result-list li{grid-template-columns:2.4rem 3.5rem minmax(0,1fr) 2.7rem}.result-cover-link,.result-cover{width:3.5rem;height:3.5rem}.result-votes{grid-column:3}.archive-chart li{grid-template-columns:2rem 3.5rem minmax(0,1fr)}}
@media(max-width:48rem){.result-list .round-link{grid-column:4;grid-row:1}.result-list .result-votes{grid-column:3;grid-row:2}}
.moderation-song-head{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;align-items:start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.moderation-song-head img,.moderation-cover-placeholder{display:grid;place-items:center;width:5.5rem;height:5.5rem;object-fit:contain;border-radius:.7rem;background:#edf2f8;color:#536987;font-size:1.5rem}.moderation-song-head>div>strong{font-size:1.08rem}.proposer{margin:.55rem 0 0;color:var(--muted);font-size:.9rem}.proposer strong{color:var(--ink)}.error-text{color:var(--danger)!important}
.spotify-listen{min-height:2.35rem;padding:.45rem .8rem;background:#16833f;box-shadow:none;font-size:.9rem}
.explicit-explanation{max-width:48rem;margin:.75rem 0 1rem;padding:.75rem .9rem;border-left:4px solid #e3a900;border-radius:.45rem;background:#fff8dc;color:#3f3821;font-size:.92rem}.explicit-explanation strong{color:#8a3100}
.proposal-overview,.ranking-overview{margin-top:2rem}.added-song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.added-song{display:grid;grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.65rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;text-decoration:none}.added-song img,.added-song>span:first-child{display:grid;place-items:center;width:3.25rem;height:3.25rem;object-fit:cover;border-radius:.5rem;background:#edf2f8}.added-song strong,.added-song small{display:block}.added-song small{color:var(--muted)}.proposal-ranking{list-style:none;margin:0;padding:0;border-radius:1rem;background:#fff;box-shadow:var(--shadow);overflow:hidden}.proposal-ranking li{display:grid;grid-template-columns:3rem 3.5rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.proposal-ranking li:last-child{border-bottom:0}.proposal-ranking img,.ranking-cover-placeholder{display:grid;place-items:center;width:3.5rem;height:3.5rem;object-fit:cover;border-radius:.55rem;background:#edf2f8}.proposal-ranking strong,.proposal-ranking small{display:block}.proposal-ranking small{color:var(--muted)}.ranking-place{font-size:1.35rem;font-weight:900;text-align:center}.top-ranking li:first-child .ranking-place{color:#b47d00}.outside-ranking{margin-top:1.5rem}
@media(max-width:48rem){.added-song-grid{grid-template-columns:1fr}.proposal-ranking li{grid-template-columns:2.2rem 3rem minmax(0,1fr);padding:.65rem}.proposal-ranking img,.ranking-cover-placeholder{width:3rem;height:3rem}.proposal-ranking li>a{grid-column:3}}
.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,28rem);align-items:center;gap:clamp(2rem,6vw,6rem);min-height:32rem;padding:clamp(2rem,6vw,4rem);border-radius:1.25rem;background:linear-gradient(120deg,#07142f,#173b76);color:#fff;box-shadow:var(--shadow)}.auth-intro h1{max-width:10ch;margin:.25rem 0 1rem;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.02}.auth-intro p{max-width:35rem;color:#dce9ff;font-size:1.1rem}.auth-card{margin:0;color:var(--ink)}.auth-card label:first-of-type{margin-top:0}.wide-button{width:100%;margin-top:1.2rem}.check-row{display:flex;align-items:flex-start;gap:.65rem;font-weight:500}.check-row input{flex:0 0 auto;width:1.15rem;min-height:1.15rem;margin-top:.25rem}.auth-links{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.auth-note{text-align:center;margin-bottom:0}.dev-login{margin-top:1rem}
@media(max-width:48rem){.auth-shell{grid-template-columns:1fr;gap:1rem;min-height:0;padding:1.2rem}.auth-intro h1{font-size:2.5rem}.auth-card{padding:1rem}.auth-links{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.song-card{transition:none}}