:root{color-scheme:dark;--bg:#1e1f22;--panel:#2b2d31;--border:#3f4147;--text:#dbdee1;--muted:#949ba4;--accent:#5865f2;--good:#23a55a;--bad:#f23f42}*{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}body{margin:0;padding:2rem;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}@media (max-width:640px){.panel,body{padding:1rem}}h1{font-size:1.4rem;margin:0 0 1.5rem}h2{font-size:1rem;margin:0 0 .75rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem;max-width:1000px;width:100%}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.25rem}input,select{background:#1e1f22;border:1px solid var(--border);color:var(--text);border-radius:4px;padding:.4rem .6rem;font-size:.85rem;width:100%}.input-wide{max-width:260px}.input-narrow{max-width:100px}.btn,button{background:var(--accent);color:white;border:none;border-radius:4px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer;display:inline-block;text-decoration:none;line-height:1.2}.btn:hover,button:hover{filter:brightness(1.1)}.btn.secondary,button.secondary{background:#4e5058}button:disabled{opacity:.5;cursor:default}.row-actions{gap:.5rem}.row,.row-actions{display:flex;flex-wrap:wrap}.row{gap:.75rem;align-items:flex-end;margin-bottom:.75rem}.row>div{flex:1 1 auto;min-width:140px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;min-width:640px;border-collapse:collapse;margin-top:.75rem}td,th{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--border);vertical-align:middle}th{color:var(--muted);font-weight:500;text-transform:uppercase}.badge,th{font-size:.75rem}.badge{display:inline-block;padding:.15rem .6rem;border-radius:10px}.badge.ok{background:rgba(35,165,90,.2);color:var(--good)}.badge.bad{background:rgba(242,63,66,.2);color:var(--bad)}.muted{color:var(--muted)}audio{height:32px;width:100%;max-width:220px}a{color:#949cf2}.status-line{font-size:.8rem;color:var(--muted);min-height:1.2em;margin-top:.5rem}th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--text)}.id-cell{display:flex;align-items:center;gap:.4rem;font-family:ui-monospace,Consolas,monospace;font-size:.8rem;white-space:nowrap}.copy-btn{padding:.2rem .55rem;font-size:.7rem}.pagination{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.pagination button{padding:.35rem .7rem;min-width:2.2rem}.waveform-row td{padding-top:0}.waveform{min-height:20px}.waveform canvas{width:100%;max-width:480px;height:56px;border-radius:4px;background:#1e1f22;display:block}.connect-card{display:flex;align-items:center;gap:.75rem}progress{width:100%;height:8px;margin-top:.5rem;accent-color:var(--accent)}.toast{position:fixed;top:1.25rem;right:1.25rem;max-width:calc(100% - 2.5rem);padding:.75rem 1.1rem;border-radius:6px;font-size:.85rem;color:white;box-shadow:0 4px 12px rgba(0,0,0,.35);z-index:1000}.toast.ok{background:var(--good)}.toast.bad{background:var(--bad)}@media (max-width:640px){.toast{top:auto;bottom:1rem;left:1rem;right:1rem;max-width:none}}