:root{color:#20231f;font-synthesis:none;text-rendering:optimizelegibility;--background:#f2f0ea;--surface:#fbfaf7;--surface-raised:#fff;--text:#20231f;--muted:#5f655e;--subtle:#656b64;--line:#deddd7;--line-strong:#c9c9c2;--accent:#2f6b52;--accent-strong:#24563f;--accent-soft:#e5eee8;--danger:#a6403b;--danger-soft:#f8e9e7;--warning-soft:#f4eddb;--focus:#47866a;--shadow:0 24px 70px #22252014;background:#f2f0ea;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 20% 0%, #ffffffbf, transparent 33rem), var(--background);min-width:320px;min-height:100vh;color:var(--text);margin:0;overflow-x:hidden}button,select,textarea{font:inherit}button,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) max(20px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(20px, env(safe-area-inset-left));flex-direction:column;display:flex}.app-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;width:min(100%,920px);min-height:76px;margin:0 auto;display:grid}.brand{letter-spacing:.2em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:max-content;padding:8px 0;font-size:.76rem;font-weight:800;display:inline-flex}.brand-mark{background:var(--text);width:30px;height:30px;color:var(--surface);letter-spacing:0;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:.95rem;display:grid}.app-header nav{border:1px solid var(--line);background:#ffffff73;border-radius:999px;gap:4px;padding:4px;display:flex}.app-header nav button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 15px;font-size:.82rem;font-weight:650}.app-header nav button.active{background:var(--text);color:var(--surface)}.history-count{background:#7f7f7f29;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:4px;font-size:.67rem;display:inline-grid}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;display:inline-grid}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:20px}.settings-button{justify-self:end}.voice-view,.history-view{flex:1;width:min(100%,760px);margin:0 auto}.voice-view{align-content:start;gap:24px;padding:58px 0 34px;display:grid}.voice-card,.transcript-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow);border-radius:28px}.voice-card{padding:38px 44px 32px}.voice-intro{text-align:center}.eyebrow{color:var(--accent);letter-spacing:.17em;text-transform:uppercase;margin:0 0 9px;font-size:.68rem;font-weight:800}.voice-intro h1,.history-heading h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3rem);font-weight:500;line-height:1.05}.voice-intro>p:last-child,.history-heading>div>p:last-child{color:var(--muted);margin:14px 0 0;line-height:1.6}.recorder{flex-direction:column;align-items:center;padding-top:31px;display:flex}.status-label{background:var(--accent-soft);min-height:27px;color:var(--accent-strong);border-radius:999px;align-items:center;gap:8px;margin:0 0 23px;padding:5px 11px;font-size:.76rem;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.status-recording,.status-error{background:var(--danger-soft);color:var(--danger)}.microphone-button{background:var(--text);width:126px;height:126px;color:var(--surface);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;place-items:center;transition:transform .15s,background .15s;display:grid;position:relative;box-shadow:0 16px 35px #1e221d33,inset 0 0 0 1px #ffffff1a}.microphone-button:not(:disabled):hover{transform:translateY(-2px)}.microphone-button:not(:disabled):active{transform:scale(.97)}.microphone-button.is-recording{background:var(--danger)}.microphone-button.is-recording:after{border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:inherit;content:"";position:absolute;inset:-9px}.microphone-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:46px}.recording-action{margin:18px 0 0;font-size:.94rem;font-weight:680}.timer{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-top:8px;font-size:1.42rem;font-weight:530}.level-meter{align-items:center;gap:5px;height:36px;margin-top:13px;display:flex}.level-meter span{background:var(--line-strong);border-radius:99px;width:4px;min-height:4px;transition:height 75ms linear,background .15s}.level-meter.active span{background:var(--accent)}.keyboard-hint{color:var(--subtle);margin:13px 0 0;font-size:.72rem}.spinner{border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;width:35px;height:35px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inline-notice{background:var(--warning-soft);color:#625737;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:15px 18px;font-size:.86rem;line-height:1.45;display:flex}.inline-notice.error{background:var(--danger-soft);color:var(--danger);text-align:center;display:block}.inline-notice p{margin:4px 0 0}.transcript-panel{padding:32px 36px 28px}.section-heading-row,.dialog-heading,.history-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.section-heading-row h2,.dialog-heading h2,.empty-history h2{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.72rem;font-weight:500}.success-mark{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:750}.transcript-panel textarea{resize:vertical;width:100%;min-height:210px;color:var(--text);background:0 0;border:0;margin-top:22px;padding:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.18rem,3vw,1.42rem);line-height:1.6;display:block}.transcript-panel textarea:focus-visible{outline-offset:8px;border-radius:5px}.performance-summary{border-top:1px solid var(--line);gap:25px;margin:18px 0 0;padding:16px 0 0;display:flex}.performance-summary div{gap:6px;display:flex}.performance-summary dt,.performance-summary dd{margin:0;font-size:.76rem}.performance-summary dt{color:var(--muted)}.performance-summary dd{font-variant-numeric:tabular-nums;font-weight:700}.transcript-actions,.history-actions{align-items:center;gap:10px;display:flex}.transcript-actions{margin-top:24px}.button{border:1px solid var(--line-strong);background:var(--surface-raised);cursor:pointer;touch-action:manipulation;border-radius:999px;min-height:46px;padding:0 20px;font-size:.85rem;font-weight:720}.button.primary{border-color:var(--text);background:var(--text);min-width:130px;color:var(--surface)}.button.quiet{background:0 0}.button.small{min-height:38px;padding:0 15px;font-size:.76rem}.text-button{color:var(--accent-strong);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 30%, transparent);text-decoration-color:color-mix(in srgb, currentColor 30%, transparent);text-underline-offset:3px;background:0 0;border:0;padding:3px;font-size:.8rem;font-weight:750}.danger{color:var(--danger)!important}.history-view{padding:58px 0 42px}.history-heading{align-items:end;margin-bottom:28px}.history-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.history-card{border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:23px 24px 20px}.history-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px 16px;font-size:.7rem;display:flex}.history-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:14px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;line-height:1.55;display:-webkit-box;overflow:hidden}.history-actions .icon-button{width:38px;height:38px;margin-left:auto}.empty-history{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:24px;padding:70px 24px}.empty-history>span{color:var(--line-strong);margin-bottom:15px;font-family:Georgia,serif;font-size:3rem;display:block}.empty-history p{max-width:460px;margin:12px auto 0;line-height:1.6}.app-footer{border-top:1px solid var(--line);width:min(100%,920px);color:var(--subtle);justify-content:space-between;align-items:center;gap:20px;margin:auto auto 0;padding:20px 0 22px;font-size:.7rem;display:flex}.network-status{align-items:center;gap:6px;display:inline-flex}.network-status:before{background:var(--accent);content:"";border-radius:50%;width:6px;height:6px}.network-status.offline:before{background:var(--danger)}.dialog-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1416137a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-dialog{border:1px solid var(--line);background:var(--surface-raised);border-radius:24px;width:min(100%,500px);max-height:calc(100dvh - 40px);padding:28px;overflow:auto;box-shadow:0 30px 100px #0000003b}.settings-fields{gap:20px;margin-top:28px;display:grid}.settings-fields label{color:var(--muted);gap:8px;font-size:.78rem;font-weight:700;display:grid}.settings-fields select{border:1px solid var(--line-strong);background:var(--surface);width:100%;height:48px;color:var(--text);border-radius:11px;padding:0 42px 0 14px}.field-error{color:var(--danger);margin:-10px 0 0;font-size:.76rem;line-height:1.45}.settings-fields>.text-button{width:max-content;margin-top:-13px}.privacy-note{border-top:1px solid var(--line);color:var(--muted);margin:27px 0 0;padding-top:18px;font-size:.73rem;line-height:1.5}@media (width<=640px){.app-shell{padding-right:max(14px, env(safe-area-inset-right));padding-left:max(14px, env(safe-area-inset-left))}.app-header{grid-template-columns:auto 1fr auto;min-height:67px}.brand>span:last-child{display:none}.app-header nav{justify-self:center}.app-header nav button{min-height:34px;padding:0 11px;font-size:.76rem}.settings-button,.icon-button{width:40px;height:40px}.voice-view,.history-view{padding-top:26px}.voice-card{border-radius:23px;padding:28px 20px 24px}.voice-intro h1{font-size:2.12rem}.voice-intro>p:last-child{font-size:.9rem}.microphone-button{width:118px;height:118px}.keyboard-hint{display:none}.inline-notice{flex-direction:column;align-items:flex-start;gap:8px}.transcript-panel{border-radius:23px;padding:25px 20px 22px}.transcript-panel textarea{min-height:240px}.performance-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.performance-summary div{display:block}.performance-summary dd{margin-top:3px}.transcript-actions .button{flex:1}.history-heading{flex-direction:column;align-items:flex-start}.history-card{padding:20px 18px 18px}.history-actions{flex-wrap:wrap}.history-actions .icon-button{margin-left:auto}.app-footer>span:first-child{max-width:220px}.settings-dialog{padding:23px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#141614;--surface:#1b1e1b;--surface-raised:#222522;--text:#f1f1eb;--muted:#aaafa8;--subtle:#7c827b;--line:#30342f;--line-strong:#444942;--accent:#79b695;--accent-strong:#9cc9af;--accent-soft:#21382c;--danger:#e47f78;--danger-soft:#3b2524;--warning-soft:#373122;--focus:#82c7a2;--shadow:0 24px 70px #00000047}body{background:radial-gradient(circle at 20% 0%, #414b413d, transparent 33rem), var(--background)}.app-header nav{background:#ffffff08}.inline-notice.warning{color:#d6c693}}:root{--live-accent:#337858;--live-accent-soft:#deeee5}.live-shell{background-image:radial-gradient(circle at 50% 0,#5999761a,#0000 32rem)}.live-brand-mark{background:var(--live-accent);width:34px;height:34px;font-family:inherit;font-size:.68rem;font-weight:850}.live-view{width:min(100%,820px)}.live-voice-card{border-top:4px solid var(--live-accent)}.live-microphone{background:#183126}.live-microphone.is-recording{background:#ad443e}.status-finalizing{color:#6c5c32;background:#eee8d8}.chunk-hint{color:var(--subtle);margin:12px 0 0;font-size:.73rem}.vad-status{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.74rem;font-weight:700}.vad-status.speech{color:var(--live-accent)}.vad-status.silence{color:var(--muted)}.live-transcript-panel{border-top:4px solid var(--live-accent);position:relative}.live-transcript-panel textarea[readonly]{cursor:default}.live-transcript-panel textarea::placeholder{color:var(--subtle);font-family:inherit;font-size:1rem}.live-queue-badge{background:var(--live-accent-soft);color:#245a40;border-radius:999px;padding:6px 11px;font-size:.72rem;font-weight:750}.live-queue-badge.busy{color:#6c5c32;background:#eee8d8}.live-warning{color:var(--danger);margin:12px 0 0;font-size:.78rem}.live-performance{flex-wrap:wrap}.silence-settings{border:0;border-top:1px solid var(--line);gap:18px;min-width:0;margin:5px 0 0;padding:22px 0 0;display:grid}.silence-settings legend{color:var(--text);padding:0;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:500}.settings-group-intro{color:var(--muted);margin:-8px 0 0;font-size:.76rem;line-height:1.5}.silence-settings label{gap:7px}.silence-settings small{color:var(--muted);font-size:.7rem;font-weight:450;line-height:1.45}.number-input-row{grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:10px;display:grid}.number-input-row input{border:1px solid var(--line-strong);background:var(--surface);width:100%;height:46px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:11px;padding:0 13px}.number-input-row>span{color:var(--muted);font-size:.74rem;font-weight:650}.silence-reset{width:max-content;margin-top:-3px}@media (width<=640px){.live-view{padding-top:24px}.live-transcript-panel textarea{min-height:190px}.live-performance{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme:dark){:root{--live-accent:#77bd94;--live-accent-soft:#203b2c}.live-queue-badge{color:#a6d8b9}.live-shell{background-image:radial-gradient(circle at 50% 0,#4d916721,#0000 32rem)}}