:root{--bg:#f8f5ef;--surface:#fffdf7;--surface-alt:#f6f2e9;--surface-muted:#f1ece1;--glow-near:#e5484d33;--glow-far:#e5484d12;--ink:#1b2733;--ink-2:#27343e;--ink-3:#34414a;--ink-4:#536069;--muted:#5b656d;--muted-2:#616a71;--muted-3:#62696c;--muted-4:#6a6f6f;--on-dark:#fffaf1;--border:#dedbd3;--border-strong:#e9e5dc;--border-soft:#eeebe4;--signal-rec:#e5484d;--signal-rec-lift:#ef5b60;--signal-rec-sink:#d43a41;--signal-rec-ink:#c62f36;--signal-rec-shadow:#b8323a57;--signal-ok:#3d7259;--focus-tint:#1b273324;--danger:#b05243;--danger-ink:#8d3e32;--danger-ink-2:#a45b4f;--danger-bg:#fff0ec;--danger-border:#f6d5cc;--warn:#8a5a24;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-display:clamp(26px, 6vw, 32px);--weight-medium:500;--weight-strong:600;--weight-max:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--hit-area:44px;--motion-fast:.15s;--motion-base:.18s;--motion-slow:.2s;--ease:ease;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--lip:#d8d2c6;--shadow-card:0 18px 48px #17212b0d;--shadow-nav:0 3px 12px #17212b14;--shadow-btn:0 18px 30px #17212b29;--shadow-btn-hover:0 21px 32px #17212b2e;--shadow-btn-active:0 8px 15px #17212b1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,Segoe UI,Roboto,ui-sans-serif,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#171512;--surface:#211e1a;--surface-alt:#26221d;--surface-muted:#2b2721;--glow-near:#e5484d2b;--glow-far:#e5484d0d;--ink:#f2eee7;--ink-2:#e8e2d9;--ink-3:#d9d2c7;--ink-4:#bcb4a8;--muted:#a89f93;--muted-2:#a49b8f;--muted-3:#a09789;--muted-4:#9c9386;--on-dark:#171512;--border:#38332c;--border-strong:#332e28;--border-soft:#2e2a24;--signal-rec:#e5484d;--signal-rec-lift:#ef5b60;--signal-rec-sink:#d43a41;--signal-rec-ink:#ff8a8d;--signal-rec-shadow:#00000073;--signal-ok:#6fbf95;--focus-tint:#f2eee733;--danger:#f08d7c;--danger-ink:#f7c3b8;--danger-ink-2:#e0a396;--danger-bg:#33211d;--danger-border:#4d302a;--warn:#d9a45f;--lip:#0f0d0b;--shadow-card:0 18px 48px #0000005c;--shadow-nav:0 3px 12px #0006;--shadow-btn:0 18px 30px #00000073;--shadow-btn-hover:0 21px 32px #00000080;--shadow-btn-active:0 8px 15px #0006}}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100dvh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:var(--radius-xs)}.app-shell{width:100%;min-width:0;height:100dvh;min-height:100dvh;padding:0 var(--space-6) calc(var(--space-4) + env(safe-area-inset-bottom));background:radial-gradient(125% 52% at 50% 100%, var(--glow-near) 0%, var(--glow-far) 42%, transparent 70%);flex-direction:column;display:flex;overflow:hidden}.app-shell--scroll{height:auto;padding-bottom:calc(40px + env(safe-area-inset-bottom));background:0 0;overflow-y:auto}.app-header{flex:none;justify-content:space-between;align-items:center;width:100%;max-width:700px;height:64px;margin:0 auto;display:flex}.header-left{align-items:center;gap:var(--space-2);display:flex}.header-title{color:var(--ink);font-size:var(--text-md);font-weight:var(--weight-max);letter-spacing:-.02em}.brand{align-items:center;gap:var(--space-3);padding:var(--space-1) 0;color:var(--ink);font-size:var(--text-md);font-weight:var(--weight-max);letter-spacing:-.03em;background:0 0;border:0;display:inline-flex}.brand>span:last-child>span{color:var(--signal-rec-ink)}.brand-mark{border-radius:var(--radius-md);width:34px;height:34px;color:var(--on-dark);background:var(--ink);place-items:center;display:grid}.icon-button{width:44px;height:44px;margin:0 calc(-1 * var(--space-3)) 0 0;border-radius:var(--radius-md);color:var(--ink-4);background:0 0;border:0;place-items:center;display:grid}.header-left .icon-button{margin:0 0 0 calc(-1 * var(--space-3))}.icon-button:hover{color:var(--ink);background:var(--surface)}.screen{width:100%;min-width:0;max-width:700px;margin:0 auto}.recorder-screen{flex-direction:column;flex:auto;min-height:0;display:flex}.recorder-screen--idle{justify-content:center}.recorder-screen--idle .transcript-zone{flex:none}.transcript-zone{align-content:safe end;gap:var(--space-4);min-height:0;padding:var(--space-1) 0 var(--space-5);margin-bottom:var(--space-4);flex:1 1 0;grid-template-rows:minmax(0,1fr);display:grid;overflow-y:auto}.transcript-zone>*{min-height:0}.result-card--top{gap:var(--space-4);flex-direction:column;min-height:0;display:flex}.transcript-scroll{min-height:0;padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);background-color:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border-soft);transition:mask-image var(--motion-fast) ease, -webkit-mask-image var(--motion-fast) ease;flex:auto;overflow-y:auto}.transcript-placeholder{color:var(--muted-3);font-family:Georgia,Times New Roman,serif;font-size:var(--text-lg);text-align:center;align-self:safe end;margin:0}.action-zone{align-items:center;gap:var(--space-4);flex-direction:column;flex:none;padding:0;display:flex}.action-zone__status{justify-items:center;gap:var(--space-2);min-height:40px;display:grid}.action-zone__timer{place-items:center;min-height:22px;display:grid}.hero-panel{padding:var(--space-2) 0 var(--space-1);text-align:center;align-self:safe end}h1{margin:0 0 var(--space-3);color:var(--ink);font-size:var(--text-display);font-weight:var(--weight-max);letter-spacing:-.03em;line-height:1.15}.hero-copy,.settings-heading p{max-width:430px;color:var(--muted);font-size:var(--text-md);margin:0;line-height:1.6}.hero-copy{margin-inline:auto}.record-button{color:#fff;background:linear-gradient(180deg, var(--signal-rec-lift) 0%, var(--signal-rec) 52%, var(--signal-rec-sink) 100%);width:116px;height:116px;box-shadow:0 10px 22px var(--signal-rec-shadow);transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, filter var(--motion-fast) ease;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.record-button:hover{box-shadow:0 16px 30px var(--signal-rec-shadow);transform:translateY(-2px)}.record-button:active{box-shadow:0 5px 12px var(--signal-rec-shadow);transform:scale(.95)}.record-button:disabled{opacity:.75;box-shadow:0 6px 14px var(--signal-rec-shadow);transform:none}.record-button__icon{width:40px;height:40px}.state-line{min-height:20px;color:var(--ink-3);font-size:var(--text-md);font-weight:var(--weight-strong);text-align:center}.recording-timer{color:var(--signal-rec-ink);font-size:var(--text-md);font-variant-numeric:tabular-nums;font-weight:var(--weight-max);letter-spacing:.02em}.recording-timer span{color:var(--muted-4);font-size:var(--text-sm);font-weight:var(--weight-strong)}.cancel-button{min-height:44px;padding:var(--space-1) var(--space-4);color:var(--muted-4);font-size:var(--text-xs);font-weight:var(--weight-strong);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.level-meter{align-items:center;gap:var(--space-1);height:42px;display:flex}.level-meter__bar{transform-origin:50%;will-change:transform;background:currentColor;border-radius:2px;width:4px;height:42px;transform:scaleY(.12)}.progress-bar{background:var(--border);border-radius:2px;width:140px;height:3px;overflow:hidden}.progress-bar span{background:var(--ink);border-radius:2px;width:40%;height:100%;animation:1.4s ease-in-out infinite indeterminate;display:block}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.level-meter__bar{transform:scaleY(.4)!important}.progress-bar span{width:100%;animation:none}.spin{animation:none}.record-button,.record-button:hover,.record-button:active{transition:none;transform:none}.toggle,.toggle span,.copy-button,.transcript-scroll{transition:none}}.notice{width:100%;padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);align-self:safe end;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);margin:0;line-height:1.4;display:flex}.notice--error{color:var(--danger-ink);background:var(--danger-bg);border:1px solid var(--danger-border)}.result-card__actions{gap:var(--space-2);display:flex}.result-card__actions .copy-button{flex:auto}.share-button{border:1px solid var(--border);border-radius:var(--radius-md);width:46px;min-height:46px;color:var(--ink-3);background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.share-button:hover{border-color:var(--ink);color:var(--ink)}.rewrite-presets{margin-bottom:var(--space-3);gap:var(--space-2);flex-wrap:wrap;display:flex}.rewrite-preset{min-height:var(--hit-area);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--ink-3);background:var(--surface);font-size:var(--text-xs);font-weight:var(--weight-strong)}.rewrite-preset:hover{border-color:var(--ink);color:var(--ink)}.rewrite-preset:disabled{opacity:.55}.history-empty{color:var(--muted);font-size:var(--text-xs);margin:0}.history-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.history-list li{padding:var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-alt)}.history-list p{color:var(--ink-2);font-size:var(--text-sm);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.history-list__meta{margin-top:var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--muted-3);font-size:var(--text-2xs);display:flex}.history-list__meta .text-button{align-items:center;gap:var(--space-1);display:inline-flex}.notice__actions{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.danger-zone__confirm{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.update-banner{width:100%;max-width:700px;margin:0 auto var(--space-3);padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface-alt);color:var(--ink-3);font-size:var(--text-xs);display:flex}.notice--info{color:var(--ink-3);background:var(--surface-alt);border:1px solid var(--border-strong)}.notice div{gap:var(--space-1);flex:1;display:grid}.notice strong{font-size:var(--text-sm)}.notice--error span{color:var(--danger-ink-2)}.notice--info span{color:var(--ink-3)}.text-button{min-height:44px;padding:0 var(--space-2);color:var(--ink);font-size:var(--text-xs);font-weight:var(--weight-max);white-space:nowrap;background:0 0;border:0;align-self:center}.result-card{width:100%;padding:var(--space-6);border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface);margin:0}.result-card__header{color:var(--muted-2);font-size:var(--text-xs);font-weight:var(--weight-strong);justify-content:space-between;display:flex}.result-card__check{align-items:center;gap:var(--space-1);color:var(--signal-ok);display:inline-flex}.result-card p{color:var(--ink-2);font-family:Georgia,Times New Roman,serif;font-size:var(--text-xl);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.45}.copy-button,.primary-button{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);min-height:46px;color:var(--on-dark);background:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-max);border:0;display:inline-flex}.copy-button{width:100%;transition:background var(--motion-base) ease}.copy-button--copied{background:var(--signal-ok)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rewrite-trigger{border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:44px;color:var(--ink-4);font-size:var(--text-sm);font-weight:var(--weight-max);background:0 0;display:inline-flex}.rewrite-trigger:hover{border-color:var(--ink);color:var(--ink)}.rewrite-form{padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-alt)}.rewrite-form label{margin-bottom:var(--space-2);color:var(--ink-3);font-size:var(--text-xs);font-weight:var(--weight-max);display:block}.rewrite-form textarea{width:100%;min-height:92px;padding:var(--space-3) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;color:var(--ink-2);background:var(--surface);font-size:var(--text-sm);outline:0;line-height:1.45}.rewrite-form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--focus-tint)}.rewrite-form textarea:disabled{opacity:.65}.rewrite-form__meta{margin-top:var(--space-1);color:var(--muted-3);font-size:var(--text-2xs);text-align:right}.rewrite-form__actions{margin-top:var(--space-3);gap:var(--space-2);grid-template-columns:1fr auto;display:grid}.rewrite-form__apply,.rewrite-form__cancel{border-radius:var(--radius-md);min-height:44px;font-size:var(--text-xs);font-weight:var(--weight-max)}.rewrite-form__apply{color:var(--on-dark);background:var(--ink);border:0}.rewrite-form__apply:disabled{cursor:not-allowed;opacity:.55}.rewrite-form__cancel{padding:0 var(--space-4);border:1px solid var(--border);color:var(--muted);background:0 0}.inline-warning,.copy-status{align-items:center;gap:var(--space-2);color:var(--warn);font-size:var(--text-xs);margin:0;line-height:1.4;display:flex}.copy-status{color:var(--signal-ok);justify-content:center}.copy-status--error{color:var(--danger)}.trust-line{padding:var(--space-1) var(--space-2) 0;justify-content:center;align-items:center;gap:var(--space-2);color:var(--muted-3);font-size:var(--text-2xs);text-align:center;margin-top:auto;display:flex}.settings-heading{padding:var(--space-1) 0 var(--space-6)}.settings-form{padding:var(--space-7);border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card)}.field-group{gap:var(--space-2);margin-bottom:var(--space-7);display:grid}.field-group label{align-items:center;gap:var(--space-2);color:var(--ink-3);font-size:var(--text-sm);font-weight:var(--weight-max);display:flex}.field-group label span{color:var(--muted-4);font-weight:var(--weight-medium)}.field-group small{color:var(--muted-3);font-size:var(--text-2xs);line-height:1.45}.input-wrap{min-height:48px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);color:var(--muted-3);background:var(--surface);display:flex}.input-wrap:focus-within,.field-group>input:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--focus-tint);outline:0}.input-wrap input{min-width:0;color:var(--ink-2);font-size:var(--text-md);background:0 0;border:0;outline:0;flex:1}.input-action{width:44px;height:44px;margin-right:calc(-1 * var(--space-2));color:var(--muted-2);background:0 0;border:0;flex:none;place-items:center;display:grid}.field-group>input{min-height:48px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink-2);background:var(--surface);font-size:var(--text-md);outline:0}.setting-row{margin:0 calc(-1 * var(--space-7)) var(--space-7);padding:var(--space-5) var(--space-7);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.setting-row div{gap:var(--space-1);display:grid}.setting-row strong{color:var(--ink-3);font-size:var(--text-sm)}.setting-row span{color:var(--muted-3);font-size:var(--text-2xs)}.toggle{width:45px;height:26px;padding:var(--space-1);border-radius:var(--radius-xl);background:var(--lip);transition:background var(--motion-slow) ease;border:0;flex:none;position:relative}.toggle:after{content:"";position:absolute;inset:-9px 0}.toggle span{background:var(--surface);width:20px;height:20px;transition:transform var(--motion-slow) ease;border-radius:50%;display:block}.toggle--on{background:var(--ink)}.toggle--on span{transform:translate(19px)}.model-note{margin:var(--space-1) 0 var(--space-6);padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);gap:var(--space-1);background:var(--surface-muted);display:grid}.model-note span,.model-note small{color:var(--muted-3);font-size:var(--text-2xs)}.model-note strong{color:var(--ink-4);font-size:var(--text-sm)}.primary-button{background:var(--ink);width:100%}.saved-message{margin-top:var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);color:var(--signal-ok);font-size:var(--text-xs);font-weight:var(--weight-strong);display:flex}.danger-zone{margin-top:var(--space-5);padding:var(--space-5) var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.danger-zone div{gap:var(--space-1);display:grid}.danger-zone strong{color:var(--ink-4);font-size:var(--text-xs)}.danger-zone span{color:var(--muted-4);font-size:var(--text-2xs)}.danger-button{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--danger-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);color:var(--danger);font-size:var(--text-2xs);font-weight:var(--weight-max);background:0 0;display:inline-flex}@media (width<=560px){.app-shell{padding-right:var(--space-4);padding-left:var(--space-4)}.settings-form{padding:var(--space-5)}.setting-row{margin-right:calc(-1 * var(--space-5));margin-left:calc(-1 * var(--space-5));padding-right:var(--space-5);padding-left:var(--space-5)}.danger-zone{flex-direction:column;align-items:flex-start}.danger-button{justify-content:center;width:100%}}.signin-screen{gap:var(--space-5);flex-direction:column;display:flex}.signin-screen h1{font-size:var(--text-xl);font-weight:var(--weight-max);margin:0 0 var(--space-1)}.signin-sent{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-6)}.signin-sent p{color:var(--muted);font-size:var(--text-sm);margin:0;line-height:1.55}.signin-sent strong{color:var(--ink);overflow-wrap:anywhere}