:root{--bg:#0a0a0c;--bg-2:#131316;--ink:#f5f3ee;--ink-muted:#93939c;--panel:#151518;--panel-border:#28282e;--panel-2:#1c1c21;--accent:#ffb703;--accent-ink:#171208;--live:#ff3b30;--danger:#ff5a52;--shadow-float:0 14px 34px -10px #0009, 0 4px 10px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}input,button,textarea{font-family:inherit}button{cursor:pointer}h1,h2,.display{text-transform:uppercase;letter-spacing:.01em;font-family:Anton,Manrope,sans-serif;font-weight:400}.page{flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;padding:28px 18px 100px;display:flex}.dj-page{max-width:1120px;min-height:100%;margin:0 auto;padding:28px 24px 60px}.brand-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.brand-icon{color:var(--accent);flex-shrink:0}h1.title{color:var(--ink);margin:0;font-size:34px;line-height:1}.subtitle{color:var(--ink-muted);margin:8px 0 20px;font-size:15px;font-weight:500;line-height:1.5}.queue-closed-banner{color:#ffb3ad;background:#ff5a521f;border:1px solid #ff5a5266;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:700}.now-playing-strip{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex}.live-dot{background:var(--live);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.now-playing-strip-text{min-width:0}.now-playing-strip-label{letter-spacing:.08em;text-transform:uppercase;color:var(--live);font-size:11px;font-weight:800}.now-playing-strip-song{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.search-input,.text-input{border:1px solid var(--panel-border);background:var(--panel);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:15px 18px;font-size:16px;transition:border-color .15s,box-shadow .15s}.search-input{appearance:none}.search-input::placeholder,.text-input::placeholder{color:var(--ink-muted)}.search-input:focus,.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffb7032e}.category-chips{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.category-chips::-webkit-scrollbar{display:none}.panel .category-chips{flex-wrap:wrap;margin-bottom:12px;overflow-x:visible}.chip{border:1px solid var(--panel-border);background:var(--panel);color:var(--ink-muted);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:9px 14px;font-size:13px;font-weight:700}.chip-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip-off:not(.chip-active){opacity:.5}.fix-row{gap:8px;margin-bottom:8px;display:flex}.fix-row .text-input{min-width:0;padding:10px 12px;font-size:14px}.lyrics-check{margin-bottom:4px}.lyrics-misses{max-height:320px;margin-bottom:4px;overflow-y:auto}.miss-row{border-bottom:1px solid var(--panel-border);padding:10px 0}.miss-row:last-child{border-bottom:none}.miss-actions{flex-wrap:wrap;gap:6px;display:flex}.category-actions{gap:8px;margin-bottom:12px;display:flex}.song-row-off .queue-row-text{opacity:.45}.switch{cursor:pointer;flex-shrink:0;width:40px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-track{background:var(--panel-border);pointer-events:none;border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch-track:after{content:"";background:var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{background:var(--accent-ink);transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.song-list-header{justify-content:space-between;align-items:baseline;margin-top:18px;margin-bottom:10px;display:flex}.song-list-count{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:700}.song-list{flex-direction:column;gap:8px;display:flex}.song-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,transform .1s;display:flex}.song-card:active{transform:scale(.98)}.song-card-text{min-width:0}.song-title-row{align-items:center;gap:8px;display:flex}.song-title{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:16px;font-weight:700;overflow:hidden}.genre-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);border:1px solid #ffb70366;border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:800}.song-artist{color:var(--ink-muted);margin-top:2px;font-size:13px}.lyrics-link{color:var(--accent);background:0 0;border:none;align-items:center;margin:2px 0 -8px -2px;padding:8px 0;font-size:13px;font-weight:700;display:inline-flex}.lyrics-link:active{opacity:.6}.my-queue-fab{z-index:40;color:var(--accent-ink);background:var(--accent);box-shadow:var(--shadow-float);border:none;border-radius:999px;max-width:calc(100% - 36px);padding:13px 22px;font-size:14px;font-weight:800;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.my-queue-fab-live{background:var(--live);color:#fff;animation:1.4s ease-in-out infinite pulse-bg}@keyframes pulse-bg{0%,to{box-shadow:var(--shadow-float)}50%{box-shadow:0 0 0 8px #ff3b302e, var(--shadow-float)}}.my-queue-row{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.my-queue-row:last-child{border-bottom:none}.my-queue-row-text{flex:1;min-width:0}.my-queue-status{color:var(--ink-muted);margin-top:4px;font-size:12px;font-weight:700}.my-queue-status-live{color:var(--live);text-transform:uppercase;letter-spacing:.04em}.my-queue-row-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.note-banner{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.note-banner-text{min-width:0;color:var(--ink);flex:1;font-size:14px}.note-banner .lyrics-modal-close{margin-top:-2px;padding:0}.ticket-action-row{justify-content:center;gap:8px;margin-top:16px;display:flex}.ticket-action-row .btn{flex:1}.lyrics-modal-backdrop{z-index:50;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.lyrics-modal{background:var(--bg-2);width:100%;max-width:520px;max-height:80vh;box-shadow:var(--shadow-float);border-radius:16px 16px 0 0;flex-direction:column;display:flex}.lyrics-modal-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px;display:flex}.lyrics-modal-close{color:var(--ink-muted);background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.lyrics-modal-body{padding:16px 18px 24px;overflow-y:auto}.lyrics-text{white-space:pre-wrap;color:var(--ink);margin:0;font-family:inherit;font-size:14px;line-height:1.7}.btn{letter-spacing:.01em;color:var(--accent-ink);background:var(--accent);border:none;border-radius:8px;flex-shrink:0;padding:12px 18px;font-size:14px;font-weight:800;transition:transform 80ms,box-shadow 80ms;box-shadow:0 3px #b37e00,0 6px 14px -4px #00000080}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #b37e00,0 3px 8px -4px #00000080}.btn-block{letter-spacing:.02em;border-radius:10px;width:100%;margin-top:22px;padding:17px;font-size:16px}.btn-secondary{color:var(--ink);border:1px solid var(--panel-border);box-shadow:none;background:0 0}.btn-secondary:active:not(:disabled){box-shadow:none;transform:scale(.98)}.empty-state{text-align:center;color:var(--ink-muted);margin-top:36px;font-size:14px}.tip-block{margin-top:20px}.tip-picker{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:18px}a.btn{text-align:center;text-decoration:none;display:inline-block}.tip-amount-row{justify-content:center;gap:8px;display:flex}.tip-amount-row .btn{flex:1}.tip-custom-row{gap:8px;margin-top:10px;display:flex}.tip-custom-row .text-input{flex:1}.selected-song-card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:12px;margin-bottom:22px;padding:26px 20px}.selected-song-title{letter-spacing:.01em;text-transform:uppercase;font-family:Anton,sans-serif;font-size:26px}.selected-song-artist{color:var(--ink-muted);margin-top:6px}.back-link{color:var(--ink-muted);background:0 0;border:none;align-self:flex-start;margin-bottom:18px;padding:0;font-size:14px}.back-link:active{color:var(--ink)}.confirmation{margin-top:20px;animation:.35s cubic-bezier(.16,1,.3,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ticket{background:var(--panel);box-shadow:var(--shadow-float);border-radius:16px;position:relative;overflow:hidden}.ticket-stub{text-align:center;background:var(--panel-2);padding:30px 22px 24px}.ticket-seam{border-top:2px dashed var(--panel-border);position:relative}.ticket-seam:before,.ticket-seam:after{content:"";background:var(--bg);border-radius:50%;width:22px;height:22px;position:absolute;top:-11px}.ticket-seam:before{left:-11px}.ticket-seam:after{right:-11px}.ticket-details{text-align:center;padding:22px 22px 28px}.confirmation-badge{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800}.position-number{letter-spacing:.01em;color:var(--ink);margin:2px 0;font-family:Anton,sans-serif;font-size:76px;line-height:1}.position-caption{color:var(--ink-muted);font-size:14px}.error-text{color:var(--danger);margin-top:10px;font-size:14px}.loading-text{color:var(--ink-muted);margin-top:16px;font-size:14px}.dj-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dj-header .title{font-size:26px}.stats-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;display:grid}.stat-chip{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:12px 14px}.stat-chip-value{color:var(--accent);font-family:Anton,sans-serif;font-size:28px;line-height:1}.stat-chip-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-top:4px;font-size:11px;font-weight:700}.dj-grid{grid-template-columns:1.3fr 1fr;gap:18px;display:grid}@media (width<=800px){.dj-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:1fr 1fr}}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;margin-bottom:18px;padding:20px}.panel-title{letter-spacing:.08em;color:var(--ink-muted);text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:800}.now-playing-singer{letter-spacing:.01em;font-family:Anton,sans-serif;font-size:28px}.now-playing-song{color:var(--ink-muted);margin-bottom:18px;font-size:15px}.now-playing-actions{gap:10px;display:flex}.note-sent-line{color:var(--accent);margin:-8px 0 14px;font-size:13px}.note-indicator{cursor:default;margin-left:6px;font-size:12px}.queue-row{border-bottom:1px solid var(--panel-border);align-items:center;gap:12px;padding:11px 0;display:flex}.queue-row:last-child{border-bottom:none}.queue-position{color:var(--accent);flex-shrink:0;width:28px;font-family:Anton,sans-serif;font-size:15px;font-weight:800}.queue-row-text{min-width:0;color:var(--ink);flex:1}.queue-row-actions{flex-shrink:0;gap:6px;display:flex}.btn-sm{border-radius:7px;padding:7px 12px;font-size:12px}.btn-ghost{color:var(--ink-muted);border:1px solid var(--panel-border);box-shadow:none;background:0 0}.btn-ghost:active:not(:disabled){box-shadow:none;transform:scale(.97)}.passcode-field{position:relative}.passcode-field .text-input{padding-right:62px}.passcode-toggle{color:var(--accent);background:0 0;border:none;padding:0 12px;font-size:13px;font-weight:800;position:absolute;top:0;bottom:0;right:4px}.login-card{background:var(--panel);max-width:340px;box-shadow:var(--shadow-float);text-align:center;border-radius:14px;margin:100px auto 0;padding:28px}.settings-row{justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.settings-row a{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;overflow:hidden}.stat-line{color:var(--ink-muted);margin-bottom:10px;font-size:14px}