:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4;font-size:18px;--bg: #09090b;--surface: #141417;--surface-2: #1c1d21;--text: #f4f4f5;--muted: #a1a1aa;--muted-strong: #71717a;--accent: #f97316;--accent-strong: #ea580c;--border: #27272a;--border-soft: rgba(39, 39, 42, .6);--radius: 18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}main{padding:24px;max-width:560px;margin:0 auto}.app-shell{min-height:100vh;background:linear-gradient(180deg,#18181b,#0b0b0d 55%,#050506);color:var(--text)}.app-header{position:sticky;top:0;z-index:10;background:#18181bf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-content{max-width:560px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:12px}.header-title{margin:0;font-size:1.2rem;font-weight:700}.header-subtitle{margin:0;font-size:.85rem;color:var(--muted)}.icon-button{width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease}.icon-button:hover{background:#27272a;transform:translateY(-1px)}.header{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.title{font-size:1.9rem;margin:0}.subtitle{color:var(--muted);margin:0;font-size:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 10px 24px #00000038}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:600;font-size:1rem;border:none;cursor:pointer;min-height:52px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 24px #f9731640}.button:active{transform:scale(.98)}.button:disabled{opacity:.6;cursor:not-allowed}.button.secondary{background:var(--surface-2);color:var(--text);box-shadow:none;border:1px solid var(--border)}.grid{display:grid;gap:16px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.list-item{padding:16px;border-radius:14px;border:1px solid var(--border-soft);background:#18181bb3}.meta{color:var(--muted);font-size:.95rem}.input{padding:12px;border-radius:12px;border:1px solid var(--border);font-size:1rem;width:100%;background:#18181bb3;color:var(--text)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f9731626;font-size:.85rem;color:var(--accent)}.waveform{height:72px;border-radius:14px;background:#1e1f24;margin:12px 0;padding:8px;overflow:hidden}.waveform-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:end;gap:2px;height:100%}.waveform-bar{width:100%;background:#f97316;border-radius:6px}.app-main{max-width:560px;margin:0 auto;padding:20px}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill-chip{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:#18181bb3;color:var(--text);font-size:.9rem}.primary-chip{background:#f973162e;color:var(--accent);border-color:#f9731666}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#18181bf2;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav-content{max-width:560px;margin:0 auto;padding:8px 20px 12px;display:flex;align-items:center;justify-content:space-around}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:.75rem}.bottom-nav-item.active{color:var(--accent);font-weight:600}.fab-bar{position:fixed;left:0;right:0;bottom:96px;display:flex;justify-content:center;pointer-events:none}.fab{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border:none;box-shadow:0 16px 30px #f9731659;font-weight:600;cursor:pointer}.fab.secondary{background:#202228;color:var(--text);border:1px solid var(--border);box-shadow:none}.safe-bottom{height:90px}@media (min-width: 768px){.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}.debug-panel.svelte-682y22.svelte-682y22{position:fixed;right:12px;bottom:12px;width:min(520px,95vw);max-height:50vh;background:#111;color:#f0f0f0;border-radius:12px;box-shadow:0 8px 24px #00000059;font-size:12px;z-index:9999;display:flex;flex-direction:column}.debug-header.svelte-682y22.svelte-682y22{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.debug-actions.svelte-682y22.svelte-682y22{display:flex;gap:6px}.debug-actions.svelte-682y22 button.svelte-682y22{background:#222;color:#f0f0f0;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px 8px;cursor:pointer;font-size:12px}.debug-body.svelte-682y22.svelte-682y22{padding:10px 12px;overflow:auto}.debug-entry.svelte-682y22.svelte-682y22{display:grid;grid-template-columns:auto auto 1fr;gap:6px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.debug-entry.svelte-682y22.svelte-682y22:last-child{border-bottom:none}.debug-ts.svelte-682y22.svelte-682y22{opacity:.7;white-space:nowrap}.debug-level.svelte-682y22.svelte-682y22{text-transform:uppercase;font-weight:600}.debug-level.warn.svelte-682y22.svelte-682y22{color:#f4b740}.debug-level.error.svelte-682y22.svelte-682y22{color:#ff6b6b}.debug-message.svelte-682y22.svelte-682y22{word-break:break-word}.collapsed.svelte-682y22 .debug-body.svelte-682y22{display:none}.mini-player.svelte-2nop3m.svelte-2nop3m{position:fixed;bottom:60px;left:0;right:0;z-index:40;background:#27272a;border-top:1px solid #3f3f46}.mini-player-content.svelte-2nop3m.svelte-2nop3m{max-width:560px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px}.mini-play-btn.svelte-2nop3m.svelte-2nop3m{width:40px;height:40px;border-radius:50%;background:#f97316;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:#fff;transition:transform .15s ease,background .15s ease}.mini-play-btn.svelte-2nop3m.svelte-2nop3m:hover:not(:disabled){background:#ea580c;transform:scale(1.05)}.mini-play-btn.svelte-2nop3m.svelte-2nop3m:disabled{opacity:.7;cursor:wait}.mini-play-btn.svelte-2nop3m svg.svelte-2nop3m{width:20px;height:20px}.mini-play-btn.svelte-2nop3m svg.spinner.svelte-2nop3m{animation:svelte-2nop3m-spin 1s linear infinite}@keyframes svelte-2nop3m-spin{to{transform:rotate(360deg)}}.mini-track-info.svelte-2nop3m.svelte-2nop3m{flex:1;min-width:0}.mini-label-pills.svelte-2nop3m.svelte-2nop3m{display:flex;gap:4px;margin-bottom:4px;flex-wrap:wrap}.mini-label-pill.svelte-2nop3m.svelte-2nop3m{padding:2px 8px;border-radius:50px;background:#f9731633;color:#fb923c;font-size:.7rem;font-weight:500}.mini-label-pill.version.svelte-2nop3m.svelte-2nop3m{background:#8b5cf633;color:#a78bfa}.mini-waveform.svelte-2nop3m.svelte-2nop3m{width:100%;overflow:hidden}.mini-time.svelte-2nop3m.svelte-2nop3m{font-size:.75rem;font-family:ui-monospace,monospace;color:#a1a1aa;flex-shrink:0}.mini-close-btn.svelte-2nop3m.svelte-2nop3m{width:32px;height:32px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#71717a;transition:color .15s ease,background .15s ease;flex-shrink:0}.mini-close-btn.svelte-2nop3m.svelte-2nop3m:hover{color:#f4f4f5;background:#3f3f46}.mini-close-btn.svelte-2nop3m svg.svelte-2nop3m{width:18px;height:18px}