:root{--bg:#f5f6f8;--panel:#fff;--text:#1c2e44;--muted:#60748a;--line:#e0e6ed;--lime:#176862;--cyan:#226e89;--orange:#a84e3f;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:24px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;font-size:15px;line-height:1.55}a{color:#255d79}button,input,select,textarea{font:inherit}button,.buttonlink{min-height:44px;touch-action:manipulation;border-radius:12px;background:#fff;color:var(--text);border:1px solid var(--line);padding:10px 17px}button:hover,.buttonlink:hover{background:#eef2f6;border-color:#bdcbd7}button.primary,.buttonlink.primary{background:#e56855;border-color:#e56855;color:white;font-weight:600}.primary:hover{background:#cf5544!important}.topbar{height:76px;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1340px)/2));display:flex;align-items:center;gap:28px}.studioBrand{font-weight:760;color:#142a42;font-size:24px;text-decoration:none;letter-spacing:-1.1px;white-space:nowrap}.studioBrand span{color:#e56855}.topLinks{display:flex;gap:6px;margin-left:auto;overflow:auto;scrollbar-width:none}.topLinks a{padding:10px 15px;text-decoration:none;font-size:13px;white-space:nowrap;border-radius:12px}.topLinks a[aria-current=page],.topLinks a:hover{background:#faebe7;color:#b94939}#menuToggle{font-size:12px;background:transparent}.skipLink{position:absolute;top:-70px;left:16px;z-index:99;background:white;padding:15px}.skipLink:focus{top:10px}#navDrawer{position:fixed;right:20px;top:80px;width:min(340px,calc(100vw - 40px));max-height:calc(100dvh - 110px);overflow:auto;z-index:40;background:white;padding:18px;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 80px #122a4433}#navDrawer[hidden]{display:none}#nav{display:block;margin:0}#nav .group{display:block;color:#738397;font-size:10px;letter-spacing:.1em;margin-top:20px}#nav a{display:flex;color:#264159;white-space:normal;padding:10px;border-radius:9px}#nav a.active{background:#fbece8;color:#ad493b}#nav a span{display:inline}main{margin:0 auto;padding:0 28px 30px;max-width:1280px;min-width:0}.workspacebar{height:80px;margin:0 0 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0}.workspacebar>div:first-child{display:flex;gap:18px;align-items:center}.workspacebar .eyebrow{font-size:11px;text-transform:none;letter-spacing:0;color:#7d90a5}#breadcrumb{font-size:12px;border-left:1px solid #c9d4df;padding-left:18px}.workspaceActions{display:flex;align-items:center;gap:12px}.workspaceActions a{font-size:12px}#fullscreenToggle{font-size:12px;white-space:nowrap}#focusStatus{font-size:11px;color:#648078}.studioHero{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;margin:8px 0 58px}.studioKicker{font-size:10px;letter-spacing:.1em;color:#6e8398;font-weight:600}.studioHero h1{font-size:clamp(36px,4.3vw,58px);line-height:1.07;letter-spacing:-.055em;margin:22px 0}.studioHero p{font-size:16px;line-height:1.8;color:#526c85}.studioHero figure{margin:0;position:relative;border-radius:24px;overflow:hidden;aspect-ratio:1.14;background:#dde5eb}.studioHero img{width:100%;height:100%;object-fit:cover;display:block}.studioHero figcaption{position:absolute;bottom:0;inset-inline:0;padding:55px 24px 22px;background:linear-gradient(transparent,#1424389c);color:white;font-size:13px}.heroSession{display:flex;gap:17px;align-items:center;margin:22px 0}.heroSession>strong{font-size:80px;letter-spacing:-.065em;font-weight:400;line-height:1}.heroSession>span{font-size:15px}.heroSession small{font-size:11px;color:#6b839a}.studioHero .buttonlink{display:flex;justify-content:space-between;max-width:270px;padding:15px 20px;text-decoration:none}.quietLink{display:block;margin-top:18px;font-size:12px;text-decoration:none}.studioSection{margin:35px 0}.studioSection h2{font-size:22px;letter-spacing:-.025em}.sectionhead{gap:18px;align-items:center}.sectionhead>a{font-size:12px;text-decoration:none}.sectionhead span{font-size:11px;color:#73889c}.journeyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.journeyCard{position:relative;aspect-ratio:1.3;overflow:hidden;border-radius:18px;text-decoration:none;background:#234351;color:white}.journeyCard img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.journeyCard:hover img{transform:scale(1.04)}.journeyCard>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:linear-gradient(transparent 5%,#0d223dcc)}.journeyCard h3{font-size:23px;line-height:1.15;letter-spacing:-.025em;max-width:220px;margin:0 0 10px;color:white}.journeyCard p{font-size:12px;color:#e3edf4;margin:0 0 13px}.journeyCard span{font-size:11px;font-weight:600}.rhythm{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#fff;border:1px solid var(--line);padding:28px;border-radius:20px}.rhythm>div{padding-right:20px}.rhythm span{font-size:12px;color:#c06b56}.rhythm h3{font-size:17px;margin:9px 0}.rhythm p{font-size:13px;color:var(--muted);margin:0}.progressFold{padding:20px 24px;border:1px solid var(--line);border-radius:15px;background:#fff}.progressFold summary{display:flex;justify-content:space-between;color:#1d3f59;font-size:13px}.progressFold summary span{color:#71879a}.stagegrid{gap:13px}.stagecard{border-radius:16px;background:white;box-shadow:0 3px 12px #24456a03}.stagecard:hover{background:#fff;border-color:#abc2d2}.stagecard h2{font-size:17px}.stagecard p{font-size:13px}.stagecard .depth{font-size:11px;background:#eff4f7;color:#48657a}.notice{background:#edf3f4;border-color:#d6e3e7;color:#436074;border-radius:14px;font-size:12px}.notice a{color:#204f69}.panel{border-radius:18px;background:white;box-shadow:0 5px 20px #1c3c6103}.panel p{color:#556e83}.panel label{font-size:13px}.panel input:not([type=checkbox]):not([type=range]):not([type=radio]),.panel textarea,select{background:#f7f9fb;color:#20394e;border:1px solid #ccd7e2;border-radius:10px;padding:12px;max-width:100%}.toolbar{align-items:start}.toolbar label{flex:1;min-width:130px}select{width:100%;font-size:14px}h1{font-size:40px;line-height:1.12;letter-spacing:-.04em}h2,h3{letter-spacing:-.02em}.sessiontop h1{font-size:34px}.sessiontop{margin-bottom:22px}.eyebrow{color:#55748a;font-size:10px;letter-spacing:.08em}.tag{background:#f8eee8;border-color:#eed5c7;color:#a46547}.timer{color:#1f726a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.controlshelp{color:#627a8d}.readouts{border-radius:12px}.readouts strong{color:#1f5068}.screen{background:#0b151d}.metricgrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric strong{font-size:28px;color:#1f726a}.check input{min-width:20px;min-height:20px}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:#fff;border-radius:18px}.card p{color:#61778a}.buttonlink{text-decoration:none}.prepOption,.optionButton{background:white!important;color:#1d3e54!important}.progressbar{background:#e4ebf1}footer{display:grid;grid-template-columns:auto 1fr;gap:14px 30px;padding:30px 0;border-top:1px solid var(--line);margin-top:55px}footer p{font-size:11px;max-width:650px;color:#6d8194;margin:0}footer>div{grid-column:1/-1;display:flex;gap:20px;flex-wrap:wrap}footer a{font-size:11px}.libraryIntro{max-width:680px}.libraryIntro h1{margin-bottom:15px}.libraryTools{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap;margin:28px 0}.searchLabel{font-size:12px;min-width:260px}.searchLabel input{display:block;margin-top:7px;width:100%;background:white;border:1px solid var(--line);border-radius:12px;padding:13px 15px;font-size:15px}.filterPills{display:flex;gap:7px;flex-wrap:wrap}.filterPills button{font-size:12px;border-radius:25px}.filterPills button[aria-pressed=true]{background:#243d55;color:white;border-color:#243d55}.libraryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.storyCard{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.storyCard[hidden]{display:none}.storyPicture{display:block;aspect-ratio:1.75;position:relative;overflow:hidden}.storyPicture img{width:100%;height:100%;object-fit:cover}.storyPicture>span{position:absolute;bottom:12px;left:14px;padding:5px 10px;border-radius:20px;background:#fffdf3e8;color:#324957;font-size:10px}.storyCopy{padding:20px}.storyCopy h3{font-size:19px;margin:0 0 8px}.storyCopy h3 a{color:#203a51;text-decoration:none}.storyCopy p{font-size:13px;color:#697f92;min-height:42px;margin:0 0 18px}.storyCopy>div{display:flex;justify-content:space-between;border-top:1px solid #e8edf2;padding-top:13px;font-size:12px}.storyCopy>div a{text-decoration:none}.focusMode{overflow:hidden}.focusMode .topbar,.focusMode #navDrawer{display:none!important}.focusMode #focusSurface,#focusSurface:fullscreen{position:fixed;inset:0;max-width:none;width:100%;height:100dvh;overflow:auto;background:var(--bg);padding:0 max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));margin:0;z-index:60}.focusMode .workspacebar{position:sticky;top:0;z-index:5;background:#f5f6f8ee;backdrop-filter:blur(14px);height:58px;margin-bottom:12px}.focusMode footer{display:none}.focusMode #view{max-width:1350px;margin:auto}.focusMode .cuteWorkspace{min-height:0}.focusMode .sessiontop h1{font-size:25px}.focusMode .sessiontop{margin-bottom:12px}.focusMode .timer{font-size:27px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3896b3;outline-offset:3px}#view:focus{outline:0}[hidden]{display:none!important}img{max-width:100%}.historywrap{max-width:100%}.tubePanel{min-width:0}.tubeSpeed button{touch-action:manipulation}.cuteWorkspace{border-radius:20px;background:#fff}.cuteWorkspace .cutePrimary{border-radius:12px}.tunnelLayout{grid-template-columns:minmax(0,1fr) 180px}.cuteWorkspace .secondaryTasks{gap:38px}.cuteWorkspace .runwayTasks{grid-template-columns:minmax(180px,.85fr) minmax(220px,1.15fr)}.runwayPanel{padding-right:15px}.cuteWorkspace .runwayPanel canvas{max-height:370px}.cuteWorkspace .multiFeedback{font-size:11px}.cuteWorkspace .taskLetters{letter-spacing:.12em}.spatialConsole{--lime:#d8fa82}.spatialConsole .spatialIntro h2{color:#f4f8fa}.spatialConsole .cutePrimary{background:#d8fa82!important;color:#152c25!important}.spatialConsole .spatialStep h3{color:#edf4f7}.spatialConsole .headingChoices button{color:#d8e9f0}.spatialConsole .headingChoices button.selected{color:#162a25}
@media(max-width:1000px){.studioHero{gap:30px}.libraryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit{grid-template-columns:1fr}.topbar{padding-inline:22px;gap:15px}.topLinks a{padding:9px 11px}.journeyCard>div{padding:18px}.journeyCard h3{font-size:20px}.tunnelLayout{grid-template-columns:minmax(0,1fr) 150px}.tubePanel{display:block}}
@media(max-width:720px){main{padding:0 18px 24px}.topbar{height:auto;min-height:70px;flex-wrap:wrap;gap:10px;padding:14px 18px}.studioBrand{font-size:22px}.topLinks{order:3;width:100%;justify-content:space-between;margin:0}.topLinks a{font-size:12px;padding:8px 14px}#menuToggle{margin-left:auto}.workspacebar{height:auto;min-height:64px;gap:8px;margin-bottom:22px}.workspacebar .eyebrow{display:none}#breadcrumb{border:0;padding:0;font-size:11px}.workspaceActions{gap:8px}#focusStatus{max-width:110px;font-size:9px}#fullscreenToggle{font-size:11px;padding:8px 11px}.studioHero{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.studioHero>div{padding:5px 6px}.studioHero h1{font-size:43px;max-width:390px}.studioHero figure{aspect-ratio:1.65;border-radius:18px}.studioHero .heroSession{margin:14px 0}.heroSession>strong{font-size:62px}.journeyGrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding-bottom:8px}.journeyGrid::-webkit-scrollbar{display:none}.journeyCard{flex:0 0 82%;scroll-snap-align:center;aspect-ratio:1.35}.rhythm{grid-template-columns:1fr;gap:22px;padding:22px}.rhythm>div{padding:0}.sectionhead{align-items:flex-start}.sectionhead>a{max-width:125px;text-align:right}.sectionhead h2{font-size:20px}.stagegrid{grid-template-columns:1fr}.stagecard{padding:17px}.libraryGrid{gap:14px}.storyCopy{padding:15px}.storyCopy h3{font-size:17px}.storyCopy>div{gap:10px;flex-wrap:wrap}.storyCopy p{font-size:12px}.searchLabel{width:100%}.filterPills{width:100%;gap:5px}.filterPills button{font-size:11px;padding:9px 12px}h1{font-size:34px}.sessiontop h1{font-size:27px}.timer{font-size:27px}.panel{padding:18px}.briefgrid{grid-template-columns:1fr}.readouts strong{font-size:16px}.readouts>div{padding:10px 5px}.cuteWorkspace{padding:15px}.tunnelLayout{grid-template-columns:1fr}.tubePanel{border:0;padding:0;display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:center}.tubePanel>span,.tubePanel>p{display:none}.tubePanel canvas{width:110px;grid-row:1/4}.tubeSpeed{margin:0}.tubeSpeed small{display:none}#tubeLives{margin:0;text-align:center}#tubeNumbers{font-size:11px}.cuteWorkspace .runwayTasks{grid-template-columns:minmax(105px,.65fr) minmax(180px,1fr);gap:10px}.cuteWorkspace .runwayPanel{border:0;padding:0}.cuteWorkspace .runwayPanel canvas{width:100%;height:280px;object-fit:fill}.cuteWorkspace .runwayPanel small{font-size:10px}.cuteWorkspace .secondaryTasks{gap:18px}.cuteWorkspace .taskEquation,.cuteWorkspace .taskLetters{font-size:21px;margin:10px 0}.binaryAnswers{gap:5px}.cuteWorkspace .binaryAnswers button{padding:7px;min-height:46px;font-size:12px;flex:1}.cuteWorkspace .binaryAnswers small{display:none}.runwayButtons button{min-width:44px}.cuteWorkspace .multiFeedback{padding:5px;font-size:10px;min-height:42px}.cuteSessionbar{gap:10px}.cuteSessionbar .actions{gap:6px}.cuteSessionbar .actions button{font-size:12px;padding:9px 12px}.cuteInstruction{margin-bottom:12px;font-size:15px}.cuteWorkspace #dotCanvas{width:100%;height:auto;max-height:52dvh;object-fit:contain}.shapeScene{margin-top:40px}.metricgrid{grid-template-columns:1fr 1fr;gap:10px}.metric strong{font-size:22px}footer{grid-template-columns:1fr;gap:14px}.focusMode .workspacebar{min-height:58px}.focusMode #focusSurface{padding-inline:12px}.focusMode .sessiontop h1{font-size:21px}.focusMode .sessiontop .eyebrow{font-size:8px}.focusMode .timer{font-size:22px}.focusMode .cuteWorkspace{padding:12px}.focusMode .controlshelp{font-size:10px}.spatialDecisions{gap:15px}.spatialConsole .headingChoices button{min-height:75px}.positionCompass{max-width:230px}}
@media(max-width:380px){.libraryGrid{grid-template-columns:1fr}.cuteWorkspace .runwayTasks{grid-template-columns:100px minmax(0,1fr)}.cuteWorkspace .taskLetters{font-size:18px;letter-spacing:.05em}.workspaceActions a{display:none}.shapeScene{grid-template-columns:70px minmax(30px,1fr) 70px}.metricgrid{grid-template-columns:1fr}}
@media(orientation:landscape) and (max-height:650px){.focusMode .cuteWorkspace .runwayPanel canvas{height:245px;width:auto;max-width:100%}.focusMode .cuteWorkspace .runwayTasks{grid-template-columns:230px 1fr;max-width:720px}.focusMode .cuteWorkspace .secondaryTasks{display:grid;grid-template-columns:1fr 1fr;gap:18px}.focusMode #dotCanvas{max-height:55dvh}.focusMode .tunnelLayout{grid-template-columns:minmax(0,1fr) 160px}.focusMode #tubeCanvas{max-height:55dvh}.focusMode .tubePanel{display:block}.focusMode .tubePanel canvas{width:90px;margin:auto}.focusMode .spatialDecisions{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.journeyControls{display:none}.likert label{background:#f2f5f8;color:#3b566e;min-height:48px;border:1px solid #dce5ec}.quizoptions button.selected{background:#e4f2ed;color:#245a4c;border-color:#62a68b}.notice.review{background:#fff1e9;border-color:#e4b69a;color:#8b4a28}.notice.review p{color:#8b4a28}.notice.correct{background:#e6f4eb;border-color:#95c7a7;color:#285b3d}.notice.correct p{color:#285b3d}.holdphase button.selected{background:#e4f2ed}.control input[type=range]{height:36px}.cuteWorkspace #dotCanvas{max-width:440px;margin:auto}.quizoptions button{min-height:52px}.panel textarea{min-height:140px}.numericanswer{font-size:24px!important}input[type=radio],input[type=checkbox]{accent-color:#236d66}.progress{background:#dde6eb}.cuteWorkspace .runwayPanel canvas{height:auto}.cuteWorkspace .runwayButtons button{touch-action:none}.guideFAQ summary{min-height:44px;display:list-item;align-content:center}
@media(max-width:720px){.journeyControls{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:12px}.journeyControls>button{border:0;background:transparent;font-size:23px;color:#647f93;padding:0;min-width:44px}.journeyDots{display:flex;gap:5px}.journeyDots button{border:0;background:transparent;position:relative;min-width:28px;min-height:44px;padding:0}.journeyDots button:after{content:'';position:absolute;top:19px;left:10px;width:7px;height:7px;border-radius:10px;background:#c5d0da}.journeyDots button[aria-pressed=true]:after{background:#c56452;width:17px;left:5px}.cuteWorkspace .runwayPanel canvas{height:260px;object-fit:contain}.cuteWorkspace .taskLetters{overflow-wrap:anywhere}.panel input:not([type=checkbox]):not([type=radio]):not([type=range]),.panel textarea,select{font-size:16px}.libraryIntro h1{font-size:34px}}

.focusMode #focusSurface,#focusSurface:fullscreen{padding-top:env(safe-area-inset-top)}#toggleAnswerSign{min-width:60px;margin-bottom:12px;font-size:18px}#focusSurface:fullscreen{max-height:none}
.studioHero>*,.guideHero>*,.briefgrid>*,.cockpit>*,.libraryTools>*,.runwayTasks>*,.spatialDecisions>*{min-width:0}.panel,.storyCard,.journeyCard{min-width:0}select{min-width:0}button,a,input,textarea{ -webkit-tap-highlight-color:transparent }@media(max-width:720px){.toolbar{gap:10px}.toolbar label{min-width:0;flex-basis:45%}.briefgrid select{width:100%;max-width:100%}}
/* Calm, grouped instruction sheets */
#view.onboarding{max-width:1040px;margin:12px auto 0}.onboarding .sessiontop{margin:0 0 32px;display:block}.onboarding .sessiontop .tag{display:none}.onboarding h1{font-size:clamp(32px,4vw,46px);font-weight:720;letter-spacing:-.045em;margin:12px 0}.onboarding>.eyebrow,.onboarding .sessiontop .eyebrow{color:#8591a1;font-size:10px;letter-spacing:.13em}.onboarding .sessiontop p,.onboarding>.introcopy{max-width:650px;font-size:16px;line-height:1.7;color:#738197}.onboardingGrid{gap:24px;align-items:start}.onboardingCard{padding:28px;border:0;border-radius:26px;box-shadow:0 8px 32px #22385205}.onboardingIndex{display:block;color:#8492a4;font-size:9px;letter-spacing:.13em;margin-bottom:18px}.onboardingCard h2{font-size:24px;font-weight:650;letter-spacing:-.035em;margin:0 0 22px}.onboardingCard h3{font-size:15px;font-weight:650;margin:0 0 6px}.onboardingCard p{font-size:14px;line-height:1.7;color:#647389}.instructionStep{display:flex;gap:14px;margin:22px 0}.instructionStep>span{background:#eef3f8;color:#59728c;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.instructionStep p{margin:0}.setupIntro{margin-top:-10px;margin-bottom:20px}.groupedSettings{border:1px solid #e5e9ef;border-radius:17px;overflow:hidden;margin:22px 0}.groupedSettings label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;background:#f9fafc;border-bottom:1px solid #e5e9ef}.groupedSettings label:last-child{border-bottom:0}.groupedSettings label>span{font-size:14px;font-weight:550;color:#34465b}.groupedSettings small{display:block;color:#8b97a5;font-size:10px;font-weight:400;margin-top:4px}.groupedSettings select{width:auto;max-width:48%;margin:0;border:0;background:transparent;font-size:13px;padding:9px 20px 9px 5px;color:#336f92;text-align:right;min-height:44px}.onboardingCard .beginSession,.onboardingCard>button.primary{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:24px;border-radius:15px;min-height:54px;padding:14px 20px;background:#176fe8;border-color:#176fe8;font-size:15px}.onboardingCard .primary:hover{background:#125ec8!important}.sessionHints{display:grid;gap:8px;margin:20px 0;font-size:11px;color:#8491a0}.onboardingCard .controlshelp{font-size:11px;color:#929dac;line-height:1.6}.onboardingCard .toolbar{display:grid;gap:12px;grid-template-columns:1fr;margin:20px 0}.onboardingCard .toolbar label{display:block;padding:12px 14px;background:#f7f9fc;border-radius:12px}.onboardingCard select{border-radius:12px}.onboardingCard .cuteExample{padding:20px 12px;border-radius:16px;gap:12px;background:#f3f6fa;align-items:center}.onboarding .cuteSources{background:transparent;border:0;box-shadow:none;margin-top:18px;padding:16px 8px}.onboarding .cuteSources summary{font-size:11px;color:#8997a6}.onboarding .cuteSources p,.onboarding .cuteSources li{font-size:12px}.onboarding .notice{background:#f1f5fa;border:0;color:#5d7188;font-size:12px}.onboarding .briefgrid>.panel>label{padding:14px;border-radius:14px;background:#f6f8fb}.testToolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #e1e7ee}.testToolbar>span{font-size:9px;color:#8594a5;letter-spacing:.1em}.testToolbar>div{display:flex;align-items:center;gap:12px}.testToolbar button{font-size:12px}.workspacebar #fullscreenToggle{display:none}.focusMode #focusSurface{position:static;inset:auto;max-width:1280px;width:auto;height:auto;overflow:visible;padding:0;margin:auto;z-index:auto}.focusMode .workspacebar,.focusMode footer{display:none!important}.focusMode #view.activeExercise,#view.activeExercise:fullscreen{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;overflow:auto;z-index:70;background:#f5f6f8;padding:calc(16px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));margin:0;box-sizing:border-box}.focusMode #view>.testToolbar{position:sticky;top:calc(-16px - env(safe-area-inset-top));background:#f5f6f8f5;z-index:10;padding:12px 0;margin-bottom:14px}.focusMode #view>.cuteSources,.focusMode #view>.controlshelp{display:none}.focusMode #view>.sessiontop,.focusMode #view>.cuteWorkspace,.focusMode #view>.cuteSessionbar,.focusMode #view>#activity{max-width:1350px;margin-left:auto;margin-right:auto}
@media(max-width:720px){#view.onboarding{margin-top:0}.onboarding .sessiontop{margin-bottom:24px}.onboardingCard{padding:22px;border-radius:22px}.onboardingGrid{gap:16px}.onboardingCard h2{font-size:22px}.onboardingCard p{font-size:14px}.groupedSettings label{padding:12px;gap:8px}.groupedSettings small{max-width:130px}.groupedSettings select{font-size:16px;max-width:50%;padding-right:5px}.testToolbar{margin-bottom:15px}.testToolbar>span{font-size:8px}.focusMode #view.activeExercise,#view.activeExercise:fullscreen{padding-inline:12px}.onboarding .cuteExample svg{max-width:44px}.onboarding .cuteExample{font-size:11px}}
/* Active exercise surfaces */
.activeExercise>.sessiontop{align-items:center;margin:0 0 24px}.activeExercise>.sessiontop h1{font-size:29px;font-weight:660;letter-spacing:-.04em;margin:5px 0 0}.activeExercise>.sessiontop .eyebrow{font-size:9px;color:#8b99a8;letter-spacing:.1em}.activeExercise .timer{background:#fff;border:1px solid #e8edf0;border-radius:19px;padding:12px 20px;min-width:124px;text-align:center;color:#344c59;font-size:27px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.04em;box-shadow:0 4px 18px #22344803}.activeExercise .timer small{font-family:inherit;letter-spacing:.1em;font-size:8px;margin-top:5px;color:#97a3ad}.activeExercise .cuteSessionbar{padding:13px 16px;background:#ffffffb8;border:1px solid #edf0f4;border-radius:20px;margin:18px 0 12px;gap:20px}.activeExercise .cuteSessionbar .actions{gap:7px;flex-shrink:0}.activeExercise .cuteSessionbar button{border:0;border-radius:12px;background:#f0f3f6;color:#586a7b;font-size:12px;min-height:42px;padding:10px 15px}.activeExercise .cuteSessionbar button:hover{background:#e5ebf0;color:#253e51}.activeExercise .cuteSessionbar #cuteFinish{background:transparent;color:#6e7f8f}.activeExercise #cuteStatus{font-size:12px;color:#7a8b99;line-height:1.6}.activeTaskNote{text-align:center;font-size:10px!important;color:#a0aab4!important;margin:17px 0}.activeTaskNote a{color:#8496a5;text-decoration:none}.activeExercise .testToolbar{border:0;margin:0 0 18px;padding:0}.activeExercise .testToolbar>span{color:#99a6b1;font-size:8px}.activeExercise .testToolbar button{border:0;border-radius:20px;background:#eaf0f4;color:#60788c;font-size:11px;padding:8px 15px;min-height:36px}.cuteWorkspace.reactionStage{padding:34px 28px 28px;background:radial-gradient(ellipse at 15% 10%,#f2f6f9 0,transparent 55%),radial-gradient(ellipse at 85% 90%,#f0f7f5 0,transparent 55%),#fff;border:1px solid #ffffff;border-radius:32px;box-shadow:0 12px 55px #33496306;min-height:470px;overflow:hidden;color:#263e4d}.reactionIntro{max-width:530px;margin:auto;text-align:center}.reactionBadge{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.1em;color:#779186;background:#eaf3ee;padding:7px 11px;border-radius:20px;font-weight:550}.reactionBadge i{width:5px;height:5px;border-radius:50%;background:#91b2a0}.reactionIntro h2{font-size:33px;line-height:1.2;letter-spacing:-.05em;font-weight:630;color:#253b48;margin:15px 0 9px}.reactionIntro p{font-size:13px;color:#8b9aa4;margin:0;line-height:1.65}.mobileBreak{display:none}.reactionStage .shapeScene{display:grid;grid-template-columns:180px minmax(100px,200px) 180px;gap:34px;margin:30px auto 28px;align-items:center;justify-content:center}.symbolWell{position:relative;padding:18px 14px 14px;border-radius:27px;background:#fff;box-shadow:0 12px 30px #213a4810,0 1px 2px #213a4806;border:1px solid #fff}.symbolLabel{display:block;font-size:8px;letter-spacing:.16em;color:#b0bac2;text-align:center;margin-bottom:7px}.reactionStage .shapeCard{height:145px;padding:10px;display:grid;place-items:center;background:transparent;border:0;box-shadow:none;color:#304f5b;border-radius:0}.reactionStage .shapeCard svg{width:125px;height:125px;max-width:100%;filter:drop-shadow(0 3px 1px #28404a08)}.reactionStage .distractors{display:grid;gap:24px;padding-top:12px}.reactionStage .distractors>span{font-size:8px;letter-spacing:.16em;color:#a9b4bd;text-align:center}.reactionStage .distractors>div{height:5px;background:#e0e9ea;border:0;box-shadow:inset 0 1px 1px #a2b7bb12;border-radius:9px;position:relative;margin:0 8px}.reactionStage .distractors i{height:16px;width:7px;top:-5.5px;border-radius:6px;background:#88a8ab;box-shadow:0 2px 5px #688b911c}.reactionStage .distractors small{font-size:9px;text-align:center;color:#b0bbc1;letter-spacing:0}.responseDock{display:flex;align-items:center;flex-direction:column;gap:12px}.reactionStage .responseDock .cutePrimary{display:flex;align-items:center;justify-content:center;gap:15px;min-width:248px;min-height:58px;padding:12px 22px;margin:0;border:0;border-radius:20px;background:#263f4a;color:#fff;font-size:16px;font-weight:550;box-shadow:0 7px 17px #263f4a1c;transition:background .15s,box-shadow .15s}.reactionStage .responseDock .cutePrimary:hover{background:#385762;box-shadow:0 8px 22px #263f4a24}.reactionStage .responseDock .cutePrimary:active{background:#18303b;box-shadow:0 2px 6px #263f4a1c}.equalGlyph{font-size:24px;line-height:1;font-weight:400;color:#b9d2d5}.reactionStage kbd{font-family:inherit;font-size:10px;font-weight:400;padding:4px 9px;background:#ffffff10;border:1px solid #ffffff18;border-radius:7px;color:#a5bec4;margin-left:23px}.responseHint{font-size:9px;color:#a3b0b8;letter-spacing:.02em}.reactionStage.cutePaused:after{border-radius:32px;background:#f2f6f8;color:#6d8491;font-size:20px}.focusMode .reactionStage{max-width:1100px!important}.focusMode .reactionStage .shapeScene{margin-top:34px;margin-bottom:30px}.focusMode .activeExercise>.sessiontop{max-width:1100px}.focusMode .activeExercise>.cuteSessionbar{max-width:1100px}.focusMode .activeExercise .timer{padding:9px 17px;font-size:25px}
@media(max-width:720px){.activeExercise>.sessiontop h1{font-size:24px}.activeExercise .timer{font-size:23px;min-width:97px;padding:10px 13px;border-radius:16px}.cuteWorkspace.reactionStage{padding:26px 14px 24px;border-radius:26px;min-height:420px}.reactionIntro h2{font-size:29px}.reactionIntro p{font-size:12px}.mobileBreak{display:block}.reactionStage .shapeScene{grid-template-columns:minmax(88px,125px) minmax(35px,70px) minmax(88px,125px);gap:12px;margin:30px auto}.symbolWell{padding:12px 8px 8px;border-radius:21px}.reactionStage .shapeCard{height:103px;padding:8px}.reactionStage .shapeCard svg{width:87px;height:87px}.symbolLabel{font-size:7px}.reactionStage .distractors{gap:30px;padding:0}.reactionStage .distractors>span,.reactionStage .distractors small{display:none}.reactionStage .distractors>div{margin:0;height:4px}.reactionStage .distractors i{width:6px;height:14px;top:-5px}.reactionStage .responseDock .cutePrimary{min-height:56px;min-width:230px;border-radius:18px}.activeExercise .cuteSessionbar{flex-direction:column;align-items:center;padding:10px 12px;gap:10px}.activeExercise #cuteStatus{text-align:center;font-size:11px}.activeExercise .cuteSessionbar .actions{justify-content:center;flex-wrap:wrap}.activeExercise .cuteSessionbar button{font-size:11px;padding:9px 12px}.focusMode .reactionStage .shapeScene{margin:25px auto}.activeTaskNote{font-size:9px!important}.activeExercise>.sessiontop{margin-bottom:18px}}
@media(max-width:360px){.reactionStage .shapeScene{grid-template-columns:86px minmax(30px,1fr) 86px;gap:10px}.reactionStage .shapeCard{height:88px}.reactionStage .shapeCard svg{width:70px;height:70px}.reactionStage .responseDock .cutePrimary{min-width:205px}}
@media(orientation:landscape) and (max-height:650px){.focusMode .cuteWorkspace.reactionStage{padding:16px 24px;min-height:0}.focusMode .reactionIntro h2{font-size:24px;margin:9px 0 5px}.focusMode .reactionBadge,.focusMode .reactionIntro p{display:none}.focusMode .reactionStage .shapeScene{grid-template-columns:115px 150px 115px;margin:14px auto;gap:28px}.focusMode .reactionStage .shapeCard{height:95px;padding:7px}.focusMode .reactionStage .shapeCard svg{height:85px;width:85px}.focusMode .symbolWell{padding:10px;border-radius:20px}.focusMode .reactionStage .responseDock .cutePrimary{min-height:45px;padding:8px 20px}.focusMode .responseHint{display:none}.focusMode .reactionStage .distractors>span,.focusMode .reactionStage .distractors small{display:none}.focusMode .activeExercise .cuteSessionbar{margin:10px auto}.focusMode .activeExercise>.sessiontop{margin-bottom:10px}}