@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#101312;--panel:#191e1b;--line:#2b332e;--muted:#9ba69e;--lime:#c8f56b;--white:#f3f5ef}*{box-sizing:border-box}body{background:var(--bg);color:var(--white);margin:0;font:14px DM Sans,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline:2px solid var(--lime);outline-offset:4px}button{color:inherit}input{color:var(--white)}.app-shell{max-width:1440px;margin:auto;padding:0 64px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:108px;display:flex}.brand{letter-spacing:.5px;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;display:flex}.brand-record{color:var(--lime);place-items:center;display:grid}.brand small{letter-spacing:4.4px;color:var(--muted);margin-top:4px;font-size:9px;font-weight:600;display:block}.header-right{align-items:center;gap:27px;display:flex}.live-badge{letter-spacing:1.1px;color:var(--lime);background:#c8f56b07;border:1px solid #3a4a31;border-radius:30px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:700;display:flex}.live-badge i,.pulse,.update-label span{background:var(--lime);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #c8f56655}.live-badge.paused{color:#f5c875;border-color:#70572b}.live-badge.paused i{background:#f5c875}.dj-link{color:var(--muted);gap:6px;font-size:12px;display:flex}.hero{grid-template-columns:1.3fr 1fr;align-items:center;min-height:390px;padding:44px 0 46px;display:grid;position:relative}.eyebrow{letter-spacing:2px;color:var(--lime);align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.eyebrow>span{background:var(--lime);width:22px;height:1px}h1{letter-spacing:-3px;margin:18px 0 20px;font-family:Manrope,sans-serif;font-size:clamp(44px,5.1vw,70px);font-weight:800;line-height:1.08}h1 em{color:var(--lime);font-style:normal}.hero-copy>p{color:var(--muted);max-width:400px;margin:0;font-size:14px;line-height:1.75}.hero-meta{color:#b9c4ba;align-items:center;gap:12px;margin-top:24px;font-size:10px;display:flex}.hero-meta>span{align-items:center;gap:7px;display:flex}.hero-meta svg{color:var(--lime)}.meta-line{background:var(--line);width:1px;height:13px}.vinyl-scene{place-items:center;height:300px;display:grid;position:relative;overflow:hidden}.vinyl{z-index:1;background:repeating-radial-gradient(circle,#202824 0,#151a17 2px,#262d28 3px,#121714 4px);border:1px solid #3a433b;border-radius:50%;place-items:center;width:254px;height:254px;display:grid;transform:rotate(-22deg);box-shadow:inset 5px 0 16px #ffffff0e,20px 18px 30px #0008}.vinyl:after{content:"";background:conic-gradient(#0000 10%,#ffffff08 18%,#0000 24% 59%,#ffffff0b 65%,#0000 71%);border-radius:50%;position:absolute;inset:0}.vinyl-label{background:var(--lime);color:#1b2910;border:1px solid #8eb03c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:103px;height:103px;display:flex;position:relative}.vinyl-label span{letter-spacing:1px;font-size:6px;font-weight:800}.vinyl-label strong{letter-spacing:-2px;font-family:Manrope;font-size:31px}.vinyl-label i{background:#182117;border-radius:50%;width:7px;height:7px;position:absolute;top:48px}.orbit{border:1px solid #c8f56b16;border-radius:50%;width:300px;height:300px;position:absolute;transform:rotate(-28deg)scaleY(.72)}.orbit-two{width:370px;height:370px;transform:rotate(30deg)scaleY(.72)}.vinyl-tag{z-index:3;letter-spacing:1px;background:#242b25;border:1px solid #414c36;border-radius:5px;align-items:center;gap:9px;padding:13px 18px;font-size:8px;font-weight:600;display:flex;position:absolute;bottom:11px;right:20px;transform:rotate(-4deg);box-shadow:0 4px 20px #0004}.spark{color:var(--lime);font-size:33px;position:absolute;top:40px;right:18px}.spark-two{color:#667c48;font-size:18px;top:204px;left:18px}.content-grid{grid-template-columns:350px 1fr;align-items:start;gap:42px;display:grid}.request-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:27px}.card-icon{width:44px;height:44px;color:var(--lime);background:#c8f56b09;border:1px solid #425233;border-radius:12px;place-items:center;margin-bottom:23px;display:grid}.dim{color:var(--muted);letter-spacing:1.5px;font-size:9px}h2{letter-spacing:-.9px;margin:10px 0 12px;font:800 27px Manrope,sans-serif}.request-card>p{color:var(--muted);margin:0 0 26px;font-size:12px;line-height:1.8}label{margin-bottom:9px;font-size:11px;font-weight:600;display:block}label>span{color:var(--lime)}input{background:#101512;border:1px solid #354036;border-radius:7px;outline:none;width:100%;padding:14px;font-size:12px}input::placeholder{color:#748077}input:focus{border-color:var(--lime)}.request-card input{margin-bottom:21px}.primary{background:var(--lime);border:1px solid var(--lime);color:#17220b;border-radius:7px;justify-content:center;align-items:center;gap:12px;padding:14px 17px;font-size:12px;font-weight:700;display:inline-flex}.primary:hover:not(:disabled){background:#d5ff82}.submit{justify-content:space-between;width:100%;min-height:47px;margin-top:2px}.form-note{color:#8d9b8e;align-items:center;gap:6px;margin-top:17px;font-size:10px;display:flex}.form-note svg{color:var(--lime);flex-shrink:0}.dj-note{gap:14px;margin:24px 9px 25px;display:flex}.dj-note>svg{color:#6e7d70;flex-shrink:0;margin-top:2px}.dj-note strong{color:#c3cdbf;font-size:11px}.dj-note p{color:#8f9d91;margin:7px 0;font-size:11px;line-height:1.85}.dj-note span{color:var(--lime);font-size:11px}.queue-heading{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.queue-heading h2{align-items:center;gap:11px;margin-bottom:0;font-size:27px;display:flex}.queue-heading h2>span{color:var(--lime);letter-spacing:0;background:#293225;border:1px solid #455239;border-radius:6px;padding:4px 8px;font:500 11px DM Sans}.update-label{color:#8c9b8d;align-items:center;gap:7px;font-size:10px;display:flex}.update-label span{width:5px;height:5px}.queue-stats{color:#8d9d90;gap:23px;margin:22px 0;font-size:11px;display:flex}.queue-stats span{align-items:center;gap:6px;display:flex}.queue-stats strong{color:#e5eddf;font-weight:500}.queue-stats svg{color:#789562}.queue-controls{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.tabs{gap:24px;display:flex}.tabs button{color:#87958a;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:15px 0;font-size:11px}.tabs .active{border-bottom-color:var(--lime);color:var(--white)}.tabs span{background:#252d27;border-radius:4px;margin-left:4px;padding:2px 5px;font-size:9px}.sort-label{margin:0}select{color:#adb9af;background:0 0;border:0;max-width:120px;font-size:10px}select option{background:#19221a}.search-field{color:#708075;background:#141916;border:1px solid #2b342d;border-radius:7px;align-items:center;gap:10px;padding-left:12px;display:flex}.search-field input{background:0 0;border:0;padding:13px 0;font-size:11px}.search-field button,.toast button{color:var(--muted);background:0 0;border:0;place-items:center;padding:10px;display:grid}.song-list{min-height:320px;margin-top:12px}.song-row{border-bottom:1px solid #273029;align-items:center;gap:14px;padding:17px 0;display:flex}.rank{color:#718075;font-variant-numeric:tabular-nums;width:18px;font-size:11px}.song-art{color:#a5bc87;background:#263425;border-radius:8px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.song-row:nth-child(3n+2) .song-art{color:#c1abc9;background:#2d2b38}.song-row:nth-child(3n) .song-art{color:#c4a177;background:#3b3025}.song-info{flex:1;min-width:0}.song-info h3{overflow-wrap:anywhere;margin:0 0 6px;font-size:13px;font-weight:600}.song-info p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:11px}.song-info small{color:var(--lime);letter-spacing:1px;margin-top:7px;font-size:8px;display:block}.vote{min-width:52px;color:var(--lime);background:#1d271c;border:1px solid #3d4a35;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:7px 9px;display:flex}.vote strong{font-size:13px}.vote small{letter-spacing:.8px;font-size:7px}.vote.voted{opacity:1;color:#91ad6b;background:#c8f56b0a;border-color:#31402a}.vote:hover:not(:disabled){background:#334629}.played-icon{color:#8f9e88;padding:10px}.voting-note{color:#819086;align-items:center;gap:6px;margin:20px 0;font-size:10px;display:flex}.empty-state{text-align:center;color:#7f927d;background:radial-gradient(#c8f56b05,#0000 65%);flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 30px;display:flex}.empty-disc{color:#b4ce91;background:#1c251a;border:1px solid #34402f;border-radius:50%;place-items:center;width:84px;height:84px;margin-bottom:8px;display:grid}.empty-state h3{color:#d3ddce;letter-spacing:-.3px;margin:16px 0 9px;font:700 17px Manrope}.empty-state p{color:#8b9c8d;max-width:285px;margin:0;font-size:11px;line-height:1.8}.empty-state>span{letter-spacing:1.8px;color:var(--lime);gap:8px;margin-top:22px;font-size:8px;display:flex}.bottom-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-around;align-items:center;gap:15px;margin-top:54px;padding:25px 0;display:flex}.bottom-strip span{color:var(--lime);align-items:center;gap:12px;font-size:9px;display:flex}.bottom-strip strong{color:#aebdaa;font-size:11px;font-weight:500}footer{color:#68766b;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 35px;font-size:9px;display:flex}footer>span{letter-spacing:.7px;font-size:9px;font-weight:700}footer b{font-weight:400}footer p{font-size:10px}footer a{align-items:center;gap:4px;display:flex}.toast{color:#e1f5cb;z-index:50;background:#263323;border:1px solid #698648;border-radius:10px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 30px);padding:12px 14px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.toast>svg{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.error-box{color:#ffd5b6;background:#422b20;border:1px solid #855435;border-radius:8px;margin-bottom:22px;padding:15px}.error-box button{color:#ffd5b6;background:0 0;border:0;text-decoration:underline}.next-card{background:#1e2b1b;border:1px solid #455b32;border-radius:10px;align-items:center;gap:13px;margin-bottom:12px;padding:17px;display:flex}.next-icon{color:var(--lime)}.next-card>div:nth-child(2){flex-direction:column;flex:1;gap:5px;display:flex}.next-card small{letter-spacing:1px;color:var(--lime);font-size:8px}.next-card strong{font-size:14px}.next-card span{color:var(--muted);font-size:11px}.equalizer{align-items:center;gap:3px;display:flex}.equalizer i{background:var(--lime);width:3px;height:12px}.equalizer i:nth-child(2){height:23px}.equalizer i:nth-child(3){height:17px}.admin-panel{background:#192019;border:1px solid #445538;border-radius:12px;margin-bottom:30px;padding:24px}.section-heading{color:var(--lime);align-items:center;gap:10px;display:flex}.section-heading h2{color:var(--white);margin:0;font-size:21px}.private-label{letter-spacing:1.3px;color:#8fa27c;margin-left:auto;font-size:8px}.admin-panel>p{color:var(--muted);font-size:12px;line-height:1.8}.admin-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.secondary{color:#d4dfcb;background:#242f23;border:1px solid #475440;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:11px 13px;font-size:11px;display:inline-flex}.secondary:hover{background:#34442e}.event-form{max-width:600px;margin-top:20px}.event-form>div{gap:10px;display:flex}.event-form input{flex:1}.event-form button{white-space:nowrap}.reset-box{background:#362e20;border-radius:8px;margin-top:20px;padding:17px}.reset-box p{color:#e0d4b7;font-size:12px}.text-button{color:#adbba5;background:0 0;border:0;align-items:center;gap:5px;padding:10px;font-size:11px;display:inline-flex}.share-box{border-top:1px solid var(--line);align-items:center;gap:23px;margin-top:20px;padding-top:20px;display:flex}.share-box img{background:#fff;border-radius:8px;max-width:40%;height:auto}.share-box h3{margin:0 0 10px;font-family:Manrope;font-size:20px}.share-box p{color:var(--muted);max-width:450px;font-size:12px;line-height:1.7}.share-box .muted{font-size:11px}.song-admin{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.song-admin button{color:#bacdb0;background:#232e21;border:1px solid #40503a;border-radius:4px;padding:6px;font-size:9px}.song-admin button:last-child{color:#d3ab9b;border-color:#524034}.anchor-button{margin-top:5px}@media (min-width:1400px){.app-shell{padding:0 90px}}@media (max-width:1050px){.app-shell{padding:0 32px}.content-grid{grid-template-columns:310px 1fr;gap:25px}.hero-meta{flex-wrap:wrap}.hero-meta .meta-line,.hero-meta>span:last-child{display:none}.request-card{padding:23px}.vinyl{width:225px;height:225px}.vinyl-tag{font-size:7px;right:0}.queue-heading{gap:10px}.update-label{font-size:9px}.queue-heading h2{font-size:24px}.tabs{gap:16px}}@media (max-width:740px){.app-shell{padding:0 20px}.topbar{height:89px}.brand{gap:9px;font-size:13px}.brand small{letter-spacing:3.3px;font-size:7px}.brand-record svg{width:29px}.header-right{gap:0}.header-right .dj-link{display:none}.live-badge{letter-spacing:.7px;gap:6px;padding:9px;font-size:7px}.hero{grid-template-columns:1fr;min-height:auto;padding:34px 0 31px}.hero-copy{z-index:2}.hero h1{letter-spacing:-2.2px;margin:18px 0;font-size:47px}.hero-copy>p{max-width:280px;font-size:12px}.hero-meta{margin-top:20px;font-size:9px}.vinyl-scene{opacity:.18;pointer-events:none;width:185px;height:190px;position:absolute;top:65px;right:-20px}.vinyl{width:170px;height:170px}.vinyl-label{width:70px;height:70px}.vinyl-label strong{font-size:23px}.vinyl-label span{font-size:4px}.vinyl-label i{width:5px;height:5px;top:33px}.vinyl-tag,.spark{display:none}.content-grid{grid-template-columns:1fr;gap:30px}.request-card{padding:23px}.card-icon{float:right;width:38px;height:38px;margin:0}.request-card .eyebrow{padding-top:5px}.request-card h2{margin-top:12px;font-size:25px}.request-card>p{margin-bottom:21px;font-size:12px}.request-card>p br{display:none}.request-card input{margin-bottom:18px;font-size:14px}.request-card label{font-size:12px}.form-note{justify-content:center;font-size:10px}.dj-note{margin:19px 3px 0}.dj-note p{font-size:11px}.queue-heading{margin-top:5px}.queue-heading h2{font-size:26px}.queue-stats{margin:21px 0 13px}.queue-controls{margin-top:4px}.queue{min-width:0}.queue .dim{font-size:8px}.search-field input{font-size:12px}.song-row{gap:11px}.song-info h3{font-size:14px}.song-info p{font-size:12px}.song-art{width:39px;height:39px}.empty-state{min-height:275px;padding:25px 17px}.song-list{min-height:275px}.bottom-strip{flex-direction:column;align-items:flex-start;gap:20px;margin-top:35px;padding:25px 5px}.bottom-strip strong{font-size:12px}footer{flex-wrap:wrap;align-items:flex-start;gap:13px;padding:24px 0}footer p{order:3;width:100%;margin:0;font-size:10px}footer a{margin-left:auto}.share-box{flex-direction:column;align-items:flex-start}.share-box img{width:180px;max-width:100%}.share-box h3{font-size:18px}.event-form>div{flex-direction:column}.private-label{font-size:7px}.admin-panel{padding:18px}.admin-actions .secondary{white-space:nowrap;flex:1}.toast{bottom:16px}.hero .eyebrow,.update-label{font-size:9px}}.match-panel{background:#c8f56b08;border:1px solid #455b32;border-radius:9px;margin:-4px 0 21px;padding:13px}.match-heading{color:var(--lime);align-items:center;gap:6px;margin:0 0 12px;font-size:10px;font-weight:600;display:flex}.match-item{border-top:1px solid #38462e;align-items:center;gap:9px;padding:10px 0;display:flex}.match-item>div{flex:1;min-width:0}.match-item strong{overflow-wrap:anywhere;font-size:12px;line-height:1.5;display:block}.match-item>div>span{color:var(--muted);overflow-wrap:anywhere;font-size:10px;line-height:1.6;display:block}.match-item small{color:#b6c3a5;margin-top:4px;font-size:9px;display:block}.match-vote{color:#19220f;background:var(--lime);border:1px solid var(--lime);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-height:40px;padding:10px 8px;font-size:10px;font-weight:700;display:inline-flex}.match-vote:disabled{opacity:.65}.match-played{color:#a0af95;align-items:center;gap:4px;font-size:10px;display:flex}.match-hint{color:#9cac90;margin:5px 0 0;font-size:9px;line-height:1.7}@media (max-width:740px){.match-vote{min-height:44px}.match-item strong{font-size:13px}.match-item>div>span,.match-heading{font-size:11px}.match-hint{font-size:10px}}.vinyl-label{border:1px solid #a9ce59;width:148px;height:148px;transform:rotate(22deg);box-shadow:0 0 0 3px #101710,0 0 0 4px #658034}.vinyl-label img{object-fit:contain;mix-blend-mode:multiply;border-radius:50%;width:132px;height:132px;display:block}@media (max-width:740px){.vinyl-label{width:100px;height:100px}.vinyl-label img{width:90px;height:90px}}