*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#eef2ff;font-family:system-ui}.wrap{max-width:1000px;margin:auto;padding:20px}.card{background:#151c31;border:1px solid #2a3554;border-radius:18px;padding:16px;margin:14px 0}.row,.actions,.checks{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1}input,select,button{padding:11px;border-radius:10px;border:1px solid #3a4669;background:#0f1629;color:#fff}button{background:#2563eb;border:0;font-weight:700;cursor:pointer}.secondary{background:#475569}.danger{background:#b91c1c}.queue-item,.result{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #2a3554}.queue-item img,.result img{width:72px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.muted{color:#9aa6c0}.hidden{display:none}.banner{padding:12px;border-radius:12px;font-weight:700}.locked{background:#7f1d1d}.open{background:#14532d}.editor-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.tag{background:#26324d;padding:5px 9px;border-radius:99px}#toast{position:fixed;left:50%;top:20px;transform:translate(-50%,-30px);opacity:0;padding:15px 22px;border-radius:12px;z-index:99;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.ok{background:#166534}.err{background:#991b1b}.progress{height:9px;background:#26324d;border-radius:9px;overflow:hidden}.progress>div{height:100%;background:#22c55e}@media(max-width:650px){.row{align-items:stretch;flex-direction:column}.queue-item,.result{grid-template-columns:64px 1fr}.queue-item>button,.result>button{grid-column:1/-1}}
.progress-time{display:flex;justify-content:space-between;color:#9aa6c0;font-size:.85rem;margin-top:5px}.queue-actions{display:flex;gap:5px;flex-wrap:wrap}.queue-actions button{padding:7px 9px}
.quota-track{height:12px;background:#26324d;border-radius:999px;overflow:hidden;margin:10px 0}.quota-track>div{height:100%;transition:width .3s}.quota-ok{color:#4ade80;background:#22c55e}.quota-warning{color:#fde047;background:#eab308}.quota-danger{color:#fca5a5;background:#dc2626}
.playlist-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(180px,auto) auto auto;gap:10px;align-items:center;margin:14px 0}.drag-handle{font-size:22px;color:#94a3b8;cursor:grab;user-select:none}.dragging{opacity:.35;border:1px dashed #60a5fa}.sortable-list .queue-item{transition:opacity .15s,border-color .15s}.playlist-row{grid-template-columns:28px 28px 72px minmax(180px,1fr) auto auto}.queue-sort-row{grid-template-columns:28px 72px minmax(180px,1fr) auto}.item-disabled{opacity:.55}.enabled-toggle{white-space:nowrap}.playlist-tools label{white-space:nowrap}@media(max-width:800px){.playlist-tools{grid-template-columns:1fr 1fr}.playlist-tools .grow{grid-column:1/-1}.playlist-row,.queue-sort-row{grid-template-columns:28px 60px 1fr}.playlist-row>input{grid-column:1}.playlist-row>img,.queue-sort-row>img{grid-column:2}.playlist-row>div,.queue-sort-row>div{grid-column:3}.playlist-row>.enabled-toggle,.playlist-row>button,.queue-sort-row>.queue-actions{grid-column:1/-1}.queue-actions{justify-content:flex-end}}

.archive-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-top:1px solid #2a3554}.archive-item:first-child{border-top:0}.archive-item .actions{justify-content:flex-end}@media(max-width:700px){.archive-item{display:block}.archive-item .actions{margin-top:10px;justify-content:flex-start}}

.debug-card code{background:#0f1629;padding:2px 5px;border-radius:5px}.debug-devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:12px 0}.debug-device{display:flex;flex-direction:column;background:#0f1629;border:1px solid #2a3554;border-radius:12px;padding:10px}.debug-device small{color:#9aa6c0;margin-top:4px}.debug-table-wrap{max-height:520px;overflow:auto;border:1px solid #2a3554;border-radius:12px}.debug-table{width:100%;border-collapse:collapse;font-size:.82rem}.debug-table th{position:sticky;top:0;background:#151c31;text-align:left;padding:9px}.debug-table td{padding:7px 9px;border-top:1px solid #2a3554;vertical-align:top}.debug-table td:last-child{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.debug-EXTERNAL_SKIP_DETECTED,.debug-END_DETECTED,.debug-DONE{background:#55200f}.debug-PLAY_REQUEST,.debug-NEXT_QUEUE_SELECTED,.debug-NEXT_BASE_SELECTED{background:#123b2a}.debug-PLAY_WEBHOOK_ERROR{background:#641b1b}@media(max-width:700px){.debug-table{min-width:850px}}

.host-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0;position:sticky;top:8px;z-index:20;background:#0b1020;padding:8px;border-radius:14px}.host-tab{background:#26324d;color:#cbd5e1;border:1px solid #3a4669}.host-tab:hover{background:#334155}.host-tab.active{background:#2563eb;color:#fff;box-shadow:0 0 0 2px #60a5fa55}.tab-page{display:none}.tab-page.active{display:block}.archive-toolbar{display:flex;gap:10px;align-items:center;margin:12px 0 4px}.archive-main{min-width:0;flex:1}.archive-highlights{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.archive-highlights span{background:#26324d;padding:5px 9px;border-radius:999px;font-size:.82rem}@media(max-width:650px){.host-tabs{grid-template-columns:repeat(2,1fr);top:4px}.host-tab{width:100%}.archive-toolbar{align-items:stretch;flex-direction:column}.archive-highlights{display:grid}.archive-item .actions button{flex:1}}

.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;margin-top:14px}.settings-grid label{display:flex;flex-direction:column;gap:6px}.tv-admin-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #2a3554}.tv-admin-row small{display:block;color:#9aa6c0;margin-top:5px}@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.tv-admin-row{display:block}.tv-admin-row .actions{margin-top:10px}}

.tv-admin-row{display:grid;grid-template-columns:auto minmax(200px,1fr) auto auto;gap:14px}.tv-default{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.8rem}.tv-admin-main{min-width:0}@media(max-width:800px){.tv-admin-row{grid-template-columns:auto 1fr}.tv-admin-row>.enabled-toggle,.tv-admin-row>.actions{grid-column:1/-1}}

.modal{position:fixed;inset:0;z-index:100;background:#020617cc;display:flex;align-items:center;justify-content:center;padding:18px}.modal.hidden{display:none}.modal-card{width:min(680px,100%);max-height:92vh;overflow:auto;background:#151c31;border:1px solid #475569;border-radius:18px;padding:20px;box-shadow:0 24px 80px #0009}.modal-actions{justify-content:flex-end;margin-top:18px}.modal input,.modal select{width:100%}.pair-output{white-space:pre-wrap;overflow-wrap:anywhere;min-height:70px;background:#0f1629;border:1px solid #2a3554;border-radius:10px;padding:12px;color:#cbd5e1}.checks{min-height:42px}.checks span{display:flex;align-items:center;gap:6px}.checks input{width:auto}

/* Beta 3 mobile-first guest interface */
.guest-body{background:radial-gradient(circle at top,#172554,#0b1020 42%)}.guest-app{width:min(100%,900px);margin:auto;padding:0 14px calc(36px + env(safe-area-inset-bottom))}.guest-hero{min-height:220px;margin:0 -14px 16px;border-radius:0 0 26px 26px;background:linear-gradient(135deg,#1d4ed8,#7e22ce);background-size:cover;background-position:center;display:flex;align-items:flex-end;overflow:hidden}.guest-hero-overlay{width:100%;padding:28px 20px 22px;background:linear-gradient(180deg,transparent,#020617aa)}.guest-hero h1{font-size:clamp(2rem,10vw,3.6rem);line-height:1.05;margin:8px 0}.guest-hero p{margin:0;color:#e2e8f0}.party-badge{display:inline-block;padding:7px 12px;border-radius:999px;background:#ffffff22;font-weight:800}.guest-card{padding:18px;margin:14px 0}.guest-card h2{margin:0 0 14px}.guest-fields,.guest-form{display:grid;gap:12px}.guest-fields label{display:grid;gap:7px;font-weight:700}.guest-body input,.guest-body select,.guest-body button{width:100%;min-height:52px;font-size:16px;padding:13px 14px}.guest-body details summary{cursor:pointer;font-weight:800;padding:7px 0}.guest-body details[open] .guest-form{margin-top:14px}.guest-results{display:grid;gap:14px}.guest-result{overflow:hidden;background:#0f1629;border:1px solid #2a3554;border-radius:16px}.guest-result img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.guest-result-copy{padding:13px}.guest-result h3,.guest-result p,.guest-current-track h3,.guest-current-track p,.guest-queue-item h3,.guest-queue-item p{margin:0}.guest-result p,.guest-current-track p,.guest-queue-item p{color:#9aa6c0;margin-top:5px}.guest-result button{margin:0 12px 12px;width:calc(100% - 24px)}.guest-current-track{display:grid;grid-template-columns:110px 1fr;gap:13px;align-items:center}.guest-current-track img{width:110px;aspect-ratio:16/9;object-fit:cover;border-radius:11px}.guest-hype{margin:14px 0 10px;background:#ea580c}.guest-queue{display:grid;gap:10px}.guest-queue-item{display:grid;grid-template-columns:38px 72px minmax(0,1fr);gap:10px;align-items:center;padding:12px 0;border-top:1px solid #2a3554}.guest-queue-item img{width:72px;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.guest-queue-item button{grid-column:1/-1}.guest-position{font-weight:900;color:#60a5fa}.guest-footer{text-align:center;color:#64748b;padding:12px}.party-banner-admin{margin-top:16px;padding-top:14px;border-top:1px solid #2a3554}.party-banner-admin label{display:grid;gap:8px}.party-banner-preview{display:block;width:min(480px,100%);aspect-ratio:16/5;object-fit:cover;border-radius:12px;margin:12px 0}@media(min-width:700px){.guest-app{padding-inline:20px}.guest-hero{margin-inline:0}.guest-fields{grid-template-columns:1fr 1fr}.guest-form{grid-template-columns:1fr auto}.guest-form button{width:auto;min-width:150px}.guest-results{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-queue-item{grid-template-columns:38px 72px minmax(0,1fr) auto}.guest-queue-item button{grid-column:auto;width:auto}}

.search-status{padding:10px 12px;border-radius:10px;margin-bottom:12px;font-weight:700}.search-status.quota-ready{background:#14532d}.search-status.quota-stop{background:#7f1d1d}.sync-note{background:#172554;border:1px solid #3b82f6;padding:10px;border-radius:10px}