:root{color-scheme:light;--bg:#f5f7f8;--panel:#fff;--ink:#1d252c;--muted:#66737f;--line:#d8e0e5;--teal:#0f8f7f;--blue:#2f63c6;--amber:#b46b00;--danger:#b3261e}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.15;font-weight:760}h2{font-size:16px;line-height:1.2}h3{font-size:15px;line-height:1.25}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{margin:0 0 4px;color:var(--teal);font-size:13px;font-weight:700;text-transform:uppercase}.statusPill{max-width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#eef3f4;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace{display:grid;grid-template-columns:330px 1fr;grid-gap:18px;gap:18px;align-items:start}.feedbackPanel,.insightCard,.jsonPanel,.metric,.panel,.reportPanel,.reportSection{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.muted{color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.uploadPanel{display:grid;grid-gap:16px;gap:16px;padding:18px}.field{display:grid;grid-gap:8px;gap:8px}label{color:var(--muted);font-size:13px;font-weight:700}input:not([type]),input[type=file],input[type=text]{width:100%}input{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:9px 10px}input[type=file]{padding:8px}button{min-height:42px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:700}button:disabled{cursor:wait;opacity:.68}.buttonRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.primaryButton{background:var(--teal);color:#fff}.secondaryButton{border-color:var(--line);background:#f8fafb;color:var(--ink)}.stopButton{background:var(--danger);color:#fff}.recordingBox{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafb}.recordingHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.recordingStatus{min-width:72px;padding:4px 8px;border-radius:8px;background:#eef3f4;color:var(--muted);font-size:12px;font-weight:700;text-align:center;white-space:nowrap}.recordingStatus.recording{background:#fff0ee;color:var(--danger)}.recordingStatus.recorded{background:#eaf6f3;color:var(--teal)}.recordingStatus.error{background:#fff0ee;color:var(--danger)}.recordingActions{display:grid;grid-template-columns:1fr}.recordingPlayback{display:block;width:100%;min-height:38px}.micNotice{margin:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:12px;line-height:1.45}.micNotice.warning{border-color:#f2c477;background:#fff8e8;color:#8b5c05}.recordingHint{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.fileName{color:var(--muted);overflow-wrap:anywhere}.errorText,.fileName{font-size:13px;line-height:1.45}.errorText{color:var(--danger)}.emptyReport{min-height:420px;display:grid;align-content:center;justify-items:start;grid-gap:12px;gap:12px}.emptyReport h2{font-size:22px}.guidePractice{width:100%;display:grid;grid-gap:14px;gap:14px;margin-top:8px}.pitchGuideStage{--guide-duration:8s;position:relative;width:100%;min-height:220px;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,0)),linear-gradient(135deg,#8e119f,#611292 42%,#311670);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.16)}.guideGrid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.08) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.07) 1px,transparent 0);background-size:100% 28px,52px 100%;opacity:.65}.guideTargetLine{position:absolute;top:12px;bottom:12px;left:30%;width:64px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.11),transparent)}.guideNote{position:absolute;left:var(--bar-left);top:var(--bar-y);width:var(--bar-width);min-width:28px;height:9px;border-radius:999px;background:#bda7ee;box-shadow:0 0 12px rgba(213,189,255,.45);transform:translateY(-50%);transition:left 80ms linear}.guideNote.accent{background:#ff4e7d;box-shadow:0 0 14px rgba(255,78,125,.55)}.guideNote.active{z-index:2;height:12px;background:#fff7fb;box-shadow:0 0 22px rgba(255,247,251,.95),0 0 42px rgba(255,96,132,.42)}.guideNote.active span{color:#fff;text-shadow:0 0 8px hsla(0,0%,100%,.65)}.guideNote span{position:absolute;left:0;top:12px;color:hsla(0,0%,100%,.72);font-size:11px;font-weight:700;white-space:nowrap}.guidePractice:not(.running) .guideNote{animation:guideGlow 2.8s ease-in-out infinite}.guidePlayhead{top:12px;bottom:12px;left:30%;width:3px;transform:translateX(-50%);box-shadow:0 0 18px hsla(0,0%,100%,.85)}.guidePlayhead,.userPitchDot{position:absolute;border-radius:999px;background:#fff}.userPitchDot{left:var(--pitch-x);top:var(--pitch-y);width:8px;height:8px;transform:translate(-50%,-50%);opacity:.72}.livePitchMarker.inTune,.userPitchDot.inTune{background:#39f0b4;box-shadow:0 0 14px rgba(57,240,180,.75)}.livePitchMarker.sharp,.userPitchDot.sharp{background:#ffd166;box-shadow:0 0 14px rgba(255,209,102,.75)}.livePitchMarker.flat,.userPitchDot.flat{background:#ff6b7a;box-shadow:0 0 14px rgba(255,107,122,.75)}.livePitchMarker.free,.userPitchDot.free{background:#d9c8ff;box-shadow:0 0 12px rgba(217,200,255,.6)}.livePitchMarker{position:absolute;left:30%;top:var(--pitch-y);width:18px;height:18px;border:2px solid hsla(0,0%,100%,.92);border-radius:999px;transform:translate(-50%,-50%)}.livePitchMarker:after{content:"";position:absolute;left:100%;top:50%;width:44px;height:2px;transform:translateY(-50%);background:currentColor;opacity:.75}.guideControls{display:grid;grid-template-columns:1fr 150px;grid-gap:12px;gap:12px;align-items:center}.guideControls div{display:grid;grid-gap:4px;gap:4px;min-width:0}.guideControls strong{font-size:16px}.guideControls span{color:var(--muted);font-size:13px;line-height:1.45}@keyframes guideSweep{0%{left:0}to{left:100%}}@keyframes guideGlow{0%,to{filter:brightness(.92)}50%{filter:brightness(1.18)}}.reportPanel{display:grid;grid-column:2;min-width:0;padding:18px}.reportStack{display:grid;grid-gap:18px;gap:18px;min-width:0}.reportHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.reportHeader h2{font-size:24px}.scoreBadge{min-width:92px;display:grid;justify-items:center;grid-gap:2px;gap:2px;padding:10px 12px;border-radius:8px;background:#eef3f4;color:var(--ink)}.scoreBadge.good{background:#eaf6f3;color:var(--teal)}.scoreBadge.ok{background:#fff7e8;color:var(--amber)}.scoreBadge.needsWork{background:#fff0ee;color:var(--danger)}.scoreBadge span{font-size:12px;font-weight:700}.scoreBadge strong{font-size:30px;line-height:1}.summaryMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px}.metric{min-height:76px;display:grid;align-content:center;grid-gap:7px;gap:7px;padding:14px}.metric span{color:var(--muted);font-size:12px;font-weight:700}.metric strong{min-width:0;font-size:22px;line-height:1.1;overflow-wrap:anywhere}.reportGrid{display:grid;grid-template-columns:1fr;grid-gap:18px;gap:18px}.qualityPanel{display:grid;grid-gap:10px;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fafb}.qualityPanel.warning{border-color:#f2c477;background:#fff8e8}.qualityPanel li,.qualityPanel p{color:var(--muted);font-size:13px;line-height:1.45}.qualityPanel ul{margin:0;padding-left:20px}.qualityMetrics,.timelineLegend{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:12px;font-weight:700}.reportSection{min-width:0;padding:16px}.sectionHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px}.sectionHeader p{max-width:440px;color:var(--muted);font-size:13px;line-height:1.45;text-align:right}.lineChart{display:grid;grid-gap:6px;gap:6px;min-width:0}.chartMeta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:700}svg{display:block;width:100%;height:180px}.axisLine{stroke:#c7d1d8;stroke-width:1}.baselineLine{stroke:#4f5f68;stroke-dasharray:5 5;stroke-width:1.4}.baselineLabel,.zoneLabel{fill:var(--muted);font-size:11px;font-weight:700}.highZone{fill:#fff7e8;opacity:.7}.lowZone{fill:#eef3f4;opacity:.85}.emptyChart{height:180px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:13px}.timeline{--timeline-column-gap:10px;--timeline-label-width:86px}.timeline,.timelineRows{display:grid;grid-gap:10px;gap:10px}.timelineRows{position:relative}.timelineRow{display:grid;grid-template-columns:var(--timeline-label-width) minmax(0,1fr);grid-gap:var(--timeline-column-gap);gap:var(--timeline-column-gap);align-items:center}.timelineAxis,.timelineRow>span{color:var(--muted);font-size:12px;font-weight:700}.timelinePlaybackRow{min-height:44px}.timelinePlaybackLabel{display:grid;grid-template-columns:28px 1fr;grid-gap:2px 6px;gap:2px 6px;align-items:center}.timelinePlaybackLabel>span{grid-column:1/-1;color:var(--muted);font-size:12px;font-weight:700}.timelinePlaybackLabel small{color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}.timelinePlaybackButton{width:28px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--blue);cursor:pointer;font-size:11px;line-height:1}.timelinePlaybackButton:disabled{color:#aab5bc;cursor:not-allowed}.timelinePlaybackTrack{position:relative;min-width:0;height:44px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#f8fafb}.timelineWaveform{height:100%}.timelinePlaybackMessage{position:absolute;inset:0;display:grid;place-items:center;padding:0 8px;color:var(--muted);font-size:12px;font-weight:700;text-align:center}.timelineTrack{position:relative;height:32px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#f8fafb}.timelineTrack.interactive{display:block;width:100%;padding:0;cursor:pointer;font:inherit;text-align:left}.timelineTrack.interactive:hover{border-color:#9caeb8}.timelineCursorTrack{position:absolute;z-index:5;top:0;bottom:0;left:calc(var(--timeline-label-width) + var(--timeline-column-gap));right:0;pointer-events:none}.timelineSharedCursor{position:absolute;top:0;bottom:0;left:var(--timeline-progress);width:2px;background:#e24a3b;transform:translateX(-1px)}.timelineBar{position:absolute;top:6px;bottom:6px;left:var(--segment-left);width:var(--segment-width);min-width:3px;overflow:hidden;border-radius:4px;color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;white-space:nowrap;box-shadow:inset 1px 0 hsla(0,0%,100%,.6),inset -1px 0 hsla(0,0%,100%,.6)}.timelineBar.activity,.timelineLegend i.activity{background:#9bc8c1}.timelineBar.stable_note,.timelineLegend i.stable_note{background:var(--blue)}.timelineBar.pitch_transition,.timelineLegend i.pitch_transition{background:var(--amber)}.timelineBar.pause,.timelineLegend i.pause{background:#788792}.timelineAxis{display:flex;justify-content:space-between;padding-left:calc(var(--timeline-label-width) + var(--timeline-column-gap))}.timelineLegend i{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px}.sustainList{display:grid}.sustainItem{display:grid;grid-template-columns:minmax(130px,1.3fr) repeat(4,minmax(92px,1fr));grid-gap:10px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.sustainItem:first-child{border-top:0}.sustainItem>div:first-child{display:grid;grid-gap:4px;gap:4px}.sustainItem>div:first-child strong{font-size:20px}.sustainItem>div:first-child span{color:var(--muted);font-size:12px}.sustainItem .metric{min-height:auto;padding:6px 8px;border:0;border-left:1px solid var(--line);border-radius:0}.sustainItem .metric strong{font-size:16px}.insightGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.insightCard{display:grid;align-content:start;grid-gap:7px;gap:7px;min-height:140px;padding:14px}.insightCard span{color:var(--muted);font-size:12px;font-weight:700}.insightCard strong{color:var(--ink);font-size:20px;line-height:1.15;overflow-wrap:anywhere}.insightCard p{color:var(--muted);font-size:13px;line-height:1.5}.acousticMetricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.acousticMetricCard{display:grid;align-content:start;grid-gap:7px;gap:7px;min-height:136px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fafb}.acousticMetricCard span{color:var(--muted);font-size:12px;font-weight:700}.acousticMetricLabel{display:flex;align-items:center;gap:6px}.metricTooltip{position:relative;display:inline-flex}.metricTooltipButton{display:inline-grid;width:18px;min-height:18px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);cursor:help;font-size:11px;line-height:1}.metricTooltipContent{position:absolute;z-index:4;top:24px;left:0;display:none;width:min(280px,72vw);gap:5px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(20,48,52,.12);color:var(--ink);font-size:12px;font-weight:500;line-height:1.45}.metricTooltip:focus-within .metricTooltipContent,.metricTooltip:hover .metricTooltipContent{display:grid}.acousticMetricCard strong{color:var(--ink);font-size:20px;line-height:1.15;overflow-wrap:anywhere}.acousticMetricCard p{color:var(--muted);font-size:13px;line-height:1.5}.feedbackPanel{padding:16px}.feedbackPanel ul{margin:12px 0 0;padding-left:20px;color:var(--ink);line-height:1.65}.jsonDetails{border:1px solid var(--line);border-radius:8px;background:#f8fafb;overflow:hidden}.jsonDetails summary{min-height:44px;display:flex;align-items:center;padding:0 14px;color:var(--ink);cursor:pointer;font-size:13px;font-weight:700}pre{min-height:220px;max-height:460px;overflow:auto;margin:0;padding:14px;border:0;border-radius:0;background:#101820;color:#d9f0e8;font-size:12px;line-height:1.5}@media (max-width:920px){.workspace{grid-template-columns:1fr}.reportPanel{grid-column:1}.acousticMetricGrid,.insightGrid,.summaryMetrics,.sustainItem{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.shell{width:min(100% - 20px,1180px);padding-top:18px}.topbar{display:grid;align-items:start}h1{font-size:26px}.acousticMetricGrid,.buttonRow,.guideControls,.insightGrid,.summaryMetrics{grid-template-columns:1fr}.reportPanel{padding:14px}.reportHeader,.sectionHeader{display:grid}.sectionHeader p{max-width:none;text-align:left}.timelineRow{grid-template-columns:var(--timeline-label-width) minmax(0,1fr)}.timeline{--timeline-column-gap:7px;--timeline-label-width:68px}.timelineAxis{padding-left:calc(var(--timeline-label-width) + var(--timeline-column-gap))}.timelinePlaybackLabel{grid-template-columns:24px 1fr;gap:2px 4px}.timelinePlaybackButton{width:24px}.sustainItem{grid-template-columns:1fr}.sustainItem .metric{border-left:0;border-top:1px solid var(--line)}}.demoApp{--demo-ink:#17363a;--demo-muted:#648083;--demo-paper:#f8fbf9;--demo-mint:#d8f0e8;--demo-coral:#f46f5b;--demo-coral-dark:#d95544;--demo-blue:#3971bd;--demo-yellow:#f4cc67;width:min(100%,480px);min-height:100svh;margin:0 auto;overflow:hidden;background:var(--demo-paper);box-shadow:0 0 0 1px rgba(23,54,58,.06),0 18px 55px rgba(23,54,58,.12)}.demoApp,.demoApp h1{color:var(--demo-ink)}.demoApp h1{font-size:36px;line-height:1.12}.demoApp h2{color:var(--demo-ink);font-size:20px}.demoHeader{display:flex;align-items:center;gap:10px;height:58px;padding:0 20px;color:var(--demo-ink);font-size:14px;font-weight:800}.welcomeScreen{display:flex;min-height:100svh;flex-direction:column;justify-content:space-between;padding:26px 24px 30px;background:#dff1eb}.welcomeBrand{display:flex;align-items:center;gap:10px;color:var(--demo-ink);font-size:15px;font-weight:800}.welcomeCopy{display:grid;grid-gap:14px;gap:14px;margin:auto 0}.welcomeCopy p{color:var(--demo-coral-dark);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.welcomeCopy h1{font-size:44px;line-height:1.12}.fiveToneMark{display:flex;width:48px;height:28px;align-items:center;gap:4px}.fiveToneMark i{display:block;width:6px;height:10px;border-radius:999px;background:var(--demo-blue)}.fiveToneMark i:nth-child(2),.fiveToneMark i:nth-child(4){height:17px;background:var(--demo-coral)}.fiveToneMark i:nth-child(3){height:25px;background:var(--demo-yellow)}.demoPrimaryButton,.demoSecondaryButton,.genderOption,.referenceButton,.weaknessButton{position:relative;top:0;transition:top .1s ease,box-shadow .1s ease,transform .1s ease}.demoPrimaryButton,.demoSecondaryButton{width:auto;min-height:54px;border:2px solid var(--demo-ink);border-radius:8px;padding:0 20px;font-size:16px}.demoPrimaryButton{background:var(--demo-coral);box-shadow:0 5px 0 var(--demo-ink);color:#fff}.demoSecondaryButton{background:#fff;box-shadow:0 4px 0 var(--demo-ink);color:var(--demo-ink)}.demoPrimaryButton:active,.demoSecondaryButton:active,.genderOption:active,.referenceButton:active,.weaknessButton:active{top:4px;box-shadow:0 0 0 var(--demo-ink)}.welcomeAction{width:100%}.welcomeActions{display:grid;grid-gap:12px;gap:12px}.fullWidth{width:100%}.demoScreen{min-height:calc(100svh - 58px);padding:18px 20px 28px}.demoBackButton{width:42px;min-height:42px;margin-bottom:26px;border:1px solid rgba(23,54,58,.16);border-radius:50%;background:#fff;color:var(--demo-ink);font-size:22px}.demoEyebrow,.demoStep{margin-bottom:9px;color:var(--demo-coral-dark);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.demoLead{margin-top:12px;color:var(--demo-muted);font-size:15px;line-height:1.65}.genderOptions{display:grid;grid-gap:14px;gap:14px;margin-top:44px}.genderOption{display:grid;min-height:98px;justify-items:start;align-content:center;grid-gap:7px;gap:7px;border:2px solid var(--demo-ink);border-radius:8px;padding:18px;background:#fff;box-shadow:0 5px 0 var(--demo-ink);color:var(--demo-ink);text-align:left}.genderOption strong{font-size:20px}.genderOption span{color:var(--demo-muted);font-size:13px}.genderOption.future{border-color:rgba(23,54,58,.2);box-shadow:0 4px 0 rgba(23,54,58,.18)}.demoError,.demoInlineNotice,.demoNotice{margin-top:18px;border:1px solid rgba(23,54,58,.14);border-radius:8px;padding:12px;background:#fff;color:var(--demo-muted);font-size:13px;line-height:1.55}.demoError{border-color:rgba(213,85,68,.35);background:#fff2ef;color:var(--demo-coral-dark)}.practiceScreen{padding-inline:14px}.practiceScreen>.demoError,.practiceScreen>.demoInlineNotice,.practiceScreen>.demoLead,.practiceScreen>.demoStep,.practiceScreen>.practiceHint,.practiceScreen>h1{margin-right:6px;margin-left:6px}.referenceButton{display:flex;width:calc(100% - 12px);min-height:46px;align-items:center;justify-content:center;gap:9px;margin:20px 6px 0;border:1px solid rgba(23,54,58,.24);border-radius:8px;background:#fff;box-shadow:0 3px 0 rgba(23,54,58,.18);color:var(--demo-ink)}.referencePlayIcon{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--demo-coral)}.demoGuideWrap{position:relative;margin-top:14px}.demoGuideWrap .guidePractice{gap:12px;margin-top:0}.demoGuideWrap .pitchGuideStage{min-height:256px}.demoGuideWrap .guideControls{grid-template-columns:1fr;padding:0 6px}.demoGuideWrap .guideControls .primaryButton,.demoGuideWrap .guideControls .stopButton{min-height:50px;border:2px solid var(--demo-ink);border-radius:8px;box-shadow:0 4px 0 var(--demo-ink)}.demoGuideWrap .guideControls .primaryButton{background:var(--demo-coral)}.countdownOverlay{position:absolute;inset:0 0 74px;display:grid;align-content:center;justify-items:center;border-radius:8px;background:rgba(49,22,112,.82);color:#fff}.countdownOverlay span{font-size:14px;font-weight:800}.countdownOverlay strong{font-size:94px;line-height:1}.practiceHint{margin-top:16px;color:var(--demo-muted);font-size:12px;line-height:1.5}.sustainStage{display:grid;min-height:256px;align-content:center;grid-gap:18px;gap:18px;border:1px solid rgba(23,54,58,.14);border-radius:8px;padding:18px;background:linear-gradient(180deg,#edf8f4,#fff)}.sustainLivePitch,.sustainTarget{display:grid;justify-items:center;grid-gap:2px;gap:2px}.sustainLivePitch small,.sustainLivePitch span,.sustainTarget span{color:var(--demo-muted);font-size:12px}.sustainTarget strong{font-size:42px;line-height:1}.sustainTarget small{color:var(--demo-coral-dark);font-size:18px;font-weight:800}.sustainAttempts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px}.sustainAttempt{display:grid;min-height:62px;align-content:center;justify-items:center;grid-gap:4px;gap:4px;border:1px solid rgba(23,54,58,.14);border-radius:8px;background:#fff}.sustainAttempt span{color:var(--demo-muted);font-size:11px}.sustainAttempt strong{font-size:12px}.sustainAttempt.active{border-color:var(--demo-coral);background:#fff0ed}.sustainAttempt.complete{background:#e2f5eb}.sustainProgress{height:7px;overflow:hidden;border-radius:999px;background:rgba(23,54,58,.1)}.sustainProgress i{display:block;height:100%;border-radius:inherit;background:var(--demo-coral);transition:width .12s linear}.sustainLivePitch strong{font-size:24px}.analyzingScreen{display:grid;align-content:center;justify-items:center;text-align:center}.analyzingPulse{display:grid;width:112px;height:112px;place-items:center;margin-bottom:28px;border-radius:50%;background:var(--demo-mint);animation:demoPulse 1.3s ease-in-out infinite}.analyzingPulse .fiveToneMark{transform:scale(1.35)}.analyzingSteps{display:grid;grid-gap:10px;gap:10px;margin-top:34px;color:var(--demo-muted);font-size:14px}.demoResultScreen{display:grid;grid-gap:26px;gap:26px}.demoResultIntro{display:grid;grid-gap:10px;gap:10px;padding-top:14px}.demoResultIntro p:last-child{color:var(--demo-muted);font-size:15px;line-height:1.7}.demoPlayback{display:grid;grid-gap:12px;gap:12px;border:1px solid rgba(23,54,58,.15);border-radius:8px;padding:14px;background:#fff}.demoPlayback div{display:grid;grid-gap:4px;gap:4px}.demoPlayback p,.demoPlayback span{color:var(--demo-muted);font-size:12px;line-height:1.5}.demoPlayback audio{display:block;width:100%;min-height:40px}.demoSection{display:grid;grid-gap:14px;gap:14px}.demoSectionHeading{display:flex;gap:12px;align-items:flex-start}.demoSectionHeading>span{padding-top:2px;color:var(--demo-coral-dark);font-size:12px;font-weight:800}.demoSectionHeading p{margin-top:4px;color:var(--demo-muted);font-size:13px;line-height:1.5}.weaknessList{display:grid;grid-gap:10px;gap:10px}.weaknessButton{display:grid;grid-template-columns:1fr auto;grid-gap:6px 12px;gap:6px 12px;border:1px solid rgba(23,54,58,.18);border-radius:8px;padding:14px;background:#fff;box-shadow:0 3px 0 rgba(23,54,58,.14);color:var(--demo-ink);text-align:left}.weaknessButton strong{color:var(--demo-coral-dark);font-size:12px}.weaknessButton p{grid-column:1/-1;color:var(--demo-muted);font-size:13px;line-height:1.5}.demoMetricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px}.demoMetric{display:grid;min-height:88px;align-content:space-between;grid-gap:10px;gap:10px;border:1px solid rgba(23,54,58,.15);border-radius:8px;padding:12px;background:#fff}.demoMetric span{color:var(--demo-muted);font-size:12px}.demoMetric strong{color:var(--demo-ink);font-size:17px;line-height:1.3}.demoMetric small{color:var(--demo-muted);font-size:11px}.reportBlock{border-radius:12px;padding:18px 14px}.objectiveReportBlock{background:#edf8f4}.performanceReportBlock{background:#fff3e5}.coachAdviceBlock{border:1px solid rgba(213,85,68,.2);background:#fff1ed}.performanceHighlight{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 10px;gap:4px 10px;border-radius:8px;padding:12px;background:#edf8f4}.performanceHighlight span{align-self:center;border-radius:999px;padding:4px 8px;background:#d8f0e7;color:#286c58;font-size:11px;font-weight:800}.performanceHighlight strong{align-self:center;font-size:15px}.performanceHighlight p{grid-column:1/-1;color:var(--demo-muted);font-size:13px;line-height:1.5}.coachPriorityCard{display:grid;grid-gap:8px;gap:8px;border:1px solid rgba(23,54,58,.18);border-left:5px solid var(--demo-coral);border-radius:10px;padding:16px;background:#fff;color:var(--demo-ink)}.coachPriorityCard>small{color:var(--demo-coral-dark);font-size:12px;font-weight:800}.coachPriorityCard strong{font-size:24px}.coachPriorityCard p{color:var(--demo-muted);font-size:13px;line-height:1.55}.coachPriorityCard em{color:var(--demo-coral-dark);font-size:11px;font-style:normal;font-weight:700}.otherFindings{border:1px solid rgba(23,54,58,.14);border-radius:8px;background:hsla(0,0%,100%,.72)}.otherFindings summary{display:grid;grid-template-columns:1fr auto;grid-gap:4px 12px;gap:4px 12px;padding:14px;cursor:pointer;list-style:none}.otherFindings summary::-webkit-details-marker{display:none}.otherFindings summary:after{content:"+";grid-column:2;grid-row:1/3;align-self:center;font-size:20px}.otherFindings[open] summary:after{content:"−"}.otherFindings summary span{font-size:14px;font-weight:800}.otherFindings summary small{color:var(--demo-muted);font-size:12px}.improvementFindingList{display:grid;grid-gap:10px;gap:10px;padding:0 12px 12px}.improvementFindingCard{display:grid;grid-gap:8px;gap:8px;border:1px solid rgba(23,54,58,.14);border-radius:8px;padding:14px;background:#fff}.improvementFindingCard small{color:var(--demo-coral-dark);font-size:12px;font-weight:700}.improvementFindingCard p{color:var(--demo-muted);font-size:13px;line-height:1.55}.reportFailure{display:grid;grid-gap:10px;gap:10px;border:1px solid rgba(213,85,68,.24);border-radius:8px;padding:14px;background:#fff8f6}.reportFailure p{color:var(--demo-muted);font-size:13px;line-height:1.55}.performanceDimensionGrid{display:grid;grid-gap:10px;gap:10px}.performanceDimensionCard{display:grid;grid-gap:12px;gap:12px;border:1px solid rgba(23,54,58,.14);border-radius:8px;padding:14px;background:#fff}.performanceDimensionCard>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.performanceDimensionCard h3{font-size:16px}.performanceDimensionCard strong{color:var(--demo-coral-dark);font-size:26px}.performanceDimensionCard strong small{margin-left:3px;color:var(--demo-muted);font-size:11px}.performanceDimensionCard p{color:var(--demo-muted);font-size:13px;line-height:1.6}.dimensionScoreDots{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px}.dimensionScoreDots i{height:7px;border-radius:99px;background:rgba(23,54,58,.12)}.dimensionScoreDots i.active{background:var(--demo-coral)}.freeSongScreen{display:flex;flex-direction:column}.freeSongRecorder{position:relative;display:grid;grid-gap:22px;gap:22px;margin-top:22px;border:1px solid rgba(23,54,58,.14);border-radius:12px;padding:24px 18px 20px;background:linear-gradient(180deg,#edf8f4,#fff)}.freeSongTimer{display:grid;justify-items:center;grid-gap:7px;gap:7px}.freeSongTimer strong{font-size:54px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.freeSongTimer span{color:var(--demo-muted);font-size:13px}.freeSongProgress{height:9px;overflow:hidden;border-radius:99px;background:rgba(23,54,58,.1)}.freeSongProgress i{display:block;height:100%;border-radius:inherit;background:var(--demo-coral);transition:width .12s linear}.freeSongRecorder .stopButton{min-height:54px;border:2px solid var(--demo-ink);border-radius:8px;background:#fff;box-shadow:0 4px 0 var(--demo-ink);color:var(--demo-ink)}.freeSongRecorder .stopButton:disabled{border-color:rgba(23,54,58,.2);box-shadow:0 3px 0 rgba(23,54,58,.16);color:var(--demo-muted)}.freeSongRecorder .countdownOverlay{inset:0}.coursePlaceholderScreen{display:flex;flex-direction:column;gap:18px}.courseDirectionCard,.coursePreparing{display:grid;grid-gap:10px;gap:10px;border-radius:12px;padding:20px}.courseDirectionCard{background:#fff0ed}.courseDirectionCard span{color:var(--demo-coral-dark);font-size:28px;font-weight:800}.courseDirectionCard p{color:var(--demo-muted);line-height:1.6}.coursePreparing{min-height:190px;place-content:center;justify-items:center;border:1px solid rgba(23,54,58,.14);background:#fff;text-align:center}.noteResultGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px}.noteResult{display:grid;min-height:112px;align-content:center;justify-items:center;grid-gap:5px;gap:5px;border:1px solid rgba(23,54,58,.14);border-radius:8px;background:#fff;color:var(--demo-ink)}.noteResult.in_tune{background:#dff4e8}.noteResult.sharp{background:#fff0c8}.noteResult.flat,.noteResult.not_enough_evidence{background:#ffe1dc}.noteResult small,.noteResult span{font-size:11px}.noteResult em{max-width:100%;padding:0 4px;color:rgba(23,54,58,.72);font-size:10px;font-style:normal;line-height:1.25;text-align:center}.demoNotice.positive{background:#e4f5ec;color:#25614e}.demoEvidenceDetails{border-top:1px solid rgba(23,54,58,.14);padding-top:16px;color:var(--demo-muted);font-size:13px}.demoEvidenceDetails summary{cursor:pointer;color:var(--demo-ink);font-weight:800}.demoEvidenceDetails p{margin-top:12px;line-height:1.55}.demoEvidenceDetails dl{display:grid;grid-template-columns:1fr auto;grid-gap:7px 12px;gap:7px 12px;margin:14px 0 0}.demoEvidenceDetails dd{margin:0;color:var(--demo-ink);font-weight:700}.attemptEvidenceList{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.attemptEvidenceList>div{display:grid;grid-gap:4px;gap:4px;border-radius:8px;padding:10px;background:#fff}.attemptEvidenceList span{color:var(--demo-muted);font-size:12px;line-height:1.5}.trainingScreen{display:flex;flex-direction:column;gap:20px}.trainingScreen>.demoBackButton{margin-bottom:6px}.lessonMedia{overflow:hidden;border:1px solid rgba(23,54,58,.14);border-radius:8px;background:#fff}.lessonMedia video{display:block;width:100%}.lessonMedia>div{display:grid;min-height:190px;align-content:center;justify-items:center;grid-gap:10px;gap:10px;padding:24px;text-align:center}.lessonMedia span{max-width:300px;color:var(--demo-muted);font-size:12px;line-height:1.5}.lessonDemos{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px}.lessonDemos>div{display:grid;grid-gap:8px;gap:8px;min-width:0;border:1px solid rgba(23,54,58,.14);border-radius:8px;padding:12px;background:#fff}.lessonDemos span,.lessonDemos strong{font-size:12px}.lessonDemos span{color:var(--demo-muted)}.lessonDemos audio{width:100%}.lessonCopy{display:grid;grid-gap:12px;gap:12px}.lessonCopy li,.lessonCopy p{color:var(--demo-muted);font-size:14px;line-height:1.65}.lessonCopy ol{display:grid;grid-gap:8px;gap:8px;padding-left:22px}.comparisonCard{display:grid;grid-gap:16px;gap:16px;border:1px solid rgba(23,54,58,.14);border-radius:8px;padding:18px;background:#fff}.comparisonCard>span{color:var(--demo-muted);font-size:13px}.comparisonCard>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px}.comparisonCard div div{display:grid;grid-gap:6px;gap:6px}.comparisonCard div div span{color:var(--demo-muted);font-size:12px}.comparisonCard div div strong{font-size:18px}.trainingPlaceholderArt{display:grid;justify-items:center;grid-gap:12px;gap:12px;margin:62px 0 auto;padding:36px 20px;border:1px solid rgba(23,54,58,.14);border-radius:8px;background:#fff;text-align:center}.trainingPlaceholderArt span{color:var(--demo-muted);font-size:13px;line-height:1.5}@keyframes demoPulse{0%,to{transform:scale(.95)}50%{transform:scale(1.05)}}@media (min-width:600px){.demoApp{margin-top:18px;margin-bottom:18px;border-radius:8px}.demoApp,.welcomeScreen{min-height:calc(100svh - 36px)}.lessonDemos{grid-template-columns:repeat(2,minmax(0,1fr))}}.collectionPlatform{--collection-navy:#17222c;--collection-ink:#24323d;--collection-muted:#697782;--collection-line:#dfe6e9;--collection-soft:#f4f7f7;--collection-teal:#168a78;width:min(1120px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:24px 0 64px;color:var(--collection-ink)}.collectionPlatform .demoPrimaryButton,.collectionPlatform .demoSecondaryButton{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--collection-navy);border-radius:9px;box-shadow:none;font-size:13px;font-weight:740;cursor:pointer}.collectionPlatform .demoPrimaryButton{color:#fff;background:var(--collection-teal)}.collectionPlatform .demoPrimaryButton:hover{background:#117665}.collectionPlatform .demoSecondaryButton{color:var(--collection-navy);background:#fff}.collectionPlatform .demoSecondaryButton:hover{background:#f2f7f6}.collectionPlatformHeader{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:42px}.collectionPlatformHeader a{display:inline-flex;align-items:center;gap:11px;color:var(--collection-navy);font-weight:760;text-decoration:none}.collectionPlatformHeader small{padding:6px 10px;border:1px solid #cbd9d6;border-radius:999px;color:#397267;background:#eff8f5}.collectionMark{display:inline-flex;align-items:center;gap:2px;width:30px;height:30px;padding:6px;border-radius:9px;background:var(--collection-navy)}.collectionMark i{display:block;width:3px;border-radius:3px;background:#72d6c1}.collectionMark i:first-child,.collectionMark i:nth-child(4){height:8px}.collectionMark i:nth-child(2){height:16px}.collectionMark i:nth-child(3){height:12px}.collectionHero{position:relative;max-width:820px;margin-bottom:36px;padding-right:150px}.collectionHero h1,.collectionModuleHero h1{margin-bottom:12px;color:var(--collection-navy);font-size:clamp(34px,6vw,54px);letter-spacing:-.04em}.collectionHero>p:last-of-type,.collectionModuleHero p{color:var(--collection-muted);font-size:16px;line-height:1.7}.collectionCorpusTotal{position:absolute;right:0;bottom:0;display:grid;text-align:right}.collectionCorpusTotal strong{color:var(--collection-teal);font-size:38px;line-height:1}.collectionCorpusTotal span,.collectionModuleCount span{margin-top:5px;color:var(--collection-muted);font-size:12px}.collectionModuleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.collectionModuleCard{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:flex-start;min-height:190px;padding:24px;border:1px solid var(--collection-line);border-radius:20px;color:inherit;background:#fff;box-shadow:0 10px 30px rgb(27 55 63/5%);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.collectionModuleCard:hover{transform:translateY(-2px);border-color:#b7cfca;box-shadow:0 16px 38px rgba(27,55,63,.1)}.collectionModuleCard:last-child:nth-child(odd){grid-column:1/-1}.collectionModuleIcon{display:grid;width:56px;height:56px;place-items:center;border-radius:17px;color:#0f7667;background:#e9f7f4;font-size:25px;font-weight:800}.collectionModuleIcon.module-rhythm,.module-rhythm .collectionModuleIcon{color:#3d64ad;background:#eef3ff}.collectionModuleIcon.module-sustain,.module-sustain .collectionModuleIcon{color:#9b5d16;background:#fff4e6}.collectionModuleIcon.module-voice_quality,.module-voice_quality .collectionModuleIcon{color:#8b4a79;background:#fbf0f8}.collectionModuleIcon.module-recording_quality,.module-recording_quality .collectionModuleIcon{color:#53646f;background:#eef2f4}.collectionModuleCopy>span,.collectionRecorderTop span,.collectionSectionHeading span{color:var(--collection-teal);font-size:11px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.collectionModuleCopy h2{margin:8px 0 7px;color:var(--collection-navy);font-size:23px}.collectionModuleCopy p{margin-bottom:16px;color:#4e5d68;line-height:1.5}.collectionModuleCopy small{display:block;color:var(--collection-muted);line-height:1.45}.collectionModuleCount{display:grid;min-width:58px;text-align:right}.collectionModuleCount strong{color:var(--collection-navy);font-size:24px}.collectionResearchNotice{display:grid;grid-gap:5px;gap:5px;margin-top:24px;padding:18px 20px;border-left:3px solid #d6aa58;border-radius:4px 14px 14px 4px;color:#71531f;background:#fff9ec;font-size:13px;line-height:1.5}.collectionBreadcrumb{display:flex;gap:8px;align-items:center;margin:-18px 0 24px;color:var(--collection-muted);font-size:13px}.collectionBreadcrumb a{color:var(--collection-teal);text-decoration:none}.collectionModuleHero{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-gap:22px;gap:22px;align-items:center;padding:28px;border:1px solid var(--collection-line);border-radius:22px;background:linear-gradient(135deg,#fff,#f5faf9)}.collectionModuleHero .collectionModuleIcon{width:72px;height:72px;font-size:30px}.collectionModuleHero h1{margin:4px 0 6px;font-size:36px}.collectionSection{margin-top:34px;padding:26px;border:1px solid var(--collection-line);border-radius:22px;background:#fff}.collectionSectionHeading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.collectionSectionHeading h2{margin-top:5px;color:var(--collection-navy);font-size:24px}.collectionSectionHeading p{max-width:360px;color:var(--collection-muted);font-size:13px;line-height:1.5;text-align:right}.collectionSubmodule+.collectionSubmodule{margin-top:28px;padding-top:25px;border-top:1px solid var(--collection-line)}.collectionSubmoduleHeading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:13px}.collectionSubmoduleHeading h3{margin-bottom:4px;color:var(--collection-navy);font-size:17px}.collectionSubmoduleHeading p{color:var(--collection-muted);font-size:13px}.collectionSubmoduleHeading>span{color:var(--collection-muted);font-size:12px}.collectionTaskGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.collectionTaskCard{position:relative;display:grid;grid-gap:7px;gap:7px;min-height:158px;padding:16px;border:1px solid var(--collection-line);border-radius:14px;color:inherit;background:#fbfcfc;text-align:left;cursor:default}.collectionTaskCard:hover{border-color:#9fc8c0;background:#f4fbf9}.collectionTaskCard.expanded{grid-column:1/-1}.collectionTaskCard>span{color:var(--collection-muted);font-size:11px}.collectionTaskCard strong{color:var(--collection-navy);font-size:15px}.collectionTaskCard p{color:#5f6d77;font-size:12px;line-height:1.48}.collectionTaskActions{display:flex;flex-wrap:wrap;gap:8px;align-self:end}.collectionTaskActions button{flex:1 1 100px;min-height:40px;padding:0 15px}.collectionTaskRecordings{display:grid;grid-gap:9px;gap:9px;margin-top:6px;padding-top:13px;border-top:1px solid var(--collection-line)}.collectionTaskRecording{display:grid;grid-template-columns:145px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:10px;border-radius:10px;background:#fff}.collectionTaskRecording time{color:var(--collection-muted);font-size:11px}.collectionTaskRecording audio{width:100%;min-width:0}.collectionRecorder{position:relative;scroll-margin-top:16px;margin-top:24px;padding:24px;border:2px solid #a9d3ca;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(23,70,61,.12)}.collectionRecorderTop{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--collection-line)}.collectionRecorderTop h2{margin-top:4px;color:var(--collection-navy);font-size:24px}.collectionRecorderTop button{border:0;color:var(--collection-muted);background:none;cursor:pointer}.collectionRecordBody{position:relative;display:grid;grid-gap:15px;gap:15px}.collectionRecordInstruction{color:#40505b;font-size:16px;line-height:1.65}.collectionConsentLine{padding:11px 13px;border-radius:10px;color:#5f6d77;background:#f6f8f8;font-size:12px;line-height:1.5}.collectionRecordingModeNotice{color:#315f58;font-size:12px;line-height:1.55}.collectionPurpose,.collectionSafety{display:grid;grid-template-columns:94px minmax(0,1fr);grid-gap:12px;gap:12px;padding:13px 15px;border-radius:12px;font-size:13px;line-height:1.5}.collectionPurpose{color:#315f58;background:#edf8f5}.collectionSafety{color:#7e5820;background:#fff6e7}.collectionRetryUpload{display:grid;grid-gap:10px;gap:10px;padding:15px;border:1px solid #eccd91;border-radius:12px;background:#fff9ed}.collectionRetryUpload>span{color:#765b29;font-size:12px;line-height:1.5}.collectionToast{position:fixed;z-index:50;top:22px;left:50%;padding:11px 17px;border-radius:999px;color:#fff;background:#176958;box-shadow:0 12px 30px rgba(23,70,61,.22);font-size:13px;font-weight:720;transform:translateX(-50%)}.collectionDeleteButton{flex:0 0 auto;padding:7px 10px;border:1px solid #ebc9c5;border-radius:8px;color:#a23f34;background:#fff8f7;font-size:11px;cursor:pointer}.collectionDeleteButton:hover{border-color:#d99a92;background:#fff0ee}.collectionDeleteButton:disabled{opacity:.55;cursor:wait}.collectionDeleteConfirm{display:grid;grid-template-columns:repeat(2,auto);grid-gap:6px;gap:6px;align-items:center;min-width:168px}.collectionDeleteConfirm>span{grid-column:1/-1;color:#8c4138;font-size:11px;font-weight:720;text-align:right}.collectionDeleteConfirm button{min-height:32px;padding:0 9px}.collectionAdminHero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:24px;padding:28px;border:1px solid var(--collection-line);border-radius:22px;background:linear-gradient(135deg,#fff,#f7f5f2)}.collectionAdminHero h1{margin:5px 0 8px;color:var(--collection-navy);font-size:36px}.collectionAdminHero p{color:var(--collection-muted);line-height:1.6}.collectionTrashList{display:grid;grid-gap:12px;gap:12px}.collectionTrashItem{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1fr) auto;grid-gap:18px;gap:18px;align-items:center;padding:18px;border:1px solid var(--collection-line);border-radius:16px;background:#fff}.collectionTrashMeta{display:grid;grid-gap:5px;gap:5px}.collectionTrashMeta>span{color:var(--collection-teal);font-size:11px;font-weight:760}.collectionTrashMeta strong{color:var(--collection-navy)}.collectionTrashMeta small{color:var(--collection-muted);line-height:1.45}.collectionTrashItem audio{width:100%;min-width:0}.collectionTrashActions{display:flex;gap:8px}.collectionTrashActions button{min-height:38px;padding:0 13px;white-space:nowrap}.collectionTrashEmpty{display:grid;grid-gap:6px;gap:6px;min-height:180px;place-content:center;border:1px dashed #cbd6d9;border-radius:18px;color:var(--collection-muted);text-align:center}.collectionTrashEmpty strong{color:var(--collection-navy);font-size:18px}.collectionLoading{display:grid;grid-gap:7px;gap:7px;place-items:center;min-height:130px;padding:20px;color:var(--collection-muted);text-align:center}.collectionLoading i{width:22px;height:22px;border:2px solid #c7d8d5;border-top:2px solid var(--collection-teal);border-radius:50%;animation:collectionSpin .8s linear infinite}.collectionPageError{margin:18px 0}.collectionAmbientStage{display:grid;grid-gap:8px;gap:8px;min-height:230px;place-items:center;align-content:center;padding:24px;color:#49616c;background:radial-gradient(circle,#f7fbfb,#edf3f4);text-align:center}.collectionAmbientStage>span{font-size:34px;letter-spacing:8px}.collectionAmbientStage small{max-width:420px;line-height:1.5}.collectionAmbientStage i{width:min(360px,80%);height:5px;overflow:hidden;border-radius:6px;background:#d8e2e4}.collectionAmbientStage b{display:block;height:100%;border-radius:inherit;background:var(--collection-teal);transition:width .2s linear}.collectionStaticStage{display:grid;grid-gap:14px;gap:14px;min-height:230px;place-items:center;align-content:center;padding:26px;border:1px solid #dbe6e5;border-radius:14px;color:#40555d;background:linear-gradient(145deg,#fbfdfd,#eef6f4);text-align:center}.collectionStaticMode{padding:5px 10px;border-radius:999px;color:#397166;background:#e1f1ed;font-size:11px;font-weight:760;letter-spacing:.02em}.collectionStaticSequence{flex-wrap:wrap;justify-content:center}.collectionStaticSequence,.collectionStaticSequence>span{display:flex;gap:8px;align-items:center}.collectionStaticSequence strong{min-width:44px;padding:9px 10px;border:1px solid #cddfdb;border-radius:10px;color:var(--collection-navy);background:#fff;font-size:17px}.collectionStaticSequence i{color:#89a19c;font-style:normal}.collectionStaticTarget{display:flex;gap:10px;align-items:baseline;color:var(--collection-navy)}.collectionStaticTarget strong{font-size:38px}.collectionStaticTarget span{font-size:18px;font-weight:720}.collectionStaticStage>small{max-width:520px;color:var(--collection-muted);line-height:1.5}.collectionStaticProgress{width:min(420px,88%);height:6px;overflow:hidden;border-radius:999px;background:#d5e3e0}.collectionStaticProgress i{display:block;height:100%;border-radius:inherit;background:var(--collection-teal);transition:width .18s linear}@keyframes collectionSpin{to{transform:rotate(1turn)}}@media (max-width:860px){.collectionTaskGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.collectionPlatform{width:min(100% - 20px,1120px);padding-top:12px}.collectionPlatformHeader{margin-bottom:28px}.collectionPlatformHeader small{display:none}.collectionHero{padding-right:0}.collectionHero h1{font-size:36px}.collectionCorpusTotal{position:static;margin-top:18px;text-align:left}.collectionModuleGrid{grid-template-columns:1fr}.collectionModuleCard,.collectionModuleCard:last-child:nth-child(odd){grid-column:auto;grid-template-columns:48px minmax(0,1fr);min-height:0;padding:18px}.collectionModuleCard .collectionModuleIcon{width:48px;height:48px}.collectionModuleCard .collectionModuleCount{grid-column:2;grid-row:1;align-self:flex-start;justify-self:end}.collectionModuleCopy{grid-column:1/-1}.collectionModuleHero{grid-template-columns:54px minmax(0,1fr);gap:14px;padding:19px}.collectionModuleHero .collectionModuleIcon{width:54px;height:54px}.collectionModuleHero .collectionModuleCount{grid-column:1/-1;text-align:left}.collectionModuleHero h1{font-size:28px}.collectionSection{padding:18px;border-radius:17px}.collectionSectionHeading{display:grid;grid-gap:8px;gap:8px}.collectionSectionHeading p{text-align:left}.collectionTaskGrid{grid-template-columns:1fr}.collectionTaskCard{min-height:0}.collectionTaskRecording{grid-template-columns:1fr auto}.collectionTaskRecording time{grid-column:1/-1}.collectionDeleteConfirm{grid-column:1/-1;justify-self:end}.collectionRecorder{padding:17px}.collectionPurpose,.collectionSafety{grid-template-columns:1fr;gap:3px}.collectionStaticStage{min-height:210px;padding:20px 14px}.collectionStaticSequence,.collectionStaticSequence>span{gap:6px}.collectionStaticSequence strong{min-width:39px;padding:8px 7px;font-size:15px}.collectionStaticSequence i{font-size:11px}.collectionAdminHero{display:grid;align-items:start;padding:20px}.collectionAdminHero h1{font-size:30px}.collectionAdminHero .collectionModuleCount{text-align:left}.collectionTrashItem{grid-template-columns:1fr;gap:13px}.collectionTrashActions button{flex:1 1}}