:root{--tx-green:#03e2b6;--tx-blue:#3051df;--bg:#0b0f14;--surface:#13181f;--text:#e6edf3;--muted:#8899a6;--border:#22303a;--danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--text);height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app{flex-direction:column;gap:16px;max-width:980px;min-height:100vh;margin:0 auto;padding:16px;display:flex}header.brand{border-bottom:1px solid #22303a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.brand h1{letter-spacing:.3px;margin:0;font-size:22px}.brand h1 span.green{color:var(--tx-green)}.brand h1 span.blue{color:var(--tx-blue)}.card{background:var(--surface);border:1px solid #22303a;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}button,.button{background:var(--tx-blue);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:600}button:hover{filter:brightness(1.1)}button.secondary{color:var(--text);background:#22303a}button.danger{background:var(--danger)}button.ghost{color:var(--text);background:0 0;border:1px solid #22303a}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{color:var(--text);background:#0b0f14;border:1px solid #22303a;border-radius:6px;padding:8px 10px;font-size:14px}.recordings-list{flex-direction:column;gap:8px;display:flex}.recording-row{border:1px solid #22303a;border-radius:10px;grid-template-columns:1fr;gap:8px;padding:12px;display:grid}.recording-row .meta{color:var(--muted);font-size:13px}.pill{background:#22303a;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.transcript{white-space:pre-wrap;background:#0b0f14;border:1px solid #22303a;border-radius:6px;max-height:300px;padding:10px;overflow:auto}.row{flex-wrap:wrap;gap:8px;display:flex}.recorder{background:#0b0f14;border:1px solid #22303a;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.recorder .dot{background:#22303a;border-radius:50%;width:12px;height:12px}.recorder.recording .dot{background:var(--tx-green);animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.footer{color:var(--muted);text-align:center;padding:20px 0;font-size:12px}.toast{color:var(--text);z-index:1000;background:#22303a;border-radius:8px;padding:10px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}select,textarea{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:100%;padding:8px}label{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}textarea{width:100%;min-height:100px;display:block}.actions{flex-flow:wrap;gap:6px;display:flex}.transcript{overflow-wrap:anywhere}audio{max-width:100%;margin-block:12px}[role=alert]{color:var(--danger)}@media (width<=680px){.recording-row{display:block}.actions{flex-flow:wrap;margin-top:12px}}.recording-row>div{min-width:0}header.brand{flex-wrap:wrap}.button{text-decoration:none}.button.secondary{background:#22303a}:focus-visible{outline:2px solid var(--tx-green);outline-offset:3px}.toast{overflow-wrap:anywhere;max-width:calc(100vw - 24px)}