:root{color-scheme:dark;--bg: #111318;--fg: #e8e6e3;--accent: #4f8cff;--muted: #8b8b93;--card: #1a1d24;--border: #2a2e37}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Apple SD Gothic Neo,sans-serif;line-height:1.5;padding:max(16px,env(safe-area-inset-top)) 16px 32px}.app{max-width:640px;margin:0 auto}.app__header{display:flex;align-items:center;justify-content:space-between}.badge{font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge--ready{border-color:#3fb96e;color:#3fb96e}.models{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;margin:24px 0}.models__note{font-size:13px;color:var(--muted);margin:4px 0 12px}.models__list{display:flex;flex-direction:column;gap:10px}.model-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;font-size:14px}.model-row__bar{grid-column:1 / -1;height:6px;border-radius:999px;background:var(--border);overflow:hidden}.model-row__fill{height:100%;width:0%;border-radius:999px;background:var(--accent);transition:width .2s ease}.model-row[data-status=ready] .model-row__fill{background:#3fb96e}.model-row[data-status=error] .model-row__fill{background:#e5484d}.model-row[data-status=ready] .model-row__status{color:#3fb96e}.model-row[data-status=error] .model-row__status{color:#e5484d}.models__actions{display:flex;gap:8px;margin-top:14px}.btn{font-size:14px;padding:8px 16px;border-radius:10px;border:none;background:var(--accent);color:#fff;cursor:pointer}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--fg)}.btn:disabled{opacity:.5;cursor:default}.models__storage{margin-top:10px;font-size:12px;color:var(--muted)}.record{display:flex;flex-direction:column;align-items:center;gap:8px;margin:24px 0;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:16px}.record__btn{font-size:18px;padding:14px 32px;border-radius:999px;border:none;background:var(--accent);color:#fff;cursor:pointer}.record__btn:disabled{opacity:.5;cursor:default}.record__time{font-variant-numeric:tabular-nums;font-size:28px}.record__hint{font-size:13px;color:var(--muted);min-height:1em}.record__meter{width:min(320px,80%);margin:8px auto 4px;display:flex;align-items:center;gap:10px}.record__meter-bar{flex:1;height:8px;border-radius:4px;background:var(--surface);overflow:hidden}.record__meter-fill{height:100%;width:0%;background:var(--accent);border-radius:4px;transition:width 80ms linear}.record__meter-info{font-size:12px;color:var(--muted);white-space:nowrap}.pipeline__steps li{padding:4px 0;color:var(--muted)}.pipeline__steps li.active{color:var(--fg);font-weight:600}.pipeline__steps li.done{color:var(--accent)}.pipeline__progress{margin-top:8px;font-size:14px;color:var(--muted)}.live-transcript{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;margin:24px 0}.live-transcript__text{max-height:300px;overflow-y:auto;font-size:14px;line-height:1.6}.live-transcript__line{padding:4px 0;border-bottom:1px solid var(--border)}.live-transcript__line:last-child{border-bottom:none}.live-transcript__time{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:6px}.live-transcript__placeholder{color:var(--muted);font-style:italic}.result__pre{white-space:pre-wrap;word-break:break-word;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;min-height:120px}