:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text: #e8e8ee;--muted: #a4a7b5;--surface: #16161f;--surface-2: #1f1f2b;--border: #2c2c3a;--accent: #8ab4ff;--accent-muted: rgba(138, 180, 255, .12);color:var(--text);background-color:#0f0f14;color-scheme:dark}:root[data-theme=dark]{--text: #e8e8ee;--muted: #a4a7b5;--surface: #16161f;--surface-2: #1f1f2b;--border: #2c2c3a;--accent: #8ab4ff;--accent-muted: rgba(138, 180, 255, .12);background-color:#0f0f14;color-scheme:dark}:root[data-theme=light]{--text: #1a1d26;--muted: #5c647a;--surface: #ffffff;--surface-2: #f3f5fb;--border: #d8deea;--accent: #3a5ccc;--accent-muted: rgba(58, 92, 204, .12);background-color:#eef1f8;color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--text: #1a1d26;--muted: #5c647a;--surface: #ffffff;--surface-2: #f3f5fb;--border: #d8deea;--accent: #3a5ccc;--accent-muted: rgba(58, 92, 204, .12);background-color:#eef1f8;color-scheme:light}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--text: #e8e8ee;--muted: #a4a7b5;--surface: #16161f;--surface-2: #1f1f2b;--border: #2c2c3a;--accent: #8ab4ff;--accent-muted: rgba(138, 180, 255, .12);background-color:#0f0f14;color-scheme:dark}}body{margin:0;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid var(--border);padding:.45rem .75rem;font-size:.95rem;font-family:inherit;background:var(--surface-2);color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.PWABadge-container{padding:0;margin:0;width:0;height:0}.PWABadge-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;background-color:#fff}.PWABadge-toast-message{margin-bottom:8px}.PWABadge-toast-button{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}.shell{min-height:100vh;display:flex;flex-direction:column;max-width:960px;margin:0 auto;padding:1rem 1rem 6rem;gap:1rem}.top{display:flex;flex-direction:column;gap:.75rem}.top h1{margin:0;font-size:1.75rem}.tabs{display:flex;flex-wrap:wrap;gap:.35rem}.tabs button{border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:.35rem .85rem}.tabs button.active{border-color:var(--accent);background:var(--accent-muted)}.main{flex:1;display:flex;flex-direction:column;gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:0 8px 30px #00000014}.legal h1{margin-top:0}.legal .primary{margin-top:.5rem}.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.grow{flex:1 1 200px}input.grow{padding:.5rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.tracklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.track{display:flex;align-items:center;gap:.5rem;padding:.35rem .25rem;border-radius:8px}.track.active{background:var(--accent-muted)}.linklike{flex:1;text-align:left;background:none;border:none;color:inherit;cursor:pointer;padding:.15rem .25rem}.title{display:block;font-weight:600}.meta{display:block;font-size:.85rem;color:var(--muted)}.like{border:none;background:transparent;cursor:pointer;font-size:1.1rem;color:var(--muted)}.like.on{color:#e2556b}.player{position:sticky;bottom:.75rem;display:flex;flex-direction:column;gap:.5rem}.player audio{width:100%}.now .title{font-weight:600}.settings label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.settings select{max-width:240px;padding:.4rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.settings .check{flex-direction:row;align-items:flex-start;gap:.5rem}.banner.error{background:#3a1418;color:#ffd6dc;border:1px solid #7a2b36;padding:.65rem .85rem;border-radius:8px}:root[data-theme=light] .banner.error{background:#ffe8ec;color:#5c0f1a;border-color:#e7a0ad}.muted{color:var(--muted);margin:.15rem 0 0}button.primary{background:var(--accent);color:#0b0d12;border:none;font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}