@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;600;700;800&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f3f1e8;background:#11110f;margin:0;font-family:DM Sans,sans-serif}header{border-bottom:1px solid #34342e;justify-content:space-between;align-items:center;padding:24px 7%;display:flex}.logo{letter-spacing:-1px;color:#fff;font-family:Archivo Black,sans-serif;font-size:19px;line-height:.9;text-decoration:none}.logo span{color:#982834}.live,.updates{letter-spacing:1.5px;font-size:10px;font-weight:800}.live i,.updates i{background:#ebc3c7;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.hero{color:#111;background:#982834;padding:80px 7% 75px;position:relative;overflow:hidden}.hero:after{content:"✳";color:#bce530;opacity:.8;font-size:350px;line-height:1;position:absolute;top:-65px;right:3%}.eyebrow,.tag{letter-spacing:2px;font-size:11px;font-weight:800}.hero h1,h2{letter-spacing:-4px;margin:24px 0;font-family:Archivo Black,sans-serif;line-height:.94}.hero h1{z-index:1;font-size:clamp(56px,9vw,125px);position:relative}.hero h1 em{color:#f6f4eb;font-style:normal}.hero p{z-index:1;max-width:460px;font-weight:600;line-height:1.6;position:relative}.jump{color:#fff;letter-spacing:1px;background:#111;margin-top:18px;padding:16px 22px;font-size:11px;font-weight:800;text-decoration:none;display:inline-block}.hero-number{letter-spacing:2px;font-size:10px;font-weight:800;position:absolute;bottom:30px;right:7%}.content{max-width:1200px;margin:auto;padding:0 7%}.intro{border-bottom:1px solid #34342e;grid-template-columns:1fr 1fr;gap:80px;padding:100px 0;display:grid}.tag{color:#982834}h2{font-size:clamp(44px,6vw,75px)}h2 em{color:#982834;font-style:normal}.intro p{color:#a7a79c;max-width:400px;line-height:1.7}.form{background:#20211c;padding:28px}.form-top{letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:13px;display:flex}.form-top span{color:#982834}.form label{letter-spacing:1px;margin-top:16px;font-size:10px;font-weight:800;display:block}.form input,.tools input{color:#fff;width:100%;font:inherit;background:#11110f;border:1px solid #41413a;outline:none;margin-top:8px;padding:15px;display:block}button{cursor:pointer;font:inherit}.form button{color:#111;letter-spacing:.8px;background:#982834;border:0;width:100%;margin-top:20px;padding:17px;font-size:12px;font-weight:800}.form small,.note{color:#929388;margin-top:14px;font-size:11px;line-height:1.6;display:block}.ranking{padding:90px 0}.ranking-head{justify-content:space-between;align-items:end;display:flex}.ranking-head h2{margin-bottom:35px}.updates{color:#a7a79c;margin-bottom:40px}.tools{letter-spacing:1px;border-top:1px solid #44443c;border-bottom:1px solid #44443c;justify-content:space-between;align-items:center;padding:16px 0;font-size:11px;font-weight:800;display:flex}.tools input{letter-spacing:0;width:250px;margin:0;padding:11px;font-size:12px}.song{border-bottom:1px solid #34342e;align-items:center;gap:22px;padding:20px 0;display:flex}.rank{color:#77776c;font-family:Archivo Black,sans-serif;font-size:26px}.rank.top{color:#982834}.song-title{flex:1;min-width:0}.song-title strong,.song-title span{overflow-wrap:anywhere;display:block}.song-title strong{font-size:16px}.song-title span{color:#99998f;margin-top:5px;font-size:13px}.vote{color:#fff;white-space:nowrap;background:0 0;border:1px solid #77786e;padding:12px;font-size:11px;font-weight:800}.vote b{color:#982834;margin-left:12px}.vote.voted{color:#982834;border-color:#982834}.vote:disabled{cursor:default;opacity:.8}.empty{text-align:center;color:#a7a79c;padding:60px 0}.message{color:#982834}footer{letter-spacing:1px;border-top:1px solid #34342e;justify-content:space-between;padding:30px 7%;font-size:10px;display:flex}footer strong{font-size:14px}footer span{color:#99998f}@media (max-width:700px){header{padding:20px 6%}.hero{padding:65px 6%}.hero:after{font-size:180px;top:5px;right:-30px}.hero h1{letter-spacing:-3px;font-size:clamp(48px,11vw,75px)}.hero-number{display:none}.content{padding:0 6%}.intro{grid-template-columns:1fr;gap:25px;padding:65px 0}.form{padding:20px}.ranking{padding:65px 0}.ranking-head{display:block}.updates{margin-bottom:20px}.tools input{width:55%}.song{gap:12px}.vote{padding:10px 8px}.vote b{margin-left:6px}h2{letter-spacing:-2px}footer span{display:none}}.logo img{width:148px;height:auto;display:block}.hero{color:#fff;background:#982834}.hero:after{display:none}.hero-mark{opacity:.34;filter:brightness(0);pointer-events:none;width:min(34vw,370px);position:absolute;top:8%;right:5%;transform:rotate(-12deg)}.hero h1 em{color:#e5a5ad}.hero p{color:#f6e9ea}.hero-number{color:#f0c6ca}.tag,.form-top span,.rank.top,.vote b,.vote.voted,.message{color:#e995a0}.form button{color:#fff;background:#982834}.form button:hover{background:#b23747}.form button:disabled{opacity:.6}.form input:focus,.tools input:focus,.vote.voted{border-color:#e995a0}.footer-logo{object-fit:contain;width:115px;height:auto}.live i,.updates i{background:#e995a0}@media (max-width:700px){.logo img{width:120px}.hero-mark{opacity:.25;width:45vw;top:10%;right:-8%}.hero h1,.hero p,.jump{z-index:1;position:relative}}.event{border-bottom:1px solid #34342e;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:90px 0;display:grid}.poster img{width:100%;height:auto;display:block}.event-info p{color:#ccc;line-height:1.7}.ticket-link,.insta{color:#fff;letter-spacing:.5px;background:#982834;margin-top:15px;padding:16px 20px;font-size:12px;font-weight:800;text-decoration:none;display:inline-block}.tickets-embed{max-width:100%;overflow:hidden}.tickets-embed iframe{border:0;width:100%;max-width:100%}.intro{display:block}.intro>div{max-width:750px}.intro p{max-width:680px}.add-open{color:#fff;letter-spacing:1px;background:#982834;border:0;padding:17px 22px;font-weight:800}.add-open span{color:#f5b4bc;margin-left:22px}.add-open:disabled{opacity:.65}.modal-backdrop{z-index:50;background:#000b;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#20211c;width:min(100%,550px);max-height:95vh;padding:30px;position:relative;overflow:auto;box-shadow:0 20px 90px #000}.modal h2{letter-spacing:-2px;font-size:40px}.modal p{color:#ccc;line-height:1.5}.modal .form{padding:10px 0 0}.close{color:#fff;background:0 0;border:0;font-size:32px;position:absolute;top:12px;right:17px}.confirm{align-items:center;gap:10px;margin:20px 0;font-size:13px;display:flex}.confirm input{accent-color:#982834;width:18px;height:18px}.insta{color:#111;background:#f0edeb}.modal .form button:disabled{opacity:.45}.vote.voted{cursor:pointer}@media (max-width:700px){.event{grid-template-columns:1fr;gap:24px;padding:60px 0}.event-info h2{font-size:48px}.modal{padding:22px}.modal h2{font-size:32px}}.event{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;column-gap:60px}.event-info{align-self:center}.ticket-panel{background:linear-gradient(135deg,#251a1b,#171716);border:1px solid #74343a;grid-column:1/-1;margin-top:14px;padding:clamp(24px,4vw,48px);position:relative}.ticket-panel:before{content:"";background:#982834;width:90px;height:4px;position:absolute;top:0;left:0}.ticket-heading{justify-content:space-between;align-items:start;gap:24px;display:flex}.ticket-heading h3{letter-spacing:-1px;margin:15px 0;font-family:Archivo Black,sans-serif;font-size:clamp(24px,4vw,43px);line-height:1}.ticket-heading p{color:#c4b7b6;max-width:540px;font-size:14px;line-height:1.6}.ticket-date{text-align:center;color:#e5a5ad;border:1px solid #71353a;padding:13px;font-family:Archivo Black,sans-serif;font-size:32px;line-height:.9}.ticket-date small{letter-spacing:2px;font:800 10px DM Sans,sans-serif}.tickets-embed{max-width:100%;margin-top:20px;overflow:visible}.tickets-embed iframe{border:0;width:100%;max-width:100%;display:block}.ticket-fallback{color:#aaa;margin-top:22px;font-size:12px}.ticket-fallback a{color:#e9a2ac;text-underline-offset:3px}@media (max-width:700px){.event{grid-template-columns:1fr}.ticket-panel{grid-column:auto;margin-top:0}.ticket-date{padding:10px;font-size:25px}.ticket-heading{gap:8px}.ticket-heading h3{font-size:26px}}