:root{background:#fff;color:#111;font-family:JetBrains Mono,Cascadia Code,SFMono-Regular,Consolas,Malgun Gothic,monospace;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#fff;color:#111}button,input{font:inherit}button,a{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #111111;outline-offset:2px}.app-page{min-height:100vh;padding:34px 18px 60px}.app-shell{width:min(100%,780px);margin:0 auto}body.recording-focus-active{overflow:hidden;background:#020202}.recording-focus-screen{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;width:100%;min-height:100vh;min-height:100dvh;place-items:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));overflow:hidden;overscroll-behavior:none;background:#020202;color:#f5f5f5;text-align:center;touch-action:manipulation}.recording-focus-content{display:grid;width:min(100%,420px);justify-items:center;gap:14px}.recording-focus-content>strong{font-size:17px}.recording-focus-indicator{width:12px;height:12px;border-radius:50%;background:#ef4a4a;box-shadow:0 0 0 7px #ef4a4a1f;animation:recording-pulse 1.4s ease-in-out infinite}.recording-focus-time{font-size:clamp(46px,14vw,72px);font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-.04em}.recording-focus-content p{margin:-3px 0 18px;color:#858585;font-size:12px;line-height:1.5}.recording-focus-stop{display:inline-flex;width:min(100%,320px);min-height:58px;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:1px solid #5f5f5f;border-radius:999px;background:#f4f4f4;color:#111;cursor:pointer;font:inherit;font-size:16px;font-weight:850}.recording-focus-stop:disabled{cursor:wait;opacity:.55}@media (prefers-reduced-motion: reduce){.recording-focus-indicator{animation:none}}.app-header{display:flex;align-items:flex-start;gap:14px;padding-bottom:26px}.brand-mark{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;margin-top:2px;border-radius:6px;background:#111;color:#fff}.eyebrow,.tagline,h1,h2,p{margin-top:0}.eyebrow{margin-bottom:3px;color:#737373;font-size:11px;font-weight:700}h1{margin-bottom:3px;font-size:38px;font-weight:800;letter-spacing:0;line-height:1.1}.tagline{margin-bottom:0;color:#505050;font-size:14px}.workflow-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 0 20px;border-top:1px solid #d8d8d8}.workflow-progress>div{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding-top:8px;border-top:2px solid #dedede;color:#8a8a8a}.workflow-progress span{display:grid;width:24px;height:24px;place-items:center;border:1px solid #cfcfcf;border-radius:50%;font-size:11px;font-weight:800}.workflow-progress small{overflow:hidden;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.workflow-progress .current{border-color:#111;color:#111}.workflow-progress .current span{border-color:#111}.workflow-progress .done{border-color:#111;color:#111}.workflow-progress .done span{border-color:#111;background:#111;color:#fff}.workflow-progress .complete{border-color:#0b6849;color:#0b6849}.workflow-progress .complete span{border-color:#0b6849;background:#0b6849}.workflow-progress .failed{border-color:#a52d2d;color:#842323}.workflow-progress .failed span{border-color:#a52d2d;background:#fff3f3}.error-banner{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;margin:0 0 18px;padding:12px 14px;border:1px solid #b94a4a;border-radius:6px;background:#fff7f7;color:#7a2020;font-size:13px}.workflow-reconnect{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.7fr) auto;align-items:end;gap:10px;padding:16px;border:1px solid #111111;border-radius:8px;background:#fafafa}.workflow-reconnect>div{display:grid;align-self:center;gap:4px}.workflow-reconnect strong{font-size:13px}.workflow-reconnect span{color:#686868;font-size:10px}.reconnect-button{min-height:44px;border-color:#111;background:#111;color:#fff}@media (max-width: 640px){.workflow-reconnect{grid-template-columns:1fr}.reconnect-button{width:100%}}.flow-section{display:grid;gap:18px;padding:26px 0 30px;border-top:1px solid #d8d8d8}.section-title{display:grid;grid-template-columns:38px auto minmax(0,1fr);align-items:center;gap:10px}.section-title>span{display:grid;width:36px;height:32px;place-items:center;border-radius:4px;background:#111;color:#fff;font-size:12px;font-weight:800}.section-title h2{margin:0;font-size:18px;letter-spacing:0}.section-title small{justify-self:end;color:#737373;font-size:11px;text-align:right}.drop-zone{display:grid;min-height:210px;place-items:center;align-content:center;gap:9px;padding:24px;border:1px dashed #929292;border-radius:8px;background:#fafafa;text-align:center}.drop-zone strong{font-size:15px}.drop-zone>span{color:#707070;font-size:12px}.direct-record-button,.record-stop-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid #a72b2b;border-radius:6px;background:#a72b2b;color:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:800}.direct-record-button:disabled,.record-stop-button:disabled{cursor:not-allowed;opacity:.55}.recording-panel{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;padding:16px;border:1px solid #a72b2b;border-radius:8px;background:#fff8f8}.recording-panel>div{display:grid;min-width:0;gap:4px}.recording-panel strong{color:#7e1e1e;font-size:13px}.recording-panel span{font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.recording-panel small{color:#6b5656;font-size:10px;line-height:1.5}.recording-indicator{width:11px;height:11px;border-radius:50%;background:#b22f2f;animation:recording-pulse 1.4s ease-in-out infinite}.recording-limit-note{margin:0;padding:10px 12px;border-left:3px solid #bdbdbd;background:#f7f7f7;color:#626262;font-size:10px;line-height:1.6}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}@media (max-width: 560px){.recording-panel{grid-template-columns:14px minmax(0,1fr)}.recording-panel .record-stop-button{grid-column:1 / -1;width:100%}}.file-choice-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.recommended-picker{border-color:#111;background:#111;color:#fff}.recent-recordings-panel{display:grid;gap:12px;padding:16px;border:1px solid #111111;border-radius:8px;background:#fafafa}.recent-recordings-heading{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:9px}.recent-recordings-heading>div{display:grid;gap:3px}.recent-recordings-heading strong{font-size:13px}.recent-recordings-heading span{color:#707070;font-size:10px}.recent-recordings-heading .text-link{min-height:24px;padding:0}.recent-recordings-list{display:grid;gap:7px}.recent-recordings-list>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#111;cursor:pointer;font:inherit;text-align:left}.recent-recordings-list>button:first-child{border-color:#111;box-shadow:inset 3px 0 #111}.recent-rank{min-width:42px;padding:5px 6px;border-radius:999px;background:#eee;color:#555;font-size:9px;font-weight:800;text-align:center}.recent-rank.recommended{background:#111;color:#fff}.recent-file-copy{display:grid;min-width:0;gap:3px}.recent-file-copy strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.recent-file-copy small{color:#707070;font-size:9px}.recent-pick-label{font-size:10px;font-weight:800}.selected-file{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:13px 14px;border:1px solid #bdbdbd;border-radius:8px;background:#fafafa}.selected-file>div{display:grid;min-width:0;gap:3px}.selected-file strong{overflow-wrap:anywhere;font-size:13px}.selected-file span{color:#707070;font-size:11px}.file-switch-note{margin:-8px 0 0;color:#707070;font-size:11px}.cloud-upload-notice{margin:-4px 0 0;color:#245b3c;font-size:11px;font-weight:700;line-height:1.55}.recording-retry-notice{margin:-4px 0 0;color:#8a4b12;font-size:11px;font-weight:700;line-height:1.55}.same-recording-retry-button{justify-self:start}@media (max-width: 560px){.selected-file{grid-template-columns:28px minmax(0,1fr)}.selected-file .change-file-button{grid-column:1 / -1;width:100%}.same-recording-retry-button{width:100%}}.visually-hidden{display:none}.analysis-band{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}.info-item{display:grid;min-width:0;gap:3px;padding:12px 10px;border-right:1px solid #e4e4e4}.info-item:last-child{border-right:0}.info-item span{color:#747474;font-size:10px}.info-item strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.plan-note{margin-bottom:0;color:#626262;font-size:11px;text-align:center}.key-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.key-field{display:grid;gap:7px;min-width:0}.key-field>span:first-child{display:inline-flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;font-weight:800}.key-field>span:first-child small{color:#707070;font-size:10px;font-weight:500}.secret-input{display:grid;grid-template-columns:minmax(0,1fr) 44px}.secret-input.single{grid-template-columns:minmax(0,1fr)}.secret-input input{width:100%;height:44px;min-width:0;padding:0 12px;border:1px solid #b8b8b8;border-radius:6px 0 0 6px;background:#fff;color:#111;outline:none}.secret-input.single input{border-radius:6px}.icon-button{display:inline-grid;width:44px;height:44px;place-items:center;border:1px solid #b8b8b8;border-left:0;border-radius:0 6px 6px 0;background:#f3f3f3;color:#111;cursor:pointer}.icon-button.standalone{border:1px solid #b8b8b8;border-radius:6px}.icon-button:disabled{cursor:not-allowed;opacity:.45}.text-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:0 12px;color:#111;font-size:12px;font-weight:750;text-underline-offset:3px}.connected-line{display:flex;align-items:center;gap:9px;color:#0b6849;font-size:13px;font-weight:750}.share-access{display:grid;gap:11px}.passcode-confirm-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.passcode-confirm-button{min-height:44px;border-color:#111;background:#111;color:#fff}.share-status{display:flex;align-items:center;gap:7px;min-height:18px;margin:0;color:#707070;font-size:10px}.share-status.connected{color:#0b6849;font-weight:750}.share-access>.text-link{min-height:28px;justify-self:start;padding:0;border:0;background:transparent;cursor:pointer;text-decoration:underline}@media (max-width: 560px){.passcode-confirm-form{grid-template-columns:1fr}.passcode-confirm-button{width:100%}}.share-key-setup{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding-top:14px;border-top:1px solid #d8d8d8}.share-key-setup>div{grid-column:1 / -1}.share-key-setup strong{font-size:12px}.share-key-setup p{margin:3px 0 0;color:#707070;font-size:10px}.action-section{display:grid;gap:9px;padding:28px 0 32px;border-top:1px solid #d8d8d8}.primary-action{display:inline-flex;width:100%;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid #111111;border-radius:6px;background:#111;color:#fff;cursor:pointer;font-size:15px;font-weight:800}.primary-action:disabled{border-color:#c9c9c9;background:#dedede;color:#777;cursor:not-allowed}.action-note{min-height:18px;margin-bottom:0;color:#707070;font-size:11px;text-align:center}.completion-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px 20px;border:1px solid #0b6849;border-radius:8px;background:#f1f8f5;color:#084f39}.completion-icon{flex:0 0 auto}.completion-card h2{margin:0;font-size:21px;line-height:1.2}.completion-card p{margin:3px 0 0;color:#47685c;font-size:11px}.completion-card .completion-filename{overflow-wrap:anywhere;color:#084f39;font-weight:750}.completion-download-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #0b6849;border-radius:6px;background:#0b6849;color:#fff;cursor:pointer;font-size:12px;font-weight:800;text-decoration:none}.completion-download-actions{display:grid;gap:7px;min-width:180px}.completion-check-link,.completion-download-pending{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #8bb5a6;border-radius:6px;background:#fff;color:#0b6849;font-size:11px;font-weight:800;text-decoration:none}.completion-download-pending{border-color:#a8b7b1;color:#47685c}.wake-status{display:flex;align-items:center;justify-content:center;gap:7px;min-height:18px;color:#707070;font-size:10px;text-align:center}.wake-status.active{color:#0b6849;font-weight:750}.transcription-progress{display:grid;gap:9px;margin-top:5px;padding:14px 0 0;border-top:1px solid #d8d8d8}.progress-heading,.progress-meta{display:flex;align-items:center;justify-content:space-between;gap:14px}.progress-heading{font-size:12px;font-weight:800}.progress-heading strong{font-size:14px}.progress-track{height:8px;overflow:hidden;border:1px solid #b8b8b8;border-radius:3px;background:#f1f1f1}.progress-track span{display:block;width:0;height:100%;background:#111;transition:width .24s ease}.progress-meta{color:#707070;font-size:10px;line-height:1.5}.secondary-button,.download-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid #b8b8b8;border-radius:6px;background:#fff;color:#111;cursor:pointer;font-size:12px;font-weight:750;text-decoration:none}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.result-section{display:grid;gap:16px;padding:30px 0;border-top:1px solid #111111}.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.result-header h2{max-width:520px;margin:0;overflow-wrap:anywhere;font-size:17px}.result-kicker{margin:0 0 5px;color:#707070;font-size:10px;font-weight:800;letter-spacing:.08em}.auto-download-status{margin:6px 0 0;color:#0b6849;font-size:10px;font-weight:750}.result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.download-button{min-height:44px}.transcript-view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.transcript-view-tabs button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid #b8b8b8;border-radius:6px;background:#fff;color:#333;cursor:pointer;font:inherit;font-size:11px;font-weight:800}.transcript-view-tabs button.selected{border-color:#111;background:#111;color:#fff}.transcript-view-tabs button:disabled{cursor:wait;opacity:.55}.naming-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;padding:16px;border:1px solid #bdbdbd;border-radius:6px;background:#fafafa}.naming-heading{display:flex;min-width:0;align-items:flex-start;gap:9px}.naming-heading svg{flex:0 0 auto;margin-top:1px}.naming-heading div{display:grid;min-width:0;gap:3px}.naming-heading strong{font-size:12px}.naming-heading span,.naming-panel>p,.rename-note{color:#707070;font-size:10px;line-height:1.5}.naming-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;border:1px solid #b8b8b8;border-radius:6px;overflow:hidden}.naming-modes button{min-height:36px;padding:0 11px;border:0;border-right:1px solid #d0d0d0;background:#fff;color:#505050;cursor:pointer;font:inherit;font-size:11px;font-weight:750;white-space:nowrap}.naming-modes button:last-child{border-right:0}.naming-modes button.selected{background:#111;color:#fff}.filename-input{width:100%;min-width:0;min-height:42px;padding:0 12px;border:1px solid #8f8f8f;border-radius:5px;background:#fff;color:#111;font:inherit;font-size:12px}.filename-input:focus{border-color:#111;outline:2px solid #d9d9d9;outline-offset:1px}.naming-panel>p{align-self:center;margin:0;overflow-wrap:anywhere;text-align:right}.naming-panel>p button{padding:0;border:0;background:transparent;color:#111;cursor:pointer;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:2px}.save-actions{display:flex;flex-wrap:wrap;gap:7px}.rename-note{margin:-8px 0 0}.transcript-preview{max-height:520px;margin:0;padding:16px;overflow:auto;border:1px solid #bdbdbd;border-radius:6px;background:#fafafa;color:#111;font-family:inherit;font-size:12px;line-height:1.65;white-space:pre-wrap}.preview-note{margin:-8px 0 0;color:#707070;font-size:10px;line-height:1.5}.artifact-download-row{display:flex;justify-content:flex-end}.result-tools-details{padding-top:2px;border-top:1px solid #e0e0e0}.result-tools-details>summary{padding-top:14px;color:#606060;cursor:pointer;font-size:11px;font-weight:750}.result-tools-content{display:grid;gap:12px;padding-top:14px}.utility-details{padding:18px 0;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}.utility-details summary{cursor:pointer;font-size:12px;font-weight:800}.utility-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-top:18px}.utility-content strong{font-size:12px}.utility-content p{margin:3px 0 0;color:#707070;font-size:10px}.utility-content .text-link{grid-column:1 / -1;justify-self:start;min-height:30px;padding:0}.privacy-footer{display:flex;align-items:flex-start;justify-content:center;gap:8px;padding-top:20px;color:#707070;font-size:10px;text-align:center}.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 680px){.app-page{padding:22px 12px 44px}.app-header{gap:11px}.brand-mark{flex-basis:40px;width:40px;height:40px}h1{font-size:30px}.tagline{font-size:12px}.workflow-progress{gap:4px}.workflow-progress>div{grid-template-columns:1fr;justify-items:center;gap:4px}.section-title{grid-template-columns:38px minmax(0,1fr)}.section-title small{grid-column:2;justify-self:start;text-align:left}.drop-zone{min-height:190px;padding:20px 14px}.file-choice-actions{display:grid;width:100%}.recent-recordings-panel{padding:13px}.recent-recordings-list>button{grid-template-columns:auto minmax(0,1fr)}.recent-pick-label{grid-column:2;justify-self:start}.analysis-band{grid-template-columns:repeat(2,minmax(0,1fr))}.info-item{border-right:0;border-bottom:1px solid #e4e4e4}.info-item:nth-last-child(-n+2){border-bottom:0}.key-layout,.share-key-setup,.utility-content{grid-template-columns:1fr}.key-layout .text-link{justify-self:start;min-height:30px;padding:0}.result-header{display:grid}.completion-card{grid-template-columns:auto minmax(0,1fr);padding:16px}.completion-download-button{width:100%}.completion-download-actions,.completion-download-pending{grid-column:1 / -1;width:100%}.result-actions{justify-content:flex-start}.naming-panel{grid-template-columns:1fr}.naming-modes{width:100%}.naming-modes button{min-width:0;padding:0 7px;white-space:normal}.naming-panel>p{text-align:left}.save-actions{display:grid;grid-template-columns:1fr}.progress-meta{display:grid;gap:2px}}