:root{--bg: #f6f7f9;--fg: #1a1d23;--muted: #6b7280;--faint: #9aa2ad;--line: #e2e5ea;--line-strong: #c3c9d2;--panel: #ffffff;--panel-line: #e2e5ea;--btn-bg: #fff;--accent: #2563eb;--accent-fg: #1d4ed8;--accent-bg: #eaf0fe;--err: #dc2626;--ok: #16a34a;--track: #e8e8ee}@media (prefers-color-scheme: dark){:root{--bg: #0f1115;--fg: #e6e8eb;--muted: #9aa2ad;--faint: #6b7280;--line: #2a2f38;--line-strong: #444652;--panel: #181b21;--panel-line: #2a2f38;--btn-bg: #21252d;--accent: #3b82f6;--accent-fg: #93b4f8;--accent-bg: #1c2740;--err: #f87171;--ok: #4ade80;--track: #2a2f38}}*{box-sizing:border-box}body{font-family:-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--fg);margin:0}.page{max-width:720px;margin:40px auto;padding:0 20px}h1{font-size:22px}.sub{color:var(--muted);margin-top:-8px;line-height:1.5}a{color:var(--accent)}.drop{border:2px dashed var(--line-strong);border-radius:10px;padding:40px 20px;text-align:center;color:var(--muted);cursor:pointer;transition:.15s}.drop.drag{border-color:#4a7;background:#4aaa771f;color:#4a7}.status{margin:16px 0;font-size:14px;color:var(--muted)}.status.ok{color:var(--ok)}.err{color:var(--err);font-size:14px;margin:12px 0}.ab-player{border:1px solid var(--panel-line);background:var(--panel);border-radius:10px;padding:14px 16px;margin:16px 0}.ab-toggle{display:flex;gap:8px}.ab-btn{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--line-strong);background:var(--btn-bg);color:var(--fg);cursor:pointer;font-size:13px;font-weight:500}.ab-btn:disabled{opacity:.4;cursor:default}.ab-btn.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-fg)}.ab-hint{font-size:13px;color:var(--faint);margin-top:8px;line-height:1.5}.transport{display:flex;align-items:center;gap:12px;margin-top:14px}.play-btn{width:38px;height:38px;flex:none;border-radius:50%;border:1px solid var(--line-strong);background:var(--btn-bg);color:var(--fg);cursor:pointer;font-size:13px}.play-btn:disabled{opacity:.4;cursor:default}.time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.scrub{position:relative;flex:1;height:8px;border-radius:100px;background:var(--track);cursor:pointer;overflow:hidden}.scrub-ready{position:absolute;inset:0 auto 0 0;background:var(--line-strong)}.scrub-play{position:absolute;inset:0 auto 0 0;background:var(--accent)}.cards{margin-top:8px}.card{border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:14px 0}.card h3{margin:0 0 4px;font-size:16px}.card .meta{font-size:13px;color:var(--muted)}.card .note{font-size:12px;color:var(--faint);margin-top:8px;line-height:1.5}.badge{display:inline-block;padding:1px 8px;border-radius:100px;font-size:11px;margin-left:6px;vertical-align:middle}.badge.ai{background:var(--accent-bg);color:var(--accent-fg)}.badge.dsp{background:#cc88002e;color:#c80}.bar{height:6px;border-radius:100px;background:var(--track);overflow:hidden;margin-top:8px}.bar-fill{height:100%;background:var(--accent);transition:width .2s}