*{box-sizing:border-box}:root{color-scheme:light;--bg: #f6f1e8;--bg-accent: #fffaf2;--panel: rgba(255, 252, 247, .88);--panel-strong: #ffffff;--border: rgba(105, 90, 58, .14);--border-strong: rgba(105, 90, 58, .24);--text: #26231f;--muted: #6b655d;--accent: #0f8e77;--accent-strong: #0b6b58;--accent-soft: rgba(15, 142, 119, .12);--accent-cool: #3276ff;--warn: #ab4d25;--warn-soft: rgba(171, 77, 37, .12);--shadow: 0 24px 56px rgba(102, 77, 47, .08);--radius: 24px;--mono: "SFMono-Regular", "Menlo", monospace;--display: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif}html,body{min-height:100%}body{margin:0;font-family:var(--display);color:var(--text);background:radial-gradient(circle at top left,rgba(255,214,165,.42),transparent 30%),radial-gradient(circle at 85% 10%,rgba(118,203,255,.22),transparent 24%),radial-gradient(circle at top right,rgba(135,212,193,.32),transparent 26%),linear-gradient(180deg,var(--bg-accent) 0%,var(--bg) 100%)}.app{max-width:1200px;margin:0 auto;padding:28px 20px 32px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}.hero-copy{max-width:760px}.brand-row{display:flex;align-items:center;gap:16px;margin-bottom:10px}.brand-mark{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(180deg,#ffffffd1,#f5efe4f0);border:1px solid rgba(105,90,58,.14);box-shadow:0 18px 38px #664d2f14}.mic-mark{width:56px;height:56px}.mic-orbit,.mic-body,.mic-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.mic-orbit{stroke:#3276ff2e;stroke-width:6}.mic-body{stroke:var(--accent-cool);stroke-width:6}.mic-line{stroke:var(--accent-strong);stroke-width:6}.brand-subline{margin:4px 0 0;color:var(--muted);font-size:.98rem}.hero-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:248px;margin-left:auto}.select-action{position:relative;min-width:0;width:100%}.select-action select{border:0;background:transparent;padding:0;min-width:116px;width:auto;flex:1 1 auto}.select-action .button-label{margin-right:2px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:700;color:var(--accent-strong)}h1,h2{margin:0;line-height:1.05}h1{font-size:clamp(2rem,4.2vw,3.3rem);letter-spacing:-.04em;max-width:12ch}h2{font-size:1.6rem;letter-spacing:-.03em}.intro{margin:10px 0 0;max-width:680px;color:var(--muted);line-height:1.5;font-size:.98rem}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hero-badge,.small-tag{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:700}.hero-badge{background:#ffffffb8;border:1px solid var(--border);color:var(--text)}.small-tag{background:#0f8e771f;color:var(--accent-strong)}.subtle-tag{background:#3276ff1a;color:var(--accent-cool)}.notice,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.notice{padding:16px 18px;margin-bottom:18px;background:linear-gradient(180deg,#fff7e9,#fff4e2)}.notice-strong{background:linear-gradient(180deg,#fff6ef,#ffeddc);border-color:#ab4d2538}.notice-actions{margin-top:14px}.notice strong{display:block;margin-bottom:6px}.notice p{margin:0;color:var(--muted);line-height:1.55}.panel{padding:18px;margin-top:12px}.panel-main{padding:18px}.model-strip{display:grid;gap:10px;margin-bottom:12px;padding:14px 16px;border-radius:18px;background:#ffffffb8;border:1px solid var(--border)}.model-strip-head,.model-state,.progress-copy{display:flex;align-items:center}.model-strip-head{justify-content:space-between;gap:14px}.model-state{gap:12px;min-width:0}.model-copy{min-width:0}.model-copy strong{display:block;margin-bottom:2px}.model-indicator{width:12px;height:12px;flex:0 0 12px;border-radius:999px;background:#695a3a3d;box-shadow:0 0 0 4px #695a3a14}.model-indicator.pending{background:#cf8d28;box-shadow:0 0 0 4px #cf8d281f}.model-indicator.loading{background:var(--accent-cool);box-shadow:0 0 0 4px #3276ff24}.model-indicator.ready{background:var(--accent);box-shadow:0 0 0 4px #0f8e7724}.progress-shell{display:grid;gap:8px}.progress-track{overflow:hidden;height:11px;border-radius:999px;background:#695a3a1a;border:1px solid rgba(105,90,58,.06)}.progress-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-cool),var(--accent));transition:width .18s ease}.progress-copy{justify-content:space-between;gap:12px;color:var(--muted);font-size:.92rem}.progress-label,.progress-meta{font-variant-numeric:tabular-nums}.top-grid,.grid.two-col{display:grid;grid-template-columns:1.2fr .9fr;gap:18px}.compact-grid{grid-template-columns:minmax(0,1fr);gap:12px}.control-strip,.status-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.control-strip{margin-bottom:10px;justify-content:flex-start}.status-strip{justify-content:space-between;gap:8px 16px;margin-bottom:10px}.field-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.label{display:block;margin-bottom:8px;font-weight:700}.field+.field{margin-top:2px}select,input[type=file]{width:100%;border:1px solid var(--border-strong);border-radius:14px;padding:11px 13px;font:inherit;background:#ffffffd1;color:var(--text)}input[type=file]::file-selector-button{border:0;border-radius:12px;padding:11px 14px;margin-right:12px;background:#efe4d2;color:var(--text);font:inherit;font-weight:700;cursor:pointer}.button-grid,.button-row{display:flex;flex-wrap:wrap;gap:10px}button{border:0;border-radius:14px;padding:11px 14px;font:inherit;font-weight:700;cursor:pointer;transition:transform .18s ease,filter .18s ease,background .18s ease}button:hover{filter:brightness(1.02);transform:translateY(-1px)}button:active{transform:translateY(0)}button:not(.ghost-button){background:linear-gradient(180deg,#fff,#f8f2e8);color:var(--text);border:1px solid rgba(15,142,119,.18);box-shadow:0 10px 24px #493f3114}.action-primary{background:linear-gradient(180deg,#fff,#f7efe5)!important;color:var(--text)}.ghost-button{background:#ffffffc7;color:var(--text);border:1px solid var(--border-strong)}.action-button{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:11px 15px;border-radius:16px;line-height:1;width:100%}.button-icon{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--accent-strong)}.action-primary .button-icon{color:var(--accent-cool)}.button-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button-label{white-space:nowrap;color:var(--text)}.muted-line,.hint,.meter-caption{margin:0;color:var(--muted);line-height:1.55}.accent-line{color:var(--accent-strong)}.compact-hint{margin-top:14px}.meter-card{margin-top:2px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#ffffffd1,#fff9f0e6);border:1px solid var(--border)}.meter-progress-shell{margin-top:12px}.meter-progress-track{height:11px}.meter-progress-fill{transition:width 90ms linear}.meter-progress-copy{align-items:center}.meter-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.voice-state,.tag{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:700}.voice-state{background:var(--accent-soft);color:var(--accent-strong)}.voice-state.pause{background:var(--warn-soft);color:var(--warn)}.tag{background:#fff4e2f2;color:#8c6541}code,pre{font-family:var(--mono)}pre{margin:10px 0 0;white-space:pre-wrap;word-break:break-word;background:#ffffffc2;border-radius:16px;padding:14px;min-height:80px;color:#2f2b25;border:1px solid rgba(150,116,69,.12)}.transcript-panel pre{min-height:280px;font-size:1.02rem;line-height:1.7}.segments-panel{min-height:460px}#segments{margin-top:14px;display:grid;gap:12px}.segments-empty{min-height:220px;display:grid;place-items:center;padding:20px;border-radius:16px;background:#ffffffb8;border:1px dashed var(--border-strong);color:var(--muted);text-align:center}.segment-card{background:#ffffffd1;border:1px solid rgba(150,116,69,.14);border-radius:16px;padding:14px}.segment-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.segment-meta{color:var(--muted);font-size:.93rem}.segment-kind{border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700;background:#1f8f761f;color:var(--accent-strong)}.segment-kind.command{background:var(--warn-soft);color:var(--warn)}.segment-text{margin:0;line-height:1.6}.segment-actions{margin-top:12px;display:flex;gap:8px}.segment-actions button{padding:8px 12px;font-size:.92rem}.minimal-mode .detailed-only{display:none!important}.minimal-mode .app{max-width:980px}.minimal-mode .transcript-grid{grid-template-columns:1fr}.minimal-mode .hero{margin-bottom:10px}.minimal-mode .panel-main{padding:16px}.minimal-mode .transcript-panel pre{min-height:360px;font-size:1.08rem}@media (max-width: 900px){.hero,.top-grid,.grid.two-col,.transcript-grid{grid-template-columns:1fr;display:grid}.hero{gap:16px}.hero-actions{width:100%;margin-left:0}.model-strip-head,.progress-copy{align-items:flex-start;flex-direction:column}.field-grid{grid-template-columns:1fr}}@media (max-width: 640px){.app{padding:28px 14px 34px}.panel,.panel-main{padding:18px}.button-grid,.button-row,.hero-actions{flex-direction:column}}