:root,[data-theme="light"]{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-2:#edf1f6;--text:#0a0f1a;--muted:#5c6779;--line:#dce3ec;--accent:#087e59;--mint:#31e8a8;--panel:var(--surface);--lime:var(--accent);--cyan:var(--accent);--shadow:0 10px 30px #14263c08}
[data-theme="dark"]{color-scheme:dark;--bg:#05070c;--surface:#111a29;--surface-2:#0d1420;--text:#f5f7fa;--muted:#9aa8bb;--line:#ffffff19;--accent:#31e8a8;--mint:#31e8a8;--panel:var(--surface);--shadow:0 10px 30px #0003}
html,body{background:var(--bg);color:var(--text)}body,button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,h4,p{color:inherit}a{color:var(--accent)}button,input,select,textarea{color:var(--text);background:var(--surface);border-color:var(--line)}button{min-height:44px}button:hover{border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input::placeholder{color:var(--muted)}
.topbar{background:var(--surface);border-color:var(--line);gap:18px;padding:14px max(20px,calc((100vw - 1200px)/2));box-shadow:none}.studioBrand{display:inline-flex;align-items:center;gap:8px;color:var(--text);letter-spacing:-.8px;white-space:nowrap;font-weight:750}.studioBrand span{color:var(--text)}.studioBrand svg{width:29px;height:29px;color:var(--accent);flex-shrink:0}.topLinks a{color:var(--muted);border-radius:12px}.topLinks a:hover,.topLinks a[aria-current="page"]{color:var(--accent);background:var(--surface-2)}[data-theme-toggle]{white-space:nowrap;border-radius:22px;font-size:12px;padding:8px 14px}#menuToggle{font-size:12px;border-radius:22px}#navDrawer{background:var(--surface);border-color:var(--line)}#navDrawer a{color:var(--text)}main,#focusSurface{max-width:1240px;margin:auto;padding:0 24px}.workspacebar{padding:18px 0;color:var(--muted)}.workspacebar .eyebrow{display:none}.workspacebar #breadcrumb{font-size:12px}.studioKicker,.eyebrow,.controlshelp,.compactBottom span{color:var(--muted)}
.compactHeading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:10px 0 24px}.compactHeading h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.8px;line-height:1.1;margin:8px 0}.studioKicker{font-size:10px;letter-spacing:1.5px}.quietLink,.resumeButton{font-size:13px;text-decoration:none}.libraryTools{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:22px}.searchLabel{flex:1;min-width:190px}.searchLabel input{width:100%;border-radius:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--line)}.filterPills{gap:4px;background:var(--surface-2);padding:4px;border-radius:15px;flex-wrap:wrap}.filterPills button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:8px 12px;min-height:38px;border-radius:11px}.filterPills button[aria-pressed="true"]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.libraryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.storyCard{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.storyCard[hidden]{display:none}.storyPicture{height:118px;position:relative;display:block;overflow:hidden}.storyPicture img{height:100%;width:100%;object-fit:cover;transition:transform .25s}.storyCard:hover img{transform:scale(1.025)}.storyPicture span{position:absolute;bottom:10px;left:14px;background:#07131fcc;color:#fff;backdrop-filter:blur(12px);padding:5px 9px;font-size:10px;border-radius:8px}.storyCopy{padding:17px 19px}.storyCopy h3{font-size:18px;letter-spacing:-.5px;margin:0 0 7px}.storyCopy p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 14px;min-height:38px}.storyCopy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.storyCopy a{font-size:12px;text-decoration:none;padding:9px 0;min-height:40px;display:inline-flex;align-items:center}.storyCopy .cardStart{font-weight:650}.compactBottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0;gap:16px}.compactBottom a{font-size:12px;text-decoration:none}.compactBottom span{margin-left:10px}#exerciseCount{margin:10px 0;font-size:11px}footer{border-color:var(--line);margin-top:28px;padding:24px 0;color:var(--muted)}footer .studioBrand{font-size:16px}footer p{max-width:760px;font-size:11px;line-height:1.6}footer a{font-size:11px}
.panel,.onboardingCard,.notice,.stagecard,.testToolbar,.cuteWorkspace,.cuteActions,.sessiontop,.resultCard,.metric,.guideFAQ details{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}.onboardingHero{background:transparent!important;border:0!important}.onboardingHero h1,.sessiontop h1,.sessiontop h2{color:var(--text)}.onboardingHero p,.onboardingCard p,.onboardingCard label,.notice p,.guideStory{color:var(--muted)}.onboardingIndex{color:var(--accent)!important;background:var(--surface-2)!important}.onboardingCard input,.onboardingCard select{background:var(--surface-2);color:var(--text);border-color:var(--line)}.primary,.buttonlink.primary,#start,#beginQuiz,#cuteEqual{background:var(--mint)!important;color:#04140e!important;border-color:transparent!important;border-radius:14px;box-shadow:none!important}.buttonlink{border-color:var(--line)}.cuteWorkspace{border-radius:24px}.reactionBoard,.shapeTile{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text)}.shapeTile svg{fill:currentColor}.cuteActions button{background:var(--surface);color:var(--text);border-color:var(--line)}.testToolbar{padding:10px 14px;border-radius:14px;margin-bottom:16px}.testToolbar span,.cuteFootnote{color:var(--muted)}#view:fullscreen,body.focusMode #view{background:var(--bg)}details{border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:10px 0;padding:16px 20px}summary{font-weight:600;font-size:14px;cursor:pointer;color:var(--text)}details p{color:var(--muted);font-size:14px;line-height:1.7}details a{color:var(--accent)}
.guideBreadcrumb{padding:22px 0;font-size:11px;color:var(--muted)}.quickBrief{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;background:var(--surface);border:1px solid var(--line);border-radius:26px;overflow:hidden}.quickBrief figure{margin:0;min-height:300px;position:relative}.quickBrief figure img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.briefContent{padding:34px 0 34px 34px}.briefContent h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.7px;line-height:1.1;margin:14px 0}.briefContent>p{font-size:15px;line-height:1.7;color:var(--muted)}.briefMeta{display:flex;gap:8px;margin:18px 0;color:var(--muted);font-size:11px}.briefMeta span{padding:7px 10px;border-radius:20px;background:var(--surface-2)}.briefActions{display:flex;align-items:center;gap:22px;margin-top:24px}.briefActions a{font-size:13px;text-decoration:none}.briefActions .primary{padding:14px 22px}.quickArticle{max-width:none;margin-top:22px}.quickArticle>h2{font-size:18px;margin:26px 0 14px}.glanceGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.glanceGrid>div{padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.glanceGrid h3{font-size:13px;color:var(--accent);margin:0 0 8px}.glanceGrid p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.workedExample{background:var(--surface-2);border-radius:14px;padding:18px;margin:16px 0;border:0}.reactionExample{display:flex;align-items:center;justify-content:space-around;gap:20px;color:var(--accent);padding:12px}.reactionExample svg{width:40px;height:40px;fill:currentColor}.reactionExample span{font-size:13px}.relatedCompact{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;margin:22px 0}.relatedCompact a{text-decoration:none}.guideHubIntro h1{font-size:38px;letter-spacing:-1.3px}.guideHubGroup{margin:22px 0}.guideHubGroup h2{font-size:18px}.guideHubGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guideHubGrid>a{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0;overflow:hidden;text-decoration:none;color:var(--text)}.guideHubGrid img{width:100%;height:90px;object-fit:cover}.guideHubGrid h3{font-size:15px;margin:12px 16px}.guideHubGrid span{display:block;color:var(--muted);font-size:11px;margin:0 16px 14px}.legalArticle{color:var(--text)}.legalArticle p{color:var(--muted)}
@media(max-width:900px){.topbar{flex-wrap:wrap;gap:10px}.topLinks{order:3;width:100%;justify-content:center}.studioBrand{margin-right:auto}.libraryTools{flex-direction:column;align-items:stretch}.filterPills{justify-content:space-between}.libraryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.quickBrief{gap:20px;grid-template-columns:1.3fr 1fr}.briefContent{padding:24px}.guideHubGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){main,#focusSurface{padding:0 16px}.topbar{padding:12px 16px}.studioBrand{font-size:19px}.topLinks a{font-size:12px;padding:8px 12px}.compactHeading{align-items:flex-start;flex-direction:column;gap:10px;margin:8px 0 18px}.compactHeading h1{font-size:31px}.libraryGrid{grid-template-columns:1fr}.storyPicture{height:120px}.storyCopy{padding:15px 18px}.storyCopy p{min-height:0}.filterPills{justify-content:flex-start}.filterPills button{padding:8px 9px;font-size:11px}.compactBottom{flex-direction:column}.quickBrief{display:flex;flex-direction:column-reverse;gap:0}.quickBrief figure{min-height:140px;height:140px}.briefContent{padding:24px}.briefContent h1{font-size:34px}.glanceGrid{grid-template-columns:1fr}.guideBreadcrumb{font-size:10px;flex-wrap:wrap}.guideHubGrid{grid-template-columns:1fr 1fr}.guideHubGrid h3{font-size:14px}.briefActions{gap:16px}.onboardingCard{padding:22px!important}footer{margin-top:18px}.topbar #menuToggle{font-size:0;width:44px;padding:6px}.topbar #menuToggle:after{content:'☰';font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep exercise chrome and setup sheets on the shared appearance palette. */
.topbar{height:auto;min-height:72px}.groupedSettings,.groupedSettings label{border-color:var(--line)}.groupedSettings label,.onboardingCard .toolbar label,.onboarding .briefgrid>.panel>label,.onboardingCard .cuteExample,.onboarding .notice{background:var(--surface-2);color:var(--text)}.groupedSettings label>span{color:var(--text)}.groupedSettings small,.onboarding .sessiontop p,.onboardingCard p,.onboardingCard .controlshelp,.onboarding .cuteSources summary{color:var(--muted)}.groupedSettings select{color:var(--accent)}.instructionStep>span{background:var(--surface-2);color:var(--accent)}.activeExercise .timer,.activeExercise .cuteSessionbar{background:var(--surface);border-color:var(--line);color:var(--text)}.activeExercise .cuteSessionbar button{background:var(--surface-2);color:var(--text)}.activeExercise .cuteSessionbar #cuteFinish{color:var(--muted)}.cuteWorkspace.reactionStage{background:var(--surface);border-color:var(--line);color:var(--text)}.reactionIntro h2{color:var(--text)}.reactionIntro p,.symbolLabel,.responseHint,.activeExercise .timer small{color:var(--muted)}.symbolWell{background:var(--surface-2);border-color:var(--line);box-shadow:none}.reactionStage .shapeCard{color:var(--text)}.reactionBadge{background:var(--surface-2);color:var(--accent)}.reactionStage .distractors>div{background:var(--line)}.reactionStage .distractors i{background:var(--accent)}.reactionStage .distractors>span,.reactionStage .distractors small{color:var(--muted)}.reactionStage .responseDock .cutePrimary{background:var(--mint);color:#04140e;box-shadow:none}.reactionStage kbd{color:#144b39;background:#ffffff50;border-color:#04140e20}.reactionStage.cutePaused:after{background:var(--surface-2);color:var(--text)}.onboardingCard .primary:hover,.primary:hover{background:#25ca91!important;color:#04140e!important}.guideHubGrid img{position:static}.guideHubGroup .guideHubGrid>a:hover{border-color:var(--accent);background:var(--surface-2)}
/* Image-first exercise chooser: isolated selectors avoid legacy card layout. */
.libraryGrid{gap:16px}.storyCard.exerciseTile{position:relative;display:block;height:205px;padding:0;border:0;border-radius:22px;overflow:hidden;background:#102131;box-shadow:none;isolation:isolate}.exerciseLaunch{position:absolute;inset:0;display:block;color:#fff;text-decoration:none;border-radius:inherit}.exercisePhoto{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.exercisePhoto img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;transition:transform .35s ease}.exerciseLaunch:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06132225 0%,#07131d05 30%,#061322b3 76%,#06101fe8 100%);pointer-events:none}.exerciseDuration{position:absolute;z-index:1;top:16px;left:18px;border-radius:20px;padding:5px 10px;color:#fff;background:#081b315c;backdrop-filter:blur(14px);font-size:11px;font-weight:550;letter-spacing:.2px}.exerciseCaption{position:absolute;z-index:1;bottom:20px;left:22px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.exerciseCaption h3{font-size:23px;line-height:1.15;font-weight:650;letter-spacing:-.7px;color:#fff;margin:0;max-width:85%;text-wrap:balance}.exercisePlay{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #ffffff45;border-radius:50%;color:white;font-size:20px;background:#ffffff12;transition:background .2s,color .2s}.exerciseInfo{position:absolute;z-index:2;top:5px;right:6px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:white;background:transparent}.exerciseInfo svg{width:22px;height:22px;fill:#06132255;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.exerciseInfo:hover{background:#07131f80;color:#31e8a8}.exerciseTile:hover .exercisePhoto img{transform:scale(1.04)}.exerciseLaunch:hover .exercisePlay{background:#31e8a8;color:#04140e;border-color:#31e8a8}.exerciseLaunch:focus-visible{outline-offset:-4px;outline:3px solid #31e8a8}.exerciseInfo:focus-visible{outline-offset:-3px}.libraryGrid.aptitudeTiles{grid-template-columns:repeat(6,minmax(0,1fr))}.aptitudeTiles .exerciseTile{grid-column:span 2}.aptitudeTiles .tile-reaction,.aptitudeTiles .tile-monitoring{grid-column:span 3;height:215px}.tile-monitoring .exercisePhoto img{object-position:50% 70%;transform:scale(1.24)}.tile-monitoring:hover .exercisePhoto img{transform:scale(1.28)}.tile-multitask .exercisePhoto img{object-position:85% 50%;transform:scale(1.16)}.tile-multitask:hover .exercisePhoto img{transform:scale(1.2)}body[data-route="overview"] .workspacebar,body[data-route="library"] .workspacebar,body[data-route="aptitude"] .workspacebar{display:none}.compactHeading{margin:34px 0 24px}.compactHeading h1{font-size:34px;letter-spacing:-1.1px}.compactHeading .studioKicker{display:none}.compactBottom{border:0;padding:18px 0 0}.compactBottom a{color:var(--muted)}.libraryTools{margin-bottom:20px}.searchLabel input{border:0;background:var(--surface-2)}
@media(max-width:900px){.libraryGrid.aptitudeTiles{grid-template-columns:repeat(2,minmax(0,1fr))}.aptitudeTiles .exerciseTile,.aptitudeTiles .tile-reaction,.aptitudeTiles .tile-monitoring{grid-column:span 1;height:190px}.aptitudeTiles .tile-multitask{grid-column:span 2}.exerciseCaption h3{font-size:21px}}
@media(max-width:560px){.compactHeading{margin:22px 0 18px;gap:8px}.compactHeading h1{font-size:28px}.libraryGrid,.libraryGrid.aptitudeTiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.storyCard.exerciseTile,.aptitudeTiles .tile-reaction,.aptitudeTiles .tile-monitoring{height:174px;border-radius:18px}.aptitudeTiles .tile-multitask{height:145px}.exerciseCaption{left:14px;right:12px;bottom:16px;gap:6px}.exerciseCaption h3{font-size:18px;letter-spacing:-.4px;max-width:100%}.exercisePlay{display:none}.exerciseDuration{left:12px;top:14px;padding:4px 8px;font-size:10px}.exerciseInfo{right:1px;top:2px}.filterPills{background:transparent;padding:0;gap:2px}.filterPills button{font-size:10px;padding:8px;min-height:44px}.filterPills button[aria-pressed="true"]{background:var(--surface);box-shadow:var(--shadow)}.compactBottom{gap:10px}.compactBottom a{font-size:11px}}
/* Original task diagrams replace generic photographic cards. */
.exercisePhoto .taskArtwork{display:block;position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.exercisePhoto{background:#0c2033}.exerciseLaunch:after{background:linear-gradient(180deg,transparent 50%,#061322e8 100%)}.exercisePhoto .taskArtwork{padding-bottom:30px}.quickBrief figure .taskArtwork{width:100%;height:100%;position:absolute;inset:0}.guideHubGrid .taskArtwork{display:block;width:100%;height:130px;background:#0c2033}.exerciseCaption h3{font-size:21px}@media(max-width:560px){.exercisePhoto .taskArtwork{width:160%;max-width:none;left:-30%;padding-bottom:30px}.exerciseCaption h3{font-size:17px}.guideHubGrid .taskArtwork{height:100px}}
/* A single contained header for active exercises. */
#view.activeExercise .exerciseHeader{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1350px;box-sizing:border-box;padding:20px 24px;margin:0 auto 22px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:none;min-width:0}
#view.activeExercise .exerciseHeader #testToolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;width:100%;margin:0;padding:0 0 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;box-sizing:border-box}
#view.activeExercise .exerciseHeader #testToolbar>div{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0}#view.activeExercise .exerciseHeader #testToolbar>span{font-size:9px;letter-spacing:1px;color:var(--muted)}
#view.activeExercise .exerciseHeader .sessiontop{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:20px;width:100%;min-width:0;max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
#view.activeExercise .exerciseHeader .sessiontop>div:first-child{min-width:0;flex:1}.exerciseHeader .eyebrow{display:block;overflow-wrap:anywhere;font-size:10px;line-height:1.5}.exerciseHeader .sessiontop h1,.exerciseHeader .sessiontop h2{margin:6px 0 0;font-size:28px;line-height:1.15;letter-spacing:-.8px;overflow-wrap:anywhere}
#view.activeExercise .exerciseHeader .timer{flex:0 0 auto;margin:0;min-width:106px;padding:12px 16px;border-radius:16px;background:var(--surface-2);border:0;font-size:27px;line-height:1.2;text-align:center;box-sizing:border-box}.exerciseHeader .timer small{display:block;margin-top:6px;font-size:8px;letter-spacing:.8px}
#view.activeExercise .exerciseHeader #fullscreenToggle{margin:0;min-height:40px;padding:9px 14px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:12px;font-size:12px;white-space:nowrap}
@media(max-width:560px){#view.activeExercise .exerciseHeader{padding:16px;gap:14px;border-radius:20px;margin-bottom:16px}#view.activeExercise .exerciseHeader .sessiontop{gap:12px}.exerciseHeader .sessiontop h1,.exerciseHeader .sessiontop h2{font-size:22px}.exerciseHeader .eyebrow{font-size:8px}#view.activeExercise .exerciseHeader .timer{min-width:82px;padding:10px;font-size:23px}.exerciseHeader .timer small{font-size:7px}#view.activeExercise .exerciseHeader #testToolbar{gap:8px}.exerciseHeader #focusStatus{max-width:150px;overflow-wrap:anywhere}}
@media(orientation:landscape) and (max-height:650px){#view.activeExercise .exerciseHeader{padding:12px 18px;gap:10px;margin-bottom:12px}#view.activeExercise .exerciseHeader #testToolbar{padding-bottom:8px}.exerciseHeader .sessiontop h1{font-size:22px}#view.activeExercise .exerciseHeader .timer{font-size:22px;padding:8px 12px}}
/* QA: shared exercise header must size to content, not legacy site-header height. */
#view.activeExercise .exerciseHeader{height:auto;min-height:0;align-items:stretch;justify-content:flex-start;flex-shrink:0}#view.activeExercise .exerciseHeader>*{flex-shrink:0}.exerciseHeader .prepTimer{flex:0 0 auto;padding:12px 16px;background:var(--surface-2);border-radius:16px;text-align:center}.exerciseHeader .prepTimer strong{font:600 27px/1.2 ui-monospace,monospace;color:var(--accent)}.exerciseHeader .prepTimer span{display:block;font-size:8px;letter-spacing:.8px;margin-top:6px}.quizpanel{width:100%;max-width:none;min-width:0;box-sizing:border-box}.quizpanel input[type=number],.quizpanel input[type=text]{max-width:100%;min-height:48px;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:16px}.quizoptions button.selected{background:var(--surface-2);color:var(--text);border-color:var(--accent)}
@media(max-width:560px){.exerciseHeader .prepTimer{padding:10px;min-width:80px}.exerciseHeader .prepTimer strong{font-size:23px}.questiontext{font-size:19px}.quizpanel{padding:20px}.quizpanel .actions{flex-wrap:wrap}.quizoptions button{min-width:0;overflow-wrap:anywhere}}
/* QA: theme and touch consistency across all exercise families. */
#view .cuteInstruction{color:var(--text)!important}.cuteWorkspace #multiProgress,.cuteWorkspace #monitorProgress,.cuteWorkspace .secondaryTasks section>span{color:var(--muted)}#runwayCanvas{background:#f1f5f8;border-radius:14px}#view .numericanswer{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--line);font-size:20px!important;padding:14px;border-radius:12px;max-width:100%;width:100%}#view .progress{background:var(--surface-2)}#view .progress span{background:var(--accent)}body.focusMode #view.activeExercise,#view.activeExercise:fullscreen{background:var(--bg)}.cuteWorkspace .binaryAnswers button,.cuteWorkspace .runwayButtons button,.tubeSpeed button{background:var(--surface-2);color:var(--text);border-color:var(--line);min-height:48px}.cuteWorkspace .secondaryTasks small{color:var(--muted)}#view canvas[tabindex]{touch-action:none}#view .actions button,#view .actions a{min-height:44px}.workspacebar{height:auto;min-height:54px;margin-bottom:16px}.exerciseHeader #fullscreenToggle{min-height:44px!important}#view .sessiontop small{color:var(--muted)}.cuteWorkspace .runwayPanel{min-width:0}.cuteWorkspace .taskEquation,.cuteWorkspace .taskLetters{overflow-wrap:anywhere}
@media(max-width:380px){.cuteWorkspace .runwayTasks{grid-template-columns:minmax(88px,.65fr) minmax(0,1.15fr);gap:10px}.cuteWorkspace .taskEquation,.cuteWorkspace .taskLetters{font-size:17px;letter-spacing:.04em}.cuteWorkspace .binaryAnswers{gap:4px}.cuteWorkspace .binaryAnswers button{font-size:11px;padding:7px 4px}.topbar{gap:6px}.topbar [data-theme-toggle]{padding:8px 10px}.exerciseHeader .sessiontop h1{font-size:20px}}
.filterPills button{min-width:44px}#view #fullscreenToggle{min-height:44px}#menuToggle{min-width:44px}#view .numericanswer:disabled{opacity:.65}#view .quizpanel .actions{gap:10px}
#pauseNotice{color:var(--muted)}button:disabled{cursor:not-allowed;opacity:.55}