:root{--ink:#202a17;--forest:#314718;--green:#668b26;--muted:#68765b;--lime:#c6f34a;--sage:#f0f8d8;--line:#e2e6d8;--bg:#f7f8f2;--radius:19px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;line-height:1.5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{cursor:default;opacity:.45}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #668e24;outline-offset:3px}button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
.site-header{border-top:5px solid var(--lime);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:19px max(30px,calc((100vw - 1160px)/2));background:white;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;white-space:nowrap}.brand-name{font-size:20px;font-weight:750;letter-spacing:-.7px;line-height:1.3}.brand-name small{display:block;font-size:11px;font-weight:500;letter-spacing:.1px;color:var(--muted);margin-top:2px}.brand-mark{display:flex;gap:3px;align-items:center;justify-content:center;width:43px;height:43px;background:var(--lime);border-radius:13px}.brand-mark i{width:3px;height:9px;background:var(--ink);border-radius:2px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:26px}.brand-mark i:nth-child(4){height:16px}.site-header nav{display:flex;align-items:center;gap:24px}.nav-button{background:none;border:0;padding:10px 0;font-size:12px;color:#586b42}main{max-width:1160px;margin:auto;padding:38px 0 26px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:25px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#5d7138;margin:0 0 10px}h1{font-size:49px;font-weight:750;line-height:1.12;letter-spacing:-2px;margin:0 0 11px}h1 span{background:linear-gradient(transparent 57%,var(--lime) 57%);padding:0 5px 0 1px}.intro-copy{font-size:13px;color:var(--muted);margin:0}.intro-actions{display:flex;gap:8px;padding-bottom:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:11px 16px;border:1px solid transparent;border-radius:10px;font-size:12px;line-height:1.3;font-weight:650;white-space:nowrap}.button-primary{background:var(--lime);color:var(--ink)}.button-primary:not(:disabled):hover{background:#b7e639}.button-quiet{background:#fff;border-color:var(--line);color:#536744}.button-outline{background:white;border-color:#b9c79a;color:#3c5123}.button-quiet:not(:disabled):hover,.button-outline:not(:disabled):hover{background:var(--sage)}.button-small{min-height:37px;padding:9px 13px}.text-button{font-size:11px;background:none;border:none;padding:6px 0;color:#526c2a;font-weight:650}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.icon-button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:white;display:grid;place-items:center;padding:0;font-size:18px}
.model-bar{position:relative;display:flex;align-items:center;gap:15px;background:var(--sage);border:1px solid #d8e4bb;border-radius:15px;padding:17px 20px;margin-bottom:22px}.model-emblem{width:40px;flex-shrink:0;text-align:center;font-family:Georgia,serif;font-size:30px;color:#465f27}.engine-copy{flex:1;min-width:0}.engine-copy>strong{font-size:12px;font-weight:700}.model-message{display:grid;grid-template-columns:7px 1fr;gap:0 6px;align-items:center;font-size:11px;color:#536243;margin-top:3px}.status-dot{width:6px;height:6px;border-radius:50%;background:#8a9b66;display:inline-block;flex-shrink:0}.model-meta{grid-column:2;font-size:10px;color:#66764f;margin-top:1px}.model-message progress{grid-column:2;width:100%;height:5px;margin-top:8px;accent-color:#577d18}.model-settings>summary{font-size:11px;font-weight:650;padding:10px 0 10px 12px;white-space:nowrap}.model-settings>summary span{margin-left:5px}.model-settings-content{position:absolute;z-index:20;right:0;top:calc(100% + 7px);width:320px;max-width:calc(100vw - 32px);background:white;border:1px solid #d8e2c7;box-shadow:0 12px 30px #283d1820;border-radius:14px;padding:18px}.model-selection{display:flex;flex-direction:column;gap:7px}.model-selection label{font-size:11px;color:var(--muted)}select{border:1px solid #d8dfcb;border-radius:8px;background:white;min-height:40px;padding:9px 10px;font-size:12px;max-width:100%}.model-setting-actions{display:flex;align-items:center;gap:15px;margin-top:13px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px}.heading-with-icon{display:flex;align-items:center;gap:10px;min-width:0}.section-number{display:grid;place-items:center;width:27px;height:27px;background:var(--lime);border-radius:9px;font-size:12px;font-weight:750;flex-shrink:0}.panel-heading h2{font-size:15px;font-weight:700;letter-spacing:-.3px;margin:0}.capture-tabs{display:flex;background:#f3f5ec;border-radius:10px;margin:0 22px;padding:4px;gap:4px}.capture-tab{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;border:0;background:transparent;padding:10px;border-radius:7px;color:#6a765c;font-size:12px}.capture-tab.active{background:white;box-shadow:0 1px 5px #27361a10;font-weight:650;color:var(--ink)}
.record-stage{margin:16px 22px 12px;padding:20px 16px 22px;text-align:center;background:linear-gradient(180deg,#f5f9eb,#fafbf6);border:1px solid #e5edda;border-radius:13px;min-height:245px}.wave-status{display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;color:#71805f}.record-stage canvas{display:block;width:100%;height:46px;margin:15px 0 7px}.timer{font-size:29px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.8px;line-height:1.2}.timer-limit{font-size:12px;color:#85916f;letter-spacing:0}.record-stage p{font-size:11px;color:var(--muted);margin:9px 0 17px;overflow-wrap:anywhere}.record-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:30px;padding:13px 25px;min-height:47px;background:var(--lime);font-size:13px;font-weight:700}.record-button:not(:disabled):hover{background:#b7e639}.record-disc{width:11px;height:11px;border-radius:50%;background:#263b16;box-shadow:0 0 0 4px #a5d231}.recording{background:#fff6ef;border-color:#f0d6c1}.recording .record-button{background:#f4c1a3}.recording .record-disc{border-radius:2px;background:#823d24;box-shadow:0 0 0 4px #efac85}.recording .wave-status{color:#8b4b30}.recording .status-dot{background:#bc6e48;animation:pulse 1.5s infinite}.level-check{margin:0 22px 9px;padding:0 2px}.level-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#6a7859}.level-heading span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}#input-meter{display:block;width:100%;height:8px;margin:6px 0;accent-color:#719827}#input-meter::-webkit-meter-bar{background:#edf0e5;border:0;border-radius:8px}#input-meter::-webkit-meter-optimum-value{background:#8ab82f;border-radius:8px}#input-meter::-webkit-meter-suboptimum-value{background:#c6aa59;border-radius:8px}#input-meter::-webkit-meter-even-less-good-value{background:#bd7460;border-radius:8px}.mic-status-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.mic-status-row p{font-size:10px;color:#6b785a;margin:0}.mic-status-row button{white-space:nowrap}.level-check[data-level=quiet] .level-heading{color:#8a6c1e}.level-check[data-level=clipping] .level-heading{color:#9f432e}.microphone-options{margin:0 22px 19px;font-size:11px;color:#60704c}.microphone-options>summary{padding:8px 0}.microphone-options>summary:before{content:'＋';margin-right:6px}.microphone-options[open]>summary:before{content:'−'}.input-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0}.input-settings label{min-width:0;display:flex;flex-direction:column;gap:5px}.input-settings select{width:100%;font-size:11px;padding:8px;min-width:0}.microphone-options p{font-size:10px;line-height:1.7;margin:7px 0 0}.capture-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 22px 20px}.switch-label{display:flex;align-items:center;gap:8px;font-size:11px;cursor:pointer}.switch-label input{position:absolute;opacity:0;width:1px;height:1px}.switch-label input:focus-visible+.switch{outline:3px solid #668e24;outline-offset:3px}.switch{position:relative;width:30px;height:18px;background:#dce2cf;border-radius:20px;flex-shrink:0}.switch:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;background:white;border-radius:50%;transition:transform .15s}.switch-label input:checked+.switch{background:#647f2e}.switch-label input:checked+.switch:after{transform:translateX(12px)}.switch-label small{display:block;font-size:9px;color:#788666;margin-top:2px}.capture-footnote{display:flex;justify-content:center;align-items:center;gap:6px;border-top:1px solid var(--line);padding:12px;margin:0;font-size:10px;color:#6d7b5d}.capture-footnote svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.drop-zone{margin:16px 22px 22px;min-height:285px;border:1px dashed #b7c992;border-radius:13px;background:#fafcf5;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center;cursor:pointer}.drop-zone.dragging{background:var(--sage);border-color:#699127}.upload-emblem{width:42px;height:42px;background:var(--lime);border-radius:12px;display:grid;place-items:center;font-size:27px}.drop-zone h3{font-size:15px;margin:12px 0 5px}.drop-zone p{font-size:12px;color:var(--muted);margin:0 0 18px}.drop-zone small{font-size:10px;line-height:1.7;color:#6a7859;margin-top:16px}.playback{margin:0 22px 16px;border:1px solid var(--line);border-radius:11px;background:#fafcf5;padding:12px}.audio-file-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:6px}.audio-file-heading>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}audio{width:100%;height:38px;display:block}.speed-control{display:flex;align-items:center;justify-content:space-between;margin-top:7px;font-size:10px;color:#6d7b5b}.speed-buttons{display:flex;gap:3px}.speed-buttons button{font-size:11px;background:none;border:1px solid transparent;padding:5px 8px;border-radius:6px}.speed-buttons button.selected{background:var(--sage);border-color:#c9d9ab;color:#3c5722}.recording-quality{margin:0 22px 16px;padding:10px;background:#f4f7ec;color:#5e7046;font-size:10px;border-radius:8px;line-height:1.7}.processing-status{display:flex;align-items:center;gap:8px;margin:0 22px 18px;padding:11px;background:var(--sage);border-radius:8px;color:#556e31;font-size:11px}.processing-status>.text-button{margin-left:auto}.spinner{width:13px;height:13px;border:2px solid #d3dfbc;border-top-color:#72992e;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}
.draft-badge{font-size:10px;color:#71815c;background:#f5f7ed;border:1px solid #e0e6d4;padding:5px 8px;border-radius:6px;white-space:nowrap}.draft-badge.has-draft{background:#fff3d9;border-color:#e8d9ae;color:#85661f}.draft-badge.reviewed{background:var(--sage);border-color:#c6d8a4;color:#476224}.transcript-panel{display:flex;flex-direction:column;min-height:551px}.transcript-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:335px;padding:25px}.empty-ipa{font-family:Georgia,serif;font-size:70px;color:#cfdeab;letter-spacing:-6px;line-height:1;margin:0 5px 23px 0}.transcript-empty h3{font-weight:650;font-size:15px;margin:0 0 7px;color:#4c6138}.transcript-empty p{font-size:12px;color:#778667;line-height:1.8;margin:0 0 22px}.transcript-empty .button{font-size:11px}.transcript-content{padding:0 22px 18px;max-height:460px;overflow-y:auto;min-height:180px;scroll-margin-top:15px}.transcript-legend{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#7a876a;margin:0 0 20px}.transcript-legend>span:first-child{display:flex;align-items:center;gap:5px}.review-dot{width:6px;height:6px;background:#cdab58;border-radius:50%}.segment{border-bottom:1px solid #e8eddf;padding-bottom:13px;margin-bottom:15px}.segment-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}.segment-time{background:var(--sage);border:0;border-radius:5px;padding:6px 8px;font-size:10px;color:#567037;white-space:nowrap}.segment-source{font-size:9px;color:#7a856e;text-align:right}.segment-input{width:100%;font-family:"DejaVu Sans","Segoe UI",sans-serif;font-size:24px;line-height:1.8;resize:vertical;min-height:62px;color:#30451f;background:#fafcf6;border:1px solid #e0e7d4;border-radius:9px;padding:8px 10px;overflow-wrap:anywhere}.segment-input:focus{border-color:#789d35;outline:2px solid #d9efb4;outline-offset:1px}.segment details{margin-top:7px}.segment summary{font-size:10px;color:#6f7e5f}.phone-tokens{display:flex;gap:4px;flex-wrap:wrap;margin-top:9px}.phone-token{background:#f3f7eb;border:1px solid #dce6ce;border-radius:5px;min-width:27px;min-height:30px;padding:3px 7px;font-family:"DejaVu Sans","Segoe UI",sans-serif;font-size:14px}.phone-token.uncertain{background:#fff2d3;border-color:#e4d09a;color:#8a641e}.timing-note{font-size:10px;color:#778665;line-height:1.7;margin:12px 0 0}.add-segment{font-size:11px}.transcript-bottom{margin-top:auto;border-top:1px solid var(--line);padding:17px 22px 13px}.review-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#5f6e50;margin-bottom:15px}.review-label input{accent-color:#628227;width:15px;height:15px;margin:0}.transcript-actions{display:flex;justify-content:flex-end;gap:8px}.save-reminder{font-size:10px;color:#788568;text-align:right;margin:10px 0 0}.export-wrap{position:relative}.export-menu{position:absolute;right:0;bottom:50px;z-index:10;background:white;border:1px solid var(--line);box-shadow:0 5px 25px #283b1820;border-radius:10px;width:190px;padding:5px}.export-menu button{border:0;background:transparent;text-align:left;width:100%;padding:12px;font-size:11px;border-radius:6px}.export-menu button:hover{background:var(--sage)}
.transcription-keyboards{padding:0 22px 18px}.keyboard{border:1px solid #dae4c7;background:white;border-radius:11px;overflow:hidden;margin-top:10px}.keyboard>summary{display:flex;align-items:center;gap:10px;padding:13px;font-size:12px;font-weight:700;background:#f8fbf0}.diacritics-keyboard>summary{background:var(--sage)}.keyboard-icon{font-family:"DejaVu Sans","Segoe UI",sans-serif;font-size:21px;color:#4f6e2c;line-height:1}.keyboard summary small{display:block;font-size:10px;font-weight:400;color:#6b7b56;margin-top:2px}.disclosure-arrow{margin-left:auto;transition:transform .15s;font-size:16px;color:#71835a}details[open]>summary>.disclosure-arrow{transform:rotate(180deg)}.keyboard-body{padding:12px}.keyboard-instruction,.keyboard-feedback{margin:0 0 12px;font-size:10px;color:#687b50;line-height:1.7}.keyboard-feedback{margin:12px 0 0;min-height:32px}.keyboard-filter{display:flex;align-items:center;gap:10px;font-size:10px;color:#697b51;margin:0 0 12px}.keyboard-filter select{flex:1;min-width:0;font-size:11px;min-height:36px;padding:7px 9px}.diacritic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.diacritic-key{background:white;border:1px solid #dce5ce;min-height:64px;border-radius:8px;padding:7px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0}.diacritic-key:hover{background:var(--sage);border-color:#a4c565}.key-symbol{font-family:"DejaVu Sans","Segoe UI",sans-serif;font-size:23px;line-height:1.15;min-height:27px}.key-name{font-size:8px;line-height:1.25;color:#5f7149;text-align:center;overflow-wrap:anywhere}.palette-tabs{display:flex;gap:15px;border-bottom:1px solid var(--line);margin-bottom:12px}.palette-tabs button{background:none;border:0;border-bottom:2px solid transparent;font-size:10px;color:#71835c;padding:5px 0 9px;margin-bottom:-1px}.palette-tabs button.active{color:#2f4917;border-color:#729b2a;font-weight:700}.symbol-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin-bottom:12px}.symbol-grid button{min-height:35px;background:#f7faf0;border:1px solid #e2e9d6;border-radius:6px;padding:0;font-family:"DejaVu Sans","Segoe UI",sans-serif;font-size:19px;min-width:0}.symbol-grid button:hover{background:var(--lime);border-color:#b1d76b}
.observations-panel{margin-top:22px}.observations-summary{display:flex;align-items:center;padding:18px 22px;font-size:13px;font-weight:650}.observations-summary small{font-size:11px;font-weight:400;color:#7a886b;margin-left:9px}.notes-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f0f5e4;color:#6b8546}.session-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:2px 22px 16px}.session-fields label,.notes-label{font-size:11px;color:#667854}.session-fields input{display:block;width:100%;padding:11px;border:1px solid #dce4cf;border-radius:8px;background:#fafcf6;font-size:12px;margin-top:6px}.session-fields input::placeholder,textarea::placeholder{color:#8a977b;opacity:1}.notes-label{display:block;margin:0 22px 7px}#notes{width:calc(100% - 44px);margin:0 22px;background:#fafcf6;border:1px solid #dce4cf;border-radius:8px;padding:11px;resize:vertical;min-height:80px;font-size:12px;line-height:1.7}.field-note{margin:10px 22px 20px;font-size:10px;color:#778765}.workspace-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.workspace-footer p{font-size:11px;font-weight:650;color:#4f6337;margin:0}.workspace-footer p span{display:block;font-size:10px;font-weight:400;color:#7b886b;margin-top:2px}.workspace-footer .text-button{font-size:10px}.clinical-note{font-size:10px;line-height:1.8;color:#6e7c5f;margin:17px 0 0;padding-top:14px;border-top:1px solid var(--line)}.toast,.error-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#283b19;color:#f6faed;border:1px solid #4c6137;box-shadow:0 6px 25px #27351925;border-radius:11px;padding:13px 19px;font-size:12px;max-width:min(600px,92vw);width:max-content;z-index:100}.error-notice{background:#fff6e9;color:#803b28;border-color:#e0ba98;display:flex;align-items:center;gap:14px;z-index:101}.error-notice button{border:0;background:none;font-size:22px;flex-shrink:0}dialog{max-width:570px;width:calc(100% - 32px);max-height:90dvh;overflow-y:auto;border:1px solid #dbe4cd;border-radius:20px;padding:32px;background:#fdfff9;box-shadow:0 20px 100px #26371730;color:var(--ink)}dialog::backdrop{background:#202e1966;backdrop-filter:blur(3px)}dialog h2{font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.8px;margin:10px 0 20px}.dialog-close{position:absolute;right:15px;top:15px}#dialog-body{font-size:12px;line-height:1.9;color:#63764d;margin-bottom:22px}#dialog-body h3{font-size:13px;color:#405d23;margin:20px 0 5px}#dialog-body p{margin:9px 0}#dialog-body a{color:#486c1f}.reference-grid{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.reference-grid span{padding:3px 9px;border-radius:5px;background:var(--sage);font-family:"DejaVu Sans",sans-serif;font-size:20px}.install-icon{display:block;border-radius:16px;margin-bottom:20px}.install-intro,.install-steps{font-size:13px;line-height:1.8;color:#62764c}.install-steps{padding-left:22px}.install-steps li{padding-left:4px;margin-bottom:13px}.install-session-note{border-top:1px solid var(--line);padding-top:16px;font-size:11px;line-height:1.8;color:#798867}.ready-dot{background:#789b2d!important}.busy-dot{background:#b7993a!important;animation:pulse 1.2s infinite}.error-dot{background:#bc6048!important}@keyframes pulse{50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1224px){main{margin:0 30px}.site-header{padding-left:30px;padding-right:30px}}@media(max-width:900px){.workspace-grid{gap:16px}.panel-heading{padding:18px}.capture-tabs{margin:0 18px}.record-stage{margin:15px 18px 12px}.level-check,.microphone-options{margin-left:18px;margin-right:18px}.capture-controls{padding:0 18px 18px;flex-wrap:wrap}.playback,.recording-quality,.processing-status{margin-left:18px;margin-right:18px}.transcript-content,.transcription-keyboards{padding-left:18px;padding-right:18px}.transcript-bottom{padding-left:18px;padding-right:18px}.diacritic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.symbol-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.site-header nav{gap:18px}.transcript-empty{min-height:380px}.panel-heading h2{font-size:14px}.panel-heading .text-button{font-size:10px}}
@media(max-width:700px){.site-header{padding:15px 18px;gap:10px}.brand{gap:9px}.brand-name{font-size:17px;letter-spacing:-.5px}.brand-name small{font-size:10px}.brand-mark{width:36px;height:36px;border-radius:11px}.site-header nav{gap:0}.site-header .nav-button{display:none}.install-app-button{font-size:10px;min-height:36px;padding:9px 10px}main{margin:0 16px;padding-top:27px}.page-intro{align-items:start;flex-wrap:wrap;margin-bottom:20px;gap:18px}h1{font-size:39px;letter-spacing:-1.6px;margin-bottom:8px}.eyebrow{font-size:9px;letter-spacing:1.5px}.intro-copy{font-size:12px}.intro-actions{width:100%;gap:7px;padding:0}.intro-actions .button{font-size:11px;padding:9px 13px;min-height:36px}.model-bar{padding:13px;gap:10px;margin-bottom:16px}.model-emblem{font-size:25px;width:30px}.engine-copy>strong{font-size:11px}.model-message{font-size:10px}.model-meta{font-size:10px;line-height:1.6;margin-top:2px}.model-settings>summary{font-size:10px;padding-left:4px}.model-settings>summary span{margin-left:2px}.workspace-grid{grid-template-columns:1fr;gap:17px}.panel{border-radius:16px}.panel-heading{padding:18px;gap:8px}.panel-heading h2{font-size:15px}.panel-heading .text-button{font-size:11px}.capture-tab{font-size:13px;min-height:43px}.record-stage{min-height:240px;padding:17px 15px 20px}.record-stage canvas{height:44px;margin-top:12px}.record-stage p{font-size:12px}.wave-status{font-size:11px}.record-button{min-height:48px;font-size:14px}.level-heading,.mic-status-row p,.microphone-options,.input-settings label,.microphone-options p{font-size:11px}.microphone-options>summary{padding:11px 0}.input-settings select{font-size:12px;min-height:43px;padding:10px 7px}.capture-controls{flex-wrap:nowrap;gap:8px}.capture-controls .button{font-size:12px;padding:12px}.switch-label{font-size:12px;gap:7px}.switch-label small{font-size:9px}.capture-footnote{font-size:11px}.transcript-panel{min-height:410px}.transcript-empty{min-height:275px;padding:23px}.empty-ipa{font-size:60px;margin-bottom:18px}.transcript-empty h3{font-size:15px}.transcript-empty p{font-size:12px}.transcript-empty .button{min-height:42px;font-size:11px}.transcript-content{max-height:440px;min-height:160px}.transcript-legend,.segment-source,.segment-time,.segment summary,.timing-note{font-size:11px}.segment-input{font-size:24px;min-height:65px}.segment-time{padding:8px}.segment-top{align-items:start}.transcript-bottom{padding-top:16px}.review-label{font-size:12px;margin-bottom:16px}.review-label input{width:17px;height:17px}.transcript-actions .button{min-height:44px;font-size:12px}.save-reminder{font-size:11px}.keyboard>summary{padding:14px;font-size:13px}.keyboard summary small{font-size:11px}.keyboard-body{padding:13px}.keyboard-instruction,.keyboard-feedback,.keyboard-filter{font-size:11px}.keyboard-filter select{font-size:12px;min-height:42px}.diacritic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.diacritic-key{min-height:69px}.key-name{font-size:9px}.key-symbol{font-size:25px;min-height:29px}.palette-tabs{gap:17px}.palette-tabs button{font-size:11px;min-height:41px}.symbol-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.symbol-grid button{min-height:43px;font-size:21px}.observations-panel{margin-top:17px}.observations-summary{padding:16px 18px;font-size:13px}.observations-summary small{display:block;font-size:10px;margin-left:0;margin-top:2px}.session-fields{margin:0 18px 16px;grid-template-columns:1fr;gap:13px}.session-fields label,.notes-label{font-size:12px}.session-fields input,#notes{font-size:14px}.notes-label{margin-left:18px;margin-right:18px}#notes{margin:0 18px;width:calc(100% - 36px)}.field-note{margin-left:18px;margin-right:18px;font-size:11px}.workspace-footer{align-items:start;flex-wrap:wrap;gap:9px;margin-top:22px}.workspace-footer p{font-size:12px}.workspace-footer p span{font-size:10px}.workspace-footer .text-button{font-size:11px}.clinical-note{font-size:11px;line-height:1.8;margin-top:14px;padding-top:12px}.audio-file-heading,.speed-control{font-size:11px}.speed-buttons button{padding:7px 10px;min-height:36px}.recording-quality,.processing-status{font-size:11px}dialog{padding:29px 23px}dialog h2{font-size:26px}#dialog-body{font-size:13px}.install-intro,.install-steps{font-size:14px}.install-session-note{font-size:12px}.toast,.error-notice{bottom:18px;font-size:12px}}
@media(max-width:360px){.diacritic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capture-controls{flex-wrap:wrap}.brand-name{font-size:15px}.site-header{padding-left:14px;padding-right:14px}}@media(display-mode:standalone){html{overscroll-behavior-y:contain}.site-header{padding-top:calc(19px + env(safe-area-inset-top))}main{padding-bottom:calc(26px + env(safe-area-inset-bottom))}}@media(max-width:700px) and (display-mode:standalone){.site-header{padding-top:calc(15px + env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}