:root{--ink:#112f3b;--muted:#657982;--paper:#f3f0e8;--card:#fffdf8;--line:#d9ddd8;--teal:#147f79;--teal-dark:#0d625e;--coral:#d75d4b;--amber:#a86f17;--shadow:0 22px 60px #112f3b17}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body,button,input,textarea{font-family:Noto Sans Khmer,Khmer OS Battambang,Leelawadee UI,system-ui,sans-serif}button,input,textarea{font-size:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #147f7952}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font:700 12px/1.4 DM Sans,sans-serif}.authProductLabel{text-transform:none;font-family:DM Sans,sans-serif}.subtle{color:var(--muted);line-height:1.75}.brand{color:var(--ink);align-items:center;gap:10px;font:700 15px/1 DM Sans,sans-serif;text-decoration:none;display:inline-flex}.brandMark{color:#0000;background:#fff url(/iskillbiz-logo.jpg?v=2) 50%/contain no-repeat;border-radius:8px;flex:0 0 132px;width:132px;height:36px;font-size:0;display:block;overflow:hidden}.brandButton{cursor:pointer;background:0 0;border:0;padding:0}.appTopbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffdf8e6;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:0 30px;display:flex;position:sticky;top:0}.topActions{align-items:center;gap:18px;min-width:0;display:flex}.textButton{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:7px}.primaryButton,.quietButton,.continueButton{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-weight:700}.primaryButton{color:#fff;background:var(--teal);box-shadow:0 10px 25px #147f792e}.primaryButton:hover,.continueButton:hover{background:var(--teal-dark)}.quietButton{border:1px solid var(--line);background:var(--card)}button:disabled{opacity:.48;cursor:not-allowed}.errorBanner{color:#8f3428;background:#fff0ed;border:1px solid #e8b6ae;border-radius:10px;margin:14px 0;padding:11px 13px;line-height:1.55}.loadingShell,.placeholderShell{place-items:center;min-height:100vh;padding:24px;display:grid}.authShell{background:radial-gradient(circle at 15% 10%, #e1eee9, transparent 36%), var(--paper);place-items:center;min-height:100vh;padding:28px;display:grid}.authCard{border:1px solid var(--line);background:var(--card);width:min(470px,100%);box-shadow:var(--shadow);border-radius:24px;padding:38px}.authCard .brand{margin-bottom:52px}.authCard .authLogoOnly{justify-content:center;width:100%;display:flex}.authLogoOnly .brandMark{flex:0 auto;width:min(190px,70vw);height:52px}.authCard h1{margin:0;font-size:clamp(30px,3vw,38px);line-height:1.32}.authCard label{gap:7px;margin-top:18px;font-weight:600;display:grid}.authCard input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:13px 14px}.authCard input[aria-invalid=true]{background:#fff9f7;border-color:#d78375}.authPasswordField{gap:7px;margin-top:18px;font-weight:600;display:grid}.authPasswordField>label{margin:0}.passwordInputWrap{display:block;position:relative}.authCard .passwordInputWrap input{padding-right:56px}.passwordVisibilityButton{color:#52666e;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.passwordVisibilityButton:hover{color:var(--teal-dark);background:#e7f1ee}.passwordVisibilityButton:active{background:#dceae6}.passwordVisibilityButton svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.passwordVisibilityButton .eyeSlash{stroke-width:2.1px}.fieldHint{color:var(--muted);font-size:12px;font-weight:500;line-height:1.55}.fieldHint.invalid{color:#9b3d31}.authActions{gap:10px;margin-top:24px;display:flex}.dashboardShell{min-height:100vh}.dashboard{width:min(1120px,100% - 40px);margin:0 auto;padding:70px 0}.dashboardHeading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.dashboard h1{letter-spacing:-.035em;margin:0;font-size:clamp(38px,6vw,68px);line-height:1.18}.projectGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px;display:grid}.projectCard,.emptyCard{border:1px solid var(--line);text-align:left;background:var(--card);border-radius:18px;min-height:190px;box-shadow:0 12px 34px #112f3b0d}.emptyCard{padding:24px}.projectCard{min-width:0;position:relative;overflow:hidden}.projectOpenButton{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;width:100%;min-height:188px;padding:24px;display:flex}.projectOpenButton strong{overflow-wrap:anywhere;max-width:calc(100% - 36px);margin-top:auto;font-size:21px;line-height:1.45}.projectOpenButton small{color:var(--muted);margin-top:10px}.projectDeleteButton{z-index:2;color:#9b3d31;cursor:pointer;background:#fff8f6;border:1px solid #e4c5bf;border-radius:11px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:14px;right:14px}.projectDeleteButton:hover:not(:disabled){background:#fff0ed;border-color:#d88c80}.projectStatus{color:var(--teal-dark);letter-spacing:.1em;background:#e1f0eb;border-radius:6px;padding:5px 8px;font:700 10px/1 DM Sans,sans-serif}.emptyCard{color:var(--muted);text-align:center;grid-column:1/-1;align-content:center;place-items:center;display:grid}.cleanupWarning{color:#76500e;background:#fff6dc;border:1px solid #e4c277;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:14px 0;padding:13px;line-height:1.6;display:flex}.dialogBackdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#112f3b94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.deleteDialog{background:var(--card);border:1px solid #e4c5bf;border-radius:22px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:30px;overflow:auto;box-shadow:0 28px 80px #112f3b47}.deleteDialogIcon{color:#9b3d31;background:#fff0ed;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:16px;font-size:23px;display:grid}.deleteDialog h2{overflow-wrap:anywhere;margin:0;font-size:clamp(25px,4vw,34px);line-height:1.4}.deleteDialog>p:not(.eyebrow,.errorBanner){color:var(--muted);line-height:1.8}.dialogActions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.dangerButton{color:#fff;cursor:pointer;background:#b44838;border:0;border-radius:12px;padding:12px 18px;font-weight:800}.dangerButton:hover:not(:disabled){background:#94372b}.studioShell{min-height:100vh}.steps{border-bottom:1px solid var(--line);background:var(--card);color:#88979d;justify-content:center;align-items:center;gap:42px;height:52px;font:600 12px/1 DM Sans,sans-serif;display:flex}.steps span{align-items:center;gap:8px;display:flex}.steps b{border:1px solid var(--line);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.steps .active{color:var(--ink)}.steps .active b{color:#fff;border-color:var(--teal);background:var(--teal)}.saveStatus{text-overflow:ellipsis;white-space:nowrap;max-width:270px;color:var(--muted);font-size:13px;overflow:hidden}.save-pending_sync,.save-save_failed{color:var(--amber)}.save-saving{color:var(--teal)}.editorLayout{grid-template-columns:minmax(360px,.88fr) minmax(540px,1.12fr);width:min(1480px,100%);min-height:calc(100vh - 120px);margin:0 auto;display:grid}.scriptPane,.segmentsPane{min-width:0;padding:44px clamp(24px,4vw,60px) 70px}.scriptPane{border-right:1px solid var(--line);background:#fffdf873}.segmentsPane{background:#ecefe9}.sectionHeading,.segmentPaneHeading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.sectionHeading h1,.segmentPaneHeading h2{letter-spacing:-.025em;margin:0;line-height:1.3}.sectionHeading h1{font-size:clamp(31px,3vw,49px)}.segmentPaneHeading h2{font-size:28px}.segmentPaneHeading>span{color:var(--muted);background:#ffffffa6;border-radius:8px;padding:7px 10px;font:600 11px/1 DM Sans,sans-serif}.fieldLabel{margin:30px 0 8px;font-weight:700;display:block}.titleInput,.scriptField textarea,.segmentCard textarea{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink)}.titleInput{border-radius:10px;padding:13px 14px;font-weight:700}.scriptField{position:relative}.scriptField .fieldLabel{margin-top:22px}.scriptField textarea{resize:vertical;border-radius:14px;min-height:320px;padding:18px;font-size:17px;line-height:1.9}.charCounter{color:var(--muted);justify-content:space-between;gap:16px;margin-top:7px;font-size:12px;display:flex}.charCounter strong{font-family:DM Sans,sans-serif}.charCounter.nearLimit strong{color:var(--coral)}.mobileSplit{width:100%;margin-top:12px;display:none}.estimateCard{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-top:24px;padding:17px 19px}.estimateCard span,.estimateCard strong,.estimateCard small{display:block}.estimateCard span{color:var(--teal);font-size:12px}.estimateCard strong{margin-top:5px}.estimateCard small{color:var(--muted);margin-top:6px;line-height:1.55}.segmentList{gap:14px;margin-top:24px;display:grid}.segmentCard{background:var(--card);border:1px solid #d4d9d3;border-radius:16px;min-width:0;padding:20px;box-shadow:0 8px 24px #112f3b0a}.segmentMeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font:600 11px/1.4 DM Sans,sans-serif;display:flex}.segmentNumber{color:#fff;background:var(--ink);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.recordedBadge{color:var(--teal-dark);background:#e0f0eb;border-radius:6px;padding:5px 7px}.segmentCard textarea{resize:vertical;border-radius:10px;min-height:86px;margin-top:13px;padding:12px 13px;line-height:1.75}.reviewWarning,.manualWarning{border-radius:9px;margin:11px 0 0;padding:10px 11px;font-size:13px;line-height:1.65}.reviewWarning{color:#904338;background:#fff0ed}.manualWarning{color:#76500e;background:#fff4d9}.segmentControls{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.segmentControls button{border:1px solid var(--line);color:#52666e;cursor:pointer;background:#f7f7f2;border-radius:8px;padding:7px 9px;font-size:11px}.segmentControls button:hover:not(:disabled){color:var(--ink);background:#fff;border-color:#9eaaa7}.segmentControls .dangerControl{color:#a0473a;margin-left:auto}.adminActionGroup{align-items:center;gap:8px}.segmentControls .adminActionButton{letter-spacing:.015em;border-style:solid;border-width:1px;border-radius:9px;min-height:36px;padding:8px 11px;font:700 10px/1.25 DM Sans,sans-serif;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform 80ms}.segmentControls .adminActionButton:focus-visible,.adminActionButton:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px var(--card);outline:3px solid #147f794d}.segmentControls .adminActionButton:active:not(:disabled),.adminActionButton:active:not(:disabled){transform:translateY(1px)}.segmentControls .adminActionButton:disabled,.adminActionButton:disabled{opacity:.46;color:#68767c;box-shadow:none;background:#eef0ed;border-color:#d5d9d7}.segmentControls .adminActionPositive{color:#0b625b;background:#e5f3ef;border-color:#9bcac0}.segmentControls .adminActionPositive:hover:not(:disabled){color:#fff;background:#0d6f69;border-color:#0d6f69}.segmentControls .adminActionBrand{color:#155f7d;background:#e8f3f8;border-color:#a4c8d9}.segmentControls .adminActionBrand:hover:not(:disabled){color:#fff;background:#155f7d;border-color:#155f7d}.segmentControls .adminActionWarning{color:#7a4a08;background:#fff3d6;border-color:#e2ba69}.segmentControls .adminActionWarning:hover:not(:disabled){color:#fff;background:#96600f;border-color:#96600f}.segmentControls .adminActionDanger{color:#91392e;background:#fff0ed;border-color:#e0a59b}.segmentControls .adminActionDanger:hover:not(:disabled){color:#fff;background:#a94436;border-color:#a94436}.segmentControls .adminActionSecurity{color:#334650;background:#edf0f1;border-color:#b6c0c4}.segmentControls .adminActionSecurity:hover:not(:disabled){color:#fff;background:#334650;border-color:#334650}.segmentControls .adminActionInfo{color:#175c88;background:#e9f3fa;border-color:#a9c9dd}.segmentControls .adminActionInfo:hover:not(:disabled){color:#fff;background:#176b9f;border-color:#176b9f}.segmentControls .adminActionCredential{color:#654487;background:#f2ecf8;border-color:#c7b5dc}.segmentControls .adminActionCredential:hover:not(:disabled){color:#fff;background:#684889;border-color:#684889}.adminConfirmButton{cursor:pointer;border-style:solid;border-width:1px;border-radius:12px;min-height:44px;padding:11px 18px;font-weight:800}.adminConfirmButton.adminActionPositive{color:#fff;background:#0d6f69;border-color:#0d6f69}.adminConfirmButton.adminActionPositive:hover:not(:disabled){background:#0a5752}.adminConfirmButton.adminActionBrand{color:#fff;background:#155f7d;border-color:#155f7d}.adminConfirmButton.adminActionBrand:hover:not(:disabled){background:#104b63}.adminConfirmButton.adminActionWarning{color:#fff;background:#96600f;border-color:#96600f}.adminConfirmButton.adminActionWarning:hover:not(:disabled){background:#754908}.adminConfirmButton.adminActionDanger{color:#fff;background:#a94436;border-color:#a94436}.adminConfirmButton.adminActionDanger:hover:not(:disabled){background:#873429}.adminConfirmButton.adminActionSecurity{color:#fff;background:#334650;border-color:#334650}.adminConfirmButton.adminActionSecurity:hover:not(:disabled){background:#26373f}.adminConfirmButton.adminActionInfo{color:#fff;background:#176b9f;border-color:#176b9f}.adminConfirmButton.adminActionInfo:hover:not(:disabled){background:#12557f}.adminConfirmButton.adminActionCredential{color:#fff;background:#684889;border-color:#684889}.adminConfirmButton.adminActionCredential:hover:not(:disabled){background:#53386e}.emptySegments{color:var(--muted);text-align:center;border:1px dashed #bdc7bf;border-radius:16px;margin-top:24px;padding:70px 24px}.continueButton{color:#fff;background:var(--teal);justify-content:space-between;width:100%;margin-top:24px;padding:15px 20px;display:flex}.itemBoundary{color:var(--muted);text-align:center;margin:12px 0 0;font-size:11px}.continueBlocked{color:#8f3428;background:#fff0ed;border-radius:9px;margin:10px 0 0;padding:10px 12px;font-size:12px;line-height:1.6}.placeholderCard{border:1px solid var(--line);background:var(--card);width:min(620px,100%);box-shadow:var(--shadow);text-align:center;border-radius:24px;padding:48px}.placeholderCard h1{margin:10px 0;font-size:clamp(32px,6vw,52px)}.placeholderCard p:not(.eyebrow){color:var(--muted);line-height:1.8}.stepNumber{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 20px;font:700 16px/1 DM Sans,sans-serif;display:grid}.recordingShell{background:#edf0eb;min-height:100vh}.recordingProgress{color:var(--muted);font:700 12px/1 DM Sans,sans-serif}.steps button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.micTestShell{background:radial-gradient(circle at 15% 10%,#dcece7,transparent 42%),var(--paper);place-items:center;min-height:calc(100vh - 68px);padding:40px 20px;display:grid}.micTestCard{border:1px solid var(--line);background:var(--card);width:min(680px,100%);box-shadow:var(--shadow);border-radius:24px;padding:clamp(25px,5vw,52px)}.micTestCard h1{margin:0;font-size:clamp(32px,5vw,52px);line-height:1.25}.micTestCard>p{color:var(--muted);line-height:1.75}.micFacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.micFacts div{border:1px solid var(--line);background:#f7f7f2;border-radius:12px;min-width:0;padding:14px}.micFacts dt{color:var(--muted);font-size:11px}.micFacts dd{overflow-wrap:anywhere;margin:5px 0 0;font-weight:700}.inputMeter{background:#dfe5df;border-radius:999px;height:13px;overflow:hidden}.inputMeter span{border-radius:inherit;background:linear-gradient(90deg,var(--teal),#8dbb52 72%,#e1a247);height:100%;transition:width 80ms linear;display:block}.inputMeter.compact{width:min(260px,35vw);height:9px}.testSentence{border-left:4px solid var(--teal);background:#edf5f1;padding:16px;font-size:18px;color:var(--ink)!important}.micActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.recordingLayout{grid-template-columns:minmax(280px,.65fr) minmax(560px,1.35fr);width:min(1500px,100%);min-height:calc(100vh - 120px);margin:0 auto;display:grid}.segmentRail{border-right:1px solid var(--line);background:var(--card);min-width:0;padding:38px clamp(20px,3vw,42px)}.segmentRail h1{margin:0;font-size:clamp(25px,3vw,38px);line-height:1.35}.railProgress{background:#e4e8e2;border-radius:999px;height:6px;margin-top:25px;overflow:hidden}.railProgress span{background:var(--teal);height:100%;display:block}.segmentRail>p:not(.eyebrow){color:var(--muted);font-size:12px}.segmentPreview{border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:15px;line-height:1.7;overflow:hidden}.segmentPreview.muted{color:#819098;opacity:.76;background:#f6f6f1;max-height:78px}.segmentPreview.current{background:#e9f3ef;border-color:#9dc7bd;max-height:230px;font-size:17px;font-weight:650}.railNav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px;display:grid}.railNav button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;min-height:42px}.recorderWorkspace{min-width:0;padding:38px clamp(20px,4vw,62px) 70px}.recordingHeader,.takePanelHeader,.micBar{justify-content:space-between;align-items:center;gap:18px;display:flex}.recordingHeader h2,.takePanelHeader h3{margin:0}.recordingHeader h2{font-size:clamp(30px,4vw,48px)}.state{color:var(--teal-dark);white-space:nowrap;background:#dfeee9;border-radius:999px;align-items:center;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.state-recording,.state-error{color:#fff;background:var(--coral)}.state-pending_sync{color:#76500e;background:#fff0c8}.recordingPrompt{border:1px solid var(--line);background:var(--card);border-radius:22px;place-items:center;min-height:190px;margin-top:25px;padding:clamp(25px,4vw,52px);display:grid;box-shadow:0 16px 45px #112f3b0f}.recordingPrompt p{text-align:center;margin:0;font-size:clamp(24px,3vw,42px);line-height:1.75}.micBar{border:1px solid var(--line);background:#ffffffa8;border-radius:12px;margin-top:13px;padding:11px 15px;font-size:11px}.micBar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.recordActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:25px;display:flex}.recordControl{color:#fff;background:var(--coral);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:11px;min-width:190px;min-height:58px;padding:14px 22px;font-weight:800;display:inline-flex;box-shadow:0 12px 28px #d75d4b3d}.recordControl i{border:3px solid #fff;border-radius:50%;width:16px;height:16px}.recordControl.stop{background:#8f3428}.recordControl.stop i{background:#fff;border-radius:2px}.countdown{z-index:50;color:#fff;background:#112f3bc2;place-items:center;font:800 clamp(90px,20vw,180px)/1 DM Sans,sans-serif;display:grid;position:fixed;inset:0}.recordingMessage{color:var(--ink);text-align:center;margin:18px 0 0;line-height:1.7}.crashNotice{max-width:780px;color:var(--muted);text-align:center;margin:8px auto 0;font-size:12px;line-height:1.65}.takePanel{border:1px solid var(--line);background:#fffdf8b8;border-radius:18px;margin-top:38px;padding:22px}.takePanelHeader>span{color:var(--muted);font:700 11px/1 DM Sans,sans-serif}.audioPreparing{min-height:42px;color:var(--muted);align-items:center;font-size:12px;display:inline-flex}.takeItem{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:minmax(130px,.8fr) minmax(160px,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:14px;display:grid}.takeItem.selectedTake{box-shadow:inset 4px 0 var(--teal);border-color:#6eafa3}.takeItem.pendingTake{border-style:dashed}.takeIdentity{gap:4px;display:grid}.takeIdentity span,.takeQuality{color:var(--muted);font-size:11px}.takeQuality{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.takeQuality strong{color:var(--teal-dark);background:#dfeee9;border-radius:5px;padding:4px 6px}.takeItem audio{width:100%;min-width:0}.takeState{color:var(--amber);font-size:11px}.takeControls{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.takeControls button{border:1px solid var(--line);cursor:pointer;background:#f7f7f2;border-radius:8px;min-height:36px;padding:7px 10px}.takeWarning{color:#7d4f06;background:#fff3d6;border-radius:8px;grid-column:1/-1;margin:0;padding:9px 10px;font-size:12px;line-height:1.6}.emptyTakes{color:var(--muted);text-align:center;padding:28px 10px}.reviewShell{background:radial-gradient(circle at 12% 0,#dcece7,transparent 32%),var(--paper);min-height:100vh}.reviewPage{width:min(1420px,100% - 40px);margin:0 auto;padding:48px 0 74px}.reviewHero h1{letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(38px,5vw,64px);line-height:1.15}.reviewHero>p:not(.eyebrow){color:var(--muted);margin:10px 0 0}.reviewNotice{color:#76500e;background:#fff7df;border:1px solid #d9bd80;border-radius:11px;margin:22px 0 0;padding:13px 15px;line-height:1.6}.fullPlayback{background:#edf7f3;border:1px solid #8dbeb4;border-radius:18px;grid-template-columns:minmax(210px,1fr) auto;align-items:center;gap:18px;margin-top:28px;padding:22px;display:grid;box-shadow:0 14px 40px #147f7917}.fullPlayback h2{margin:4px 0;font-size:27px}.fullPlayback p{color:var(--muted);margin:0}.fullPlayback audio{grid-column:1/-1;width:100%}.reviewLayout{grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);align-items:start;gap:22px;margin-top:24px;display:grid}.reviewSegments,.exportPanel{border:1px solid var(--line);background:var(--card);border-radius:18px;min-width:0;padding:22px;box-shadow:0 12px 34px #112f3b0d}.reviewSectionHeading{justify-content:space-between;align-items:center;gap:14px;display:flex}.reviewSectionHeading h2{margin:4px 0 0}.reviewSectionHeading>span{color:var(--muted);font-size:12px}.reviewLoading{color:var(--muted);text-align:center;padding:40px}.reviewSegment{border:1px solid var(--line);background:#fafaf6;border-radius:13px;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:13px;margin-top:12px;padding:15px;display:grid}.reviewSegment.ready{border-color:#b6d5ce}.reviewSegment.missing{background:#fff5f2;border-color:#e2a69d}.reviewSegmentNumber{color:#fff;background:var(--ink);border-radius:10px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.reviewSegmentBody{min-width:0}.reviewSegmentBody>p{margin:0;line-height:1.65}.reviewSegmentBody audio{width:100%;min-width:0;margin-top:11px}.reviewTakeMeta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:7px;margin-top:9px;font-size:11px;display:flex}.reviewTakeMeta strong{color:var(--teal-dark)}.retakeLink{white-space:nowrap;min-height:38px}.exportPanel{position:sticky;top:18px}.exportPanel h2{margin:4px 0 0;font-size:28px}.exportPanel>p:not(.eyebrow){color:var(--muted);line-height:1.7}.exportPanel label{gap:7px;margin-top:20px;font-weight:700;display:grid}.exportPanel select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;padding:12px}.exportButton{width:100%;min-height:50px;margin-top:10px}.exportBlocked{background:#fff0ed;border-radius:9px;padding:10px;font-size:12px;color:#8f3428!important}.exportProgress{width:100%;height:11px;accent-color:var(--teal);margin-top:14px}.exportResult{border:1px solid var(--line);background:#f7f7f2;border-radius:11px;gap:9px;margin-top:15px;padding:14px;display:grid}.exportResult span,.exportPanel small{color:var(--muted)}.exportResult.status-completed{background:#e7f3ee;border-color:#91bfb5}.exportResult.status-error{background:#fff5f2;border-color:#e2a69d}.exportPanel small{margin-top:16px;line-height:1.55;display:block}.recoveryShell{background:radial-gradient(circle at 10% 0,#deece7,transparent 28%),var(--paper);min-height:100vh}.recoveryHeaderLabel{color:var(--muted);letter-spacing:.12em;font:700 11px/1 DM Sans,sans-serif}.recoveryPage{width:min(1180px,100% - 40px);margin:0 auto;padding:54px 0 72px}.recoveryHero{max-width:900px}.recoveryHero h1{letter-spacing:-.04em;margin:0;font-size:clamp(38px,6vw,68px);line-height:1.2}.recoveryHero>p:not(.eyebrow){color:var(--muted);line-height:1.8}.safetyBanner,.successBanner{background:#e5f2ed;border:1px solid #9dc7bd;border-radius:12px;align-items:flex-start;gap:12px;margin:20px 0 0;padding:14px 16px;line-height:1.6;display:flex}.safetyBanner{flex-direction:column}.safetyBanner span,.successBanner{color:#315e58}.successBanner{display:block}.recoverySteps{gap:18px;margin:34px 0 0;padding:0;list-style:none;display:grid}.recoveryCard{border:1px solid var(--line);background:var(--card);border-radius:18px;grid-template-columns:44px minmax(0,1fr);gap:18px;min-width:0;padding:24px;display:grid;box-shadow:0 12px 34px #112f3b0d}.recoveryStepNumber{color:#fff;background:var(--ink);border-radius:12px;place-items:center;width:42px;height:42px;font:800 15px/1 DM Sans,sans-serif;display:grid}.recoveryCardBody{min-width:0}.recoveryCardBody h2{margin:3px 0 0;font-size:25px}.recoveryCardBody>p{color:var(--muted);line-height:1.7}.recoveryToolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.recoveryToolbar span{color:var(--muted);font-size:12px}.recoveryBackupCard{border-color:#8dbeb4;box-shadow:0 18px 46px #147f791c}.backupAllPanel{border:2px solid var(--teal);background:#eef7f3;border-radius:16px;gap:14px;margin-top:20px;padding:20px;display:grid}.backupAllButton{width:100%;min-height:62px;font-size:clamp(17px,2vw,21px)}.backupStatus{color:#315e58;gap:8px;min-width:0;line-height:1.55;display:grid}.backupStatus strong,.backupStatus span{overflow-wrap:anywhere}.backupStatus progress{width:100%;height:12px;accent-color:var(--teal)}.individualBackupOptions{border:1px solid var(--line);background:#fafaf6;border-radius:11px;margin-top:18px;padding:12px 14px}.individualBackupOptions summary{cursor:pointer;color:var(--muted);font-weight:700}.importBackupPanel{background:#fff8e6;border:2px solid #b68a32;border-radius:16px;gap:14px;margin-top:20px;padding:20px;display:grid}.importBackupPanel h3{margin:0;font-size:22px}.importBackupPanel p{color:#76500e;margin:6px 0 0;line-height:1.65}.importZipButton{text-align:center;place-items:center;width:100%;min-height:56px;display:grid;position:relative}.importZipButton input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.importZipButton.disabled{opacity:.48;cursor:not-allowed}.importZipButton:focus-within{outline-offset:3px;outline:3px solid #147f7947}.importProgress{color:#76500e;gap:8px;display:grid}.importProgress progress{width:100%;accent-color:var(--teal)}.importSuccess{background:#e5f2ed;border-radius:9px;padding:11px 13px;color:#315e58!important}.importPreview{background:#fff;border:1px solid #c5a45f;border-radius:13px;gap:14px;min-width:0;padding:16px;display:grid}.importPreviewHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.importPreviewHeader>div{gap:4px;min-width:0;display:grid}.importPreviewHeader span{overflow-wrap:anywhere;color:var(--muted);font-size:12px}.importPreviewList{gap:9px;display:grid}.importPreviewList article{border:1px solid var(--line);background:#fafaf6;border-radius:10px;gap:5px;min-width:0;padding:12px;display:grid}.importPreviewList strong,.importPreviewList span,.importPreviewList small{overflow-wrap:anywhere}.importPreviewList span,.importPreviewList small{color:var(--muted);line-height:1.5}.confirmImportButton{min-height:54px}.recoveryTakeList{gap:12px;margin-top:20px;display:grid}.recoveryTake{border:1px solid var(--line);background:#fafaf6;border-radius:13px;min-width:0;padding:16px}.recoveryTake.recoveryClone{background:#f1f6f3;border-style:dashed}.recoveryTakeHeading{justify-content:space-between;align-items:center;gap:15px;display:flex}.recoveryTakeHeading>div{gap:4px;display:grid}.recoveryTakeHeading span{color:var(--muted);font-size:11px}.recoveryTake dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0 0;display:grid}.recoveryTake dl div{background:#fff;border-radius:9px;min-width:0;padding:10px}.recoveryTake dt{color:var(--muted);font-size:10px}.recoveryTake dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.recoveryTake .checksumRow{grid-column:span 3}.downloadedBadge,.signedInBadge{color:var(--teal-dark);background:#dfeee9;border-radius:7px;margin-top:10px;padding:6px 8px;font-size:11px;display:inline-block}.emptyRecovery{color:#8f3428;text-align:center;background:#fff5f2;border:1px dashed #d27c6f;border-radius:12px;gap:8px;padding:28px;display:grid}.recoveryAuth,.destinationGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.recoveryAuth label,.destinationGrid label,.createRecoveryProject label{gap:6px;font-weight:700;display:grid}.recoveryAuth input,.destinationGrid select,.createRecoveryProject input,.createRecoveryProject textarea,.recoveryCard select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:9px;padding:12px}.recoveryAuth>div{grid-column:1/-1;gap:9px;display:flex}.createRecoveryProject{border:1px solid var(--line);background:#f7f7f2;border-radius:11px;margin-top:18px;padding:14px}.createRecoveryProject summary{cursor:pointer;font-weight:800}.createRecoveryProject label{margin-top:12px}.createRecoveryProject textarea{resize:vertical;min-height:130px;line-height:1.7}.createRecoveryProject button{margin-top:12px}.mappingPreview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.mappingPreview div{border:1px solid var(--line);background:#f7f7f2;border-radius:10px;min-width:0;padding:13px}.mappingPreview span,.mappingPreview strong{display:block}.mappingPreview span{color:var(--muted);font-size:10px}.mappingPreview strong{overflow-wrap:anywhere;margin-top:5px;font-size:12px}.recoveryAudioPreview{background:#f0f8f6;border:1px solid #b9d9d5;border-radius:12px;gap:10px;margin:16px 0 4px;padding:15px;display:grid}.recoveryAudioPreviewHeading{justify-content:space-between;align-items:center;gap:12px;display:flex}.recoveryAudioPreviewHeading h3{margin:0;font-size:17px}.recoveryAudioPreviewHeading span,.recoveryAudioPreview small{color:var(--muted)}.recoveryAudioPreview audio{width:100%;min-width:0;display:block}.recoveryAudioPreparing{color:var(--muted);margin:16px 0 4px}.confirmMapping{align-items:flex-start;gap:9px;margin:16px 0;line-height:1.65;display:flex}.confirmMapping input{margin-top:5px}.mappedResult{background:#e7f3ee;border:1px solid #91bfb5;border-radius:12px;gap:8px;margin-top:16px;padding:16px;display:grid}.mappedResult .primaryButton{color:#fff;width:max-content;text-decoration:none}.mappedResult small{color:var(--muted);line-height:1.6}.recoveryPendingPanel{background:#fff7df;border:1px solid #d9bd80;border-radius:14px;width:min(900px,100% - 32px);margin:20px auto;padding:18px}.recoveryPendingPanel h2{margin:0;font-size:20px}.recoveryPendingPanel p{color:#76500e;line-height:1.65}.recoveryPendingRow{border-top:1px solid #ead9ac;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.recoveryPendingRow span{overflow-wrap:anywhere;font-size:12px}.registrationProfile,.settingsPanel{gap:14px;display:grid}.registrationProfile label,.dashboard .authActions label,.deleteDialog label{gap:6px;min-width:0;font-weight:700;display:grid}.registrationProfile input,.dashboard .authActions input,.dashboard .authActions select,.deleteDialog select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:9px;padding:12px}.deletedProjects{gap:10px;margin-top:34px;display:grid}.deletedProjectRow{border:1px dashed var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:13px;display:flex}.deletedProjectRow span{overflow-wrap:anywhere}@media (max-width:980px){.editorLayout{grid-template-columns:1fr}.scriptPane{border-right:0;border-bottom:1px solid var(--line)}.projectGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.recordingLayout{grid-template-columns:1fr}.segmentRail{border-right:0;border-bottom:1px solid var(--line)}.segmentPreview.muted{display:none}.reviewLayout{grid-template-columns:1fr}.exportPanel{position:static}}@media (max-width:600px){.appTopbar{min-height:60px;padding:0 16px}.brand>span:last-child{display:none}.brand.dashboardLogoOnly>.brandMark,.brand.authLogoOnly>.brandMark{display:block}.topActions{gap:5px}.saveStatus{max-width:170px;font-size:11px}.steps{gap:12px;height:48px;overflow:hidden}.steps span{gap:4px;font-size:10px}.steps b{width:20px;height:20px}.editorLayout{display:block}.scriptPane,.segmentsPane{width:100%;padding:30px 16px 48px;overflow:hidden}.sectionHeading h1{font-size:34px}.desktopSplit{display:none}.mobileSplit{display:block}.scriptField textarea{min-height:250px;font-size:16px}.charCounter{align-items:flex-end}.charCounter span{max-width:50%}.segmentPaneHeading h2{font-size:25px}.segmentCard{padding:15px}.segmentControls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmentControls button{overflow-wrap:anywhere;min-width:0;min-height:42px}.segmentControls .dangerControl{margin-left:0}.adminActionGroup{flex-wrap:wrap;display:flex}.adminActionGroup .adminActionButton{flex:132px;min-width:0;min-height:44px}.dashboard{width:calc(100% - 32px);padding:44px 0}.dashboardHeading{flex-direction:column;align-items:flex-start}.dashboard h1{font-size:42px}.projectGrid{grid-template-columns:1fr;margin-top:30px}.cleanupWarning{flex-direction:column;align-items:stretch}.cleanupWarning button{width:100%}.deleteDialog{padding:24px 18px}.dialogActions{grid-template-columns:1fr;display:grid}.dialogActions button{min-height:48px}.authShell{padding:16px}.authCard{padding:26px 20px}.authCard .brand{margin-bottom:38px}.authActions{flex-direction:column}.placeholderCard{padding:34px 20px}.recordingLayout{display:block}.segmentRail,.recorderWorkspace{width:100%;padding:27px 16px 45px;overflow:hidden}.recordingHeader{align-items:flex-start}.recordingHeader h2{font-size:31px}.recordingPrompt{min-height:165px;padding:22px 16px}.recordingPrompt p{font-size:23px}.micBar{flex-wrap:wrap}.inputMeter.compact{order:3;width:100%}.recordActions{grid-template-columns:1fr;display:grid}.recordControl{width:100%}.recordActions button{min-height:52px}.takePanel{padding:14px}.takeItem{grid-template-columns:1fr}.takeControls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.takeControls button{min-height:42px}.reviewPage{width:calc(100% - 32px);padding:34px 0 50px}.fullPlayback{grid-template-columns:1fr}.fullPlayback .primaryButton{width:100%}.reviewSegments,.exportPanel{padding:14px}.reviewSegment{grid-template-columns:40px minmax(0,1fr)}.retakeLink{grid-column:1/-1;width:100%}.micFacts{grid-template-columns:1fr}.micActions{grid-template-columns:1fr;display:grid}.micActions button{min-height:48px}.recoveryHeaderLabel{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}.recoveryPage{width:calc(100% - 32px);padding:36px 0 50px;overflow:hidden}.recoveryHero h1{font-size:39px}.recoveryCard{grid-template-columns:1fr;padding:16px}.recoveryStepNumber{width:38px;height:38px}.recoveryCardBody h2{font-size:22px}.recoveryTakeHeading{flex-direction:column;align-items:flex-start}.recoveryTakeHeading button{width:100%}.recoveryTake dl,.recoveryAuth,.destinationGrid,.mappingPreview{grid-template-columns:1fr}.recoveryTake .checksumRow{grid-column:auto}.recoveryAuth>div{grid-column:auto;display:grid}.recoveryToolbar button{width:100%}.backupAllPanel,.importBackupPanel{padding:14px}.backupAllButton{min-height:58px}.importPreviewHeader{flex-direction:column}.importPreviewHeader button,.confirmImportButton{width:100%}.mappedResult .primaryButton{text-align:center;width:100%}.recoveryPendingRow{flex-direction:column;align-items:stretch}.recoveryPendingRow button{width:100%}.dashboard .authActions{grid-template-columns:1fr;display:grid}.deletedProjectRow{flex-direction:column;align-items:stretch}.deletedProjectRow button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}