:root{--bg:#0e0f12;--card:#171a1f;--text:#e7eaf0;--muted:#a9b0bd;--accent:#7cc4ff;--accent-2:#9ae6b4;--danger:#ff7a7a}*{box-sizing:border-box}#__nuxt,body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}.container{margin:0 auto;max-width:1100px;padding:16px}.header{font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:1px}.row{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:720px){.row-3{grid-template-columns:1fr 1fr 1fr}}.card{background:var(--card);border-radius:16px;box-shadow:0 8px 24px #00000059;padding:12px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0f1116;border:1px solid #2a2f38;border-radius:10px;color:var(--text);padding:10px 12px;width:100%}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}button.btn{background:#2f589fbc;border:1px solid #2a2f38;border-radius:10px;color:var(--text);cursor:pointer;padding:8px 12px}.btn-accent,button.btn:hover{border-color:var(--accent)}.time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:68px;text-align:right}.range{width:100%}.playlist-item{border-bottom:1px dashed #2b2f38;padding:8px 10px}.playlist-item:last-child{border-bottom:none}.badge{border:1px solid #334150;border-radius:999px;color:var(--muted);display:inline-block;font-size:12px;padding:2px 8px}.drawer{background:var(--card);box-shadow:-20px 0 40px #0006;display:flex;flex-direction:column;height:100%;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .25s ease;width:min(420px,100%);z-index:60}.drawer.open{transform:translate(0)}.drawer-header{align-items:center;background:var(--card);border-bottom:1px solid #2a2f38;display:flex;justify-content:space-between;padding:12px;position:sticky;top:0;z-index:1}.drawer-content{overflow:auto;padding:12px}.overlay-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;inset:0;position:fixed;z-index:70}.overlay-backdrop.open{display:block}.overlay{background:var(--card);border-radius:16px;box-shadow:0 20px 60px #00000080;display:none;inset:10% 5% auto;max-height:80%;overflow:auto;padding:12px;position:fixed;z-index:80}.overlay.open{display:block}.overlay-header{padding-bottom:8px}.header-row{gap:12px;justify-content:space-between}.header-row,.searchbox{align-items:center;display:flex;flex-wrap:wrap}.searchbox{gap:8px}.searchbox input{background:#0f1116;border:1px solid #2a2f38;border-radius:10px;color:var(--text);flex:1 1 220px;padding:10px 12px}.search-modes{align-items:center;display:flex;font-size:14px;gap:6px;white-space:nowrap}.searchbox button.btn{flex-shrink:0}input[type=radio]{accent-color:var(--accent)}mark{background:#ff4800;border-radius:4px;color:inherit;padding:0 2px}.overlay-header{align-items:center;background:var(--card);border-bottom:1px solid #2a2f38;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 0;position:sticky;top:0;z-index:5}.controls .btn[data-v-423a6b95]{min-width:70px}