:root{font-family:Segoe UI,system-ui,sans-serif;line-height:1.5;color:#e2e8f0;background:#020617;--bg: #020617;--panel: #0f172a;--border: #1e293b;--accent: #38bdf8;--muted: #94a3b8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#0f172a 0%,var(--bg) 55%)}.app{max-width:960px;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.header h1{margin:0;font-size:1.75rem}.subtitle{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.badge{background:#1e293b;padding:.35rem .75rem;border-radius:999px;font-size:.8rem}.grid{display:grid;gap:1rem}@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}.player{grid-column:1 / -1}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem}.panel-header--wrap h2{margin:0}.panel h2{margin:0 0 .75rem;font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.selection-panel{padding:1rem}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;padding:.25rem;background:#020617;border-radius:12px;border:1px solid var(--border)}.mode-toggle__btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-height:3.25rem;padding:.65rem .5rem;border:none;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;transition:background .15s,color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.mode-toggle__btn.is-active{background:#1e293b;color:#f1f5f9;box-shadow:0 1px 3px #00000059}.mode-toggle__title{font-size:.95rem;font-weight:600}.mode-toggle__hint{font-size:.7rem;opacity:.85}.mode-block{margin-top:.25rem}.mode-block__head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem}.mode-block__title{margin:0 0 .35rem;font-size:.9rem;font-weight:600;color:#cbd5e1}.mode-block__foot{margin:.75rem 0 0;font-size:.8rem;color:var(--muted);line-height:1.45}.mode-block__foot--top{margin:0 0 .75rem}.meta__dot{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:var(--muted);margin-right:.35rem;vertical-align:middle}.meta__dot[data-status=ok]{background:#4ade80}.meta__dot[data-status=pending]{background:#fbbf24}.meta__dot[data-status=denied]{background:#f87171}.geo-status{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;margin-top:.65rem}.link-btn{border:none;background:none;padding:0;color:var(--accent);font:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;-webkit-tap-highlight-color:transparent}.link-btn:hover{color:#7dd3fc}.filters--stack{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{font-size:.75rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}select{min-height:2.75rem;font-size:1rem}.track-picker{list-style:none;margin:0;padding:0;max-height:min(50vh,320px);overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:10px;background:#020617}.track-picker__row{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.4rem .65rem;width:100%;min-height:3.25rem;padding:.7rem .85rem;border:none;border-bottom:1px solid var(--border);background:transparent;color:inherit;text-align:left;cursor:default;font:inherit;-webkit-tap-highlight-color:transparent}.track-picker__row:last-child{border-bottom:none}.track-picker__row:active{background:#1e293b}.track-picker__row.is-active{background:#0c4a6e33}.track-picker__play{grid-row:1 / 3;align-self:center;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1e293b;color:var(--accent);font-size:.75rem}.track-picker__row.is-active .track-picker__play{background:#0369a1;color:#fff}.track-picker__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.track-picker__actions{display:flex;gap:.35rem;align-items:center;justify-content:flex-start;grid-column:1 / -1}.track-picker__title{font-size:.95rem;font-weight:500;white-space:normal;overflow:visible;text-overflow:initial;line-height:1.35}.track-picker__meta{font-size:.72rem;color:var(--muted);white-space:normal;line-height:1.35}.btn--sm{padding:.4rem .75rem;font-size:.8rem;min-height:2.25rem;flex-shrink:0}.btn--xs{padding:.35rem .6rem;font-size:.75rem;min-height:2.15rem;border-radius:9px}.context-label{font-size:1.05rem;margin:0 0 .5rem}.meta{color:var(--muted);font-size:.85rem;margin:0 0 .75rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.chip{background:#1e293b;padding:.2rem .55rem;border-radius:6px;font-size:.8rem;text-transform:capitalize}.chip--accent{background:#0c4a6e;color:var(--accent)}select{background:#020617;border:1px solid var(--border);color:inherit;border-radius:8px;padding:.5rem}.now-playing .label{color:var(--muted);font-size:.8rem;margin:0}.panel.player[aria-busy=true] .now-playing .label{color:#7dd3fc}.now-playing h1{margin:.25rem 0;font-size:1.5rem}.artist{color:var(--muted);margin:0 0 .35rem}.player-times{margin:0 0 1rem;font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.25rem .35rem;align-items:center}.player-times__sep{opacity:.5}.playback-options{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:flex-end;margin-bottom:1rem}.playback-options__group{flex:1;min-width:12rem}.playback-options__label{display:block;font-size:.75rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.mode-toggle--compact{margin-bottom:0}.mode-toggle--compact .mode-toggle__btn{min-height:2.5rem;padding:.45rem .5rem}.loop-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding-bottom:.35rem}.loop-toggle input{width:1rem;height:1rem;accent-color:var(--accent)}.progress-bar{height:4px;background:#1e293b;border-radius:2px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:var(--accent);transition:width .3s linear}.progress-bar.is-loading .progress-fill{width:40%!important;animation:progress-indeterminate 1.2s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.btn.primary.is-loading{opacity:.85;cursor:wait}.controls{display:flex;gap:.5rem;flex-wrap:wrap}.btn{border:1px solid var(--border);background:#1e293b;color:inherit;border-radius:10px;padding:.65rem 1.1rem;min-height:2.75rem;cursor:pointer;font-size:.95rem;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:#0369a1;border-color:#0284c7}.btn.ghost{background:transparent}.queue-list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.queue-list li{border-bottom:1px solid var(--border);font-size:.9rem}.queue-list li.active .queue-list__row{color:var(--accent)}.queue-list__row{display:grid;grid-template-columns:2rem 1fr auto;gap:.5rem;width:100%;padding:.45rem 0;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}.queue-list__row:hover{opacity:.9}.queue-list__main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.queue-list .idx{color:var(--muted)}.queue-list .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-list .tags{color:var(--muted);font-size:.75rem}.queue-list__dur{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums;align-self:center}.alert{background:#450a0a;border:1px solid #991b1b;color:#fecaca;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.alert--hint{background:#422006;border-color:#b45309;color:#fde68a}.btn.primary.needs-gesture{box-shadow:0 0 0 2px var(--accent),0 0 16px #38bdf866;animation:play-gesture-pulse 1.4s ease-in-out infinite}@keyframes play-gesture-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.footer{margin-top:2rem;text-align:center;color:var(--muted);font-size:.85rem}@media(max-width:480px){.header h1{font-size:1.35rem}.filters--stack{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:1fr 1fr}.controls .btn.primary{grid-column:1 / -1}.now-playing h1{font-size:1.2rem}.queue-list__row{grid-template-columns:1.75rem 1fr auto}}@media(min-width:600px){.selection-panel{padding:1.15rem 1.25rem}.track-picker{max-height:360px}}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.admin-app{max-width:900px}.admin-header{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.25rem}.admin-header__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.admin-header__brand{flex:1;min-width:0}.admin-header__brand h1{margin:0;font-size:1.35rem;line-height:1.2}.admin-header__subtitle{margin:.25rem 0 0;line-height:1.4}.admin-header__logout{flex-shrink:0;margin-top:0}.admin-header__nav{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:.28rem;background:var(--panel);border:1px solid var(--border);border-radius:10px}.admin-header__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;padding:.6rem .5rem;font:inherit;font-size:.875rem;line-height:1.25;color:var(--muted);background:transparent;cursor:pointer;text-align:center;transition:background .15s,color .15s}.admin-header__tab:hover{color:#e2e8f0}.admin-header__tab[aria-selected=true]{background:#1e293b;color:#f1f5f9;font-weight:500;box-shadow:0 1px 2px #00000040}@media(min-width:640px){.admin-header__brand h1{font-size:1.75rem}.admin-header__nav{max-width:22rem}}@media(min-width:720px){.admin-header{flex-direction:row;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem}.admin-header__top{flex:1 1 14rem;min-width:0}.admin-header__nav{flex:0 0 auto;max-width:none;min-width:16rem}.admin-header__logout{margin-top:0}}.admin-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem 1.15rem;margin-bottom:1rem}.admin-drive-row{display:grid;gap:.65rem;margin-top:.75rem}@media(min-width:720px){.admin-drive-row{grid-template-columns:1fr auto;align-items:end}.admin-drive-row__btn{min-height:2.75rem;white-space:nowrap}}.admin-drive-row__input{margin:0}.admin-card h2{margin:0 0 .5rem;font-size:1.15rem}.admin-meta-grid{display:grid;gap:.75rem;margin:1rem 0}@media(min-width:560px){.admin-meta-grid{grid-template-columns:1fr 1fr}.admin-meta-grid .admin-field:last-child{grid-column:1 / -1}}.admin-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.admin-field span{color:var(--muted)}.admin-field input[type=text],.admin-field input[type=number],.admin-field input[type=file]{background:#020617;border:1px solid var(--border);border-radius:8px;padding:.5rem .65rem;color:inherit;font:inherit}.admin-field--inline{flex-direction:row;align-items:center;gap:.5rem}.admin-tags{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.admin-tag-group{border:none;margin:0;padding:0}.admin-tag-group legend{font-size:.85rem;color:var(--muted);margin-bottom:.4rem;padding:0}.admin-tag-options{display:flex;flex-wrap:wrap;gap:.35rem}.admin-tag-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:999px;border:1px solid var(--border);background:#020617;font-size:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-tag-chip:has(input:checked){border-color:var(--accent);background:#0c4a6e}.admin-tag-chip input{margin:0;accent-color:var(--accent)}.admin-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.admin-success{color:#86efac;background:#052e16;border:1px solid #166534;padding:.65rem .85rem;border-radius:8px;margin:.75rem 0 0;font-size:.9rem}.admin-btn-danger{border-color:#991b1b;color:#fecaca}.admin-track-list{list-style:none;margin:.75rem 0 0;padding:0}.admin-track-list>li{border-top:1px solid var(--border);padding:.85rem 0}.admin-track-list>li.is-disabled{opacity:.55}.admin-track-main strong{font-weight:600}.admin-track-tags{margin:.35rem 0 0}.admin-track-id{font-size:.75rem;word-break:break-all}.admin-meta-hint{margin-top:.5rem;margin-bottom:.25rem}.admin-drive-row+.admin-meta-hint{margin-top:.65rem}.admin-filters{display:grid;gap:.65rem;margin:1rem 0;padding:.85rem;background:#020617;border:1px solid var(--border);border-radius:10px}@media(min-width:520px){.admin-filters{grid-template-columns:1fr 1fr}}@media(min-width:900px){.admin-filters{grid-template-columns:repeat(4,1fr)}}.admin-field--filter span{font-size:.8rem}.admin-field--filter input,.admin-field--filter select{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.45rem .55rem;color:inherit;font:inherit;width:100%}.admin-filters__actions{display:flex;align-items:flex-end;grid-column:1 / -1}.admin-login{max-width:360px}.admin-login .btn.primary{width:100%;margin-top:.5rem}