@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap";body{margin:0}:root{--color-ink-950: #09090a;--color-ink-900: #101012;--color-ink-850: #151518;--color-ink-800: #1c1b20;--color-ink-700: #292832;--color-paper-50: #f4f0ea;--color-paper-100: #e9e0d5;--color-muted-400: #96919c;--color-muted-500: #726e79;--color-red-500: #ff4141;--color-red-600: #dd3434;--color-green-400: #36d6aa;--color-green-500: #22b98f;--color-amber-400: #f0a44a;--color-black-a20: rgba(0, 0, 0, .2);--color-black-a40: rgba(0, 0, 0, .4);--color-white-a03: rgba(255, 255, 255, .03);--color-white-a06: rgba(255, 255, 255, .06);--color-white-a10: rgba(255, 255, 255, .1);--color-white-a16: rgba(255, 255, 255, .16);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--font-display: "Instrument Serif", Georgia, serif;--font-ui: "DM Mono", "SFMono-Regular", Consolas, monospace;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 36px;--font-size-3xl: 54px;--shadow-panel: 0 24px 70px var(--color-black-a40), 0 1px 0 var(--color-white-a06) inset;--shadow-control: 0 16px 44px rgba(255, 65, 65, .13);--color-page: var(--color-ink-950);--color-surface: rgba(16, 16, 18, .88);--color-surface-raised: rgba(22, 21, 25, .92);--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .18);--color-text: var(--color-paper-50);--color-text-muted: var(--color-muted-400);--color-text-soft: var(--color-muted-500);--color-accent: var(--color-red-500);--color-accent-strong: var(--color-red-600);--color-accent-wash: rgba(255, 65, 65, .12);--color-signal-good: var(--color-green-400);--color-signal-good-wash: rgba(54, 214, 170, .12);--color-signal-warn: var(--color-amber-400);--focus-ring: 0 0 0 3px rgba(54, 214, 170, .28)}body[data-theme=light],.app-shell[data-theme=light]{--color-page: #f1ece4;--color-surface: rgba(255, 252, 247, .88);--color-surface-raised: rgba(255, 255, 255, .96);--color-border: rgba(30, 27, 24, .11);--color-border-strong: rgba(30, 27, 24, .2);--color-text: #151317;--color-text-muted: #68616d;--color-text-soft: #8a8290;--color-accent: var(--color-red-600);--color-accent-wash: rgba(221, 52, 52, .1);--color-signal-good: var(--color-green-500);--color-signal-good-wash: rgba(34, 185, 143, .1);--shadow-panel: 0 20px 60px rgba(70, 54, 40, .12), 0 1px 0 rgba(255, 255, 255, .9) inset;--shadow-control: 0 16px 44px rgba(221, 52, 52, .12)}*{box-sizing:border-box}html{background:var(--color-page)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(115deg,rgba(255,65,65,.08),transparent 22%),linear-gradient(245deg,rgba(54,214,170,.065),transparent 28%),repeating-linear-gradient(90deg,transparent 0,transparent 63px,rgba(255,255,255,.018) 64px),var(--color-page);color:var(--color-text);font-family:var(--font-ui)}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;padding:var(--space-6)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:1480px;margin:0 auto var(--space-6)}.brand-lockup{display:flex;align-items:center;gap:var(--space-4);min-width:0}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--color-accent-wash),var(--color-surface));color:var(--color-accent);font-size:var(--font-size-sm);letter-spacing:.08em;box-shadow:var(--shadow-panel)}.brand-lockup h1,.brand-lockup p,.transcript-head h2,.empty-state h3,.setup-modal h2{margin:0}.brand-lockup h1{font-family:var(--font-display);font-size:clamp(34px,4vw,var(--font-size-3xl));font-weight:400;line-height:.9}.brand-lockup h1 span{color:var(--color-accent);font-style:italic}.brand-lockup p,.eyebrow,.field-label,.capture-pill,.mode-caption,.device-note,.metric-grid span,.panel-header span{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.16em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.capture-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:38px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface)}.capture-pill span{width:8px;height:8px;border-radius:999px;background:var(--color-text-soft)}.capture-pill.active span{background:var(--color-accent);box-shadow:0 0 0 5px var(--color-accent-wash);animation:pulse-dot 1.4s ease-in-out infinite}.capture-pill.starting span{background:var(--color-signal-warn)}.icon-button,.mini-button,.record-button,.mode-switch button,.action-button,.ghost-button,.primary-button,.transcript-line,.follow-button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.icon-button,.mini-button{display:inline-grid;place-items:center;border-radius:var(--radius-md)}.icon-button{width:42px;height:42px}.mini-button{width:32px;height:32px}.icon-button:hover,.mini-button:hover,.action-button:hover:not(:disabled),.ghost-button:hover,.transcript-line:hover,.follow-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised);transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.error-banner{max-width:1480px;margin:0 auto var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid rgba(255,65,65,.3);border-radius:var(--radius-md);background:var(--color-accent-wash);color:var(--color-accent);line-height:1.5}.studio-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(260px,330px);gap:var(--space-4);max-width:1480px;margin:0 auto;align-items:stretch}.panel{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control-panel,.insight-panel{padding:var(--space-5)}.transcript-panel{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 126px);padding:var(--space-5)}.panel-header,.transcript-head,.device-heading,.setup-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.panel-header{margin-bottom:var(--space-5)}.eyebrow{margin:0 0 var(--space-1);color:var(--color-accent)}.field-label{display:block;margin-bottom:var(--space-2)}.session-input,.device-select,.search-box input{width:100%;color:var(--color-text);border:1px solid var(--color-border);background:#0000002e}.session-input,.device-select{min-height:44px;border-radius:var(--radius-md);padding:0 var(--space-3)}.session-input{margin-bottom:var(--space-5)}.timer-card{display:grid;place-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);margin-bottom:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),#00000024}.signal-stack{display:flex;align-items:center;justify-content:center;gap:3px;height:52px}.signal-stack span{width:3px;height:var(--bar-height);border-radius:999px;background:var(--color-border-strong)}.signal-stack span.active{background:var(--color-signal-good);box-shadow:0 0 9px #36d6aa80}.timer{font-size:clamp(34px,5vw,48px);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--color-text-muted)}.timer.active{color:var(--color-accent);text-shadow:0 0 24px rgba(255,65,65,.25)}.timer.starting{color:var(--color-signal-warn)}.timer.active span{animation:blink-colon 1s ease-in-out infinite}.record-button{width:86px;height:86px;display:grid;place-items:center;border-width:2px;border-radius:999px;border-color:var(--color-accent);background:radial-gradient(circle,var(--color-accent-wash),transparent 68%);box-shadow:var(--shadow-control)}.record-button:hover{transform:scale(1.04)}.record-button span{width:30px;height:30px;border-radius:999px;background:var(--color-accent)}.record-button.recording{animation:pulse-ring 1.8s ease-in-out infinite}.record-button.recording span{width:24px;height:24px;border-radius:var(--radius-xs)}.record-button.starting{border-color:var(--color-signal-warn)}.record-button.starting span{background:var(--color-signal-warn)}.status-line,.mode-caption,.device-note,.latest-card p,.quality-list div,.empty-state p{color:var(--color-text-muted);line-height:1.6}.status-line{min-height:23px;margin:0;font-size:var(--font-size-sm)}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0000002e}.mode-switch button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:38px;border-radius:var(--radius-sm);color:var(--color-text-muted)}.mode-switch button.active{color:var(--color-signal-good);border-color:#36d6aa52;background:var(--color-signal-good-wash)}.mode-switch button:disabled,.action-button:disabled,.device-select:disabled,.mini-button:disabled{opacity:.45;cursor:not-allowed}.mode-caption{min-height:18px;margin:var(--space-2) 0 var(--space-5);text-align:center}.device-block{display:grid;gap:var(--space-2)}.device-heading{align-items:end}.device-select{appearance:none}.device-note{min-height:38px;margin:0;font-size:var(--font-size-sm);word-break:break-word}.transcript-head{flex-wrap:wrap;margin-bottom:var(--space-4)}.transcript-head h2{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:400}.search-box{display:flex;align-items:center;gap:var(--space-2);min-width:min(100%,300px);min-height:42px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#00000029;color:var(--color-text-muted)}.search-box input{min-width:0;border:0;background:transparent;outline:0}.transcript-area{position:relative;flex:1;min-height:520px;overflow-y:auto;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 180px),#0000001f;scroll-behavior:smooth}.transcript-area::-webkit-scrollbar{width:8px}.transcript-area::-webkit-scrollbar-track{background:transparent}.transcript-area::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--color-border-strong);background-clip:content-box}.empty-state{display:grid;place-items:center;align-content:center;min-height:420px;padding:var(--space-8);text-align:center}.empty-state.compact{min-height:220px}.empty-state h3{margin-top:var(--space-4);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:400}.empty-state p{max-width:430px;margin:var(--space-2) 0 0}.empty-waveform{display:flex;align-items:center;justify-content:center;gap:var(--space-1);height:48px}.empty-waveform span{width:5px;border-radius:999px;background:var(--color-text-muted);animation:wave-idle 2.8s ease-in-out infinite}.empty-waveform span:nth-child(1){height:16px;animation-delay:0ms}.empty-waveform span:nth-child(2){height:26px;animation-delay:.12s}.empty-waveform span:nth-child(3){height:36px;animation-delay:.24s}.empty-waveform span:nth-child(4){height:28px;animation-delay:.36s}.empty-waveform span:nth-child(5){height:20px;animation-delay:.48s}.transcript-line{position:relative;width:100%;display:grid;grid-template-columns:3px 58px minmax(0,1fr) auto;gap:var(--space-3);align-items:start;padding:var(--space-4);border-width:0 0 1px;border-radius:var(--radius-md);background:transparent;text-align:left}.confidence-bar{width:3px;min-height:100%;border-radius:999px;background:var(--confidence-color)}.timestamp{color:var(--color-text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;line-height:1.7}.line-text,.interim-line span:last-child{min-width:0;color:var(--color-text);font-size:var(--font-size-md);font-weight:300;line-height:1.75}.copied-chip{align-self:center;padding:var(--space-1) var(--space-2);border:1px solid rgba(54,214,170,.3);border-radius:999px;color:var(--color-signal-good);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase}.interim-line{display:grid;grid-template-columns:58px minmax(0,1fr);gap:var(--space-3);padding:var(--space-4);color:var(--color-text-muted)}.interim-line i{display:inline-block;width:2px;height:18px;margin-left:var(--space-1);background:var(--color-signal-good);animation:blink-colon .85s step-end infinite;vertical-align:middle}.follow-button{position:absolute;right:var(--space-8);bottom:78px;padding:var(--space-2) var(--space-3);border-radius:999px;color:var(--color-signal-good)}.action-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-4)}.action-button,.ghost-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase}.action-button.success,.primary-button{color:var(--color-signal-good);border-color:#36d6aa52;background:var(--color-signal-good-wash)}.action-button.danger:not(:disabled){color:var(--color-accent)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.metric-grid div,.latest-card,.quality-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#00000021}.metric-grid div{padding:var(--space-4)}.metric-grid span{display:block;margin-bottom:var(--space-3)}.metric-grid strong{font-size:var(--font-size-xl);font-weight:400}.check-row{display:flex;align-items:center;gap:var(--space-3);min-height:44px;margin-bottom:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm)}.check-row input{width:18px;height:18px;accent-color:var(--color-signal-good)}.latest-card,.quality-list{padding:var(--space-4);margin-bottom:var(--space-4)}.latest-card p:last-child{display:-webkit-box;margin:var(--space-2) 0 0;overflow:hidden;-webkit-line-clamp:5;-webkit-box-orient:vertical}.quality-list{display:grid;gap:var(--space-3)}.quality-list div{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.quality-list span{width:8px;height:8px;border-radius:999px;background:var(--color-text-soft)}.quality-list span.ok{background:var(--color-signal-good)}.quality-list span.warn{background:var(--color-signal-warn)}.setup-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--space-5);background:#000000ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.setup-modal{width:min(520px,100%);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-panel)}.setup-modal h2{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:400}.setup-subtitle{color:var(--color-text-muted);line-height:1.6}.setup-steps{display:grid;gap:var(--space-3);padding:0;margin:var(--space-5) 0;list-style:none}.setup-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--space-3);align-items:start;color:var(--color-text-muted);line-height:1.6}.setup-steps li span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(54,214,170,.34);border-radius:999px;color:var(--color-signal-good)}.ghost-button{color:var(--color-text-muted)}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(.72)}}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 4px var(--color-accent-wash),var(--shadow-control)}50%{box-shadow:0 0 0 12px #ff41410a,var(--shadow-control)}}@keyframes blink-colon{0%,to{opacity:1}50%{opacity:.28}}@keyframes wave-idle{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(.68);opacity:1}}@media(max-width:1120px){.studio-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.insight-panel{grid-column:1 / -1}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:var(--space-4)}.topbar{align-items:flex-start}.brand-mark{display:none}.brand-lockup h1{font-size:36px}.capture-pill{display:none}.studio-grid{grid-template-columns:1fr}.transcript-panel{min-height:auto}.transcript-area{min-height:360px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transcript-head{align-items:stretch}.search-box{min-width:100%}.transcript-line{grid-template-columns:3px 48px minmax(0,1fr)}.copied-chip{grid-column:3;justify-self:start}.action-button{flex:1 1 calc(50% - var(--space-2))}}@media(max-width:420px){.app-shell{padding:var(--space-3)}.control-panel,.transcript-panel,.insight-panel{padding:var(--space-4);border-radius:var(--radius-lg)}.timer-card{padding:var(--space-5) var(--space-3)}.record-button{width:78px;height:78px}.action-button{flex-basis:100%}}