:root{--bg:#0d1117;--card:#151b23;--line:#262f3b;--text:#e6edf3;--muted:#8b98a8;--accent:#2fbf8f;--accent-2:#1f8f6a;--rec:#f0525a;--warn:#e3b341;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex-direction:column;flex:1;gap:14px;width:min(960px,100%);margin:0 auto;padding:0 16px 24px;display:flex}a{color:var(--accent)}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:min(960px,100%);margin:0 auto;padding:22px 16px 14px;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo{background:linear-gradient(135deg, var(--accent), #4aa3ff);color:#04110c;border-radius:12px;padding:6px 12px;font-family:Noto Kufi Arabic,Geeza Pro,Segoe UI,sans-serif;font-size:22px;font-weight:700}h1{letter-spacing:-.01em;margin:0;font-size:20px}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:15px;font-weight:600}.sub{color:var(--muted);margin:2px 0 0;font-size:13px}.pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12.5px}.pill[data-state=loading]{color:var(--warn);border-color:#5a4a1d}.pill[data-state=ready]{color:var(--accent);border-color:#1d5a45}.pill[data-state=error]{color:var(--rec);border-color:#6a2a2e}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.hint{color:var(--muted);margin:10px 0 0;font-size:12.5px}label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}select{background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;padding:7px 9px;font-size:13.5px}.model .row{align-items:flex-end}button,.file-btn{font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#1c2430;border-radius:10px;padding:9px 14px;font-size:14px;transition:background .15s,border-color .15s,opacity .15s}button:hover:not(:disabled),.file-btn:hover:not([aria-disabled=true]){background:#232d3b}button:disabled,.file-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent-2);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent)}button.ghost{background:0 0;padding:6px 10px;font-size:13px}button.link{color:var(--accent);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.file-btn{color:var(--text);flex-direction:row;display:inline-flex}.file-btn input{display:none}.check{flex-direction:row;align-items:center;gap:6px}.rec{align-items:center;gap:9px;font-weight:600;display:inline-flex}.rec .dot{background:var(--rec);border-radius:50%;width:11px;height:11px}.rec.on{border-color:var(--rec);background:#3a1a1e}.rec.on .dot{animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.3}}.progress{flex-direction:column;gap:6px;margin-top:10px;display:flex}.progress:empty{display:none}.pbar{color:var(--muted);grid-template-columns:150px 1fr 110px;align-items:center;gap:10px;font-size:12px;display:grid}.pbar .track{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.pbar .fill{background:var(--accent);width:0;height:100%;transition:width .1s}.pbar span:last-child{text-align:right;font-variant-numeric:tabular-nums}.meter{align-items:center;gap:8px;display:flex}.meter .bar{background:var(--bg);border-radius:3px;width:120px;height:6px;overflow:hidden}.meter #level{background:linear-gradient(90deg, var(--accent), var(--warn));width:0;height:100%;transition:width 80ms linear}.vad{background:var(--line);border-radius:50%;width:10px;height:10px;transition:background .1s,box-shadow .1s}.vad.on{background:var(--accent);box-shadow:0 0 10px var(--accent)}.clock{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;min-width:64px;font-size:13px}.stats{color:var(--muted);margin-top:8px;font-size:12px}.stats:empty{display:none}.transcript-card{flex-direction:column;flex:1;min-height:320px;display:flex}.transcript{scroll-behavior:smooth;flex-direction:column;gap:2px;max-height:56vh;margin:10px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.transcript li{border-radius:8px;grid-template-columns:auto 1fr;align-items:baseline;gap:14px;padding:8px 6px;animation:.2s fadein;display:grid}.transcript li:hover{background:#1a212b}.transcript .ts{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:default;direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.transcript .tx{font-family:Noto Naskh Arabic,Geeza Pro,Segoe UI,Arial,sans-serif;font-size:21px;line-height:1.7}.transcript li.partial .tx{color:#b9c4d0}.transcript li.partial .tx:after{content:"";vertical-align:-.15em;background:var(--accent);width:2px;height:1em;margin-inline-start:4px;animation:.9s infinite pulse;display:inline-block}.transcript li.partial .ts{color:var(--accent)}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}}.empty{color:var(--muted);text-align:center;max-width:460px;margin:auto;padding:30px 10px;font-size:14px}.settings summary{cursor:pointer;color:var(--muted);font-size:13.5px}.settings .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:12px;display:grid}.settings output{color:var(--text)}input[type=range]{accent-color:var(--accent)}footer{text-align:center;color:var(--muted);padding:18px;font-size:12.5px}@media (max-width:600px){.pbar{grid-template-columns:100px 1fr 80px}.meter .bar{width:70px}.transcript .tx{font-size:19px}}