:root{--form-control-min-width: 180px;--color-bg: #f5f6f8;--color-text: #213547;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-border: #e2e8f0;--color-border-strong: #d0d7de;--color-muted: #64748b;--color-muted-strong: #475569;--color-danger: #b42318;--color-tab-active: #e2e8f0;--command-bar-shadow: 0 -8px 24px rgba(15, 23, 42, .08);--command-bar-offset: 7rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--color-bg: #0f172a;--color-text: #e2e8f0;--color-surface: #111827;--color-surface-muted: #1f2937;--color-border: #334155;--color-border-strong: #475569;--color-muted: #94a3b8;--color-muted-strong: #cbd5e1;--color-danger: #f87171;--color-tab-active: #334155;--command-bar-shadow: 0 -8px 24px rgba(2, 6, 23, .5)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-bg)}button,input,select{font:inherit}button{border:1px solid var(--color-border-strong);border-radius:8px;padding:.5rem .85rem;background:var(--color-surface);color:var(--color-text);cursor:pointer}button:hover{border-color:var(--color-muted)}button:disabled{cursor:not-allowed;opacity:.7}input,select{width:100%;border:1px solid var(--color-border-strong);border-radius:8px;padding:.55rem .65rem;background:var(--color-surface);color:var(--color-text)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.9rem;background-image:linear-gradient(45deg,transparent 50%,var(--color-muted) 50%),linear-gradient(135deg,var(--color-muted) 50%,transparent 50%);background-position:calc(100% - 1.2rem) calc(50% - .12rem),calc(100% - .85rem) calc(50% - .12rem);background-size:.4rem .4rem,.4rem .4rem;background-repeat:no-repeat}select::-ms-expand{display:none}label{display:grid;gap:.5rem}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}#app{width:100%}.app-shell{max-width:1200px;margin:0 auto;padding:2rem 1rem calc(var(--command-bar-offset) + 1rem)}.hero-panel{margin-bottom:1rem}.settings-panel{font-family:inherit}.settings-panel .subtitle{max-width:none;color:var(--color-muted);font-size:.9rem}.settings-panel code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:inherit}.hero{display:grid;gap:1rem;grid-template-columns:1fr;align-items:start}.settings-hero,.settings-form{gap:1rem}.settings-block{display:grid;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-muted)}.settings-block-intro{background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-muted) 88%,transparent),var(--color-surface))}.settings-block-header{display:grid;gap:.35rem}.settings-block-header h2{margin:0;font-size:1rem}.settings-kicker{color:var(--color-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.main-panels{display:grid;gap:1rem;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);align-items:start}.primary-column{min-width:0}.hero-copy h1,.section-heading h2,p{margin:0}.hero-copy,.stack{display:grid;gap:1rem}.subtitle{max-width:54ch;color:var(--color-muted-strong)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.panel-heading{display:flex}.grid-form{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(var(--form-control-min-width),1fr))}.filter-panel{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-muted)}.filter-summary{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;cursor:pointer;font-weight:600;list-style:none}.filter-summary::-webkit-details-marker{display:none}.filter-summary:after{content:"▸";color:#64748b;transition:transform .2s ease}.filter-panel[open] .filter-summary:after{transform:rotate(90deg)}.filter-summary:after{font-size:1.2rem;line-height:1}.filter-form{padding:.75rem 1rem 1rem;border-top:1px solid var(--color-border)}.filter-actions{display:grid;grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(var(--form-control-min-width),1fr));gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border);justify-content:center}.filter-actions button{width:100%;min-width:0;justify-self:stretch}.input-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.theme-toggle{width:2.15rem;min-width:2.15rem;justify-self:start;padding-inline:0;text-align:center}.text-toggle{width:2.15rem;min-width:2.15rem;padding-inline:0;text-align:center}.theme-control{display:inline-flex;align-items:center;gap:.75rem;font-family:inherit}.toggle-text-row{display:inline-flex;align-items:center;gap:.75rem;flex-wrap:wrap}.settings-note{margin-top:-.25rem}.settings-note-block{display:grid;gap:.75rem}.settings-support{justify-items:start}.scanner-block{display:grid;gap:.75rem}.scanner-preview{display:grid;width:min(100%,24rem);padding:.75rem;border:1px dashed var(--color-border-strong);border-radius:12px;background:var(--color-surface-muted)}.scanner-preview video{width:100%;aspect-ratio:1 / 1;border-radius:10px;object-fit:cover;background:#000}.scanner-status{margin-top:-.25rem}.settings-support-actions{display:flex;gap:.75rem;flex-wrap:wrap}.settings-status{margin-top:-.5rem}.settings-divider{width:100%;margin:0;border:0;border-top:1px solid var(--color-border)}.field-help{color:var(--color-muted);font-size:.9rem}.button-secondary{background:var(--color-surface-muted)}.button-command{min-width:4.9rem;padding:.425rem .65rem;font-size:.875rem}.button-emoji{min-width:2.35rem;padding-inline:.5rem}.button-danger{color:var(--color-danger)}.mobile-tabs{display:none}.desktop-tabs{display:flex;gap:.75rem}.desktop-tabs .mobile-tab{flex:0 0 auto;min-width:8rem}.mobile-tab{flex:1;text-align:center}.mobile-tab-active{background:var(--color-tab-active)}.mobile-only{display:none}.command-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:1000;border-top:1px solid var(--color-border-strong);background:color-mix(in srgb,var(--color-surface) 96%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--command-bar-shadow)}.command-bar-inner{max-width:1200px;margin:0 auto;padding:.75rem 1rem;display:grid;gap:.75rem}.command-bar-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;overflow-x:auto}.command-bar-row-primary{padding-bottom:.1rem}.command-bar-row-secondary{padding-top:.1rem}.command-bar-inner button{white-space:nowrap}.command-group{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border:1px solid var(--color-border-strong);border-radius:12px;background:var(--color-surface-muted)}.command-group-label{color:var(--color-muted);font-size:.85rem;font-weight:600;white-space:nowrap}.command-group-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-top:1px solid var(--color-border)}thead th{border-top:0}th{color:var(--color-muted-strong);font-weight:600}.action-cell{display:flex;gap:.5rem;justify-content:flex-end;align-items:center;width:100%}.song-title-row,.singer-cell{display:flex;align-items:center;gap:.4rem}.top-hit-main-cell{width:100%}.top-hit-row-content{display:flex;align-items:center;gap:.75rem}.button-cloud{color:var(--color-muted)}.song-meta{display:grid;gap:.25rem;min-height:3.5rem;align-content:center}.song-artist{color:var(--color-muted)}.singer-icon{width:3.5rem;height:3.5rem;border-radius:999px;object-fit:cover;border:1px solid var(--color-border-strong)}.pagination-stack{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:nowrap}.pagination-bar{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;flex-wrap:nowrap;flex:1 1 auto;min-width:0}.page-jump-row{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:nowrap;flex:0 0 auto}.page-jump{display:inline-flex;align-items:center;gap:.5rem}.page-jump input{width:3.5rem}.page-arrow{position:relative;min-width:2.5rem;color:transparent}.page-arrow:before{position:absolute;inset:0;display:grid;place-items:center;color:var(--color-text);font-size:1rem}.page-arrow-prev:before{content:"◀"}.page-arrow-next:before{content:"▶"}.section-gap{margin-top:1rem}.playlist{margin:0;padding-left:1.25rem}.playlist li+li{margin-top:.5rem}.playlist-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.singer-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-border)}.singer-list-item+.singer-list-item{border-top:1px solid var(--color-border)}.singer-row{display:flex;align-items:center;gap:.75rem;padding:.75rem}.singer-result-button{width:100%;border:0;background:transparent;text-align:left}.singer-result-button:hover{border-color:transparent}.playlist-row .song-meta{flex:1 1 auto;min-width:0}.playlist-row .action-cell{width:auto;flex:0 0 auto}.empty{color:var(--color-muted)}.empty-state{display:grid;gap:.75rem;justify-items:start}.error-state{align-content:start;min-height:10rem}.results-label{color:var(--color-muted-strong);font-weight:600}.playlist-subtitle{margin-top:.25rem}@media(min-width:901px){.desktop-panel-hidden{display:none}}@media(max-width:900px){.app-shell{padding-top:1rem}.main-panels{grid-template-columns:1fr}.mobile-tabs{display:flex;gap:.75rem}.desktop-tabs{display:none}.mobile-tabs.section-gap{margin-top:.25rem}.panel-heading,.desktop-only{display:none}.mobile-only{display:grid}.mobile-panel-hidden{display:none}.pagination-stack{flex-wrap:wrap}.pagination-bar{justify-content:flex-start;flex-wrap:wrap}.page-jump-row{justify-content:flex-end;flex-wrap:wrap}}