*{box-sizing:border-box;margin:0}:root{color-scheme:dark;--bg: #14161a;--card: #1d2026;--border: #2c3038;--text: #e8e8ea;--muted: #9a9fa8;--accent: #f5b942}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 4rem}header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}header h1{font-size:1.6rem;letter-spacing:.02em}.tagline{color:var(--muted);margin-top:.25rem}.account-bar{display:flex;align-items:center;gap:.6rem;white-space:nowrap}.account-email{color:var(--muted);font-size:.78rem}.signout{background:none;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.75rem;padding:.2rem .7rem;cursor:pointer}.signout:hover{color:var(--accent);border-color:var(--accent)}.auth-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:340px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem;text-align:center}.auth-card h1{font-size:1.4rem}.auth-card input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .75rem;font-size:.9rem;width:100%}.auth-card input:focus{outline:none;border-color:var(--accent)}.auth-card button[type=submit]{background:var(--accent);color:var(--bg);border:none;border-radius:8px;padding:.6rem;font-size:.9rem;font-weight:600;cursor:pointer}.auth-card button[type=submit]:disabled{opacity:.6;cursor:default}.auth-switch{background:none;border:none;color:var(--muted);font-size:.8rem;cursor:pointer;text-decoration:underline}.auth-switch:hover{color:var(--accent)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem .9rem;align-items:end;margin:1.5rem 0;position:sticky;top:0;background:var(--bg);padding:.75rem 0 .9rem;z-index:2;border-bottom:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:.3rem}.field>label{color:var(--muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.filters input,.filters select,.filters button{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.5rem .7rem;font-size:.9rem;width:100%}.filters input:focus,.filters select:focus{outline:none;border-color:var(--accent)}.field.range-field{grid-column:span 2}.field .range{display:flex;align-items:center;gap:.35rem;color:var(--muted)}.field .range input{min-width:0;flex:1}@media(max-width:520px){.field.range-field{grid-column:auto}.field .range{flex-wrap:wrap}}.field.actions{flex-direction:row;align-items:center;justify-content:flex-end;gap:.8rem}.result-count{color:var(--muted);font-size:.85rem;white-space:nowrap}.filters button{cursor:pointer;width:auto}.filters button:hover:not(:disabled){border-color:var(--accent)}.filters button:disabled{opacity:.4;cursor:default}.status{color:var(--muted);padding:2rem 0}.status.error{color:#e06c75}.cards{display:flex;gap:1rem;align-items:flex-start}.cards-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:#3d434e;transform:translateY(-2px)}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.show-name{color:var(--accent);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.card time{color:var(--muted);font-size:.8rem;white-space:nowrap}.card-head-right{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.card-head-right .fav{margin-left:0}.card h2{font-size:1.05rem;margin:.4rem 0 .2rem;line-height:1.35}.card h2 a{color:var(--text);text-decoration:none}.card h2 a:hover{text-decoration:underline}.prose{color:var(--muted);font-size:.82rem;line-height:1.45;margin:.35rem 0 .15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.prose.expanded{display:block;-webkit-line-clamp:unset}.track-count{color:var(--muted);font-size:.8rem;margin:.3rem 0 .5rem}.track-count.none{font-style:italic}.tracklist{list-style:none;padding:0;border-top:1px solid var(--border)}.tracklist li{display:grid;grid-template-columns:1.6rem 1fr auto;gap:.45rem;padding:.28rem .35rem;font-size:.82rem;line-height:1.35;border-radius:6px}.tracklist li:nth-child(odd){background:#ffffff06}.tracklist .num{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.75rem;padding-top:.1rem}.tracklist .artist{font-weight:600}.tracklist .song{color:var(--muted)}.tracklist .song:before{content:"· "}.tracklist li.match{background:#f5b9421f;box-shadow:inset 2px 0 0 var(--accent)}.tracklist li.match .artist{color:var(--accent)}.tracklist li.match .song{color:var(--text)}.play{background:none;border:none;color:var(--muted);font-size:.7rem;cursor:pointer;padding:0;line-height:1.35;text-align:right}.play:hover,.play.playing{color:var(--accent)}.now-playing{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.8rem;background:var(--card);border-top:1px solid var(--border);padding:.7rem 1.25rem;z-index:5}.now-playing .np-toggle{font-size:1rem;color:var(--accent)}.np-skip{background:none;border:none;color:var(--muted);font-size:.85rem;cursor:pointer;padding:0 .1rem}.np-skip:hover{color:var(--accent)}.np-skip:disabled{opacity:.35;cursor:default}.np-track{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--muted);cursor:pointer;margin-left:auto;padding:.1rem .2rem;transition:transform .15s ease,color .15s ease}.fav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .15s ease}.fav.faved svg{fill:currentColor}.fav:hover{color:var(--accent);transform:scale(1.15)}.fav:active{transform:scale(.8)}.fav.faved{color:var(--accent)}.fav.pop{animation:fav-pop .45s cubic-bezier(.2,.8,.3,1.4)}@keyframes fav-pop{0%{transform:scale(.4)}45%{transform:scale(1.6) rotate(-8deg)}70%{transform:scale(.9) rotate(4deg)}to{transform:scale(1)}}.fav:disabled{opacity:.5;cursor:default}.play-all{margin-left:.6rem;background:none;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.75rem;padding:.1rem .6rem;cursor:pointer}.play-all:hover{color:var(--accent);border-color:var(--accent)}.np-queue{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.np-seek{display:flex;align-items:center;gap:.5rem;flex:1;min-width:140px}.np-seek input[type=range]{flex:1;accent-color:var(--accent);cursor:pointer;min-width:0}.np-seek input[type=range]:disabled{cursor:default}.np-time{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.np-badge{font-size:.7rem;color:var(--bg);background:var(--accent);border-radius:999px;padding:.15rem .5rem;white-space:nowrap}.np-error{color:#e06c75;font-size:.85rem}.np-close{margin-left:auto;background:none;border:none;color:var(--muted);font-size:.9rem;cursor:pointer}.np-close:hover{color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.5rem;align-items:start}.stats-panel h2{font-size:1.05rem;margin-bottom:.2rem}.stats-note{color:var(--muted);font-size:.8rem;margin-bottom:.7rem}.stats-table{width:100%;border-collapse:collapse;font-size:.82rem;line-height:1.4}.stats-table th{text-align:left;color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.3rem .5rem;border-bottom:1px solid var(--border)}.stats-table td{padding:.32rem .5rem;vertical-align:top}.stats-table tbody tr:nth-child(odd){background:#ffffff06}.stats-table .artist{font-weight:600}.stats-table .play-col{width:1.8rem;padding-right:0}.stats-table tr.playing-row td{background:#ffffff0d}.stats-table tr.playing-row .artist{color:var(--accent)}.stats-table .num-col{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{background:none;border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:.8rem;padding:.25rem .7rem;cursor:pointer}.chip:hover{border-color:var(--accent)}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.chip-count{opacity:.65;font-size:.72rem}.panel-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.2rem}.panel-head h2{margin:0}.genre-input{width:8.5rem;background:none;border:1px solid transparent;border-radius:4px;color:var(--text);font-size:.8rem;padding:.1rem .3rem}.genre-input:hover,.genre-input:focus{border-color:var(--border);background:#ffffff08}.genre-input::placeholder{color:var(--muted);font-style:italic}.shows-col{color:var(--muted);font-size:.75rem;max-width:220px}.add-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--muted);cursor:pointer;font-size:.85rem;line-height:1;padding:.1rem .35rem}.add-btn:hover{color:var(--accent);border-color:var(--accent)}.playlist-list{list-style:none;margin:.4rem 0 1rem;padding:0}.playlist-list li{display:flex;align-items:center;gap:.7rem;padding:.3rem .4rem;border-radius:6px}.playlist-list li.active{background:#ffffff0d}.playlist-list .pl-name{background:none;border:none;color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer;padding:0}.playlist-list li.active .pl-name{color:var(--accent)}.playlist-list .pl-meta{color:var(--muted);font-size:.75rem}.playlist-list .pl-publish{background:none;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.72rem;padding:.1rem .55rem;cursor:pointer}.playlist-list .pl-publish:hover{color:var(--accent);border-color:var(--accent)}.pl-detail-title{font-size:.95rem;margin:.8rem 0 .4rem}.cache-filters{grid-template-columns:1fr 1fr;max-width:760px}.cache-filters .range-field{grid-column:span 1}.field .check{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;font-size:.85rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.field .check input{width:auto;margin:0;accent-color:var(--accent)}.cache-grid{display:grid;grid-template-columns:minmax(320px,2fr) 3fr;gap:1.5rem;align-items:start}@media(max-width:900px){.cache-grid{grid-template-columns:1fr}}.cache-list{max-height:75vh;overflow-y:auto}.cache-row{cursor:pointer}.cache-row:hover td{background:#ffffff0d}.parse-bad{color:#e06c75;font-weight:700}.refetch{background:none;border:none;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer;padding:0 .25rem}.refetch:hover{color:var(--accent)}.refetch:disabled{opacity:.4;cursor:default}.view-tabs{display:flex;gap:.35rem}.view-tabs .chip{padding:.15rem .6rem;font-size:.72rem}.cache-text{width:100%;height:75vh;overflow:auto;margin:0;padding:.9rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.cache-view iframe{width:100%;height:75vh;border:1px solid var(--border);border-radius:8px;background:#fff}.cache-view .panel-head a{font-size:.8rem}.sentinel{display:flex;justify-content:center;padding:1.5rem 0 .5rem}.load-more{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;cursor:pointer}.load-more:hover{border-color:var(--accent)}