@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/bebas-neue-400.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/barlow-400.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/barlow-600.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/barlow-condensed-600.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/barlow-condensed-700.woff2)format("woff2")}:root{--black:#0a0a0a;--black-2:#141414;--black-3:#1c1c1c;--white:#f0ece4;--white-dim:#b8b4ac;--label:#d0ccc4;--placeholder:#f0ece461;--stripe:#ffffff0d;--border:#ffffff26;--danger:#c33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--white);background-color:#0a0a0a;background-image:radial-gradient(80% 60% at 50% 0,#3c3732b3 0%,#0000 70%),radial-gradient(60% 40% at 100% 100%,#28231e80 0%,#0000 60%),radial-gradient(50% 50% at 0 80%,#1e1c1966 0%,#0000 60%),url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.055'/%3E%3C/svg%3E");background-attachment:fixed;min-height:100vh;font-family:Barlow,sans-serif;font-size:16px}.page{max-width:560px;margin:0 auto;padding:2.5rem 1.5rem}.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.event-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:2.5rem;padding-bottom:1.25rem;display:flex}.event-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--black);background:var(--white);padding:.2rem .6rem;font-family:Barlow Condensed,sans-serif;font-size:.7rem;font-weight:700}.event-name{letter-spacing:.15em;color:var(--white-dim);font-family:Bebas Neue,sans-serif;font-size:1.1rem}h1{letter-spacing:.06em;color:var(--white);text-shadow:0 0 20px #f0ece466,0 0 40px #f0ece426;align-items:center;gap:1rem;margin-bottom:.5rem;font-family:Bebas Neue,sans-serif;font-size:3.5rem;font-weight:400;line-height:1;display:flex}h1:before,h1:after{content:"";background:var(--white);opacity:.15;flex:1;height:3px}.subtitle{letter-spacing:.15em;text-transform:uppercase;color:var(--white);text-align:center;text-shadow:0 0 20px #f0ece466,0 0 40px #f0ece426;margin-bottom:2.5rem;font-family:Bebas Neue,sans-serif;font-size:1.4rem;font-weight:700}.form-group{margin-bottom:1.25rem}label{letter-spacing:.1em;color:var(--white);margin-bottom:.5rem;font-family:Bebas Neue,sans-serif;font-size:1.4rem;font-weight:700;display:block}input[type=text]{background:var(--black-2);border:1px solid var(--border);width:100%;min-height:52px;color:var(--white);-webkit-appearance:none;appearance:none;border-radius:0;padding:.85rem 1rem;font-family:Barlow,sans-serif;font-size:1rem;font-weight:400;transition:border-color .15s,background .15s}input[type=text]:focus{border-color:var(--white);background:var(--black-3);outline:none}input[type=text]::placeholder{color:var(--placeholder);font-weight:400}button{cursor:pointer;letter-spacing:.12em;border:none;border-radius:0;font-family:Bebas Neue,sans-serif;font-size:1.3rem;transition:background .15s,color .15s,opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}#submit-btn{background:var(--white);width:100%;min-height:52px;color:var(--black);margin-top:.75rem;padding:1rem}#submit-btn:hover:not(:disabled){background:var(--white-dim)}.required{color:var(--white-dim);vertical-align:super;font-size:.75em}.field-hint{letter-spacing:.08em;color:var(--white-dim);margin-top:.4rem;font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:600}.disclaimer{letter-spacing:.08em;color:var(--white-dim);text-align:center;margin-top:1.25rem;font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:600}.site-footer{max-width:560px;margin:0 auto;padding:0 1.5rem 2.5rem}.site-footer .instagram-link{margin-top:0}.instagram-link{color:var(--white-dim);letter-spacing:.1em;justify-content:center;align-items:center;gap:.6rem;margin-top:1.5rem;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.instagram-link:hover{color:var(--white)}.instagram-link svg{fill:currentColor;width:20px;height:20px}.status-msg{letter-spacing:.08em;text-transform:uppercase;min-height:1.2rem;margin-top:.75rem;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:600}.status-msg.error{color:var(--danger)}.thankyou-icon{margin-bottom:1.5rem;font-size:3rem}.thankyou-title{letter-spacing:.1em;margin-bottom:.75rem;font-family:Bebas Neue,sans-serif;font-size:3rem}.thankyou-text{letter-spacing:.1em;text-transform:uppercase;color:var(--white-dim);margin-bottom:.5rem;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:600}.thankyou-subtext{color:var(--white-dim);font-size:.9rem}.thankyou-subtext strong{color:var(--white);font-weight:600}.dashboard.page{max-width:1100px}.dashboard{overflow-x:auto}.dashboard h1{margin-bottom:1.5rem;font-size:2.5rem}.dashboard-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sort-buttons{align-items:center;gap:.5rem;display:flex}.sort-label{letter-spacing:.15em;text-transform:uppercase;color:var(--white-dim);font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700}.sort-btn{border:1px solid var(--border);color:var(--white-dim);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:0;padding:.35rem .9rem;font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:700}.sort-btn:hover{border-color:var(--white);color:var(--white)}.sort-btn.active{background:var(--white);border-color:var(--white);color:var(--black)}.refresh-btn{border:1px solid var(--border);color:var(--white-dim);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:0;padding:.35rem 1rem;font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:700}.refresh-btn:hover{border-color:var(--white);color:var(--white)}.sort-dropdown{position:relative}.sort-dropdown-trigger{border:1px solid var(--border);color:var(--white-dim);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.35rem .9rem;font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:700;display:flex}.sort-dropdown-trigger:hover{border-color:var(--white);color:var(--white)}.sort-dropdown-arrow{font-size:.7rem}.sort-dropdown-menu{background:var(--black-2);border:1px solid var(--border);z-index:100;flex-direction:column;min-width:100%;display:none;position:absolute;top:calc(100% + 4px);left:0}.sort-dropdown.open .sort-dropdown-menu{display:flex}.sort-dropdown-item{color:var(--white-dim);letter-spacing:.12em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:none;padding:.5rem .9rem;font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:700}.sort-dropdown-item:hover{background:var(--stripe);color:var(--white)}.sort-dropdown-item.active{color:var(--white);background:var(--black-3)}table{border-collapse:collapse;table-layout:fixed;width:100%}th:first-child{width:2.5rem}th:nth-child(2){width:24%}th:nth-child(3){width:18%}th:nth-child(4){width:5.5rem}th:nth-child(5),th:nth-child(6){width:10%}th:nth-child(7){width:14%}th{text-align:left;letter-spacing:.2em;text-transform:uppercase;color:var(--white-dim);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700}td{vertical-align:middle;word-break:break-word;border-bottom:1px solid #ffffff0d;padding:.75rem}tbody tr:nth-child(4n+3) td,tbody tr:nth-child(4n+4) td{background:var(--stripe)}.rank{color:#fff3;letter-spacing:.05em;font-family:Bebas Neue,sans-serif;font-size:1rem}.song-title,.artist{letter-spacing:.1em;color:var(--white);white-space:nowrap;text-overflow:ellipsis;max-width:0;font-family:Bebas Neue,sans-serif;font-size:1.4rem;font-weight:700;overflow:hidden}.count{letter-spacing:.05em;color:var(--white);white-space:nowrap;text-overflow:ellipsis;max-width:0;font-family:Bebas Neue,sans-serif;font-size:1.4rem;font-weight:600;overflow:hidden}.timestamp{color:var(--white);letter-spacing:.08em;font-family:Bebas Neue,sans-serif;font-size:1.4rem}.requester{letter-spacing:.1em;color:var(--white);white-space:nowrap;text-overflow:ellipsis;max-width:0;font-family:Bebas Neue,sans-serif;font-size:1.4rem;font-weight:700;overflow:hidden}.summary-row{cursor:pointer;user-select:none}.summary-row:hover td{background:#ffffff0a}.summary-row.expanded td{background:var(--black-3);border-bottom:none}.detail-row.collapsed{display:none}.detail-row td{border-bottom:1px solid var(--border);border-left:2px solid #ffffff26;background:var(--black-3)!important}.detail-content{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:1rem .75rem;display:grid}.detail-item{flex-direction:column;gap:.25rem;display:flex}.detail-label{letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d;font-family:Barlow Condensed,sans-serif;font-size:.65rem;font-weight:700}.detail-value{color:var(--white);word-break:break-word;font-family:Barlow,sans-serif;font-size:.95rem;font-weight:600}.loading-msg,.empty-msg,.error-msg{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#fff3;padding:3rem 0;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700}.error-msg{color:var(--danger)}.mobile-cards{display:none}@media (width<=768px){.dashboard.page{padding:1rem}h1{font-size:2.5rem}.page{padding:1.5rem 1rem}table{display:none!important}.mobile-cards{flex-direction:column;gap:.5rem;display:flex}.mobile-card{background:var(--black-2);border:1px solid var(--border);cursor:pointer;user-select:none;padding:.75rem 1rem}.mobile-card:nth-child(2n){background:var(--black-3)}.mobile-card-main{align-items:center;gap:.75rem;display:flex}.mobile-card-rank{color:#fff3;min-width:1.2rem;font-family:Bebas Neue,sans-serif;font-size:1rem}.mobile-card-info{flex:1;min-width:0}.mobile-card-song{letter-spacing:.08em;color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-family:Bebas Neue,sans-serif;font-size:1.2rem;overflow:hidden}.mobile-card-artist{color:var(--white-dim);white-space:nowrap;text-overflow:ellipsis;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:600;overflow:hidden}.mobile-card-count{color:var(--white);text-align:right;min-width:1.5rem;font-family:Bebas Neue,sans-serif;font-size:1.4rem}.mobile-card-detail{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:grid}.mobile-card-detail.collapsed{display:none}.mobile-card-detail .detail-item{flex-direction:column;gap:.2rem;display:flex}.mobile-card-detail .detail-label{letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d;font-family:Barlow Condensed,sans-serif;font-size:.65rem;font-weight:700}.mobile-card-detail .detail-value{color:var(--white);word-break:break-word;font-family:Barlow,sans-serif;font-size:.9rem;font-weight:600}}@media (width>=769px) and (width<=1024px){table{display:table!important}.mobile-cards{display:none!important}}.settings-group{flex-direction:column;gap:1rem;max-width:300px;display:flex}.settings-select{padding:.5rem .9rem;font-size:.9rem}.settings-save-btn{align-self:flex-start}
