:root{color-scheme:light;--bg:#bfc2bc;--bg-dark:#8e928b;--panel:#eeeee6;--panel-raised:#f7f6ee;--panel-recessed:#d7d8d0;--control:#252724;--control-2:#343733;--ink:#20221f;--muted:#666a60;--faint:#8c9087;--line:#9da197;--line-dark:#5d6259;--accent:#1b6f70;--accent-strong:#124f50;--amber:#d39a31;--amber-soft:#f3dfb6;--danger:#b4271d;--danger-dark:#681b17;--display-green:#b7d8c9;--display-bg:#111b18;--deepgram:#d6e3de;--user:#efe1be;--interim:#ead08c;--shadow:rgb(38 41 36/0.24);--display:"Helvetica Neue","Avenir Next","Neue Haas Grotesk Text",Arial,ui-sans-serif,system-ui,sans-serif;--label:"DIN Alternate","Avenir Next Condensed","DIN Condensed","Helvetica Neue",Arial,ui-sans-serif,system-ui,sans-serif;--mono:"SF Mono","Roboto Mono","Berkeley Mono",ui-monospace,Menlo,Consolas,monospace;--sans:var(--display)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:linear-gradient(135deg,rgb(255 255 255/.2),transparent 34%),repeating-linear-gradient(90deg,rgb(255 255 255/.08) 0 1px,transparent 1px 7px),linear-gradient(180deg,#d4d6cf,var(--bg));color:var(--ink);font-family:var(--sans);font-size:14px;letter-spacing:0;font-feature-settings:"ss01" 1,"tnum" 1}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:620;letter-spacing:0}h1{font-size:15px;line-height:1.1;text-transform:uppercase}h2{font-size:21px;line-height:1.05}h3{font-size:11px;line-height:1.15;text-transform:uppercase}.visuallyHidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.workspace{display:grid;grid-template-columns:306px minmax(0,1fr);height:100vh;min-height:560px;padding:12px;gap:12px;overflow:hidden}.detailPane,.mobileActionBar,.optionsModal,.recordingLoadingState,.recordingsPane{border:1px solid var(--line-dark);background:linear-gradient(180deg,rgb(255 255 255/.42),transparent 34%),var(--panel);box-shadow:inset 0 1px 0 rgb(255 255 255/.78),inset 0 -1px 0 rgb(0 0 0/.08),0 18px 44px var(--shadow)}.recordingsPane{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:6px;padding:16px}.detailPane:before,.recordingsPane:before{content:"";position:absolute;inset:7px;z-index:0;pointer-events:none;border:1px solid rgb(93 98 89/.18);border-radius:4px}.detailPane>*,.recordingsPane>*{position:relative;z-index:1}.detailToolbar,.paneHeader{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.paneHeader{padding-bottom:14px;border-bottom:1px solid rgb(93 98 89/.35)}.detailTitleCluster,.paneHeaderActions{display:flex;align-items:center;gap:8px;min-width:0}.detailTitleText{min-width:0}.titleDisplayRow,.titleEditForm{display:flex;align-items:center;gap:6px;min-width:0}.detailTitleText h2{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titleRewriting{animation:titleRewrite 1.6s ease-out both}.recordingSearch input,.titleEditForm input{min-width:0;border:1px solid var(--line-dark);border-radius:3px;background:var(--panel-raised);color:var(--ink)}.titleEditForm input{width:min(360px,48vw);padding:7px 9px;font-size:16px;font-weight:600}.inlineIconButton{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--muted);cursor:pointer}.inlineIconButton:hover{border-color:var(--line-dark);background:var(--panel-raised);color:var(--ink)}.deletedDetail header p,.deletedPreview p,.detailToolbar p,.emptyState p,.modalHeader p,.paneHeader p,.recordingLoadingState p,.settingHint,.startRecordingState p{color:var(--muted)}.detailToolbar p,.emptyState p,.modalHeader p,.paneHeader p,.settingHint{margin-top:4px}.recordingList{display:grid;align-content:start;flex:1 1 auto;gap:7px;min-height:0;margin-top:14px;overflow:auto}.sidebarAccount{flex:0 0 auto;display:flex;align-items:center;width:fit-content;margin-top:auto;padding-top:14px}.sidebarAccountButton{gap:9px;max-width:246px;border:1px solid rgb(93 98 89/.46);border-radius:5px;padding:7px 9px 7px 7px;background:rgb(255 255 255/.2);box-shadow:inset 0 1px 0 rgb(255 255 255/.5)}.sidebarAccountTrigger{border-radius:5px;color:var(--ink)}.sidebarAccountAvatar{width:28px;height:28px}.sidebarEmptyState{display:grid;gap:6px;padding:14px 12px;border:1px dashed rgb(93 98 89/.5);border-radius:4px;background:rgb(255 255 255/.16);color:var(--muted)}.sidebarEmptyState strong{color:var(--ink);font-size:13px;font-weight:600}.sidebarEmptyState span{font-size:12px;line-height:1.35}.recordingRow{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;width:100%;padding:8px;border:1px solid transparent;border-radius:4px;background:rgb(255 255 255/.18);color:inherit;text-align:left}.recordingRow.confirmingDelete{grid-template-columns:minmax(0,1fr) auto}.recordingRow.active,.recordingRow:hover{border-color:var(--line-dark);background:var(--panel-raised);box-shadow:inset 0 0 0 1px rgb(255 255 255/.62)}.recordingRowMain{display:grid;gap:4px;min-width:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.recordingRow strong{font-size:13px;font-weight:600}.recordingRow small,.recordingRow span{color:var(--muted);font-family:var(--label);font-size:11px;font-weight:700;text-transform:uppercase}.recordingRow small,.recordingRow span,.recordingRow strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deletedRecordingRow{opacity:.88}.commandButton,.dangerButton,.iconButton,.mobileActionButton,.primaryButton,.rowIconButton{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid var(--line-dark);border-radius:5px;background:radial-gradient(circle at 24% 18%,rgb(255 255 255/.2) 0 1px,transparent 1px 4px),radial-gradient(circle at 72% 82%,rgb(0 0 0/.16) 0 1px,transparent 1px 5px),repeating-linear-gradient(115deg,rgb(255 255 255/.035) 0 1px,transparent 1px 4px),linear-gradient(180deg,rgb(255 255 255/.18),rgb(0 0 0/.1)),var(--control);color:#f3f2e8;box-shadow:inset 0 1px 0 rgb(255 255 255/.12),inset 0 0 0 1px rgb(255 255 255/.035),inset 0 -2px 0 rgb(0 0 0/.22),0 1px 0 rgb(255 255 255/.45);cursor:pointer;font-family:var(--label);font-size:11px;font-stretch:condensed;font-weight:700;letter-spacing:0;text-transform:uppercase;transition:transform 90ms ease,box-shadow 90ms ease,background 90ms ease}.commandButton:before,.dangerButton:before,.iconButton:before,.mobileActionButton:before,.primaryButton:before,.rowIconButton:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.36;background:radial-gradient(circle at 10% 20%,rgb(255 255 255/.38) 0 .5px,transparent .8px),radial-gradient(circle at 40% 70%,rgb(0 0 0/.26) 0 .6px,transparent 1px),radial-gradient(circle at 78% 36%,rgb(255 255 255/.24) 0 .5px,transparent .9px),repeating-linear-gradient(90deg,transparent 0 5px,rgb(255 255 255/.05) 5px 6px);background-size:11px 11px,13px 13px,17px 17px,auto}.commandButton svg,.dangerButton svg,.iconButton svg,.mobileActionButton svg,.primaryButton svg,.rowIconButton svg{flex:0 0 auto;stroke-width:2.25;filter:drop-shadow(0 1px 0 rgb(0 0 0/.34))}.commandButton svg,.dangerButton svg,.mobileActionButton svg,.primaryButton svg{margin-left:-2px}.commandButton:hover,.iconButton:hover,.mobileActionButton:hover,.rowIconButton:hover{background:radial-gradient(circle at 24% 18%,rgb(255 255 255/.22) 0 1px,transparent 1px 4px),radial-gradient(circle at 72% 82%,rgb(0 0 0/.14) 0 1px,transparent 1px 5px),repeating-linear-gradient(115deg,rgb(255 255 255/.04) 0 1px,transparent 1px 4px),linear-gradient(180deg,rgb(255 255 255/.2),rgb(0 0 0/.05)),var(--control-2)}.debugToggle.active{border-color:#8e6c2a;background:radial-gradient(circle at 24% 18%,rgb(255 255 255/.24) 0 1px,transparent 1px 4px),radial-gradient(circle at 72% 82%,rgb(0 0 0/.14) 0 1px,transparent 1px 5px),repeating-linear-gradient(115deg,rgb(255 255 255/.04) 0 1px,transparent 1px 4px),linear-gradient(180deg,#4b4432,#26231c),var(--control-2);color:#f2c66b}.commandButton:active,.dangerButton:active,.iconButton:active,.mobileActionButton:active,.primaryButton:active,.rowIconButton:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgb(0 0 0/.32),0 1px 0 rgb(255 255 255/.35)}.iconButton,.rowIconButton{width:34px;padding:0}.commandButton,.dangerButton,.primaryButton{padding:0 12px}.primaryButton{border-color:#7d2019;background:radial-gradient(circle at 22% 24%,rgb(255 255 255/.18) 0 1px,transparent 1px 5px),repeating-linear-gradient(110deg,rgb(255 255 255/.04) 0 1px,transparent 1px 4px),linear-gradient(180deg,#d13a2e,#951f18),var(--danger);color:#fff8eb}.primaryButton:hover{background:radial-gradient(circle at 22% 24%,rgb(255 255 255/.18) 0 1px,transparent 1px 5px),repeating-linear-gradient(110deg,rgb(255 255 255/.04) 0 1px,transparent 1px 4px),linear-gradient(180deg,#e04536,#9d251c)}.dangerButton,.rowDeleteConfirm{border-color:#151714;background:radial-gradient(circle at 18% 22%,rgb(255 255 255/.12) 0 1px,transparent 1px 5px),repeating-linear-gradient(110deg,rgb(255 255 255/.035) 0 1px,transparent 1px 4px),linear-gradient(180deg,#4a4d47,#181a17),#1d1f1c;color:#fff8eb}.stopRecordingButton{border-color:#ff9c8f;background:radial-gradient(circle at 20% 18%,rgb(255 255 255/.22) 0 1px,transparent 1px 5px),radial-gradient(circle at 82% 78%,rgb(104 27 23/.46) 0 1px,transparent 1px 6px),repeating-linear-gradient(110deg,rgb(255 255 255/.045) 0 1px,transparent 1px 4px),linear-gradient(180deg,#d84a3f,#7f1f18 72%),var(--danger);color:#fff8eb;box-shadow:inset 0 1px 0 rgb(255 255 255/.22),inset 0 0 0 1px rgb(255 255 255/.055),inset 0 -2px 0 rgb(0 0 0/.3),0 0 0 2px rgb(180 39 29/.18),0 8px 20px rgb(104 27 23/.28)}.stopRecordingButton:hover{background:radial-gradient(circle at 20% 18%,rgb(255 255 255/.24) 0 1px,transparent 1px 5px),radial-gradient(circle at 82% 78%,rgb(104 27 23/.42) 0 1px,transparent 1px 6px),repeating-linear-gradient(110deg,rgb(255 255 255/.05) 0 1px,transparent 1px 4px),linear-gradient(180deg,#ea5a4d,#8a241d 72%),var(--danger)}.stopRecordingButton svg{fill:currentColor}.rowDeleteConfirm{width:auto;gap:6px;padding:0 10px}.rowDeleteConfirm span{color:inherit}button:disabled{cursor:not-allowed;opacity:.48}.buttonSpinner,.inlineSpinner,.recordingLoadingMark svg{animation:spin .9s linear infinite}.rowLoadingText{display:inline-flex;align-items:center;gap:6px;color:var(--amber)}.sidebarTabs{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:14px;padding:3px;border:1px solid var(--line-dark);border-radius:4px;background:var(--panel-recessed);box-shadow:inset 0 1px 4px rgb(0 0 0/.15)}.sidebarTabs button{min-height:30px;border:0;border-radius:2px;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--label);font-size:11px;font-weight:700;text-transform:uppercase}.sidebarTabs button.active{background:radial-gradient(circle at 16% 24%,rgb(255 255 255/.48) 0 1px,transparent 1px 5px),linear-gradient(180deg,rgb(255 255 255/.48),rgb(255 255 255/.06)),var(--panel-raised);color:var(--ink);box-shadow:0 1px 2px rgb(0 0 0/.22)}.recordingSearch{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-top:10px;border:1px solid rgb(93 98 89/.46);border-radius:4px;padding:7px 9px;background:rgb(255 255 255/.18);color:var(--muted)}.recordingSearch input{width:100%;border:0;padding:0;background:transparent;outline:0}.detailPane{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow:hidden;border-radius:7px;padding:18px}.detailToolbar{min-height:54px;border-bottom:1px solid rgb(93 98 89/.34);padding-bottom:12px}.detailToolbar:after{content:"";position:absolute;right:0;bottom:-2px;left:0;height:1px;background:linear-gradient(90deg,transparent,rgb(180 39 29/.42) 18%,rgb(27 111 112/.34) 62%,transparent)}.toolbarControls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.exportSplitButton{display:inline-flex;align-items:stretch;min-height:34px}.exportSplitAction{border-top-right-radius:0;border-right:0;border-bottom-right-radius:0}.exportSplitFormat{position:relative;isolation:isolate;display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--line-dark);border-left:1px solid rgb(255 255 255/.16);border-radius:0 5px 5px 0;background:radial-gradient(circle at 24% 18%,rgb(255 255 255/.2) 0 1px,transparent 1px 4px),radial-gradient(circle at 72% 82%,rgb(0 0 0/.16) 0 1px,transparent 1px 5px),repeating-linear-gradient(115deg,rgb(255 255 255/.035) 0 1px,transparent 1px 4px),linear-gradient(180deg,rgb(255 255 255/.18),rgb(0 0 0/.1)),var(--control);box-shadow:inset 1px 0 0 rgb(0 0 0/.28),inset 0 1px 0 rgb(255 255 255/.12),inset 0 -2px 0 rgb(0 0 0/.22),0 1px 0 rgb(255 255 255/.45);color:#f3f2e8}.exportSplitFormat:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.36;background:radial-gradient(circle at 10% 20%,rgb(255 255 255/.38) 0 .5px,transparent .8px),radial-gradient(circle at 40% 70%,rgb(0 0 0/.26) 0 .6px,transparent 1px),radial-gradient(circle at 78% 36%,rgb(255 255 255/.24) 0 .5px,transparent .9px),repeating-linear-gradient(90deg,transparent 0 5px,rgb(255 255 255/.05) 5px 6px);background-size:11px 11px,13px 13px,17px 17px,auto}.exportSplitFormat:after{content:"";position:absolute;top:50%;right:9px;width:0;height:0;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;opacity:.86;transform:translateY(-35%);pointer-events:none}.exportSplitFormat:hover{background:radial-gradient(circle at 24% 18%,rgb(255 255 255/.22) 0 1px,transparent 1px 4px),radial-gradient(circle at 72% 82%,rgb(0 0 0/.14) 0 1px,transparent 1px 5px),repeating-linear-gradient(115deg,rgb(255 255 255/.04) 0 1px,transparent 1px 4px),linear-gradient(180deg,rgb(255 255 255/.2),rgb(0 0 0/.05)),var(--control-2)}.exportSplitFormat:focus-within{outline:2px solid rgb(27 111 112/.38);outline-offset:2px}.exportSplitFormat select{min-width:61px;height:32px;border:0;appearance:none;background:transparent;color:inherit;cursor:pointer;outline:0;padding:0 24px 0 10px;font-family:var(--label);font-size:11px;font-stretch:condensed;font-weight:700;letter-spacing:0}.toolbarSelect{display:inline-flex;align-items:center;gap:6px;min-height:34px;border:1px solid var(--line-dark);border-radius:3px;padding:0 8px;background:var(--panel-recessed);color:var(--muted);font-family:var(--label);font-size:10px;font-weight:700;text-transform:uppercase}.toolbarSelect select{border:0;background:transparent;color:var(--ink);font:inherit;outline:0}.mobileActionBar,.mobileDrawerScrim,.mobileOnly,.mobilePaneClose,.mobileRecordingsButton,.mobileUtilityBar{display:none}.mobileDrawerScrim{border:0;padding:0;background:transparent}.readinessBadge{align-items:center;gap:6px;min-height:28px;border:1px solid var(--line-dark);border-radius:3px;padding:0 8px;background:linear-gradient(180deg,rgb(255 255 255/.06),transparent),var(--display-bg);color:var(--display-green);font-family:var(--label);font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap;display:inline-flex}.readinessBadge:after,.statusLine:after{content:"";flex:0 0 auto;width:16px;height:2px;margin-left:2px;border-radius:999px;background:currentColor;opacity:.56}.readiness-ready{border-color:rgb(27 111 112/.58);background:#142927;color:#a9d9cd}.readiness-permission-needed{border-color:#9b762d;background:#2d2719;color:#f2c66b}.readiness-unavailable{border-color:#8d231c;background:#2d1714;color:#ff9c8f}.insertHint{min-width:220px;color:var(--muted);font-size:12px}.fieldControl,.insertControl{display:flex;align-items:center;gap:8px;color:var(--muted)}.fieldControl input,.insertControl input{width:82px;border:1px solid var(--line-dark);border-radius:3px;padding:7px 8px;background:var(--panel-raised);color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums}.commandButton.mobileOnly,.iconButton.mobilePaneClose,.iconButton.mobileRecordingsButton{display:none}.statusLine{display:flex;align-items:center;gap:8px;width:fit-content;border:1px solid #202c28;background:linear-gradient(180deg,rgb(255 255 255/.06),transparent),var(--display-bg);color:var(--display-green);padding:6px 9px;font-family:var(--label);font-size:11px;font-weight:700;text-transform:uppercase}.statusGuidance,.statusLine{flex:0 0 auto;border-radius:3px}.statusGuidance{max-width:720px;border-left:3px solid var(--amber);background:rgb(243 223 182/.42);color:var(--ink);padding:9px 11px;font-size:13px;line-height:1.4}.readinessBadge svg,.statusLine svg{stroke-width:2.35}.tapeReelIndicator{position:relative;flex:0 0 auto;width:22px;height:22px;border:1px solid rgb(183 216 201/.68);border-radius:50%;background:radial-gradient(circle at 50% 50%,#080a09 0 24%,transparent 25%),radial-gradient(circle at 35% 30%,rgb(255 255 255/.7) 0 1px,transparent 1.5px),radial-gradient(circle at 68% 66%,rgb(255 255 255/.46) 0 1px,transparent 1.5px),radial-gradient(circle at 31% 71%,rgb(255 255 255/.36) 0 1px,transparent 1.5px),conic-gradient(from 42deg,transparent 0 20deg,rgb(183 216 201/.72) 20deg 23deg,transparent 23deg 180deg,rgb(183 216 201/.54) 180deg 183deg,transparent 183deg 1turn),radial-gradient(circle,#252923 0 61%,#101310 62% 100%);box-shadow:inset 0 1px 2px rgb(255 255 255/.18),inset 0 -2px 4px rgb(0 0 0/.54),0 0 0 2px rgb(183 216 201/.08);opacity:.72}.tapeReelIndicator:after,.tapeReelIndicator:before{content:"";position:absolute;pointer-events:none}.tapeReelIndicator:before{inset:3px;border:1px solid rgb(183 216 201/.22);border-radius:inherit}.tapeReelIndicator:after{top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#080a09;box-shadow:inset 0 1px 1px rgb(255 255 255/.18),0 0 0 1px rgb(183 216 201/.22);transform:translate(-50%,-50%)}.tapeReelIndicator.active{opacity:1;animation:tapeReelSpin 1.7s linear infinite}.liveAudioMeter{position:relative;flex:0 0 auto;display:grid;grid-template-columns:minmax(190px,auto) minmax(280px,1fr);align-items:center;gap:12px;min-height:78px;border:1px solid var(--line-dark);border-radius:5px;background:linear-gradient(180deg,#3a3d36,#20231f),var(--control);padding:10px;box-shadow:inset 0 1px 0 rgb(255 255 255/.12),inset 0 -1px 0 rgb(0 0 0/.42)}.liveAudioMeter:before{content:"64 x 32 / monitor";position:absolute;top:7px;right:9px;color:rgb(183 216 201/.58);font-size:10px}.liveAudioMeter:before,.liveAudioStatus{font-family:var(--label);font-weight:700;text-transform:uppercase}.liveAudioStatus{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;min-width:0;color:#b9c3b5;font-size:11px}.liveAudioStatus strong{grid-column:2;color:#f1c15f;font-family:var(--mono);font-size:27px;font-weight:720;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 12px rgb(211 154 49/.28)}.liveAudioStatus span:not(.recordingDot){grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recordingDot{grid-row:1/span 2;flex:0 0 auto;width:12px;height:12px;border:1px solid #ffb7a9;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px rgb(180 39 29/.18),0 0 18px rgb(180 39 29/.72);animation:recordingPulse 1.2s ease-in-out infinite}.audioVisuals{display:grid;grid-template-columns:74px minmax(104px,1fr) minmax(150px,1.15fr);align-items:center;gap:9px;min-width:0;height:54px}.inputLevel{position:relative;overflow:hidden;height:44px;border:1px solid #171a16;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 8px,rgb(255 255 255/.08) 8px 9px),#111512;padding:4px}.inputLevel:before{content:"vu";position:absolute;margin:-17px 0 0 1px;color:rgb(183 216 201/.62);font-family:var(--label);font-size:10px;text-transform:uppercase}.inputLevel span{display:block;width:100%;height:100%;border-radius:2px;background:linear-gradient(90deg,#4e9c85,#e3c35f 68%,#c83a2d);transform-origin:left center;transition:transform 80ms linear}.waveformTrace{width:100%;height:54px;border:1px solid #171a16;border-radius:3px;background:linear-gradient(90deg,rgb(255 255 255/.07) 1px,transparent 0),linear-gradient(180deg,rgb(255 255 255/.07) 1px,transparent 0),#101613;background-size:12px 100%,100% 12px}.waveformTrace polyline{fill:none;stroke:#e4bb5b;stroke-linecap:square;stroke-linejoin:round;stroke-width:2.2}.spectrumBars{display:flex;align-items:end;gap:3px;height:54px;min-width:0;border:1px solid #171a16;border-radius:3px;background:#101310;padding:6px}.spectrumBars span{flex:1;min-width:2px;border-radius:1px 1px 0 0;background:linear-gradient(180deg,#c9372c,#dfb650 46%,#4e9c85);transition:height 80ms linear}.editorShell{display:grid;grid-template-rows:minmax(86px,auto) minmax(260px,1fr);gap:10px;flex:1 1 auto;min-height:0}.editorShellFull{grid-template-rows:minmax(260px,1fr)}.editorShell:after{content:"transcript / take log";align-self:start;justify-self:center;width:min(100%,840px);margin:4px 0 -8px;color:var(--muted);font-family:var(--label);font-size:10px;font-weight:700;text-transform:uppercase;pointer-events:none}.debugPanel{display:grid;gap:10px;flex:0 0 auto;min-height:0;overflow:auto;max-height:min(38vh,360px);border:1px solid var(--line-dark);border-radius:4px;background:linear-gradient(180deg,rgb(0 0 0/.08),transparent 28%),var(--panel-recessed);padding:12px;box-shadow:inset 0 1px 4px rgb(0 0 0/.12)}.debugPanelHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.debugPanelHeader p{color:var(--muted);font-size:12px}.tokenRibbon{position:relative;display:flex;align-content:flex-start;flex-wrap:wrap;gap:5px;overflow:auto;max-height:150px;padding:20px 10px 10px;border:1px solid var(--line-dark);border-radius:4px;background:linear-gradient(180deg,rgb(0 0 0/.08),transparent 28%),var(--panel-recessed);box-shadow:inset 0 1px 4px rgb(0 0 0/.12)}.tokenRibbon:before{content:"cue points / edit reel";position:absolute;top:6px;left:10px;color:var(--muted);font-size:10px;font-weight:700}.tokenChip,.tokenRibbon:before{font-family:var(--label);text-transform:uppercase}.tokenChip{border:1px solid var(--line-dark);border-radius:3px;padding:4px 7px;background:var(--panel-raised);color:var(--ink);cursor:pointer;font-size:12px;font-weight:760;line-height:1.2}.tokenWithMarker{gap:5px}.insertionMarker,.tokenWithMarker{display:inline-flex;align-items:center}.insertionMarker{min-height:24px;border-left:3px solid var(--danger);padding-left:6px;color:var(--danger-dark);font-family:var(--label);font-size:11px;font-weight:700;text-transform:uppercase}.deepgramToken{background:var(--deepgram)}.userToken{background:var(--user)}.interimToken{background:var(--interim);border-style:dashed}.tokenChip.caretToken,.tokenChip.selected{border-color:var(--danger);box-shadow:0 0 0 2px rgb(180 39 29/.22)}.lexicalEditor{--log-line:32px;--log-top-offset:21px;--log-rule-offset:calc(var(--log-top-offset) + var(--log-line) - 4px);position:relative;justify-self:center;width:min(100%,840px);min-height:300px;height:100%;overflow:auto;border:1px solid var(--line-dark);border-radius:4px;background:linear-gradient(180deg,rgb(32 34 31/.18),rgb(32 34 31/.18)),linear-gradient(180deg,rgb(32 34 31/.18),rgb(32 34 31/.18)),linear-gradient(90deg,rgb(180 39 29/.42),rgb(180 39 29/.42)),repeating-linear-gradient(180deg,transparent 0 calc(var(--log-line) - 1px),rgb(32 34 31/.06) calc(var(--log-line) - 1px) var(--log-line)),repeating-linear-gradient(90deg,transparent 0 7px,rgb(32 34 31/.06) 7px 8px),var(--panel-raised);background-position:0 0,0 100%,54px 0,0 var(--log-rule-offset),0 0;background-size:100% 1px,100% 1px,1px 100%,100% var(--log-line),32px 100%;background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat;padding:var(--log-top-offset) clamp(22px,5vw,66px) 28px clamp(74px,8vw,96px);color:#1c1e1b;font-size:17px;line-height:var(--log-line);outline:none;box-shadow:inset 0 1px 6px rgb(0 0 0/.1),0 0 0 8px rgb(215 216 208/.34)}.lexicalEditor.recordingCursorActive{caret-color:transparent;box-shadow:inset 0 1px 6px rgb(0 0 0/.1),inset 0 0 0 2px rgb(180 39 29/.18),0 0 0 8px rgb(215 216 208/.34),0 0 0 11px rgb(180 39 29/.12);animation:liveEditorCursorPulse 1.2s ease-in-out infinite}.lexicalEditor.recordingCursorActive.recordingCaretVisible:after{content:"";position:absolute;z-index:2;top:var(--recording-caret-top,var(--log-top-offset));left:var(--recording-caret-left,0);width:5px;height:var(--recording-caret-height,28px);border-radius:999px;background:var(--danger);box-shadow:-6px 0 0 rgb(180 39 29/.12),0 0 0 1px rgb(255 248 235/.72),0 0 14px rgb(180 39 29/.34);pointer-events:none}.transcriptTokenText{border-radius:3px;transition:background-color .9s ease,box-shadow .9s ease}.recentTranscriptToken{animation:recentTranscriptFade 2.2s ease-out both}.editorParagraph{max-width:66ch;margin:0 0 var(--log-line)}.metadataInspector{flex:0 0 auto;border:1px solid var(--line-dark);border-radius:4px;background:linear-gradient(180deg,rgb(255 255 255/.34),transparent),var(--panel-recessed);padding:12px}.metadataInspector dl,.settingsList{display:grid;grid-template-columns:138px minmax(0,1fr);gap:7px 12px;margin:12px 0 0}.metadataInspector dt,.settingsList dt{color:var(--muted);font-family:var(--label);font-size:11px;font-weight:760;text-transform:uppercase}.metadataInspector dd,.settingsList dd{margin:0;overflow-wrap:anywhere;color:var(--ink);font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}.emptyState,.startRecordingState{position:relative;align-self:center;justify-self:center;display:grid;justify-items:center;gap:16px;width:min(540px,100%);margin:auto;text-align:center}.startRecordingState:before{content:"memo / one press";position:absolute;top:-36px;left:50%;border:1px solid #202c28;border-radius:3px;background:linear-gradient(180deg,rgb(255 255 255/.06),transparent),var(--display-bg);color:var(--display-green);padding:6px 9px;font-family:var(--label);font-size:10px;font-weight:700;text-transform:uppercase;transform:translateX(-50%)}.startRecordingState p{margin-top:7px;line-height:1.5}.emptyActions,.loadingRecordControls,.startRecordingActions{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.largeRecordButton{min-height:48px;min-width:150px;font-size:13px}.startRecordingMeta{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-family:var(--label);font-size:11px;font-weight:700;text-transform:uppercase}.recordingLoadingState{align-self:center;justify-self:center;display:grid;justify-items:center;gap:15px;width:min(430px,100%);margin:auto;border-color:#9b762d;border-radius:5px;padding:26px;text-align:center}.recordingLoadingState p{margin-top:7px;line-height:1.5}.recordingLoadingMark{position:relative;display:grid;place-items:center;width:58px;height:58px;border:1px solid #8e6c2a;border-radius:50%;background:#2b271d;color:#f0bd58;box-shadow:inset 0 0 18px rgb(211 154 49/.22)}.recordingLoadingMark span{position:absolute;inset:9px;border-radius:inherit;background:rgb(211 154 49/.12)}.recordingLoadingMark svg{position:relative}.loadingProgress{overflow:hidden;width:min(240px,100%);height:7px;border:1px solid #8e6c2a;border-radius:2px;background:#332817}.loadingProgress span{display:block;width:42%;height:100%;border-radius:inherit;background:var(--amber);animation:loadingSlide 1.2s ease-in-out infinite}.deletedDetail{align-self:start;display:grid;gap:16px;overflow:auto;max-width:760px;min-height:0;padding-right:4px}.deletedDetail header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.deletedDetail header p{margin-top:4px}.deletedPreview{display:grid;gap:10px;border:1px solid var(--line-dark);border-radius:4px;background:var(--panel-raised);padding:13px}.deletedPreview p{line-height:1.6;white-space:pre-wrap}.modalBackdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgb(23 25 22/.58)}.optionsModal{width:min(720px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border-radius:5px}.modalHeader{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-dark);background:var(--panel);padding:16px}.optionsGrid{display:grid;gap:12px;padding:16px}.optionGroup{display:grid;gap:11px;border:1px solid var(--line-dark);border-radius:4px;padding:13px;background:rgb(255 255 255/.18)}.settingsList{margin:0}.fieldControl{justify-content:space-between}.fieldControl,.toggleControl{width:fit-content;font-family:var(--label);font-size:11px;font-weight:700;text-transform:uppercase}.toggleControl{display:flex;align-items:center;gap:10px;color:var(--ink)}.toggleControl input{width:18px;height:18px;accent-color:var(--danger)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes loadingSlide{0%{transform:translateX(-120%)}50%{transform:translateX(80%)}to{transform:translateX(260%)}}@keyframes recordingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.66}}@keyframes tapeReelSpin{to{transform:rotate(1turn)}}@keyframes liveEditorCursorPulse{0%,to{outline:2px solid rgb(180 39 29/.18);outline-offset:-5px}50%{outline-color:rgb(180 39 29/.48);outline-offset:-3px}}@keyframes recentTranscriptFade{0%{background-color:rgb(211 154 49/.74);box-shadow:0 0 0 2px rgb(211 154 49/.28),0 6px 18px rgb(211 154 49/.22)}55%{background-color:rgb(243 223 182/.5);box-shadow:0 0 0 2px rgb(211 154 49/.14),0 3px 10px rgb(211 154 49/.12)}to{background-color:transparent;box-shadow:none}}@keyframes titleRewrite{0%{color:transparent;text-shadow:-10px 0 0 rgb(27 111 112/0),0 0 0 rgb(32 34 31/0);filter:blur(7px);transform:translateY(4px)}18%{color:transparent;text-shadow:-7px 0 0 rgb(27 111 112/.48),7px 0 0 rgb(211 154 49/.38),0 0 12px rgb(27 111 112/.28);filter:blur(3px)}52%{color:var(--accent-strong);text-shadow:-1px 0 0 rgb(211 154 49/.36),1px 0 0 rgb(27 111 112/.36);filter:blur(0);transform:translateY(0)}to{color:inherit;text-shadow:none;filter:blur(0);transform:translateY(0)}}@media (max-width:840px){body{background:var(--panel)}.workspace{position:relative;overflow-x:hidden;grid-template-columns:1fr;height:100svh;min-height:0;padding:0}.recordingsPane{position:fixed;inset:0 auto 0 0;z-index:30;width:min(88vw,360px);overflow:hidden;border-radius:0 6px 6px 0;border-right:1px solid var(--line-dark);border-bottom:none;padding-bottom:calc(14px + env(safe-area-inset-bottom));box-shadow:20px 0 48px rgb(23 25 22/.34);transform:translateX(-100%);transition:transform .18s ease}.workspace.mobileRecordingsOpen .recordingsPane{transform:translateX(0)}.mobileDrawerScrim{position:fixed;inset:0;z-index:25;display:none;border:0;background:rgb(23 25 22/.54)}.workspace.mobileRecordingsOpen .mobileDrawerScrim{display:block}.detailPane{height:100svh;min-height:0;gap:10px;overflow:hidden;border:0;border-radius:0;padding:12px 12px calc(86px + env(safe-area-inset-bottom));box-shadow:none}.detailToolbar{position:sticky;top:0;z-index:10;align-items:center;flex-direction:row;min-height:56px;margin:-12px -12px 0;border-bottom:1px solid var(--line-dark);background:rgb(238 238 230/.96);padding:9px 12px;backdrop-filter:blur(12px)}.commandButton.mobileOnly,.iconButton.mobilePaneClose,.iconButton.mobileRecordingsButton{display:inline-flex}.mobileUtilityBar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;margin:-12px -12px 0;border-bottom:1px solid var(--line-dark);background:rgb(238 238 230/.96);padding:9px 12px;font-family:var(--mono);font-size:11px;font-weight:760;text-transform:uppercase;backdrop-filter:blur(12px)}.paneHeader{align-items:flex-start}.paneHeader p{display:none}.sidebarTabs{margin-top:12px}.recordingList{max-height:none;overflow:auto;padding-bottom:10px}.sidebarAccount{display:flex;width:100%;padding-top:12px;border-top:1px solid rgb(93 98 89/.28);background:linear-gradient(180deg,transparent,rgb(238 238 230/.7) 28%)}.sidebarAccountButton{max-width:100%}.recordingRow{grid-template-columns:minmax(0,1fr) 36px;padding:9px;background:rgb(255 255 255/.24)}.recordingRow.confirmingDelete{grid-template-columns:minmax(0,1fr) auto}.recordingRow small{display:none}.detailTitleCluster{flex:1;width:100%}.detailTitleText{flex:1}.detailTitleText h2{font-size:16px;line-height:1.18}.detailTitleText p,.metadataInspector,.tokenRibbon,.toolbarControls{display:none}.liveAudioMeter{grid-template-columns:1fr;gap:8px;min-height:84px;padding:8px}.liveAudioStatus{grid-template-columns:auto auto 1fr;gap:7px}.liveAudioStatus strong{grid-column:2;font-size:20px}.liveAudioStatus span:not(.recordingDot){grid-column:auto}.liveAudioStatus span:nth-of-type(n+4){display:none}.recordingDot{grid-row:auto}.audioVisuals{grid-template-columns:54px minmax(78px,1fr) minmax(94px,1fr);height:36px}.inputLevel,.spectrumBars,.waveformTrace{height:36px}.spectrumBars{gap:2px;padding:5px}.editorShell,.editorShellFull{grid-template-rows:minmax(0,1fr);gap:0;flex:1 1 auto;min-height:0}.editorShell:after{display:none}.lexicalEditor{--log-line:30px;--log-top-offset:18px;--log-rule-offset:calc(var(--log-top-offset) + var(--log-line) - 4px);width:100%;height:100%;min-height:0;border:0;border-radius:0;background:linear-gradient(180deg,rgb(32 34 31/.16),rgb(32 34 31/.16)),linear-gradient(180deg,rgb(32 34 31/.16),rgb(32 34 31/.16)),linear-gradient(90deg,rgb(180 39 29/.3),rgb(180 39 29/.3)),repeating-linear-gradient(180deg,transparent 0 calc(var(--log-line) - 1px),rgb(32 34 31/.055) calc(var(--log-line) - 1px) var(--log-line)),transparent;background-position:0 0,0 100%,34px 0,0 var(--log-rule-offset),0 0;background-size:100% 1px,100% 1px,1px 100%,100% var(--log-line),auto;background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat;box-shadow:none;padding:var(--log-top-offset) 8px 24px 48px;font-size:17px;line-height:var(--log-line)}.editorParagraph{max-width:none}.editorPlaceholder{margin:-292px 0 0 48px}.mobileActionBar{position:fixed;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;z-index:15;display:grid;grid-template-columns:1fr 1fr 1.22fr;gap:7px;border-radius:5px;padding:7px;backdrop-filter:blur(12px)}.mobileActionButton{min-width:0;min-height:44px;padding:0 6px;font-size:10px}.emptyState,.recordingLoadingState,.startRecordingState{align-self:center;min-height:calc(100svh - 160px);padding:24px 0}.startRecordingState:before{top:-28px}.startRecordingMeta span:last-child{display:none}.deletedDetail{padding-top:8px}.deletedDetail header{flex-direction:column}.mobileActionPrimary{border-color:#7d2019;background:linear-gradient(180deg,#d13a2e,#951f18);color:#fff8eb}.mobileActionPrimary.danger{border-color:#151714;background:linear-gradient(180deg,#4a4d47,#181a17)}.mobileActionPrimary.danger.stopRecordingButton{border-color:#ff9c8f;background:linear-gradient(180deg,#d84a3f,#7f1f18 72%);box-shadow:inset 0 1px 0 rgb(255 255 255/.22),inset 0 -2px 0 rgb(0 0 0/.3),0 0 0 2px rgb(180 39 29/.18),0 8px 20px rgb(104 27 23/.28)}.optionsModal{align-self:end;width:100%;max-height:calc(100vh - 24px)}.modalBackdrop{align-items:end;padding:12px}.metadataInspector dl,.settingsList{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tapeReelIndicator.active{animation:none}}