:root{--app-nav-height:72px;--site-gutter:clamp(16px,3vw,38px)}.learning-return{flex-shrink:0;justify-content:flex-end;width:100%;max-width:1200px;margin:0 auto;padding:8px 0;font-size:13px;display:flex}.learning-return a{color:inherit;text-underline-offset:4px;align-items:center;min-height:32px;display:inline-flex}.demo-shell.app-shell{padding-inline:var(--site-gutter)}.study-shell:has(>.app-header){padding-inline:var(--site-gutter)}.study-shell>.app-header{max-width:1200px}.app-header{--ink:#191919;--paper:#f4f0e8;--line:#ded8cd;--nav-panel:#fcfaf6;--nav-muted:#716c64;--nav-hover:#eee8de;--nav-selected:#e9e3d8;--nav-button-border:#c7c0b4;--nav-shadow:#19191918;color:var(--ink);background:var(--paper);font-family:var(--font-geist-sans),Arial,sans-serif;z-index:210;width:100%;max-width:1200px;min-height:var(--app-nav-height);border-bottom:1px solid var(--line);box-sizing:border-box;flex-shrink:0;align-items:center;gap:28px;margin:0 auto;line-height:1.4;transition:background-color .4s,color .4s,border-color .4s;display:flex;position:sticky;top:0}.app-header[data-tone=immersive]{--ink:#f4f0e8;--paper:#191919;--line:#3b3934;--nav-panel:#22211f;--nav-muted:#b9b2a6;--nav-hover:#302e29;--nav-selected:#302e29;--nav-button-border:#5c574f;--nav-shadow:#0003;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-header:before{content:"";background:inherit;z-index:-1;pointer-events:none;width:100vw;position:absolute;top:0;bottom:-1px;left:50%;transform:translate(-50%)}.app-header .brand{color:inherit;flex-shrink:0;font-size:23px}.app-header .brand-mark span{background:currentColor}.app-header .brand-mark{margin-right:10px}.app-header a{color:inherit;text-decoration:none}.app-header-panel{align-self:stretch;align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.app-header-panel[aria-current]{box-shadow:inset 0 -2px}.app-header-tools{align-items:center;gap:18px;min-width:0;margin-left:auto;display:flex}.app-header-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.app-header-menu{position:relative}.app-header-menu>summary{cursor:pointer;border:1px solid var(--nav-button-border);border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 12px;font-size:12px;list-style:none;transition:background-color .4s,border-color .4s;display:flex}.app-header-menu>summary::-webkit-details-marker{display:none}.app-header-menu[open]>summary{background:var(--nav-selected)}.app-header .app-menu-panel{z-index:211;width:276px;max-width:calc(100vw - 32px);max-height:calc(100dvh - var(--app-nav-height) - 24px);background:var(--nav-panel);border:1px solid var(--line);box-shadow:0 18px 42px var(--nav-shadow);border-radius:8px;padding:10px;display:block;position:absolute;top:calc(100% + 10px);right:0;overflow:auto}.app-header .app-menu-panel p{color:var(--nav-muted);letter-spacing:.06em;text-transform:uppercase;margin:4px 9px 8px;font-size:10px;line-height:1.6}.app-header .app-menu-panel>a,.app-header .app-menu-panel button.app-menu-action{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:10px 9px;font-size:13px;text-decoration:none;display:flex}.app-header .app-menu-panel>a>svg:last-child:not(:first-child){margin-left:auto}.app-header .app-menu-panel>a:hover,.app-header .app-menu-panel button.app-menu-action:hover{background:var(--nav-hover)}.app-menu-divider{background:var(--line);height:1px;margin:8px 0}.app-menu-story{border-top:1px solid var(--line);margin-top:8px;padding-top:10px}.app-header .app-menu-story>button{border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;margin:2px;padding:8px 10px;font-size:12px;display:inline-flex}.app-header .app-menu-story>button:disabled{opacity:.45;cursor:default}.app-header :focus-visible{outline:3px solid var(--ink);outline-offset:3px}.app-header[data-reduced-motion=true],.app-header[data-reduced-motion=true] summary{transition:none}@media (max-width:760px){:root{--app-nav-height:64px}.app-header{gap:16px}.app-header .brand{font-size:21px}.app-header-panel,.app-header-name{display:none}.app-header-menu>summary{padding-inline:11px}}@media (max-width:390px){.app-header:has(.test-controls-trigger){gap:8px}.app-header:has(.test-controls-trigger) .brand{font-size:17px}.app-header:has(.test-controls-trigger) .brand-mark{margin-right:6px}.app-header:has(.test-controls-trigger) .app-header-tools{flex-shrink:0;gap:8px}.app-header:has(.test-controls-trigger) .app-header-menu>summary{gap:6px;padding-inline:8px}}.journey-transition{inset:var(--app-nav-height) 0 0;z-index:200;color:#f4f0e8;font-family:var(--font-geist-sans),Arial,sans-serif;isolation:isolate;background:#191919;place-items:center;padding:28px;animation:.32s cubic-bezier(.22,1,.36,1) both journey-cover;display:grid;position:fixed}.journey-transition-content{width:min(650px,100%)}.journey-transition small{letter-spacing:.14em;text-transform:uppercase;color:#b9b2a6;font-size:11px;display:block}.journey-transition h2{letter-spacing:-.075em;margin:22px 0;font-size:clamp(55px,10vw,108px);font-weight:400;line-height:.99}.journey-transition p{color:#c8c2b7;margin:20px 0 0;font-size:14px;line-height:1.7}.journey-line{background:#4d4840;width:150px;height:1px;margin-top:38px;position:relative}.journey-line:after{content:"";background:#f4f0e8;border-radius:50%;width:7px;height:7px;animation:.9s cubic-bezier(.3,.7,.3,1) both journey-dot;position:absolute;top:-3px;left:0}.journey-transition[data-phase=reveal]{pointer-events:none;animation:.75s cubic-bezier(.7,0,.2,1) both journey-uncover}.journey-transition a,.journey-transition button{color:#191919;min-height:44px;font:inherit;cursor:pointer;background:#f4f0e8;border:0;border-radius:4px;align-items:center;margin:18px 12px 0 0;padding:10px 14px;font-size:13px;text-decoration:none;display:inline-flex}.journey-transition:focus-visible{outline:3px solid #f4f0e8}@keyframes journey-cover{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes journey-uncover{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}@keyframes journey-dot{0%{transform:translate(0)}to{transform:translate(143px)}}@media (prefers-reduced-motion:reduce){.app-header,.app-header-menu>summary{transition:none}.journey-transition,.journey-transition[data-phase=reveal],.journey-line:after{animation:none}}.journey-transition[data-reduced=true],.journey-transition[data-reduced=true] .journey-line:after{animation:none}
@font-face{font-family:BasedSpeak Bangers;src:url(/fonts/Bangers-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:BasedSpeak Barlow;src:url(/fonts/Barlow-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:BasedSpeak Barlow;src:url(/fonts/Barlow-SemiBold.ttf)format("truetype");font-style:normal;font-weight:600 900;font-display:swap}:root{--comic-paper:#fff7e8;--comic-ink:#202722;--comic-yellow:#efc653;--comic-coral:#d9755c;--comic-teal:#39776b;--comic-blue:#8eb1c2;--comic-muted:#5d655b;--comic-display:"BasedSpeak Bangers",Impact,sans-serif;--comic-body:"BasedSpeak Barlow",Arial,sans-serif;--comic-shadow:3px 3px 0 var(--comic-ink);--comic-border:2px solid var(--comic-ink);background:var(--comic-paper);color:var(--comic-ink)}html body[class]{--font-geist-sans:var(--comic-body);font-family:var(--comic-body)}html body :is(.landing,.start-page,.dashboard,.demo-shell,.study-shell,.admin-shell,.admin-login-shell){--ink:var(--comic-ink);--paper:var(--comic-paper);--muted:var(--comic-muted);--line:#b9b6a4;--dashboard-card:#fffdf5;color:var(--comic-ink);background-color:var(--comic-paper);font-family:var(--comic-body);background-image:radial-gradient(#20272213 .7px,#0000 .8px);background-size:8px 8px}html body .app-header:not([data-tone=immersive]){--ink:var(--comic-ink);--paper:var(--comic-paper);--line:var(--comic-ink);--nav-panel:#fffdf5;--nav-muted:var(--comic-muted);--nav-hover:#f4df98;--nav-selected:var(--comic-yellow);--nav-button-border:var(--comic-ink);border-bottom-width:2px}html body .app-header .app-menu-panel{border:var(--comic-border);box-shadow:4px 4px 0 var(--comic-ink);border-radius:7px 4px 8px 5px}html body .app-header-menu>summary{border-width:2px;border-radius:5px;font-weight:600;box-shadow:2px 2px}html body .app-header[data-tone=immersive] .app-header-menu>summary{box-shadow:2px 2px #797d6c}html body .app-header .app-menu-panel p{letter-spacing:.09em;font-weight:600}html body :is(.dashboard-primary,.study-primary,.demo-shell .primary,.admin-primary){color:var(--comic-ink);background:var(--comic-yellow);border:var(--comic-border);box-shadow:var(--comic-shadow);border-radius:6px 4px 7px;font-weight:600}html body :is(.dashboard-primary,.study-primary,.demo-shell .primary,.admin-primary):hover{color:var(--comic-ink);background:#f6d779}html body :is(.dashboard-dialog,.demo-dialog,.live-class-dialog,.learning-conflict){color:var(--comic-ink);background:var(--comic-paper);border:var(--comic-border);box-shadow:5px 5px 0 var(--comic-ink);border-radius:9px 5px 10px}html body :is(.dashboard-dialog,.demo-dialog,.live-class-dialog,.learning-conflict) h2{font-family:var(--comic-display);letter-spacing:.025em;font-weight:400}html body :is(.dashboard,.study-shell,.demo-shell) :focus-visible{outline-color:var(--comic-teal)}html body :is(.dashboard-field input,.student-compose input,.student-compose textarea,.study-glossary input){color:var(--comic-ink);border:var(--comic-border);background:#fffdf6;border-radius:5px}html body :is(.dashboard,.study-shell,.demo-shell) [lang=en]{font-family:var(--comic-body);text-transform:none;letter-spacing:normal}html body .admin-shell{--admin-line:#aeb6a8;--admin-green:var(--comic-teal);--admin-muted:var(--comic-muted)}html body .admin-sidebar{border-right:var(--comic-border);background:#e3eadc}html body .admin-topbar{background:var(--comic-paper);border-bottom:var(--comic-border)}html body .admin-sidebar nav>button[aria-current]{color:var(--comic-ink);background:var(--comic-yellow);border:var(--comic-border);box-shadow:2px 2px 0 var(--comic-ink)}html body .admin-main h1,html body .admin-main>header h2{font-family:var(--comic-display);letter-spacing:.025em;font-weight:400}@media (max-width:640px){html body .admin-sidebar{border-right:0;border-bottom:var(--comic-border)}}html body .journey-transition{background-color:var(--comic-ink);color:var(--comic-paper);font-family:var(--comic-body)}html body .journey-transition h2,html body .dashboard-cinematic-word{font-family:var(--comic-display);letter-spacing:.025em;color:var(--comic-yellow);font-weight:400}html body .journey-transition small{color:var(--comic-yellow)}html body .journey-line{background:var(--comic-teal)}html body .journey-line:after{background:var(--comic-yellow)}html body .dashboard-intro{background-color:var(--comic-ink);color:var(--comic-paper)}html body .dashboard-intro h2{font-family:var(--comic-display);letter-spacing:.025em;color:var(--comic-yellow);font-weight:400}
html body :is(.landing,.start-page){--ink:var(--comic-ink);--paper:var(--comic-paper);--muted:var(--comic-muted);--line:var(--comic-ink);color:var(--comic-ink);background-color:var(--comic-paper);font-family:var(--comic-body),Arial,sans-serif;background-image:radial-gradient(#2027220e .65px,#0000 .8px);background-size:9px 9px}html body :is(.landing-header,.start-header){border:0;border-bottom:2px solid var(--comic-ink);padding-right:4px}html body :is(.landing-footer,.start-footer){border:0;border-top:2px solid var(--comic-ink)}html body :is(.landing-header,.start-header) .brand{color:var(--comic-ink)}html body :is(.landing-eyebrow,.start-free){color:var(--comic-teal);font-weight:700}html body .landing-small-mark{background:var(--comic-coral);outline:1px solid var(--comic-ink)}html body :is(.landing-hero-copy h1,.start-story h2,.start-type,.signup-card h1,.landing-info h2,.landing-info h3){font-family:var(--comic-display);letter-spacing:.015em;color:var(--comic-ink);font-weight:400}html body .landing-hero-copy h1{line-height:.99}html body .landing-hero-copy h1>span{color:var(--comic-teal);font-style:normal;font-weight:400}html body .landing-lead{color:var(--comic-muted)}html body :is(.landing-login,.landing-info-header>button){border:2px solid var(--comic-ink);background:var(--comic-paper);box-shadow:3px 3px 0 var(--comic-ink);color:var(--comic-ink);border-radius:5px}html body :is(.landing-login:hover,.landing-info-header>button:hover){background:var(--comic-yellow)}html body .landing .landing-cta,html body .start-page .landing-cta{border:2px solid var(--comic-ink);background:var(--comic-yellow);color:var(--comic-ink);box-shadow:4px 4px 0 var(--comic-ink);letter-spacing:.01em;border-radius:5px;font-weight:750}html body .landing .landing-cta:hover,html body .start-page .landing-cta:hover{background:#f6d779}html body .landing-more{color:var(--comic-teal);font-weight:700}html body .landing-assurance{color:var(--comic-muted)}html body .landing-assurance svg{color:var(--comic-teal)}html body :is(.landing-footer,.start-footer){color:var(--comic-muted)}html body :is(.landing-footer,.start-footer) a{color:var(--comic-ink)}html body .language-stage{background-color:var(--comic-teal);color:var(--comic-paper);border:2px solid var(--comic-ink);box-shadow:6px 6px 0 var(--comic-ink);background-image:radial-gradient(#fff7e829 .8px,#0000 .9px);background-size:9px 9px;border-radius:7px}html body :is(.language-stage-top,.language-stage-bottom){color:var(--comic-paper)}html body .language-poster{font-family:var(--comic-display);letter-spacing:.015em;color:var(--comic-yellow);text-shadow:2px 2px 0 var(--comic-ink);font-weight:400}html body .language-poster>span:last-child{font-weight:400}html body .language-sticker{background:var(--comic-coral);color:var(--comic-ink);border:2px solid var(--comic-ink);box-shadow:3px 3px 0 var(--comic-ink);font-weight:800}html body .language-paper{background:var(--comic-paper);color:var(--comic-ink);border:2px solid var(--comic-ink);box-shadow:4px 4px 0 var(--comic-ink);border-radius:6px}html body .language-stage.is-complete .language-paper{box-shadow:4px 4px 0 var(--comic-yellow)}html body .language-intention{font-weight:650}html body .language-answer{border-color:var(--comic-ink)}html body .language-word-bank>button{color:var(--comic-ink);border:2px solid var(--comic-ink);box-shadow:2px 2px 0 var(--comic-ink);background:#fffdf5;border-bottom-width:3px;border-radius:4px;font-weight:650}html body .language-word-bank>button:hover:enabled{background:var(--comic-yellow)}html body .language-word-bank>button:disabled{color:#76796e;box-shadow:none;background:#e8e5d7;border-color:#a2a695}html body :is(.language-notice,.language-placeholder,.language-reset){color:var(--comic-muted)}html body .language-reset:hover:enabled{background:#efc6534d}html body .landing-info{color:var(--comic-ink);background:var(--comic-paper);border-left:2px solid var(--comic-ink)}html body .landing-info::backdrop{background:#2027229c}html body .landing-info-header{background:var(--comic-paper);color:var(--comic-teal)}html body .landing-info h2{line-height:1.03}html body :is(.landing-info-lead,.landing-info-steps p,.landing-info-next>p){color:var(--comic-muted)}html body .landing-info-steps>li{border-color:var(--comic-ink)}html body .landing-info-steps>li>span{color:var(--comic-teal);font-weight:750}html body .landing-info h3{font-size:21px}html body .landing-support-preview{border:2px solid var(--comic-ink);box-shadow:4px 4px 0 var(--comic-ink);background:#fffdf5;border-radius:6px}html body .landing-support-tabs{border-color:var(--comic-ink);background:#efc65340}html body .landing-support-tabs>button{color:var(--comic-ink);font-weight:650}html body .landing-support-tabs>button[aria-pressed=true]{background:var(--comic-teal);color:var(--comic-paper)}html body .landing-support-tabs>button:hover:not([aria-pressed=true]){background:var(--comic-yellow)}html body .landing-support-icon{border:2px solid var(--comic-ink);color:var(--comic-ink);background:var(--comic-yellow)}html body .landing-support-demo>span:not(.landing-writing){border:2px solid var(--comic-ink);background:var(--comic-paper);box-shadow:2px 2px 0 var(--comic-ink)}html body .landing-support-demo>span.is-blank{color:var(--comic-muted);box-shadow:none;border-style:dashed}html body .landing-info-next{border-color:var(--comic-ink)}html body .start-type{color:var(--comic-teal);line-height:1}html body .start-type>span:nth-child(2){color:var(--comic-ink);font-style:normal;font-weight:400}html body .start-type>span:last-child{color:var(--comic-coral)}html body .signup-card{background:var(--comic-paper);color:var(--comic-ink);border:2px solid var(--comic-ink);box-shadow:5px 5px 0 var(--comic-ink);border-radius:8px}html body .signup-card h1{font-size:32px;line-height:1.04}html body :is(.signup-intro,.signup-card small,.signup-legal,.signup-divider){color:var(--comic-muted)}html body .signup-google{color:var(--comic-ink);border:2px solid var(--comic-ink);background:#fffdf5;border-radius:4px;font-weight:650}html body .signup-google:hover{background:#efc65345}html body .signup-card input{color:var(--comic-ink);border:2px solid var(--comic-ink);background:#fffdf5;border-radius:4px}html body .signup-card input::placeholder{color:#6d7367}html body .signup-card input:focus{outline-color:var(--comic-teal)}html body .signup-password button{color:var(--comic-ink)}html body .signup-password button:hover{background:#efc65345}html body .signup-card .signup-forgot,html body .signup-switch button{color:var(--comic-teal);font-weight:650}html body .signup-divider:before,html body .signup-divider:after{background:var(--comic-ink)}html body .signup-approval-note{border:1px solid var(--comic-ink);color:var(--comic-muted);background:#efc65330;border-left-width:4px}html body .signup-error{color:#702c21;border:2px solid var(--comic-coral);background:#d9755c24}html body .signup-message{color:#28584e;border:2px solid var(--comic-teal);background:#39776b17}html body :is(.presentation,.presentation-state){--presentation-cream:var(--comic-paper);--presentation-ink:var(--comic-ink);color:var(--comic-paper);background-color:var(--comic-ink);font-family:var(--comic-body),Arial,sans-serif;background-image:radial-gradient(#fff7e818 .7px,#0000 .9px);background-size:10px 10px}html body .presentation:before{background:radial-gradient(#efc65320,#0000 65%)}html body .presentation-copy h1{font-family:var(--comic-display);letter-spacing:.015em;font-weight:400;line-height:1.02}html body .presentation-copy h1>span+span{color:var(--comic-yellow)}html body .presentation-eyebrow{color:var(--comic-coral);font-weight:650}html body .presentation-description{color:#e4dfce}html body :is(.presentation-header button,.presentation-progress p,.presentation-progress p>span,.presentation-back){color:var(--comic-paper)}html body .presentation-footer{border-color:#fff7e83d}html body .presentation-progress nav button span{background:#fff7e838;height:3px}html body .presentation-progress nav button[aria-current] span{background:var(--comic-yellow);box-shadow:none}html body .presentation-next,html body .presentation-state button{border:2px solid var(--comic-ink);background:var(--comic-yellow);color:var(--comic-ink);box-shadow:3px 3px 0 var(--comic-coral);border-radius:5px;font-weight:750}html body .presentation-next:hover{background:#f6d779}html body .presentation-orbit-ring{border:2px solid #efc65366}html body .presentation-orbit-spark{color:var(--comic-yellow);background:var(--comic-ink)}html body .presentation-signal>span{background:var(--comic-yellow);box-shadow:none}html body .presentation-start>span{border:2px solid var(--comic-ink);background:var(--comic-paper);color:var(--comic-ink);box-shadow:3px 3px 0 var(--comic-coral)}html body .presentation-start>span:first-child{background:var(--comic-yellow)}html body .presentation-start>svg{color:var(--comic-coral)}html body :is(.presentation-start small,.presentation-support-caption,.presentation-study-caption,.presentation-reward-tag){color:#e4dfce}html body .presentation-photo{border:2px solid var(--comic-ink);box-shadow:5px 5px 0 var(--comic-coral);border-radius:7px}html body .presentation-photo>span{border:1px solid var(--comic-ink);background:var(--comic-yellow);color:var(--comic-ink);border-radius:3px;font-weight:650}html body .presentation-floating{background:var(--comic-paper);color:var(--comic-ink);border:2px solid var(--comic-ink);box-shadow:4px 4px 0 var(--comic-coral);border-radius:5px}html body .presentation-support-card,html body .presentation-support-card:nth-child(2),html body .presentation-support-card:nth-child(3){background:var(--comic-paper);color:var(--comic-ink);border:2px solid var(--comic-ink);box-shadow:4px 4px 0 var(--comic-coral);border-radius:7px}html body .presentation-support-icon{background:var(--comic-yellow);color:var(--comic-ink);border:1px solid var(--comic-ink)}html body .presentation-support-glyph i{background:var(--comic-teal)}html body .presentation-support-card:nth-child(2) .presentation-support-glyph i:nth-child(2),html body .presentation-support-card:nth-child(3) .presentation-support-glyph{border-color:var(--comic-teal)}html body .presentation-study-number strong,html body .presentation-reward-core strong{color:var(--comic-yellow);font-family:var(--comic-display);letter-spacing:.015em;font-weight:400}html body .presentation-study-number>span,html body .presentation-reward-core strong>span{color:var(--comic-paper)}html body .presentation-study-grid>div{background:var(--comic-paper);border:2px solid var(--comic-ink);box-shadow:3px 3px 0 var(--comic-coral);border-radius:5px}html body .presentation-study-grid>div>span{color:var(--comic-ink);font-weight:650}html body .presentation-study-grid i{background:#b3c5b8}html body .presentation-study-grid i[data-filled=true]{background:var(--comic-teal)}html body .presentation-reward-ring circle{stroke:#fff7e838}html body .presentation-reward-ring circle+circle{stroke:var(--comic-yellow)}html body :is(.presentation-reward-core>svg,.presentation-reward-star){color:var(--comic-coral)}html body .presentation-reward-core small{color:var(--comic-paper)}html body .presentation-panel{background:var(--comic-paper);color:var(--comic-ink);border:2px solid var(--comic-ink);box-shadow:6px 6px 0 var(--comic-coral);border-radius:8px}html body .presentation-panel-heading{color:var(--comic-teal);font-weight:650}html body .presentation-online{background:var(--comic-teal);box-shadow:0 0 0 2px var(--comic-ink)}html body .presentation-panel-greeting{font-family:var(--comic-display);letter-spacing:.015em}html body .presentation-panel-greeting>span{color:var(--comic-coral)}html body .presentation-panel-route:before{background:var(--comic-ink);height:2px}html body .presentation-panel-route>div>span{background:var(--comic-yellow);border:2px solid var(--comic-ink);color:var(--comic-ink)}html body .presentation-panel-route small{color:var(--comic-muted)}html body .presentation-panel-contact{border-color:var(--comic-ink);color:var(--comic-ink)}html body .legal{border:2px solid var(--comic-ink);background:var(--comic-paper);color:var(--comic-ink);box-shadow:4px 4px 0 var(--comic-ink);font-family:var(--comic-body),Arial,sans-serif;border-radius:7px;padding:clamp(18px,3vw,32px)}html body .legal h1,html body .legal h2{font-family:var(--comic-display);letter-spacing:.015em;font-weight:400;line-height:1.1}html body .legal h1{color:var(--comic-teal)}html body .legal h2{color:var(--comic-ink)}html body .legal p{line-height:1.75}html body .legal a{color:var(--comic-teal);text-underline-offset:3px;text-decoration-thickness:1.5px}@container public-viewport (max-width:760px){html body .landing-hero-copy h1{letter-spacing:.01em}html body .language-stage{box-shadow:4px 4px 0 var(--comic-ink)}html body .signup-card h1{font-size:29px}html body .signup-card{box-shadow:3px 3px 0 var(--comic-ink)}}@container public-viewport (max-height:620px){html body .signup-card h1{font-size:27px}}@container public-viewport (max-height:480px){html body .signup-card h1{font-size:25px}}@media (max-width:360px),(max-height:700px) and (max-width:760px){html body .presentation-copy h1{line-height:1}html body .presentation-study-grid>div{box-shadow:2px 2px 0 var(--comic-coral);border-width:1px}}html body :is(.admin-card,.admin-stat,.admin-quick-card,.admin-dialog){background:var(--comic-paper);color:var(--comic-ink);border:2px solid var(--comic-ink);box-shadow:3px 3px 0 var(--comic-ink);border-radius:7px 4px 8px 5px}html body .admin-stat:hover,html body .admin-card-heading{border-color:var(--comic-ink);background:#efc65326}html body .admin-card-heading h2{color:var(--comic-ink);font-weight:600}html body :is(.admin-quick-card h2,.admin-dialog h2,.admin-inbox-placeholder h2){font-family:var(--comic-display);letter-spacing:.025em;font-weight:400}html body :is(.admin-stat-heading,.admin-card-heading p,.admin-quick-card>p:not(.admin-eyebrow),.admin-dialog-description,.admin-dialog-note){color:var(--comic-muted)}html body :is(.admin-stat-heading>svg,.admin-quick-icon,.admin-text-button,.admin-eyebrow){color:var(--comic-teal)}html body .admin-stat-footer{color:var(--comic-muted);border-color:#b9b6a4}html body .admin-button{background:var(--comic-paper);color:var(--comic-ink);border:2px solid var(--comic-ink);box-shadow:2px 2px 0 var(--comic-ink);border-radius:5px;font-weight:600}html body .admin-button:hover:not(:disabled){border-color:var(--comic-ink);background:#efc65345}html body .admin-button-primary{background:var(--comic-yellow);color:var(--comic-ink);border-color:var(--comic-ink)}html body .admin-button-primary:hover:not(:disabled){border-color:var(--comic-ink);background:#f6d779}html body .admin-button-danger{color:#702c21;background:#d9755c24}html body .admin-button-danger:hover:not(:disabled){background:#d9755c45}html body :is(.admin-search,.admin-select select,.admin-fields input,.admin-fields select,.admin-fields textarea,.admin-inbox-filter select,.admin-reply-label textarea){color:var(--comic-ink);border:2px solid var(--comic-ink);background:#fffdf5;border-radius:4px}html body .admin-search input{color:var(--comic-ink);background:0 0}html body .admin-table th{color:var(--comic-ink);border-color:var(--comic-ink);background:#efc65345;font-weight:600}html body .admin-table td,html body .admin-table-footer{border-color:#b9b6a4}html body .admin-table tbody tr:hover{background:#39776b12}html body :is(.admin-inline-count,.admin-activity-icon,.admin-avatar){color:var(--comic-ink);border-color:var(--comic-ink);background:#efc65340}html body .admin-status{color:#28584e;border-color:var(--comic-teal);background:#39776b17}html body .admin-status[data-status=pending]{color:#725520;background:#efc65333;border-color:#997121}html body .admin-status[data-status=suspended],html body .admin-status[data-status=rejected]{color:#702c21;border-color:var(--comic-coral);background:#d9755c24}html body .admin-inbox-list li>button[aria-pressed=true]{box-shadow:inset 3px 0 var(--comic-teal);background:#efc65330}html body .admin-message-list li{border-color:var(--comic-ink);background:#fffdf5;border-radius:7px 7px 7px 2px}html body .admin-message-list li[data-author=manager]{border-color:var(--comic-ink);background:#efc65330;border-radius:7px 7px 2px}html body .admin-dialog::backdrop{background:#2027229c}html body .admin-login-shell{--ink:var(--comic-ink);--admin-green:var(--comic-teal);--admin-line:var(--comic-ink);background:var(--comic-paper);color:var(--comic-ink);font-family:var(--comic-body),Arial,sans-serif}html body .admin-login-intro{background-color:var(--comic-teal);color:var(--comic-paper);background-image:radial-gradient(#fff7e824 .7px,#0000 .9px);background-size:9px 9px}html body .admin-login-intro h1,html body .admin-login-form h2{font-family:var(--comic-display);letter-spacing:.025em;font-weight:400}html body .admin-login-intro h1{color:var(--comic-yellow);text-shadow:2px 2px 0 var(--comic-ink)}html body .admin-login-intro .admin-eyebrow,html body .admin-login-intro>div>p:last-child{color:var(--comic-paper)}html body .admin-login-symbol{background:var(--comic-yellow);color:var(--comic-ink);border:2px solid var(--comic-ink);box-shadow:3px 3px 0 var(--comic-ink);border-radius:6px}html body .admin-login-form{background:var(--comic-paper)}html body .admin-login-form>div>p:not(.admin-eyebrow):not(.admin-form-error):not(.admin-dialog-note),html body .admin-login-divider{color:var(--comic-muted)}html body .admin-login-divider:before,html body .admin-login-divider:after{background:var(--comic-ink)}html body :is(.admin-shell,.admin-login-shell) :focus-visible{outline-color:var(--comic-teal)}html body :is(.landing-footer,.start-footer){min-height:34px}@container public-viewport (max-width:760px){html body .start-main{width:calc(100% - 28px);padding-inline:6px}}@container public-viewport (min-width:761px) and (max-width:1100px){html body .start-main{width:calc(100% - 52px);padding-inline:6px}}@container public-viewport (min-width:761px) and (min-height:481px) and (max-height:760px){html body .signup-card[data-mode=signup]{padding:18px 24px 12px}html body .signup-card[data-mode=signup] .signup-intro{margin-bottom:13px}html body .signup-card[data-mode=signup] .signup-divider{margin-block:10px}html body .signup-card[data-mode=signup] label{margin-bottom:10px}html body .signup-card[data-mode=signup] .signup-approval-note{margin-bottom:10px;padding-block:7px}html body .signup-card[data-mode=signup] .signup-legal{margin-top:8px}html body .signup-card[data-mode=signup] .signup-switch{margin-top:6px}}@container public-viewport (max-width:760px) and (min-height:481px) and (max-height:620px){html body .signup-card[data-mode=signup]{padding:9px 18px 7px}html body .signup-card[data-mode=signup] h1{font-size:24px}html body .signup-card[data-mode=signup] .signup-approval-note{margin-bottom:5px;padding-block:6px;line-height:1.4}html body .signup-card[data-mode=signup] .signup-divider{margin-block:5px}html body .signup-card[data-mode=signup] label{margin-bottom:6px}html body .signup-card[data-mode=signup] .signup-legal{margin-top:4px;line-height:1.4}html body .signup-card[data-mode=signup] .signup-switch{margin-top:0}}@container public-viewport (min-width:480px) and (max-height:480px){html body .start-footer{min-height:30px}html body .signup-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:20px;max-width:700px;padding:10px 16px;display:grid}html body .signup-card h1{grid-column:1/-1;margin-bottom:9px;font-size:23px}html body .signup-card .signup-divider{display:none}html body .signup-card form{grid-area:2/2/6;align-self:start}html body .signup-card form fieldset{display:block}html body .signup-card .signup-google{grid-area:2/1;align-self:end;min-height:44px}html body .signup-card .signup-legal{grid-area:3/1;margin-top:8px}html body .signup-card .signup-switch{flex-wrap:wrap;grid-area:4/1;gap:2px;margin-top:3px}html body .signup-card[data-mode=signup] .signup-approval-note{grid-area:2/1;margin-top:0;margin-bottom:8px;line-height:1.4}html body .signup-card[data-mode=signup] .signup-google{grid-row:3}html body .signup-card[data-mode=signup] .signup-legal{grid-row:4}html body .signup-card[data-mode=signup] .signup-switch{grid-row:5}html body .signup-card[data-mode=reset]{max-width:420px;display:block}}@container public-viewport (max-height:360px){html body .start-footer{min-height:26px}}
html body .dashboard-welcome h1{font-family:var(--comic-display);letter-spacing:.025em;font-size:clamp(46px,5vw,66px);font-weight:400;line-height:1.05}html body .dashboard-overline{color:var(--comic-teal);letter-spacing:.12em;font-weight:600}html body .dashboard-aside{color:var(--comic-ink);background:var(--comic-yellow);border:var(--comic-border);box-shadow:2px 2px 0 var(--comic-ink);padding:6px 11px;font-weight:600}html body .dashboard .student-nav{border-bottom:2px solid var(--comic-ink);gap:8px}html body .dashboard .student-nav a,html body .dashboard .student-nav button{background:var(--comic-paper);color:var(--comic-ink);border:var(--comic-border);box-shadow:2px 2px 0 var(--comic-ink);border-radius:5px 3px 6px;padding:7px 12px;font-weight:600}html body .dashboard .student-nav a[href=\#jornada]{background:var(--comic-yellow)}html body .dashboard .student-nav a:hover{background:#f5df9a;text-decoration:none}html body .dashboard-journey{--dashboard-card:#f5dfa0;--line:var(--comic-ink);border:var(--comic-border);box-shadow:5px 5px 0 var(--comic-ink);background-color:var(--dashboard-card);background-image:radial-gradient(#20272216 .8px,#0000 .9px);background-size:7px 7px;border-radius:9px 5px 10px}html body .dashboard-card-header{background:var(--comic-teal);color:var(--comic-paper);border-bottom:var(--comic-border)}html body .dashboard-card-header h2{font-family:var(--comic-display);letter-spacing:.04em;font-size:22px;font-weight:400}html body .dashboard-availability{color:var(--comic-paper);font-weight:600}html body .dashboard-availability:before{background:var(--comic-yellow)}html body .dashboard-access-word{font-family:var(--comic-display);letter-spacing:.02em;font-style:normal;font-weight:400}html body .dashboard-access-arrow{background:var(--comic-coral);border:var(--comic-border);box-shadow:2px 2px 0 var(--comic-ink);border-radius:50%}html body .dashboard-access-copy{color:var(--comic-ink)}html body .dashboard-path-number{color:var(--comic-coral);font-family:var(--comic-display);letter-spacing:.01em;-webkit-text-stroke:1.5px var(--comic-ink);background:#f5dfa0}html body .dashboard-path-line,html body .dashboard-path-line:after{border-color:var(--comic-teal);border-width:2px}html body .dashboard-path-dot{background:var(--comic-teal);box-shadow:0 0 0 2px var(--comic-ink)}html body .dashboard-path-label{background:var(--comic-paper);color:var(--comic-ink);border:1.5px solid var(--comic-ink);letter-spacing:.05em;font-weight:600}html body .dashboard-card-footer{border-top:2px solid var(--comic-ink);color:var(--comic-ink);font-weight:600}html body .dashboard-after>p>svg{color:var(--comic-teal)}html body .dashboard-after>button{color:var(--comic-teal);font-weight:600}html body .dashboard .student-section-heading h2{font-family:var(--comic-display);letter-spacing:.025em;font-size:32px;font-weight:400}html body .dashboard .student-progress-card{border:var(--comic-border);box-shadow:var(--comic-shadow);background:#fffdf5;border-radius:8px 4px 9px 5px}html body .dashboard .student-progress-card>span:first-child{color:var(--comic-teal);font-weight:600}html body .dashboard .student-progress-card>strong{font-family:var(--comic-display);letter-spacing:.015em;color:var(--comic-ink);font-weight:400}html body .dashboard .student-progress-card>small{color:var(--comic-muted)}html body .dashboard .student-progress-card progress{border:1.5px solid var(--comic-ink);background:var(--comic-paper);height:8px}html body .dashboard .student-progress-card progress::-webkit-progress-bar{background:var(--comic-paper)}html body .dashboard .student-progress-card progress::-webkit-progress-value{background:var(--comic-teal)}html body .dashboard .student-progress-card progress::-moz-progress-bar{background:var(--comic-teal)}html body .dashboard .student-progress-card .student-progress-cta{color:var(--comic-ink);font-weight:600}html body .dashboard .student-progress-link:hover{border-color:var(--comic-ink);background:#f7e9bb}html body .dashboard .live-class-card{background:#e2ede5}html body .dashboard .student-empty,html body .dashboard .student-activities{border:var(--comic-border);box-shadow:var(--comic-shadow);background:#fffdf5;border-radius:8px 4px 9px 5px}html body .dashboard .student-activity-icon{background:var(--comic-yellow);border:1.5px solid var(--comic-ink);color:var(--comic-ink)}html body .dashboard .student-empty>svg{color:var(--comic-teal)}html body .dashboard .student-contact-grid{border:var(--comic-border);box-shadow:var(--comic-shadow);background:#fffdf5;border-radius:8px 4px 9px 5px}html body .dashboard .student-conversations{border-color:var(--comic-ink);background:#e2ede5}html body .dashboard .student-conversations button{border:1.5px solid var(--comic-ink)}html body .dashboard .student-conversations button[aria-pressed=true]{background:var(--comic-yellow);border-color:var(--comic-ink);color:var(--comic-ink);box-shadow:2px 2px 0 var(--comic-ink)}html body .dashboard .student-compose h3{font-family:var(--comic-display);letter-spacing:.025em;font-size:25px;font-weight:400}html body .dashboard .student-messages li{background:var(--comic-paper);border:1.5px solid var(--comic-ink);border-radius:10px 10px 10px 2px}html body .dashboard .student-messages li[data-author=manager]{background:#e2ede5;border-radius:10px 10px 2px}html body .student-reply-notice,html body .student-access-guide{border:var(--comic-border);box-shadow:var(--comic-shadow);background:var(--comic-paper);border-radius:8px 4px 9px 5px}html body .student-access-guide h2{font-family:var(--comic-display);letter-spacing:.025em;font-size:29px;font-weight:400}html body .student-access-guide li{border:1.5px solid var(--comic-ink);border-radius:5px}html body .student-access-guide li[data-step=done]{border-color:var(--comic-ink);background:#e2ede5}html body .student-access-guide li[data-step=current]{border-color:var(--comic-ink);background:#f5dfa0}html body .dashboard .student-status{border:var(--comic-border);background:#f5dfa0;border-radius:5px}@media (max-width:580px){html body .dashboard-welcome h1{font-size:47px}html body .dashboard-card-header h2{font-size:20px}html body .dashboard .student-nav a,html body .dashboard .student-nav button{padding:6px 9px}html body .dashboard .student-section-heading h2{font-size:29px}}
html body .demo-shell{--paper:var(--comic-paper,#fff7e8);--ink:var(--comic-ink,#202722);--muted:var(--comic-muted,#5d655b);--line:var(--comic-ink,#202722);--accent:var(--comic-teal,#39776b);--surface:var(--comic-paper,#fff7e8);color:var(--ink);background-color:var(--paper);font-family:var(--comic-body,var(--font-geist-sans)),Arial,sans-serif;background-image:radial-gradient(#20272210 .65px,#0000 .8px);background-size:9px 9px}html body .demo-shell .entry-welcome h1,html body .demo-shell .entry-mobile-welcome h1,html body .demo-shell .ending h1,html body .demo-shell .review-stage h1,html body .demo-shell .study-invitation h2,html body .demo-shell .scene-intro h1,html body .demo-shell .opening-card h1:not([lang=en]),html body .demo-shell .dialog-heading h2{font-family:var(--comic-display,var(--font-geist-sans)),sans-serif;letter-spacing:.015em;font-weight:400}html body .demo-shell .eyebrow,html body .demo-shell .entry-details,html body .demo-shell .replay-bar strong{color:var(--comic-teal,#39776b);font-weight:700}html body .demo-shell .scene-art picture,html body .demo-shell .entry-art picture{border:2px solid var(--ink);background:var(--comic-blue,#8eb1c2);box-shadow:3px 3px 0 var(--comic-teal,#39776b),5px 5px 0 var(--ink);border-radius:5px 11px 5px 8px}html body .demo-shell .scene-art picture img,html body .demo-shell .entry-art picture img{border:0;border-radius:0}html body .demo-shell .entry-reading .profile-option{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:5px 9px 5px 7px}html body .demo-shell .entry-reading .profile-option:hover{background:#f8e8b4}html body .demo-shell .entry-reading .profile-option.selected,html body .demo-shell .entry-reading .profile-option.selected:hover{color:var(--paper);background:var(--comic-teal,#39776b);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}html body .demo-shell .entry-reading .profile-option.selected small{color:#f4f0dc}html body .demo-shell .profile-indicator{border:2px solid var(--ink);background:var(--comic-yellow,#efc653);color:var(--ink);border-radius:4px}html body .demo-shell .selected .profile-indicator{background:var(--comic-yellow,#efc653);border-color:var(--ink);color:var(--ink)}html body .demo-shell .experience-bar>span,html body .demo-shell .replay-bar>div{color:var(--ink);font-weight:700}html body .demo-shell .experience-bar>button{color:var(--ink);border:2px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);border-radius:4px;text-decoration:none}html body .demo-shell progress{border:1px solid var(--ink);color:var(--comic-teal,#39776b);background:#e1d7ba;border-radius:2px}html body .demo-shell progress::-webkit-progress-bar{background:#e1d7ba}html body .demo-shell progress::-webkit-progress-value{background:var(--comic-teal,#39776b)}html body .demo-shell progress::-moz-progress-bar{background:var(--comic-teal,#39776b)}html body .demo-shell .opening-card,html body .demo-shell .expression,html body .demo-shell .speech,html body .demo-shell .moment-card,html body .demo-shell .history-line{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:6px 15px 8px 14px}html body .demo-shell .opening-card[data-presentation=context]{background:#f5dfa0;border-radius:3px 8px 3px 6px}html body .demo-shell .opening-card[data-presentation=title]{background:#f5dfa0}html body .demo-shell .opening-card[data-presentation=prompt]{background:#f2d4c5}html body .demo-shell .opening-card.listening-prompt{background:#d7e6eb}html body .demo-shell .opening-card.response-cue{background:#f2d4c5}html body .demo-shell .opening-card[data-presentation=dialogue],html body .demo-shell .speech.heard{border-radius:18px 18px 18px 4px;position:relative}html body .demo-shell .opening-card[data-presentation=dialogue]:after,html body .demo-shell .speech.heard:after{content:"";background:var(--paper);border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);pointer-events:none;width:11px;height:11px;position:absolute;bottom:-7px;left:22px;transform:skewY(-30deg)}html body .demo-shell .speech.sent,html body .demo-shell .history-line.history-you{background:#d7e6eb}html body .demo-shell .opening-speaker,html body .demo-shell .speech small,html body .demo-shell .history-line small,html body .demo-shell .moment-card small{color:var(--comic-teal,#39776b);letter-spacing:.075em;font-weight:700}html body .demo-shell .opening-card h1[lang=en],html body .demo-shell p[lang=en],html body .demo-shell .blocks button,html body .demo-shell .answer button,html body .demo-shell .recognition-response button,html body .demo-shell .written-response input{font-family:var(--comic-body,var(--font-geist-sans)),Arial,sans-serif;text-transform:none;letter-spacing:normal}html body .demo-shell .opening-card h1[lang=en],html body .demo-shell .speech p[lang=en]{font-weight:600}html body .demo-shell .activity-intent{border-left:4px solid var(--comic-coral,#d9755c);color:var(--ink);padding-left:9px}html body .demo-shell .cup-clue{color:var(--comic-teal,#39776b);font-weight:600}html body .demo-shell .context,html body .demo-shell .writing-scope{color:var(--muted)}html body .demo-shell .primary,html body .demo-shell .entry-start-actions>.primary,html body .demo-shell .activity-actions button,html body .demo-shell .pager button,html body .demo-shell .review-actions>button,html body .demo-shell .replay-entry-actions>button{color:var(--ink);background:var(--comic-yellow,#efc653);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:4px 7px 4px 6px;font-weight:700}html body .demo-shell .primary:hover,html body .demo-shell .activity-actions button:hover,html body .demo-shell .pager button:hover,html body .demo-shell .review-actions>button:hover,html body .demo-shell .replay-entry-actions>button:hover{background:#f6d879}html body .demo-shell .entry-start-actions>.primary:disabled,html body .demo-shell .activity-actions button:disabled,html body .demo-shell .pager button:disabled{color:#6d6c5e;background:#e7e0cc;border-color:#878b7b;box-shadow:2px 2px #878b7b}html body .demo-shell .activity-actions .choices button{background:var(--paper);text-align:left}html body .demo-shell .activity-actions .choices button:hover{background:#f8e8b4}html body .demo-shell .audio-trigger .audio-button{color:var(--comic-teal,#39776b);border:2px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);border-radius:999px;font-weight:600}html body .demo-shell .audio-trigger .audio-button:hover{background:#f8e8b4}html body .demo-shell .audio-inline-error{color:#8c3c2d}html body .demo-shell .text-button{color:var(--comic-teal,#39776b);font-weight:600}html body .demo-shell .answer{border:2px solid var(--ink);background:#d7e6eb;border-radius:4px 8px 4px 6px}html body .demo-shell .blocks button,html body .demo-shell .answer button,html body .demo-shell .recognition-response .choices button{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:4px;font-weight:600}html body .demo-shell .blocks button{color:var(--ink);background:var(--comic-yellow,#efc653)}html body .demo-shell .blocks button:hover{background:#f6d879}html body .demo-shell .answer button,html body .demo-shell .recognition-response [aria-pressed=true]{background:var(--comic-teal,#39776b);color:var(--paper);border-color:var(--ink)}html body .demo-shell .recognition-response .choices button:not([aria-pressed=true]){background:var(--paper)}html body .demo-shell .written-response input,html body .demo-shell textarea,html body .demo-shell .audio-controls select{background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);color:var(--ink);border-radius:4px}html body .demo-shell .writing-repertoire summary{color:var(--comic-teal,#39776b);font-weight:600}html body .demo-shell .notice:not(:empty){border-left:3px solid var(--comic-coral,#d9755c);color:var(--ink);background:#f5dfa0}html body .demo-shell .demo-dialog{background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:6px 12px 6px 10px}html body .demo-shell .demo-dialog::backdrop{background:#20272299}html body .demo-shell .support-dialog label{background:var(--paper);border:2px solid var(--ink);border-radius:4px}html body .demo-shell .support-dialog label:has(input:checked){border-color:var(--ink);background:#f5dfa0}html body .demo-shell .support-dialog input{accent-color:var(--comic-teal,#39776b)}html body .demo-shell .study-invitation{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#d7e6eb;border-radius:5px 10px 5px 8px}html body .demo-shell .practice-summary{color:var(--comic-teal,#39776b);font-weight:600}html body .demo-shell>footer{border-color:var(--ink);color:var(--muted)}@container demo-app (max-width:760px){html body .demo-shell .scene-art picture,html body .demo-shell .entry-art picture{box-shadow:2px 2px 0 var(--comic-teal,#39776b),3px 3px 0 var(--ink)}html body .demo-shell .opening-card,html body .demo-shell .expression,html body .demo-shell .speech,html body .demo-shell .moment-card,html body .demo-shell .history-line,html body .demo-shell .entry-reading .profile-option{box-shadow:2px 2px 0 var(--ink)}html body .demo-shell .blocks button,html body .demo-shell .answer button{box-shadow:1px 1px 0 var(--ink)}html body .demo-shell .opening-card[data-presentation=dialogue]:after,html body .demo-shell .speech.heard:after{width:8px;height:8px;bottom:-6px}}@media (min-width:480px) and (max-width:900px) and (max-height:500px){html:has(.app-shell .experience){--app-nav-height:56px}html body .app-shell:has(.experience){height:var(--app-height,100dvh);min-height:0;max-height:var(--app-height,100dvh)}html body .app-shell:has(.experience) .app-header{min-height:var(--app-nav-height);padding-block:2px}html body .app-shell .experience-bar{padding-block:1px}html body .app-shell .experience .scene-grid{min-height:0}html body .app-shell .scene-grid,html body .app-shell .scene-grid[data-density],html body .app-shell .scene-grid.opening-scene,html body .app-shell .scene-grid.opening-scene[data-density]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding-block:6px}html body .app-shell .scene-grid .scene-intro-slot{grid-area:1/2}html body .app-shell .scene-grid .scene-column{grid-area:1/1/-1}html body .app-shell .scene-grid .conversation-panel{grid-area:2/2;justify-content:flex-start;min-height:0}html body .app-shell .scene-grid.opening-scene,html body .app-shell .scene-grid.opening-scene[data-density]{grid-template-rows:minmax(0,1fr)}html body .app-shell .scene-grid.opening-scene .conversation-panel{grid-row:1}html body .app-shell .activity-body{overscroll-behavior:contain;flex:auto;margin-top:0;padding:0 4px 7px 0;overflow-y:auto}html body .app-shell .activity-actions{flex:none;margin:0;padding:6px 4px 4px 0}html body .app-shell .activity-actions>.actions{margin:0}html body .app-shell .activity-intent{margin-bottom:4px}html body .app-shell .response-tools .audio-button{padding-left:14px;padding-right:36px}html body .app-shell .answer:not(:has(button)){min-height:28px;padding-block:2px}html body .app-shell .construction:has(>.skeleton){grid-template-columns:max-content minmax(0,1fr);gap:4px 6px;display:grid}html body .app-shell .scene-grid .construction:has(>.skeleton)>.skeleton{grid-area:1/1;align-self:center;margin:0}html body .app-shell .construction:has(>.skeleton)>.answer{grid-area:1/2;margin:0}html body .app-shell .construction:has(>.skeleton)>.blocks{grid-area:2/1/auto/-1;margin:2px 0}html body .app-shell .opening-card{padding:8px 12px}html body .app-shell .opening-card h1,html body .app-shell .opening-card[data-presentation=dialogue] h1{font-size:24px}html body .app-shell .opening-card .opening-speaker{margin-bottom:6px}html body .app-shell .opening-card .audio-trigger{margin-top:8px}html body .app-shell .opening-card .audio-button{min-height:44px;padding:6px 36px 6px 14px;font-size:16px}html body .app-shell .activity-actions button{min-height:44px}}html body .app-shell .scene-art.comic-scene{box-shadow:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative;overflow:visible}html body .app-shell .comic-scene .scene-illustration{aspect-ratio:3/2;box-sizing:content-box;border:2px solid var(--ink);background:var(--paper);width:calc(100% - 4px);box-shadow:3px 3px 0 var(--comic-teal,#39776b),5px 5px 0 var(--ink);border-radius:7px;flex:none;position:relative;overflow:hidden;container-type:inline-size}html body .app-shell .comic-scene .scene-illustration picture{width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;position:absolute;inset:0}html body .app-shell .comic-scene .scene-illustration picture img{object-fit:fill;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}html body .app-shell .comic-scene .scene-balloon{z-index:2;box-sizing:border-box;border:2px solid var(--ink);color:var(--ink);text-align:left;background:#fffcf3;border-radius:18px;flex-direction:column;margin:0;padding:6px 9px;font-size:14px;line-height:1.2;display:flex;position:absolute;box-shadow:2px 2px #20272240}html body .app-shell .comic-scene .scene-balloon:after{display:none}html body .app-shell .comic-scene .scene-balloon[data-speaker=you]{background:#fff0bd}html body .app-shell .comic-scene .scene-balloon[data-intention=true]{border-style:dashed}html body .app-shell .comic-scene .scene-balloon strong{color:#39776b;flex-shrink:0;font-size:clamp(10px,2cqw,12px);line-height:1.2;display:block}html body .app-shell .comic-scene .scene-balloon p{overflow-wrap:anywhere;min-height:0;margin:2px 0 0;font-size:clamp(15px,3.5cqw,22px);line-height:1.2;overflow-y:auto}html body .app-shell .comic-scene .scene-balloon span{font-size:inherit;color:inherit;margin:0;display:inline}html body .app-shell .comic-scene .scene-balloon-tail{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}html body .app-shell .comic-scene .scene-balloon-tail path{fill:#fffcf3;stroke:var(--ink);stroke-width:2px}html body .app-shell .comic-scene .scene-balloon-tail[data-speaker=you] path{fill:#fff0bd}html body .app-shell .opening-card h1{white-space:pre-line}html body .app-shell .opening-card[data-presentation=dialogue]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}html body .app-shell .opening-card[data-presentation=dialogue]:after{display:none}html body .app-shell .opening-card[data-presentation=dialogue]>.speaker-label,html body .app-shell .opening-card[data-presentation=dialogue]>.audio-trigger{margin:0}@media (max-width:760px){html body .app-shell .scene-grid:has(.comic-scene){grid-template-rows:auto var(--scene-art-height,min(34dvh,240px)) minmax(0,auto);overflow:hidden}html body .app-shell .scene-grid.opening-scene:has(.comic-scene){grid-template-rows:var(--scene-art-height,min(34dvh,240px)) minmax(0,auto)}}@media (min-width:480px) and (max-width:900px) and (max-height:500px){html body .app-shell .scene-grid:has(.comic-scene){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html body .app-shell .scene-grid.opening-scene:has(.comic-scene){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html body .app-shell .opening-card[data-presentation=dialogue]{padding:10px 12px}}html body .app-shell .scene-grid:has(.comic-scene) .scene-column{align-self:stretch;height:100%}html body .app-shell .scene-art.comic-scene{height:100%}@media (max-width:760px),(max-width:900px) and (max-height:500px){:is(html:has(.demo-shell .experience),body:has(.demo-shell .experience)){height:100%;overflow:hidden}html body .demo-shell.app-shell:has(.experience){--app-nav-height:56px;height:var(--app-height,100dvh);min-height:0;max-height:var(--app-height,100dvh);flex-direction:column;display:flex;overflow:hidden}html body .demo-shell:has(.experience)>:not(.experience){flex-shrink:0}html body .demo-shell:has(.experience)>.app-header{min-height:56px;padding-block:0}html body .demo-shell .learning-return{padding-block:2px}html body .demo-shell .learning-return a{min-height:28px;font-size:12px}html body .demo-shell .experience{flex:auto;min-height:0}html body .demo-shell .experience-bar{gap:6px;padding-block:0}html body .demo-shell .experience .scene-grid{row-gap:6px;min-height:0;padding-block:4px;overflow:hidden}html body .demo-shell .conversation-panel{gap:4px;min-height:0;max-height:100%;overflow:hidden}html body .demo-shell .activity-body{overscroll-behavior:contain;flex:0 auto;min-height:0;margin:0;overflow-y:auto}html body .demo-shell .activity-actions{flex:none;margin:0;padding-top:4px}html body .demo-shell .activity-actions:empty{display:none}html body .demo-shell .activity-intent{gap:8px;margin:0 0 4px}html body .demo-shell .activity-intent p{font-size:16px;line-height:1.25}html body .demo-shell .conversation-tools{gap:6px;min-height:44px}html body .demo-shell .response-tools .audio-button{min-height:44px;padding:6px 36px 6px 12px;font-size:15px}html body .demo-shell .choices{gap:5px}html body .demo-shell .choices>button{min-height:44px;padding:8px 12px;font-size:15px;line-height:1.2}html body .demo-shell .opening-card{padding:12px 14px}html body .demo-shell .opening-card[data-presentation=prompt] h1,html body .demo-shell .opening-card[data-presentation=context] h1{font-size:19px;line-height:1.35}html body .demo-shell .opening-card p{margin-block:6px;line-height:1.4}html body .demo-shell .opening-card .audio-trigger{margin-top:8px}html body .demo-shell .response-cue .audio-button{min-height:44px;font-size:16px}html body .demo-shell .written-response{margin-block:4px}html body .demo-shell .writing-scope{margin-bottom:4px;font-size:12px;line-height:1.35}html body .demo-shell .written-response input{min-height:44px;padding:8px;font-size:16px}html body .demo-shell>footer{padding-block:4px}}@media (max-width:479px) and (max-height:480px){html body .demo-shell .scene-grid.opening-scene:has(.written-response input:focus){grid-template-rows:minmax(0,1fr)}html body .demo-shell .scene-grid:has(.written-response input:focus) .scene-column{display:none}html body .demo-shell .scene-grid:has(.written-response input:focus) .conversation-panel{grid-row:1}}
html body .study-shell{--ink:var(--comic-ink,#202722);--paper:var(--comic-paper,#fff7e8);--line:var(--comic-ink,#202722);--muted:var(--comic-muted,#5d655b);--study-green:var(--comic-teal,#39776b);--study-surface:#fffdf5;--study-tint:#e2ede5;color:var(--ink);background-color:var(--paper);font-family:var(--comic-body,"BasedSpeak Barlow",Arial,sans-serif);background-image:radial-gradient(#2027220e .65px,#0000 .8px);background-size:9px 9px}html body .study-shell :is(h1,h2){font-family:var(--comic-display,Impact,sans-serif);letter-spacing:.02em;font-weight:400;line-height:1.12}html body .study-shell h1{font-size:clamp(32px,4.5vw,52px)}html body .study-shell .study-card h1{margin-bottom:24px;font-size:clamp(28px,3.3vw,38px)}html body .study-shell .study-eyebrow{color:var(--study-green);letter-spacing:.08em;font-weight:700}html body .study-shell button{border-radius:5px}html body .study-shell button:hover{background:var(--study-tint)}html body .study-shell :focus-visible{outline-color:var(--study-green)}html body .study-shell .study-primary{color:var(--ink);background:var(--comic-yellow,#efc653);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:6px 4px 7px;gap:16px;font-weight:700}html body .study-shell .study-primary:hover{color:var(--ink);border-color:var(--ink);background:#f6d779}html body .study-shell .study-text-button{color:var(--study-green);box-shadow:none;background:0 0;border:0}html body .study-shell .app-header{--ink:var(--comic-ink,#202722);--paper:var(--comic-paper,#fff7e8);--line:var(--comic-ink,#202722);--nav-panel:#fffdf5;--nav-muted:var(--comic-muted,#5d655b);--nav-hover:#f4df98;--nav-selected:var(--comic-yellow,#efc653);--nav-button-border:var(--comic-ink,#202722);color:var(--ink);background:var(--paper);border-bottom:2px solid var(--line);box-shadow:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:inherit}html body .study-shell .app-header-menu>summary{border:2px solid var(--nav-button-border);box-shadow:2px 2px 0 var(--ink);border-radius:5px;font-size:13px;font-weight:600}html body .study-shell .app-header .app-menu-panel{background:var(--nav-panel);border:2px solid var(--line);box-shadow:4px 4px 0 var(--ink);border-radius:7px 4px 8px 5px;padding:10px}html body .study-shell .app-header .app-menu-panel :is(a,button.app-menu-action){border-radius:5px}html body .study-shell .app-header .app-menu-panel p{letter-spacing:.04em}html body .study-shell .app-header .app-menu-story>button{border:2px solid var(--line);box-shadow:2px 2px 0 var(--ink);border-radius:5px}html body .study-shell .study-breadcrumb{color:var(--muted)}html body .study-shell .study-notice{color:var(--muted);background:var(--study-surface);border:2px solid var(--line);box-shadow:2px 2px 0 var(--ink);border-radius:5px;padding:10px 14px;font-size:13px}html body .study-shell .study-main{width:100%;max-width:680px}html body .study-shell .study-workspace{grid-template-columns:200px minmax(0,680px);justify-content:center;gap:44px}html body .study-shell .study-step-meta{color:var(--muted)}html body .study-shell .study-card{box-shadow:none;background:0 0;border:0}html body .study-shell progress{border:1.5px solid var(--ink);background:#e8dfc7;border-radius:3px;height:8px;overflow:hidden}html body .study-shell progress::-webkit-progress-bar{background:#e8dfc7;border-radius:2px}html body .study-shell progress::-webkit-progress-value{background:var(--study-green);border-radius:2px}html body .study-shell progress::-moz-progress-bar{background:var(--study-green);border-radius:2px}html body .study-shell .study-sidebar li>button{border:2px solid #0000;border-radius:5px}html body .study-shell .study-sidebar li>button[aria-current]{color:var(--ink);background:var(--comic-yellow,#efc653);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}html body .study-shell .study-intro-note{background:var(--study-tint);border:2px solid var(--line);box-shadow:4px 4px 0 var(--ink);border-radius:7px 4px 8px 5px;padding:26px}html body .study-shell .study-intro-note>svg{color:var(--study-green)}html body .study-shell .study-path li{background:var(--study-surface);border:2px solid var(--line);box-shadow:3px 3px 0 var(--ink);border-radius:7px 4px 8px 5px;margin-top:14px}html body .study-shell .study-path li>button{border-radius:6px;padding:20px}html body .study-shell .study-path li>button:hover{background:var(--study-tint)}html body .study-shell .study-number{color:var(--study-green);font-family:var(--comic-display,Impact,sans-serif);font-size:28px;font-weight:400}html body .study-shell .study-path-copy strong{font-weight:600}html body .study-shell .study-section-heading h2{font-family:var(--comic-display,Impact,sans-serif);letter-spacing:.02em;font-size:28px}html body .study-shell .study-quote{background:var(--study-surface);border:2px solid var(--line);box-shadow:4px 4px 0 var(--ink);border-radius:9px 9px 9px 3px;margin-bottom:32px;padding:24px;position:relative}html body .study-shell .study-quote:after{content:"";background:var(--study-surface);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:16px;height:16px;position:absolute;bottom:-10px;left:26px;transform:skewY(-35deg)}html body .study-shell .study-quote p[lang=en]{font-weight:600}html body .study-shell .study-quote>p{margin:0 0 8px}html body .study-shell .study-audio{border:0;margin-top:16px;padding-top:0}html body .study-shell .study-audio audio{margin-top:6px}html body .study-shell .study-listen{margin-top:8px}html body .study-shell .study-listen>summary{width:fit-content;color:var(--study-green);align-items:center;gap:7px;min-height:44px;padding:8px 0;font-size:13px;list-style:none;display:flex}html body .study-shell .study-listen>summary::-webkit-details-marker{display:none}html body .study-shell .study-reason{background:var(--study-surface);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:5px 8px 4px 7px;margin:24px 0;padding:18px}html body .study-shell .study-reason>h2{border:1.5px solid var(--ink);background:var(--comic-yellow,#efc653);width:fit-content;color:var(--ink);letter-spacing:.03em;border-radius:3px;align-items:center;gap:8px;margin:0 0 12px;padding:4px 9px;font-size:20px;display:flex}html body .study-shell .study-reason>p{margin:0;font-size:17px;line-height:1.65}html body .study-shell .study-examples{border:2px solid var(--ink);background:var(--study-surface);box-shadow:2px 2px 0 var(--ink);border-radius:6px 4px 7px;margin:0 0 24px;padding:0 16px;list-style:none}html body .study-shell .study-examples>li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}html body .study-shell .study-examples>li>div{min-width:0}html body .study-shell .study-examples>li:last-child{border-bottom:0}html body .study-shell .study-examples span[lang=en]{font-size:18px;font-weight:600;line-height:1.4;display:block}html body .study-shell .study-examples small{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.5;display:block}html body .study-shell .study-example-note{border:1px solid var(--ink);max-width:40%;color:var(--ink);text-align:center;background:#f4df98;border-radius:3px;flex:none;padding:4px 8px;font-size:11px;line-height:1.4}html body .study-shell .study-explanation{color:var(--ink);line-height:1.75}html body .study-shell .study-english{color:var(--ink);font-family:inherit;font-size:inherit;font-style:normal;font-weight:650;line-height:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#f7df8b;border-bottom:1.5px solid #a07820;border-radius:2px;padding:.02em .2em}html body .study-shell .study-language-key{color:var(--muted);align-items:baseline;gap:8px;margin:0 0 18px;font-size:13px;line-height:1.5;display:flex}html body .study-shell .study-language-key>span{background:#f7df8b;border-bottom:1.5px solid #a07820;border-radius:2px;flex:none;width:12px;height:10px}html body .study-shell :is(.study-deeper,.study-phrase-list details){background:var(--study-surface);border:2px solid var(--line);box-shadow:2px 2px 0 var(--ink);border-radius:6px 4px 7px;margin-bottom:12px;padding-inline:18px}html body .study-shell .study-choices label{background:var(--study-surface);border:2px solid var(--line);box-shadow:2px 2px 0 var(--ink);border-radius:6px 4px 7px}html body .study-shell .study-choices label[data-selected=true]{color:var(--ink);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#f8e8b4}html body .study-shell .study-choices input{accent-color:var(--study-green)}html body .study-shell .study-choice-letter{color:var(--muted);font-weight:600}html body .study-shell input:not([type=radio]):not(.study-gap){background:var(--study-surface);color:var(--ink);border:2px solid var(--line);border-radius:5px}html body .study-shell input.study-gap{background:var(--study-surface);border:2px solid var(--study-green);border-bottom-width:3px;border-radius:4px}html body .study-shell .study-token-bank button,html body .study-shell .study-answer-bank button{background:var(--study-surface);border:2px solid var(--line);box-shadow:2px 2px 0 var(--ink);border-radius:4px}html body .study-shell .study-answer-bank{background:var(--study-tint);border:2px dashed var(--ink);border-radius:6px}html body .study-shell .study-feedback:not(:empty){color:var(--ink);background:var(--study-tint);border:2px solid var(--line);box-shadow:3px 3px 0 var(--ink);border-radius:7px 4px 8px 5px;padding:18px 20px;line-height:1.65}html body .study-shell .study-card[data-feedback=retry] .study-feedback:not(:empty){color:#644e35;border-color:var(--ink);background:#fae9ce}html body .study-shell .study-feedback strong{font-weight:600}html body .study-shell .study-hint{color:var(--ink);background:var(--study-tint);border:2px solid var(--line);border-radius:5px}html body .study-shell .study-completion{background:var(--study-tint);border:2px solid var(--line);box-shadow:4px 4px 0 var(--ink);border-radius:8px 4px 9px 5px}html body .study-shell .study-completion h2{font-family:var(--comic-display,Impact,sans-serif);letter-spacing:.02em;font-size:28px}html body .study-shell .study-completion p{color:var(--muted)}html body .study-shell .study-completion .study-primary{border:2px solid var(--ink);border-radius:5px}html body .study-shell .study-finished{max-width:680px}html body .study-shell .study-card h2.study-task-heading{font-family:var(--comic-body,Arial,sans-serif);color:var(--ink);letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(24px,3vw,30px);font-weight:600;line-height:1.3}html body .study-shell .study-support{box-shadow:none;background:0 0;border:0;margin:12px 0;padding:0}html body .study-shell :is(.study-support,.study-deeper,.study-result-detail)>summary{align-items:center;gap:8px;list-style:none;display:flex}html body .study-shell :is(.study-support,.study-deeper,.study-result-detail)>summary::-webkit-details-marker{display:none}html body .study-shell :is(.study-support,.study-deeper,.study-result-detail)[open]>summary>svg:last-child{transform:rotate(180deg)}html body .study-shell .study-support>summary{width:fit-content;color:var(--muted);min-height:44px;padding:8px 2px;font-size:14px;font-weight:600}html body .study-shell .study-support-content{border:2px solid var(--ink);background:var(--study-tint);box-shadow:2px 2px 0 var(--ink);border-radius:6px;margin:6px 0 12px;padding:16px}html body .study-shell .study-support .study-hint{background:0 0;border:0;margin:0 0 10px;padding:0;line-height:1.65}html body .study-shell .study-support-content>small{color:var(--muted);font-size:12px}html body .study-shell .study-support-actions{flex-wrap:wrap;align-items:center;gap:6px 20px;padding:0 0 12px;display:flex}html body .study-shell .study-support-actions .study-text-button{min-height:44px;font-size:14px}html body .study-shell .study-support .study-model{color:var(--study-green)!important}html body .study-shell .study-checkbar{justify-content:flex-end;gap:12px;margin-top:18px;display:flex}html body .study-shell .study-card[data-phase=practice] .study-checkbar{z-index:5;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 12px);position:sticky;bottom:0}html body .study-shell .study-checkbar>.study-primary{min-width:160px}html body .study-shell .study-next{border-top:2px solid var(--line);gap:12px 20px;margin-top:18px;padding-top:18px}html body .study-shell .study-next>.study-primary{margin-left:auto}html body .study-shell .study-next-preview{color:var(--muted);font-size:13px}html body .study-shell .study-result-detail>summary{color:var(--muted);min-height:36px;padding:8px 0;font-size:14px}html body .study-shell .study-feedback strong{align-items:center;gap:8px;display:flex}html body .study-shell .study-session-note{color:var(--muted);margin:0;font-size:13px}html body .study-shell .study-intro{padding:36px 0 40px;display:block}html body .study-shell .study-lead{max-width:440px}html body .study-shell[data-view=study] .study-footer{border:0;justify-content:center;margin-top:4px}html body .study-shell[data-view=study] .study-footer>span{display:none}html body .study-shell .study-piece-board{--piece-ink:var(--ink);--piece-teal:var(--study-green);--piece-line:var(--ink)}html body .study-shell .study-piece-cue[data-dialogue=true] p{background:var(--study-surface);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:9px 9px 9px 3px}html body .study-shell .study-piece-avatar{background:var(--comic-yellow,#efc653);color:var(--ink);border:2px solid var(--ink)}html body .study-shell .study-piece-answer{background:var(--study-tint);border:2px dashed var(--ink);border-radius:7px 4px 8px 5px}html body .study-shell .study-piece-answer:has([data-drag-over=true]){border-color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#d3e4d7}html body .study-shell .study-piece-board[data-locked=true] .study-piece-answer{border:2px solid var(--ink);background:var(--study-tint)}html body .study-shell .study-piece-board .study-piece-button{background:var(--study-surface);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:5px 3px 6px}html body .study-shell .study-piece-board .study-piece-option{background:#f8e8b4}html body .study-shell .study-piece-board .study-piece-button:hover{background:var(--comic-yellow,#efc653);border-color:var(--ink)}html body .study-shell .study-piece-board .study-piece-button:disabled{box-shadow:none}html body .study-shell .study-piece-board .study-piece-placed:disabled{background:0 0;border-color:#0000}html body .study-shell .study-piece-empty{border-color:#94a68c;border-radius:4px 4px 2px 2px}html body .study-shell .study-piece-slot[data-next=true] .study-piece-empty{background:var(--study-surface);border-color:var(--study-green)}html body .study-shell .study-piece-bank{border-radius:5px}html body .study-shell .study-piece-bank[data-drag-over=true]{border-color:var(--ink);background:var(--study-tint)}.study-piece-ghost{border:2px solid var(--comic-ink,#202722);box-shadow:4px 4px 0 var(--comic-ink,#202722);background:#fffdf5;border-radius:5px;transform:translate(-50%,-60%)}@media (max-width:960px) and (min-width:761px){html body .study-shell .study-workspace{grid-template-columns:170px minmax(0,1fr);gap:28px}}@media (max-width:760px){html body .study-shell .study-workspace{grid-template-columns:minmax(0,1fr);gap:0}html body .study-shell .study-main{margin-inline:auto}html body .study-shell h1{font-size:34px}html body .study-shell .study-card h1{margin-bottom:20px;font-size:28px}html body .study-shell .study-card h2.study-task-heading{margin-bottom:16px;font-size:24px}html body .study-shell .study-section-heading h2{font-size:24px}html body .study-shell .study-path li>button{padding:18px 14px}html body .study-shell .study-intro-note{padding:20px}html body .study-shell .study-quote{box-shadow:3px 3px 0 var(--ink);border-radius:8px 8px 8px 3px;padding:20px}html body .study-shell .study-feedback:not(:empty){box-shadow:2px 2px 0 var(--ink);border-radius:6px;padding:16px}html body .study-shell .study-completion{padding:20px}html body .study-shell .study-reason{padding:16px}html body .study-shell .study-examples{padding-inline:12px}html body .study-shell .study-examples>li{flex-wrap:wrap;gap:8px}html body .study-shell .study-example-note{max-width:100%}html body .study-shell .study-checkbar>.study-primary{width:100%}html body .study-shell .study-next>.study-primary{min-width:150px}html body .study-shell .study-support-actions{gap:4px 16px}}@media (max-width:360px){html body .study-shell .study-card h2.study-task-heading{font-size:22px}html body .study-shell .study-quote,html body .study-shell .study-completion{padding:16px}html body .study-shell .study-path li>button{gap:12px}html body .study-shell .study-path-copy strong{font-size:17px}html body .study-shell .study-next{gap:10px}html body .study-shell .study-next>.study-primary{gap:12px;min-width:140px}}html body .study-shell .study-phrase-speaker{color:#39776b;margin-bottom:6px;font-size:11px;font-weight:700;display:block}html body .study-shell .study-phrase-list details[data-speaker=you] .study-phrase-speaker{color:#70521a}.study-card-reading,.study-card-controls{display:contents}@media (max-width:760px),(max-width:900px) and (max-height:500px){:is(html:has(.study-shell[data-view=study]),body:has(.study-shell[data-view=study])){height:100%;overflow:hidden}html body .study-shell[data-view=study]{--app-nav-height:56px;height:var(--study-height,100dvh);max-height:var(--study-height,100dvh);min-height:0;padding-bottom:max(4px,env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}html body .study-shell[data-view=study]>.app-header{min-height:56px;padding-block:0}html body .study-shell[data-view=study] .study-workspace{flex:auto;width:100%;min-height:0;padding:6px 0;display:block;overflow:hidden}html body .study-shell[data-view=study] .study-sidebar{display:none}html body .study-shell[data-view=study] .study-main{flex-direction:column;justify-content:safe center;width:100%;height:100%;min-height:0;margin-inline:auto;display:flex}html body .study-shell[data-view=study] .study-step-meta{flex-shrink:0;gap:4px 10px;margin-bottom:4px;font-size:12px}html body .study-shell[data-view=study] .study-mobile-back{min-height:44px;padding-block:4px;display:inline-flex}html body .study-shell[data-view=study] .study-main>progress{flex-shrink:0;margin-bottom:8px}html body .study-shell[data-view=study] .study-card{flex-direction:column;flex:0 auto;width:100%;min-height:0;padding:0;display:flex}html body .study-shell[data-view=study] .study-card-reading{overscroll-behavior:contain;flex:0 auto;min-height:0;padding:0 4px 4px 0;display:block;overflow-y:auto}html body .study-shell[data-view=study] .study-card-controls{background:var(--paper);flex:none;padding-top:6px;display:block}html body .study-shell[data-view=study] .study-card h1{margin-bottom:10px;font-size:25px;line-height:1.15}html body .study-shell[data-view=study] .study-language-key{margin-bottom:10px;font-size:11px;line-height:1.35}html body .study-shell[data-view=study] .study-card[data-phase=practice] .study-language-key{display:none}html body .study-shell[data-view=study] .study-quote{margin-bottom:12px;padding:12px 14px}html body .study-shell[data-view=study] .study-quote>p{margin:0 0 5px;font-size:25px;line-height:1.2}html body .study-shell[data-view=study] .study-quote>span{font-size:14px}html body .study-shell[data-view=study] .study-reason{margin-bottom:10px;padding:12px}html body .study-shell[data-view=study] .study-reason h2{margin:0 0 5px;font-size:16px}html body .study-shell[data-view=study] .study-reason p{margin:0;font-size:15px;line-height:1.45}html body .study-shell[data-view=study] .study-examples{margin-block:8px}html body .study-shell[data-view=study] .study-examples>li{padding-block:7px}html body .study-shell[data-view=study] .study-deeper{margin-block:8px;padding-inline:12px}html body .study-shell[data-view=study] .study-card h2.study-task-heading{margin:0 0 10px;font-size:21px;line-height:1.25}html body .study-shell[data-view=study] .study-card-actions,html body .study-shell[data-view=study] .study-checkbar,html body .study-shell[data-view=study] .study-next{gap:8px 12px;margin:0;padding:6px 0 0;position:static}html body .study-shell[data-view=study] .study-card-actions button,html body .study-shell[data-view=study] .study-checkbar button,html body .study-shell[data-view=study] .study-next button{min-height:44px;padding:9px 14px;font-size:15px}html body .study-shell[data-view=study] .study-choices{gap:6px}html body .study-shell[data-view=study] .study-choices label{min-height:44px;padding:9px 10px;line-height:1.35}html body .study-shell[data-view=study] .study-practice-context{gap:8px;margin-bottom:12px}html body .study-shell[data-view=study] .study-practice-instruction{margin-bottom:10px;line-height:1.45}html body .study-shell[data-view=study] .study-gap-list{gap:12px;margin-bottom:12px}html body .study-shell[data-view=study] .study-gap-sentence{font-size:18px;line-height:1.8}html body .study-shell[data-view=study] input.study-gap{font-size:18px}html body .study-shell[data-view=study] .study-support{margin-block:4px}html body .study-shell[data-view=study] .study-feedback:not(:empty){margin-block:10px;padding:12px;line-height:1.45}html body .study-shell[data-view=study] .study-next-preview{margin:0;font-size:12px;line-height:1.3}html body .study-shell[data-view=study] .study-admin-skip{min-height:44px;margin-top:4px}html body .study-shell[data-view=study] .study-footer{flex-shrink:0;gap:8px;margin-top:0;padding:5px 0;font-size:10px;line-height:1.3}}@media (max-width:760px) and (max-height:640px),(max-width:900px) and (max-height:500px){html body .study-shell[data-view=study] .study-footer{display:none}}
:root{--visible-width:100vw;--visible-height:100dvh;--visible-top:0px;--visible-left:0px}:is(html:has(.demo-shell.app-shell,.presentation,.study-shell[data-view=study],.public-viewport),body:has(.demo-shell.app-shell,.presentation,.study-shell[data-view=study],.public-viewport)){overflow:hidden}html body :is(.demo-shell.app-shell,.presentation,.study-shell[data-view=study],.public-viewport){top:var(--visible-top);left:var(--visible-left);width:var(--visible-width);height:var(--visible-height);min-height:0;max-height:var(--visible-height);position:fixed}html body .demo-shell.app-shell{flex-direction:column;display:flex;overflow:hidden;container:demo-app/size}html body .demo-shell.app-shell>:not(.experience):not(.entry-stage):not(.resume){flex-shrink:0}html body .demo-shell.app-shell>:is(.experience,.entry-stage,.resume){flex:auto;min-height:0}html body .demo-shell.app-shell>.experience{flex-direction:column;display:flex;overflow:hidden}html body .demo-shell .experience>:not(.scene-frame):not(.review-stage):not(.ending):not(.feedback-form):not(.conversation-replay){flex-shrink:0}html body .demo-shell .conversation-replay{flex:auto;min-height:0;overflow:hidden}html body .demo-shell .scene-frame{flex:auto;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}html body .demo-shell .scene-frame>.scene-grid{overscroll-behavior:contain;min-height:0;overflow:auto}html body .demo-shell .scene-frame>.activity-actions{width:calc(50% - clamp(1.25rem,3vw,3rem)/2);margin:0 0 0 auto;padding:6px 4px 6px 0}html body .demo-shell .scene-frame>.activity-actions:empty{display:none}html body .demo-shell .scene-frame>.activity-actions>.activity-actions{width:100%;margin:0;padding:0}html body .demo-shell .scene-frame .conversation-panel{min-height:0;max-height:100%;overflow:hidden}html body .demo-shell .scene-frame .activity-body{overscroll-behavior:contain;flex:0 auto;min-height:0;margin:0;padding-bottom:6px;overflow:auto}html body .demo-shell .entry-grid{height:100%;min-height:0;overflow:hidden}html body .demo-shell .entry-grid .entry-copy{flex-direction:column;height:100%;min-height:0;display:flex}html body .demo-shell .entry-grid .entry-reading{overscroll-behavior:contain;flex:0 auto;min-height:0;display:block;overflow:auto}html body .demo-shell .entry-grid .entry-start-actions{flex-shrink:0}html body .demo-shell .review-stage{flex:auto;min-height:0;overflow:hidden}html body .demo-shell .review-reading,html body .demo-shell :is(.ending,.feedback-form){flex:0 auto;min-height:0;overflow:auto}@container demo-app (min-width:761px){html body .demo-shell .entry-grid .entry-intro{height:100%;min-height:0;max-height:100%}html body .demo-shell .entry-intro .entry-welcome{flex-shrink:0}html body .demo-shell .entry-intro .entry-art{flex:auto;height:0;min-height:0}html body .demo-shell .entry-intro .entry-art picture{aspect-ratio:auto;height:100%;display:block;position:relative}html body .demo-shell .entry-intro .entry-art picture img{object-fit:contain;width:100%;height:100%;position:absolute}html body .demo-shell .scene-frame .scene-grid{grid-template-rows:minmax(0,1fr) auto minmax(0,max-content) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html body .demo-shell .scene-frame .scene-intro-slot{grid-area:2/2}html body .demo-shell .scene-frame .conversation-panel{grid-area:3/2}html body .demo-shell .scene-frame .scene-column{grid-area:1/1/-1}}@container demo-app (max-width:760px){html body .demo-shell .entry-stage .entry-grid{flex-direction:column;justify-content:center;gap:12px;padding-block:8px;display:flex}html body .demo-shell .entry-grid .entry-intro{flex:0 160px;width:100%;min-height:80px;display:flex}html body .demo-shell .entry-intro .entry-art{width:100%;height:100%}html body .demo-shell .entry-grid .entry-copy{flex:0 auto;width:100%;height:auto}html body .demo-shell .scene-frame>.activity-actions{width:100%}html body .demo-shell .scene-frame .scene-grid:has(.comic-scene){grid-template-rows:auto var(--scene-art-height,144px) minmax(0,max-content)}html body .demo-shell .scene-frame .scene-grid.opening-scene:has(.comic-scene){grid-template-rows:var(--scene-art-height,144px) minmax(0,max-content)}}html body .demo-shell .entry-grid .entry-art{place-items:center;display:grid;container:entry-image/size}html body .demo-shell .entry-grid .entry-art picture{box-sizing:content-box;aspect-ratio:3/2;flex:none;width:min(100cqw - 4px,150cqh - 6px);height:auto;position:relative}html body .demo-shell .entry-grid .entry-art picture img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}@container demo-app (min-width:480px) and (max-width:760px) and (max-height:500px){html body .demo-shell .scene-frame .scene-grid:has(.comic-scene){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html body .demo-shell .scene-frame .scene-grid .scene-intro-slot{grid-area:1/2}html body .demo-shell .scene-frame .scene-grid .scene-column{grid-area:1/1/-1}html body .demo-shell .scene-frame .scene-grid .conversation-panel{grid-area:2/2}html body .demo-shell .scene-frame>.activity-actions{width:calc(50% - 6px)}}@container demo-app (max-height:540px){html body .demo-shell.app-shell>footer{display:none}html body .demo-shell .app-header{min-height:56px;padding-block:0}html body .demo-shell .learning-return{padding-block:0}html body .demo-shell .learning-return a{min-height:28px}html body .demo-shell .scene-frame .scene-grid{row-gap:4px;padding-block:4px}}@container demo-app (max-height:620px){html body .demo-shell .entry-reading .profile-option{min-height:76px;padding:12px}html body .demo-shell .entry-reading .profile-list{gap:8px}html body .demo-shell .entry-start-actions{margin-top:12px}html body .demo-shell .entry-welcome h1{font-size:32px}}@container demo-app (max-width:760px) and (max-height:480px){html body .demo-shell .scene-frame .scene-grid:has(.written-response input:focus){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}html body .demo-shell .scene-frame .scene-grid:has(.written-response input:focus) .scene-column{display:none}html body .demo-shell .scene-frame .scene-grid:has(.written-response input:focus) .scene-intro-slot{grid-area:1/1}html body .demo-shell .scene-frame .scene-grid:has(.written-response input:focus) .conversation-panel{grid-area:2/1}html body .demo-shell .scene-frame:has(.written-response input:focus)>.activity-actions{width:100%}}html body .study-shell[data-view=study]{padding-bottom:max(4px,env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden;container:study-app/size}html body .study-shell[data-view=study]>:not(.study-workspace){flex-shrink:0}html body .study-shell[data-view=study] .study-workspace{flex:auto;width:100%;min-height:0;padding-block:12px;overflow:hidden}html body .study-shell[data-view=study] .study-sidebar{min-height:0;overflow:auto}html body .study-shell[data-view=study] .study-main{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}html body .study-shell[data-view=study] .study-main>:not(.study-card){flex-shrink:0}html body .study-shell[data-view=study] .study-card{flex-direction:column;flex:0 auto;min-height:0;padding-block:0;display:flex}html body .study-shell[data-view=study] .study-card-reading{overscroll-behavior:contain;flex:0 auto;min-height:0;padding:0 5px 5px 0;display:block;overflow:auto}html body .study-shell[data-view=study] .study-card-controls{background:var(--paper);flex:none;padding-top:6px;display:block}html body .study-shell[data-view=study] :is(.study-card-actions,.study-checkbar,.study-next){margin:0;padding-block:6px;position:static}html body .study-shell[data-view=study] .study-admin-skip{margin-top:4px}html body .study-shell[data-view=study] .study-footer{margin:0 auto;padding-block:5px}@container study-app (max-height:720px){html body .study-shell .study-workspace{padding-block:6px}html body .study-shell .study-step-meta{margin-bottom:4px}html body .study-shell .study-main>progress{margin-bottom:8px}html body .study-shell .study-card h1{margin-bottom:12px}html body .study-shell .study-quote{margin-bottom:12px;padding:12px 16px}html body .study-shell :is(.study-reason,.study-examples,.study-deeper){margin-block:8px}}@container study-app (max-height:540px){html body .study-shell .app-header{min-height:56px;padding-block:0}html body .study-shell .study-footer,html body .study-shell .study-next-preview{display:none}html body .study-shell .study-card-controls button{min-height:44px;padding-block:8px}}html body .start-page .start-main{overflow:hidden}html body .start-page .signup-card{flex-direction:column;min-height:0;max-height:100%;display:flex}html body .start-page .signup-card-reading{overscroll-behavior:contain;min-height:0;padding:0 4px 4px 0;overflow:auto}html body .start-page .signup-card-actions{flex-shrink:0}html body .start-page .signup-card-actions .signup-submit{margin-top:6px}@container public-viewport (min-width:480px) and (max-height:480px){html body .start-page .signup-card-reading{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:20px;display:grid}}html body .landing-hero-copy{overscroll-behavior:contain;max-height:100%;overflow:auto}html body .landing-hero-actions{background:var(--paper);position:sticky;bottom:0}html body dialog[open]:not(.landing-info):not(.dashboard-intro){top:var(--visible-top);left:var(--visible-left);right:calc(100% - var(--visible-left) - var(--visible-width));bottom:calc(100% - var(--visible-top) - var(--visible-height));max-width:calc(var(--visible-width) - 24px);max-height:calc(var(--visible-height) - 24px);margin:auto;position:fixed;overflow:auto}html body .dashboard-intro{top:var(--visible-top);left:var(--visible-left);width:var(--visible-width);height:var(--visible-height);bottom:auto;right:auto}html body .app-header .app-menu-panel{max-height:calc(var(--visible-height) - var(--app-nav-height) - 24px);max-width:calc(var(--visible-width) - 32px)}html body .sound-menu-panel{max-height:calc(var(--visible-height) - 100px);max-width:calc(var(--visible-width) - 32px)}html body .journey-transition{top:calc(var(--visible-top) + var(--app-nav-height));left:var(--visible-left);width:var(--visible-width);height:max(0px,calc(var(--visible-height) - var(--app-nav-height)));bottom:auto;right:auto;overflow:auto}html body :is(.dashboard,.admin-shell,.study-shell:not([data-view=study])){min-height:var(--visible-height)}@media (min-width:641px){html body .admin-sidebar{top:var(--visible-top);height:var(--visible-height);overflow:auto}}html body .admin-login-shell{min-height:var(--visible-height)}
html body :is(.demo-shell,.study-shell,.start-page) .auto-fit.auto-fit{overscroll-behavior:contain;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:auto}.auto-fit-size{width:100%;flex:none;min-inline-size:0;margin-block:auto}.auto-fit-content{box-sizing:border-box;overflow-wrap:anywhere;width:100%;min-width:0;padding:6px;display:flow-root}.auto-fit[data-fitted=true]>.auto-fit-size{width:var(--fit-width);height:var(--fit-height);position:relative;overflow:clip}.auto-fit[data-fitted=true]>.auto-fit-size>.auto-fit-content{top:0;left:var(--fit-left);width:var(--fit-natural-width);transform:scale(var(--fit-scale));transform-origin:0 0;position:absolute}.auto-fit :is(fieldset,.profile-option-copy){min-width:0;max-width:100%}.auto-fit :is(button,a[href],input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea,summary,.profile-option,.study-choices>label){min-block-size:44px;min-inline-size:44px}.auto-fit :is(fieldset,input,select,textarea){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}.auto-fit[data-fit-overflow=true]>.auto-fit-size{margin-block:0}html body .demo-shell .scene-frame .conversation-panel{max-block-size:var(--scene-panel-space,100%)}html body .demo-shell .scene-frame .activity-body.auto-fit{flex:auto;padding:0}html body .demo-shell .auto-fit :is(.speech,.opening-card){box-sizing:border-box;max-inline-size:100%}html body .demo-shell .auto-fit[data-fit-density=compact] :is(.opening-card,.speech,.expression){margin-block:8px;padding-block:12px}html body .demo-shell .auto-fit[data-fit-density=compact] :is(h1,p,.conversation-tools,.blocks,.written-response){margin-block:8px}html body .demo-shell .auto-fit[data-fit-density=tight] :is(.opening-card,.speech,.expression){margin-block:5px;padding:8px 10px}html body .demo-shell .auto-fit[data-fit-density=tight] :is(h1,p,.conversation-tools,.blocks,.written-response){margin-block:5px}html body .demo-shell .auto-fit[data-fit-density=tight] .opening-card h1{font-size:clamp(22px,3vw,32px)}html body .demo-shell .auto-fit[data-fit-density=tight] .conversation-tools{gap:6px;min-height:44px}html body .demo-shell .auto-fit[data-fit-density=tight] :is(.choices,.blocks){gap:6px}html body .demo-shell .auto-fit[data-fit-density=tight] :is(.choices,.blocks) button{padding:8px 10px}html body .demo-shell .auto-fit[data-fit-density=tight] .writing-scope{font-size:14px;line-height:1.35}html body .demo-shell .auto-fit .notice:empty{margin:0;padding:0}html body .demo-shell .entry-grid .entry-copy{justify-content:center;min-width:0}html body .demo-shell .entry-grid .entry-reading{padding:0}html body .demo-shell .auto-fit .profile-options{width:100%;min-inline-size:0;margin:0}html body .demo-shell .auto-fit .profile-option{width:100%;min-width:0;margin-inline:0}html body .demo-shell .auto-fit[data-fit-density=compact] .profile-option{min-height:76px;padding:12px}html body .demo-shell .auto-fit[data-fit-density=compact] .profile-list{gap:8px}html body .demo-shell .auto-fit[data-fit-density=compact] .profile-options legend{margin-bottom:8px;font-size:22px}html body .demo-shell .auto-fit[data-fit-density=compact] .profile-options>p{margin:0 0 12px}html body .demo-shell .auto-fit[data-fit-density=tight] .profile-option{gap:10px;min-height:60px;padding:8px 10px}html body .demo-shell .auto-fit[data-fit-density=tight] .profile-list{gap:6px}html body .demo-shell .auto-fit[data-fit-density=tight] .profile-options legend{margin-bottom:6px;font-size:18px}html body .demo-shell .auto-fit[data-fit-density=tight] .profile-options>p{margin:0 0 8px;font-size:14px}html body .demo-shell .auto-fit[data-fit-density=tight] .profile-option strong{font-size:15px;line-height:1.25}html body .demo-shell .auto-fit[data-fit-density=tight] .profile-option small{margin-top:3px;font-size:13px;line-height:1.3}html body .demo-shell .auto-fit[data-fit-density=tight] .entry-mobile-welcome h1{margin-bottom:6px;font-size:22px}@container demo-app (max-width:760px){html body .demo-shell .entry-grid .entry-intro{flex:0 0 var(--entry-art-height,160px)}html body .demo-shell .entry-grid .entry-copy{flex:1}html body .demo-shell .entry-reading .profile-option,html body .demo-shell .auto-fit[data-fit-density=compact] .profile-option{min-height:64px}html body .demo-shell .auto-fit[data-fit-density=tight] .profile-option{min-height:56px}}@container demo-app (max-width:760px) and (max-height:620px){html body .demo-shell .entry-stage .entry-grid{row-gap:8px;padding-block:4px}html body .demo-shell .entry-start-actions{margin-top:6px}html body .demo-shell .entry-start-actions>.primary{min-height:44px;padding-block:8px}html body .demo-shell .auto-fit .entry-mobile-welcome{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px;margin-bottom:8px;display:grid}html body .demo-shell .auto-fit .entry-mobile-welcome h1{grid-area:1/1;margin-block:0}html body .demo-shell .auto-fit .entry-mobile-welcome .entry-details{grid-area:1/2;margin:0;font-size:12px}html body .demo-shell .auto-fit .entry-mobile-welcome .lead{grid-area:2/1/auto/-1}html body .demo-shell .auto-fit[data-fit-density=tight] .entry-mobile-welcome h1{font-size:20px}}@container demo-app (max-width:760px) and (max-height:500px){html body .demo-shell .entry-start-actions{margin-top:6px}}@container demo-app (min-width:480px) and (max-width:760px) and (max-height:500px){html body .demo-shell .entry-stage .entry-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-content:stretch;gap:12px;display:grid}html body .demo-shell .entry-grid .entry-intro{grid-area:1/1;height:100%;min-height:0;max-height:100%}html body .demo-shell .entry-grid .entry-copy{grid-area:1/2;min-width:0;height:100%}}html body .study-shell[data-view=study] .study-card{flex:1}html body .study-shell .auto-fit[data-fit-density=compact] :is(.study-quote,.study-reason){margin-block:8px;padding:12px 14px}html body .study-shell .auto-fit[data-fit-density=compact] :is(h1,.study-language-key,.study-step-intent,.study-practice-context,.study-gap-list){margin-bottom:10px}html body .study-shell .auto-fit[data-fit-density=tight] :is(.study-quote,.study-reason){margin-block:6px;padding:9px 12px}html body .study-shell .auto-fit[data-fit-density=tight] :is(h1,h2,.study-language-key,.study-step-intent,.study-practice-context,.study-gap-list,.study-practice-instruction){margin-block:0 7px}html body .study-shell .auto-fit[data-fit-density=tight] .study-card-title{font-size:26px}html body .study-shell .auto-fit[data-fit-density=tight] .study-quote>p{margin-block:0 4px;font-size:25px}html body .study-shell .auto-fit[data-fit-density=tight] .study-examples>li{padding-block:6px}html body .study-shell .auto-fit[data-fit-density=tight] :is(.study-examples,.study-deeper,.study-support,.study-feedback){margin-block:6px}html body .study-shell .auto-fit[data-fit-density=tight] .study-gap-list{gap:10px}html body .start-page .auto-fit[data-fit-density=compact] :is(.signup-intro,.signup-approval-note,.signup-divider,label){margin-block:0 8px}html body .start-page .auto-fit[data-fit-density=tight] :is(.signup-intro,.signup-approval-note,.signup-divider,label){margin-block:0 5px}html body .start-page .auto-fit[data-fit-density=tight] .signup-approval-note{padding:6px 8px}html body .start-page .auto-fit[data-fit-density=tight] h1{margin-bottom:5px;font-size:24px}html body .demo-shell .auto-fit[data-fit-density=compact] :is(.moment-card,.practice-summary){margin-block:8px;padding-block:10px}html body .demo-shell .auto-fit[data-fit-density=tight] :is(.moment-card,.practice-summary){margin-block:5px;padding-block:6px}html body .demo-shell .auto-fit[data-fit-density=tight] .moment-card p{margin-block:5px}html body .demo-shell .ending:has(>.auto-fit){flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden}html body .demo-shell .ending>:not(.auto-fit){flex-shrink:0}html body .demo-shell .auto-fit[data-fit-density=compact] .study-invitation{margin-block:10px;padding:14px}html body .demo-shell .auto-fit[data-fit-density=tight] .study-invitation{margin-block:6px;padding:10px}html body .demo-shell .auto-fit[data-fit-density=tight] .study-invitation h2{font-size:24px}html body .demo-shell .ending-reading[data-fit-density=tight] h1{font-size:clamp(24px,4vw,36px)}html body :is(.demo-shell,.study-shell,.start-page) :is(fieldset,.entry-copy,.conversation-panel,.study-card,.signup-card){min-inline-size:0;max-inline-size:100%}