:root{--font-base:16px;--text-hero:3.5rem;--text-score:5rem;--font-family:"Helvetica Neue", Arial, system-ui, sans-serif;--text-micro:.8125rem;--text-caption:1.0625rem;--text-body:1.25rem;--text-label:1.125rem;--text-title:1.5rem;--text-heading:2rem;--text-display:2.5rem;--text-page:2.25rem;--text-section:1.75rem;--text-card:1.375rem;--text-question:1.75rem;--text-intro:3.25rem;--text-nav-compact:clamp(.875rem, 4.4cqi, 1.0625rem);--nav-control-height:2.75rem;--text-account-compact:.875rem;--brand-name-optical-offset:-2px;--color-text:#202023;--color-muted:#65656d;--color-border:#e6e6e9;--color-surface:#fff;--color-subtle:#f6f6f7;--color-path:#ded9e8;--color-scene:#ad96c4;--color-scene-wash:#eee8f5;--color-track:#e6e6e9;--color-action:#f2cf54;--color-action-hover:#e9c548;--color-action-edge:#c8a939;--color-action-text:#24211a;--color-success:#466754;--color-success-soft:#e8f1e9;--color-info:#6550a4;--color-info-soft:#f0ebfc;--color-info-border:#b59fd3;--color-error:#b52c31;--color-error-soft:#ffe8e8;--color-warning:#875c00;--color-warning-soft:#fff3cf;--color-reward:#b59fd3;--color-reward-edge:#6550a4;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-small:12px;--radius-control:18px;--radius-card:24px;--border-width:2px;--control-height:56px;--press-depth:0px;--radius-pill:999px;--text-landing-hero:clamp(2.5rem, 5.5vw, 4.5rem);--text-landing-example:clamp(2rem, 4vw, 3.25rem);--color-auth-background:#f1edf7;--color-auth-border:#d8cee6;--color-auth-action-hover:#574286;--shadow-auth-switch:0 2px 8px #44375112;--color-shell:#443751;--color-shell-text:#f8f5fc;--color-region-city:#faf9fc;--color-region-lakes:#f0f7f5;--color-region-coast:#eff5fb;--color-art-light:#e2d5ed;--color-art-shade:#c5b2d5;--color-art-water:#cce6e5;--weight-heading:700;--weight-label:600;--motion-fast:.12s;--motion-enter:.18s;--motion-ease:cubic-bezier(.2, .7, .3, 1)}@media (width<=700px){:root{--text-page:1.75rem;--text-section:1.5rem;--text-intro:var(--text-page)}}@media (pointer:coarse),(width<=700px){:root{--text-question:1.375rem}}:root{font-family:var(--font-family);color:var(--color-text);background:var(--color-surface);font-synthesis:none;font-size:var(--font-base);line-height:1.5}*{box-sizing:border-box}body{font-size:var(--text-body);margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-info);outline-offset:0}a{color:var(--color-info);text-underline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:var(--text-page);line-height:1.15;font-weight:var(--weight-heading);letter-spacing:-.02em}h2{font-size:var(--text-section);font-weight:var(--weight-heading);line-height:1.25}h3{font-size:var(--text-card);font-weight:var(--weight-label);line-height:1.35}em{font-style:normal}.eyebrow{font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--color-muted);margin-bottom:var(--space-4)}.muted{color:var(--color-muted)}.small{font-size:var(--text-caption)}.button-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-3) var(--space-6);border:var(--border-width) solid var(--button-border);border-radius:var(--radius-pill);background:var(--button-bg);color:var(--button-text);box-shadow:0 var(--press-depth) 0 var(--button-border);font-size:var(--text-label);font-weight:var(--weight-heading);transition:transform var(--motion-fast), box-shadow var(--motion-fast), background var(--motion-fast);line-height:1.3;text-decoration:none;display:inline-flex}.ui-button--primary{--button-bg:var(--color-action);--button-border:transparent;--button-text:var(--color-action-text)}.ui-button--secondary{--button-bg:var(--color-surface);--button-border:var(--color-border);--button-text:var(--color-text)}.ui-button--ghost{--button-bg:transparent;--button-border:transparent;--button-text:var(--color-muted);box-shadow:none}.ui-button--primary:not(:disabled):hover{background:var(--color-action-hover)}.ui-button--secondary:not(:disabled):hover,.ui-button--ghost:not(:disabled):hover{background:var(--color-subtle)}.ui-button:not(:disabled):active{transform:translateY(var(--press-depth));box-shadow:none}.ui-button:disabled{--button-bg:var(--color-track);--button-border:var(--color-border);--button-text:var(--color-muted);opacity:1}.ui-surface{background:var(--color-subtle);border:var(--border-width) solid transparent;border-radius:var(--radius-card);padding:var(--space-6)}.ui-surface--blue{background:var(--color-info-soft);border-color:var(--color-info-border)}.ui-field{gap:var(--space-2);margin:var(--space-6) 0;font-size:var(--text-label);font-weight:var(--weight-label);display:grid}.ui-field input,.ui-field select{width:100%;min-height:var(--control-height);padding:var(--space-3) var(--space-4);background:var(--color-subtle);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);font-size:var(--text-body)}.ui-progress{appearance:none;width:100%;height:var(--space-4);border-radius:var(--radius-control);background:var(--color-track);accent-color:var(--color-info);border:0;display:block;overflow:hidden}.ui-progress::-webkit-progress-bar{background:var(--color-track);border-radius:var(--radius-control)}.ui-progress::-webkit-progress-value{background:var(--color-info);border-radius:var(--radius-control)}.ui-progress::-moz-progress-bar{background:var(--color-info);border-radius:var(--radius-control)}.ui-notice{padding:var(--space-6);border-radius:var(--radius-card);margin:var(--space-6) 0}.ui-notice--success{background:var(--color-success-soft);color:var(--color-success)}.ui-notice--error{background:var(--color-error-soft);color:var(--color-error)}.ui-notice--hint{background:var(--color-warning-soft);color:var(--color-warning)}.ui-notice p{margin:var(--space-3) 0}.ui-choice{align-items:center;gap:var(--space-4);min-height:88px;padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);box-shadow:0 var(--press-depth) 0 var(--color-border);background:var(--color-surface);font-size:var(--text-title);cursor:pointer;font-weight:700;display:flex;position:relative}.ui-choice:hover{background:var(--color-subtle)}.ui-choice:has(input:checked){color:var(--color-info);background:var(--color-info-soft);border-color:var(--color-info-border);box-shadow:0 var(--press-depth) 0 var(--color-info-border)}.ui-choice:has(input:focus-visible){outline:3px solid var(--color-info);outline-offset:0}.ui-choice input{opacity:0;width:1px;height:1px;position:absolute}.ui-choice__check{flex-shrink:0;margin-left:auto}.ui-token{min-height:var(--control-height);padding:var(--space-2) var(--space-4)}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}}.ui-choice:has(input:disabled){cursor:default}.ui-select{min-width:200px;max-width:100%;position:relative}.ui-select-trigger{width:100%;min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-subtle);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);font-size:var(--text-body);text-align:left;display:flex}.ui-select-trigger svg{width:var(--space-5);height:var(--space-5);flex-shrink:0}.ui-select-options{top:calc(100% + var(--space-2));z-index:20;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-2);position:absolute;left:0;right:0}.ui-select-options button{width:100%;padding:var(--space-3);border-radius:var(--radius-small);font-size:var(--text-body);text-align:left;display:block}.ui-select-options button[data-active=true]{background:var(--color-subtle)}.ui-select-options button[aria-selected=true]{background:var(--color-info-soft);color:var(--color-info)}.ui-teaching-table{width:100%;margin-top:var(--space-6);border-collapse:collapse;font-size:var(--text-label);line-height:1.6}.ui-teaching-table th,.ui-teaching-table td{padding:var(--space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border)}.ui-teaching-table th{font-weight:var(--weight-label);color:var(--color-muted)}.ui-teaching-table td:first-child{font-weight:var(--weight-label)}@media (width<=600px){.ui-teaching-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ui-teaching-table tbody,.ui-teaching-table tr,.ui-teaching-table td{display:block}.ui-teaching-table tr{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.ui-teaching-table td{gap:var(--space-3);padding:var(--space-2) 0;overflow-wrap:anywhere;border:0;grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}.ui-teaching-table td:before{content:attr(data-label);color:var(--color-muted);font-weight:400}}.learning-illustration{pointer-events:none;flex-shrink:0;width:144px;height:112px;display:block}.illustration-wash{fill:var(--color-scene-wash)}.illustration-shadow{fill:var(--color-info-soft)}.illustration-paper{fill:var(--color-surface)}.illustration-purple{fill:var(--color-info)}.illustration-light{fill:var(--color-art-light)}.illustration-accent{fill:var(--color-action)}.illustration-green{fill:var(--color-success)}.illustration-line,.illustration-route,.illustration-check,.illustration-paper-line{fill:none;stroke:var(--color-art-shade);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.illustration-route{stroke:var(--color-info);stroke-dasharray:3 7}.illustration-check{stroke:var(--color-success);stroke-width:4px}.illustration-paper-line{stroke:var(--color-surface)}.illustrated-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.illustrated-heading>div{overflow-wrap:anywhere;min-width:0}.progress-heading>.illustrated-heading{flex:1}.login-card .illustrated-heading{margin-bottom:var(--space-6)}.login-card .illustrated-heading h2{margin-bottom:0}.login-card .learning-illustration{width:100px;height:78px}.exercise-top .learning-illustration{width:72px;height:48px}.result>.learning-illustration{width:200px;height:156px;margin:var(--space-4) auto}@media (width<=700px){.login-card .illustrated-heading h2{font-size:var(--text-page)}.login-card .illustrated-heading .learning-illustration{width:64px;height:50px}.illustrated-heading .learning-illustration{width:76px;height:60px}.study-page .illustrated-heading .learning-illustration{width:64px;height:50px}.exercise-top .learning-illustration{width:60px;height:40px}.result>.learning-illustration{width:144px;height:112px}}.login-layout{min-height:100svh;padding:var(--space-10) var(--space-6);background:var(--color-auth-background);flex-direction:column;align-items:center;display:flex}.auth-header{width:100%;max-width:1160px;padding-bottom:var(--space-10);justify-content:center;display:flex;position:relative}.auth-header .brand-name small{display:none}.auth-header .brand-mark>span{border-color:var(--color-auth-background)}.auth-content{width:100%;max-width:400px;padding-bottom:var(--space-10);margin:auto 0}.auth-mode{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-auth-border);border-radius:var(--radius-control);margin-bottom:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-mode button{min-height:var(--nav-control-height);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);font-size:var(--text-label);font-weight:var(--weight-label);color:var(--color-muted)}.auth-mode button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-auth-switch)}.login-card{width:100%}.login-card h1{font-size:var(--text-section);text-align:center;margin-bottom:var(--space-8)}.login-card .ui-field{margin:var(--space-5) 0}.login-card .ui-field input{background:var(--color-surface);border-color:var(--color-auth-border)}.login-card .ui-field input:focus-visible{outline-color:var(--color-info);border-color:var(--color-info)}.login-card>p{margin:var(--space-3) 0 var(--space-5)}.login-card>.ui-button{width:100%;margin-top:var(--space-3)}.login-card .ui-button--primary:not(:disabled){--button-bg:var(--color-info);--button-text:var(--color-surface)}.login-card .ui-button--primary:not(:disabled):hover{background:var(--color-auth-action-hover)}@media (width<=700px){.login-layout{padding:var(--space-8) var(--space-6)}.auth-content{padding-bottom:var(--space-6)}}@media (width<=380px){.login-layout{padding-inline:var(--space-4)}}.auth-back{min-height:var(--nav-control-height);padding:var(--space-2) 0;color:var(--color-muted);font-size:var(--text-caption);text-decoration:none;position:absolute;top:0;left:0}@media (width<=700px){.auth-header{align-items:center;gap:var(--space-5);flex-direction:column}.auth-back{order:2;text-decoration:none;position:static}}.app{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);min-height:100svh;display:grid}.app>header,.app>main,.app>footer{width:100%;margin:0 auto}.app:has(.page-placeholder)>footer{visibility:hidden}.app>header{max-width:1200px;padding:var(--space-6) var(--space-8);border-bottom:var(--border-width) solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.app>header nav{gap:var(--space-2);background:var(--color-subtle);border-radius:var(--radius-pill);padding:var(--space-1);display:flex}.app>header nav button{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-label);font-weight:var(--weight-label);border-radius:var(--radius-pill);border:0;display:flex}.app>header nav button.active{color:var(--color-shell-text);background:var(--color-shell)}.account{align-items:center;gap:var(--space-4);font-size:var(--text-caption);display:flex}.account span{font-weight:var(--weight-heading)}.app>main{max-width:1040px;padding:var(--space-10) var(--space-6) var(--space-16)}.app>footer{max-width:1040px;padding:0 var(--space-6) var(--space-6);font-size:var(--text-caption);color:var(--color-muted);justify-content:space-between;gap:var(--space-6);border:0;flex-wrap:wrap;display:flex}.back{margin-bottom:var(--space-6);padding-left:0}.link-button{color:var(--color-info);font-weight:var(--weight-heading);padding:var(--space-3) 0;display:inline-flex}.app>header nav button svg{display:none}.brand{align-items:center;gap:var(--space-3);color:var(--color-text);letter-spacing:0;text-align:left;padding:0;line-height:1;text-decoration:none;display:flex}.brand .brand-mark{border-radius:var(--radius-control);background:var(--color-action);width:42px;height:46px;color:var(--color-action-text);font-size:var(--text-heading);place-items:center;margin:0;display:grid;position:relative;transform:rotate(-7deg)}.brand-mark>span{border:3px solid var(--color-surface);background:var(--color-info);border-radius:50%;width:12px;height:12px;margin:0;position:absolute;bottom:-3px;right:-4px}.brand .brand-name{font-size:var(--text-heading);color:var(--color-text);font-weight:var(--weight-heading);margin:0}.brand-name small{font-size:var(--text-caption);color:var(--color-muted);margin-top:var(--space-2);font-weight:400;display:block}.exercise{max-width:740px;margin:auto}.exercise-top{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.exercise-top>span{color:var(--color-muted);font-weight:var(--weight-label)}.exercise-top .back{margin-bottom:0}.exercise>.ui-progress{height:var(--space-2);margin:var(--space-4) 0 var(--space-8)}.exercise-question{font-size:var(--text-question);margin-bottom:var(--space-8);line-height:1.3}.feedback h2{font-size:var(--text-card)}fieldset{border:0;margin:0;padding:0}.choices{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sentence-answer{padding:var(--space-5)}.sentence-label{color:var(--color-muted);font-size:var(--text-caption);margin-bottom:var(--space-3)}.sentence{min-height:var(--control-height);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sentence-placeholder{color:var(--color-muted);font-size:var(--text-label)}.word-options{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.exercise-actions{align-items:center;gap:var(--space-6);margin-top:var(--space-8);display:flex}.feedback>.ui-button{margin-top:var(--space-4)}.result{text-align:center;max-width:740px;padding:var(--space-8) 0;margin:auto}.result-score{font-size:var(--text-score);font-weight:var(--weight-heading);color:var(--color-action-edge);margin-top:var(--space-8)}.result-score span{font-size:var(--text-heading);color:var(--color-muted)}.result>p{margin:var(--space-4)}.result-actions{margin-top:var(--space-8);justify-content:center}.correction-intro{max-width:580px;margin:var(--space-10) auto;text-align:center}.correction-intro h1{font-size:var(--text-section)}.correction-intro>p:not(.eyebrow){color:var(--color-muted);margin:var(--space-5) 0 var(--space-8)}.correction-illustration{width:260px;max-width:100%;margin:0 auto var(--space-6);display:block}.correction-art-shadow{fill:var(--color-info-soft)}.correction-art-cover{fill:var(--color-info)}.correction-art-page{fill:var(--color-scene-wash)}.correction-art-line{stroke:var(--color-info-border);stroke-width:4px;fill:none;stroke-linecap:round}.correction-art-badge{fill:var(--color-success-soft);stroke:var(--color-success);stroke-width:3px}.correction-art-check{fill:none;stroke:var(--color-success);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.correction-art-pencil{fill:var(--color-action);stroke:var(--color-action-edge);stroke-width:3px;stroke-linejoin:round}.correction-label{color:var(--color-info);font-size:var(--text-label);font-weight:var(--weight-label);margin-bottom:var(--space-4)}.exercise--correction .ui-progress{accent-color:var(--color-success)}.exercise--correction .ui-progress::-webkit-progress-value{background:var(--color-success)}.exercise--correction .ui-progress::-moz-progress-bar{background:var(--color-success)}.matching-instruction,.matching-count{color:var(--color-muted);font-size:var(--text-caption)}.matching-instruction{margin-bottom:var(--space-4)}.matching-count{margin-top:var(--space-4)}.matching-columns{gap:clamp(var(--space-8), 6vw, var(--space-16));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.matching-column{gap:var(--space-3);grid-auto-rows:1fr;display:grid}.matching-tile{text-align:left;border-radius:var(--radius-control);padding:var(--space-3);overflow-wrap:anywhere;justify-content:flex-start;min-width:0}.matching-tile>span:last-child{min-width:0}.matching-number{color:var(--color-info);flex-shrink:0}.matching-tile--paired{--button-bg:var(--color-info-soft);--button-border:var(--color-info-border)}.matching-tile--selected{--button-bg:var(--color-info-soft);--button-border:var(--color-info)}.feedback-answer{white-space:pre-line}.matching-connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.matching-connections>path{fill:none;stroke:var(--color-info);stroke-width:2px;stroke-linecap:round}.matching-connection--pending{opacity:.75}.matching-arrowhead{fill:var(--color-info)}.journey-layout{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 250px;align-items:start;display:grid}.journey-main{min-width:0}.journey-map{border-radius:var(--radius-card);overflow:hidden}.map-region{background:var(--color-region-city);padding:var(--space-6);scroll-margin-top:var(--space-6)}.map-region--2{background:var(--color-region-lakes)}.map-region--3{background:var(--color-region-coast)}.region-heading{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.region-heading>div{flex:1;min-width:0}.region-heading h2{font-size:var(--text-card)}.region-heading p:not(.eyebrow){color:var(--color-muted);font-size:var(--text-caption);margin-top:var(--space-2)}.region-heading .eyebrow{margin-bottom:var(--space-1)}.region-number{background:var(--color-surface);color:var(--color-info);border-radius:var(--radius-control);width:48px;height:48px;font-weight:var(--weight-heading);flex-shrink:0;place-items:center;display:grid}.region-illustration{flex-shrink:0;width:110px;height:90px}.region-art-wash{fill:var(--color-scene-wash)}.region-art-light{fill:var(--color-art-light)}.region-art-shade{fill:var(--color-art-shade)}.region-art-water{fill:var(--color-art-water)}.region-art-paper{fill:var(--color-surface)}.region-art-accent{fill:var(--color-action)}.region-art-line{fill:none;stroke:var(--color-art-shade);stroke-width:3px;stroke-linecap:round}.chapter-progress{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.chapter-progress .ui-progress{flex:1;min-width:0}.chapter-progress span{font-size:var(--text-caption);color:var(--color-muted);white-space:nowrap}.path-map{--path-max-offset:50px;--path-marker-size:34px;isolation:isolate;position:relative}.path-connections{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.path-connections path{fill:none;stroke:var(--color-path);stroke-width:5px;stroke-linecap:round}.path-connections .covered{stroke:var(--color-info-border);stroke-width:4px;stroke-dasharray:2 10}.learning-path{margin:0;padding:0;list-style:none}.station-heading{z-index:1;margin:var(--space-8) 0 var(--space-5);font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--color-muted);position:relative}.station-heading span{background:var(--color-region-city);border-radius:var(--radius-small);padding:var(--space-2) var(--space-3)}.path-step{--path-offset:var(--offset);z-index:1;margin:0 0 var(--space-6) var(--path-offset);padding-left:48px;position:relative}.path-step.current{padding-left:calc(var(--path-max-offset) - var(--path-offset) + var(--path-marker-size) + var(--space-3))}.lesson-marker{left:0;top:var(--space-2);width:var(--path-marker-size);height:var(--path-marker-size);background:var(--color-track);color:var(--color-muted);border:3px solid var(--color-region-city);border-radius:var(--radius-small);font-size:var(--text-caption);place-items:center;display:grid;position:absolute}.complete .lesson-marker{background:var(--color-success-soft);color:var(--color-success)}.current .lesson-marker{background:var(--color-info);color:var(--color-surface);top:var(--space-6)}.lesson-stop{width:100%;padding:var(--space-2) 0;text-align:left;display:block}.lesson-caption{border-radius:var(--radius-small);background:var(--color-region-city);padding:var(--space-2);display:block}.lesson-caption strong{font-size:var(--text-body);font-weight:var(--weight-label);display:block}.lesson-caption>span{margin-top:var(--space-2);color:var(--color-muted);font-size:var(--text-caption);display:block}.locked .lesson-caption strong{color:var(--color-muted)}.current-lesson{background:var(--color-info-soft);border-radius:var(--radius-card);padding:var(--space-6)}.current-lesson h3{overflow-wrap:anywhere}.lesson-heading{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-info);font-size:var(--text-caption);margin-bottom:var(--space-4);display:flex}.lesson-heading span:last-child{white-space:nowrap}.lesson-meta,.lesson-progress{color:var(--color-muted);font-size:var(--text-caption);margin:var(--space-3) 0}.current-lesson .ui-button{width:100%;margin-top:var(--space-3)}.path-finish{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-3);z-index:1;background:var(--color-region-city);display:flex;position:relative}.path-finish>svg{color:var(--color-info);flex-shrink:0;width:32px;height:32px}.path-finish h3{font-size:var(--text-body)}.path-finish p{color:var(--color-muted);font-size:var(--text-caption);margin-top:var(--space-2)}.region-preview{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-6)}.region-preview h3{font-size:var(--text-body)}.region-preview p{color:var(--color-muted);margin:var(--space-4) 0;font-size:var(--text-caption)}.region-preview a{font-size:var(--text-caption)}.journey-sidebar{top:var(--space-6);position:sticky}.journey-sidebar h2{font-size:var(--text-card);margin:var(--space-8) 0 var(--space-4)}.journey-sidebar nav{display:block}.journey-sidebar nav button{justify-content:space-between;align-items:start;gap:var(--space-4);text-align:left;width:100%;font-size:var(--text-label);padding:var(--space-4) 0;border:0;border-bottom:1px solid var(--color-border);border-radius:0;font-weight:400;display:flex}.journey-sidebar nav button[aria-current]{color:var(--color-info)}.journey-sidebar small{font-size:var(--text-caption);color:var(--color-muted);margin-top:var(--space-2);display:block}.journey-position{background:var(--color-info-soft);border-radius:var(--radius-card);padding:var(--space-5)}.journey-position span{font-size:var(--text-caption);color:var(--color-muted);margin-bottom:var(--space-2);display:block}.journey-sidebar>.ui-button{width:100%;margin-top:var(--space-6)}.journey-return{gap:var(--space-4);background:var(--color-info-soft);border-radius:var(--radius-card);padding:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;align-items:center;display:flex}.journey-return>svg{color:var(--color-info);flex-shrink:0}.journey-return>div{flex:1;min-width:160px}.journey-return h3{font-size:var(--text-body)}.journey-return p{font-size:var(--text-caption);color:var(--color-muted);margin-top:var(--space-2)}.chapter-plan{padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-control);margin-top:var(--space-5)}.chapter-plan summary{color:var(--color-info);cursor:pointer;font-size:var(--text-label);font-weight:var(--weight-label)}.chapter-plan summary:focus-visible{outline:3px solid var(--color-info);outline-offset:0}.chapter-plan summary>span{margin-inline-start:var(--space-3)}.chapter-plan ol{padding-left:var(--space-6);margin-bottom:0}.chapter-plan li{padding:var(--space-3) var(--space-2)}.chapter-plan p{margin-top:var(--space-2);font-size:var(--text-label)}.study-page,.homework-page{max-width:800px;margin:auto}.study-page h1,.homework-page h1{font-size:var(--text-page)}.study-goal{font-size:var(--text-body);color:var(--color-muted);margin:var(--space-5) 0 var(--space-8);max-width:690px}.study-block{margin:var(--space-5) 0}.study-block h2{font-size:var(--text-card)}.study-block>p{color:var(--color-muted);font-size:var(--text-body);margin-top:var(--space-4);line-height:1.85}.examples{margin:var(--space-6) 0 0;border-top:1px solid var(--color-border);padding:0}.examples>div{gap:var(--space-5);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;grid-template-columns:1fr 1fr;display:grid}.examples dt{color:var(--color-success);font-weight:700}.examples dd{color:var(--color-muted);font-size:var(--text-body);margin:0}.study-footer{gap:var(--space-6);margin:var(--space-8) 0;justify-content:space-between;align-items:center;display:flex}.study-footer strong{font-size:var(--text-card)}.study-footer .ui-button{white-space:nowrap}.daily-homework{margin:var(--space-8) 0}.daily-homework>p:not(.eyebrow){margin:var(--space-4) 0}.daily-homework>.ui-button{margin-top:var(--space-5)}.homework-topics{gap:var(--space-2);margin:var(--space-5) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.homework-topics li{background:var(--color-surface);color:var(--color-info);border-radius:var(--radius-small);padding:var(--space-2) var(--space-3);font-size:var(--text-caption)}.daily-progress{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.daily-progress span{font-size:var(--text-caption);color:var(--color-muted)}.homework-calendar{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6)}.calendar-heading{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.calendar-heading h2{font-size:var(--text-card)}.calendar-modes{background:var(--color-subtle);border-radius:var(--radius-pill);padding:var(--space-1);display:flex}.calendar-modes button{font-size:var(--text-caption);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill)}.calendar-modes button[aria-pressed=true]{background:var(--color-shell);color:var(--color-shell-text)}.calendar-navigation{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-5) 0;display:flex}.calendar-navigation strong{font-size:var(--text-label);text-align:center}.calendar-navigation .ui-button{padding:var(--space-2)}.calendar-grid{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));max-width:560px;margin:auto;display:grid}.calendar-weekday{text-align:center;color:var(--color-muted);font-size:var(--text-caption);padding-bottom:var(--space-2)}.calendar-day{aspect-ratio:1;min-width:0;min-height:var(--space-12);padding:0 0 var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-control);background:var(--color-subtle);line-height:1;font-size:var(--text-label);font-weight:var(--weight-label);place-items:center;display:grid;position:relative}.calendar-day:not(:disabled):hover{border-color:var(--color-info-border)}.calendar-mark{bottom:var(--space-1);width:var(--space-1);height:var(--space-1);border-radius:var(--radius-pill);color:var(--color-info);background:currentColor;position:absolute}.calendar-mark[data-completed=true]{width:auto;height:auto;color:var(--color-success);line-height:1;font-size:var(--text-caption);background:0 0}.calendar-day[data-active=true]{background:var(--color-info-soft)}.calendar-day[data-completed=true]{background:var(--color-success-soft)}.calendar-day[aria-current]{border-color:var(--color-info-border)}.calendar-day[aria-pressed=true]{background:var(--color-shell);border-color:var(--color-shell);color:var(--color-shell-text)}.calendar-day[aria-pressed=true] .calendar-mark{color:var(--color-shell-text)}.calendar-day:disabled{color:var(--color-muted);background:0 0;font-weight:400}.calendar-detail{font-size:var(--text-label);margin-top:var(--space-5)}@media (width<=700px){.homework-calendar{padding:var(--space-4)}.calendar-grid{gap:var(--space-1)}.calendar-day{border-radius:var(--radius-small)}.calendar-mark[data-completed=true]{bottom:0}}.study-connection{margin:var(--space-6) 0;padding-left:var(--space-5);border-left:var(--space-1) solid var(--color-info-border)}.study-connection p{margin-bottom:var(--space-3)}.study-connection a{font-size:var(--text-label)}.study-recall{margin-top:var(--space-8);background:var(--color-info-soft)}.study-recall h2{font-size:var(--text-card)}.study-recall ul{padding-left:var(--space-6)}.study-recall li+li{margin-top:var(--space-3)}.study-recall-task{border-top:1px solid var(--color-info-border);padding-top:var(--space-5)}.study-recall-task>p,.study-recall-task details{margin-top:var(--space-4)}.study-recall-task summary{color:var(--color-info);font-size:var(--text-label);font-weight:var(--weight-label);cursor:pointer}.study-recall-task details p{margin-top:var(--space-4)}.study-recall-task summary:focus-visible{outline:3px solid var(--color-info);outline-offset:0}.ui-catalog{max-width:900px;padding:var(--space-8) var(--space-6);margin:auto}.ui-catalog>.eyebrow{margin-top:var(--space-8)}.ui-catalog>p{margin-top:var(--space-4)}.ui-catalog section{margin-top:var(--space-12)}.ui-catalog section>h2{margin-bottom:var(--space-6)}.ui-catalog .ui-surface>*+*{margin-top:var(--space-4)}.ui-catalog__swatches{gap:var(--space-6);flex-wrap:wrap;display:flex}.ui-catalog__swatches span{border-radius:var(--radius-control);width:80px;height:64px;display:block}.ui-catalog__swatches [data-color=action] span{background:var(--color-action)}.ui-catalog__swatches [data-color=info] span{background:var(--color-info)}.ui-catalog__swatches [data-color=success] span{background:var(--color-success)}.ui-catalog__swatches [data-color=error] span{background:var(--color-error)}.ui-catalog__swatches [data-color=reward] span{background:var(--color-reward)}.ui-catalog__choices{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.chapter-picker{--chapter-tile-width:192px;margin-bottom:var(--space-6);min-width:0}.chapter-picker-heading{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.chapter-picker-heading h2{font-size:var(--text-card)}.chapter-picker-track{gap:var(--space-3);scroll-snap-type:none;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.chapter-picker-track::-webkit-scrollbar{display:none}.chapter-tile:focus-visible{outline-offset:-3px}.chapter-tile{flex-direction:column;flex:0 0 var(--chapter-tile-width);width:var(--chapter-tile-width);min-height:180px;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-subtle);color:var(--color-text);text-align:left;scroll-snap-align:start;justify-content:space-between;display:flex;position:relative;overflow:hidden}.chapter-tile-top{z-index:1;justify-content:flex-start;gap:var(--space-2);font-size:var(--text-caption);font-weight:var(--weight-heading);align-items:center;display:flex;position:relative}.chapter-tile-top svg{width:var(--space-5);height:var(--space-5)}.chapter-tile-copy{z-index:1;gap:var(--space-1);margin-top:var(--space-12);display:grid;position:relative}.chapter-tile-copy small{font-size:var(--text-micro);color:var(--color-muted)}.chapter-tile-copy strong{-webkit-line-clamp:2;font-size:var(--text-label);-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.chapter-tile .region-illustration{width:88px;height:72px;top:var(--space-2);right:var(--space-3);opacity:.8;position:absolute}.chapter-tile--selected{border-color:var(--color-info);background:var(--color-info-soft)}.chapter-tile--current{background:var(--color-shell);color:var(--color-shell-text);border-color:var(--color-shell)}.chapter-tile--current .chapter-tile-copy small{color:var(--color-shell-text);opacity:.8}.chapter-tile--current.chapter-tile--selected{border-color:var(--color-action)}.chapter-tile--current .chapter-tile-top{color:var(--color-action)}@media (prefers-reduced-motion:no-preference){.chapter-tile{transition:border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease)}}@media (width<=700px){.chapter-picker{--chapter-tile-width:144px}.chapter-tile{min-height:168px;padding:var(--space-3)}.chapter-tile .region-illustration{width:72px;height:60px}}.chapter-picker-arrows{gap:var(--space-2);display:none}.chapter-picker-arrows .ui-button{width:var(--space-12);min-height:var(--space-12);padding:var(--space-2);border-radius:var(--radius-small)}.chapter-picker-arrows .ui-button:disabled{opacity:.35;background:0 0;border-color:#0000}@media (width>=861px) and (hover:hover) and (pointer:fine){.chapter-picker-arrows{display:flex}}@media (pointer:coarse){.chapter-picker-track{scroll-snap-type:x mandatory}.chapter-picker-track[data-dragging]{scroll-snap-type:none}}@media (hover:hover) and (pointer:fine){.chapter-picker-track,.chapter-picker-track .chapter-tile{cursor:grab;-webkit-user-select:none;user-select:none}.chapter-picker-track[data-dragging],.chapter-picker-track[data-dragging] .chapter-tile{cursor:grabbing}}.vocabulary-page{max-width:900px;margin:auto}.vocabulary-page h1{font-size:var(--text-page)}.vocabulary-tabs{gap:var(--space-2);margin:var(--space-6) 0 var(--space-8);display:flex}.vocabulary-empty p{margin:var(--space-4) 0 var(--space-6);color:var(--color-muted)}.vocabulary-filters{gap:var(--space-3);flex-wrap:wrap;display:flex}.vocabulary-filters .ui-field{margin:0}.vocabulary-filters .ui-field:first-child{flex:1;min-width:180px}.vocabulary-filters input{flex:1;min-width:0}.vocabulary-filters select{max-width:100%}.vocabulary-count{margin:var(--space-5) 0;color:var(--color-muted);font-size:var(--text-caption)}.vocabulary-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.vocabulary-card{gap:var(--space-3);text-align:center;flex-direction:column;min-width:0;min-height:210px;display:flex}.vocabulary-card h2{overflow-wrap:anywhere;font-size:var(--text-card)}.vocabulary-copy p{color:var(--color-muted)}.vocabulary-source{color:var(--color-muted);font-size:var(--text-micro)}.vocabulary-illustration{aspect-ratio:4/3;object-fit:contain;border-radius:var(--radius-small);width:100%}.vocabulary-copy{justify-content:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.vocabulary-training{padding:var(--space-8) 0;place-items:center;display:grid}.vocabulary-launch{justify-content:center;align-items:center;gap:var(--space-5);text-align:center;flex-direction:column;width:100%;max-width:360px;min-height:320px;display:flex}.vocabulary-launch>svg{width:var(--space-12);height:var(--space-12);color:var(--color-info)}.vocabulary-launch>p{color:var(--color-muted)}.vocabulary-session-progress{gap:var(--space-2);width:100%;font-size:var(--text-caption);color:var(--color-muted);display:grid}@media (width<=700px){.vocabulary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=400px){.vocabulary-grid{grid-template-columns:1fr}}.vocabulary-prefetch{height:var(--space-1)}.progress-dashboard{gap:var(--space-8);display:grid}.progress-heading,.progress-chapter-heading{align-items:center;gap:var(--space-4);display:flex}.progress-heading{flex-wrap:wrap;justify-content:space-between}.progress-heading .link-button{font-size:var(--text-caption)}.progress-overview{gap:var(--space-4);grid-template-columns:1.2fr 1fr;display:grid}.progress-route-summary{align-items:center;gap:var(--space-6);background:var(--color-shell);color:var(--color-shell-text);display:flex}.progress-route-summary p{margin-top:var(--space-3);font-size:var(--text-label)}.progress-ring{flex:0 0 156px;width:156px;height:156px;position:relative}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:8px}.progress-ring-track{stroke:var(--color-shell-text);opacity:.15}.progress-ring-value{stroke:var(--color-action);stroke-linecap:round}.progress-ring strong{font-size:var(--text-display);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-ring strong span{font-size:var(--text-label)}.progress-next{justify-items:start;gap:var(--space-4);background:var(--color-warning-soft);display:grid}.progress-card-label{align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-muted);display:flex}.progress-next .ui-button{margin-top:auto;text-decoration:none}.progress-numbers{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.progress-numbers article{gap:var(--space-2);display:grid}.progress-numbers svg{color:var(--color-info);margin-bottom:var(--space-2)}.progress-numbers strong{font-size:var(--text-heading)}.progress-numbers strong span,.progress-numbers p{font-size:var(--text-caption);color:var(--color-muted);font-weight:400}.progress-chapter{gap:var(--space-6);display:grid}.progress-chapter-number{border-radius:var(--radius-control);background:var(--color-info-soft);height:56px;color:var(--color-info);font-weight:var(--weight-heading);font-size:var(--text-heading);flex:0 0 56px;place-items:center;display:grid}.progress-stations{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.progress-station{gap:var(--space-4);border-color:var(--color-border);background:var(--color-surface);flex-direction:column;display:flex}.progress-station-number{font-size:var(--text-heading);color:var(--color-scene);font-weight:var(--weight-heading)}.progress-station h3{min-height:0}.progress-station-count{color:var(--color-muted);font-size:var(--text-label);margin-top:0}.progress-station-count strong{color:var(--color-text);font-size:var(--text-heading)}.progress-lesson-marks{align-content:start;gap:var(--space-2);grid-template-columns:repeat(5,32px);min-height:72px;display:grid}.progress-lesson-mark{border-radius:var(--radius-small);border:var(--border-width) solid var(--color-border);width:32px;height:32px;display:block}.progress-lesson-mark--complete{background:var(--color-success);border-color:var(--color-success)}.progress-lesson-mark--studied{background:var(--color-info-soft);border-color:var(--color-info)}.progress-lesson-mark--new{background:var(--color-subtle)}.progress-lesson-mark:hover{outline:2px solid var(--color-info);outline-offset:0}.progress-legend{gap:var(--space-5);color:var(--color-muted);font-size:var(--text-caption);flex-wrap:wrap;display:flex}.progress-legend span{align-items:center;gap:var(--space-2);display:flex}.progress-legend i{border:var(--border-width) solid var(--color-border);border-radius:50%;width:12px;height:12px}@media (width<=800px){.progress-overview,.progress-stations{grid-template-columns:1fr}.progress-station h3{min-height:0}}@media (width<=500px){.progress-route-summary{gap:var(--space-4);padding:var(--space-5)}.progress-ring{flex-basis:112px;width:112px;height:112px}.progress-route-summary h2,.progress-next h2{font-size:var(--text-card)}.progress-numbers{grid-template-columns:1fr}.progress-numbers article{align-items:center;gap:var(--space-3);padding:var(--space-4);grid-template-columns:32px max-content minmax(0,1fr)}.progress-numbers svg{margin:0}.progress-numbers strong{font-size:var(--text-title)}.progress-numbers strong span{display:block}}@media (width<=900px){.app>header{flex-wrap:wrap}.app>header nav{order:3;justify-content:center;width:100%}.journey-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 240px}.study-footer{flex-direction:column;align-items:stretch}}@media (width<=700px){.app>header{padding:var(--space-4);align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.app>header .brand{justify-self:start}.app>header .brand-name{transform:translateY(var(--brand-name-optical-offset))}.app>header .account{justify-self:end}.app>header nav{gap:var(--space-1);grid-area:2/1/auto/-1;min-width:0;container-type:inline-size}.app>header nav button{min-width:0;min-height:var(--nav-control-height);white-space:nowrap;padding:var(--space-2) var(--space-1);font-size:var(--text-nav-compact);flex-direction:row;flex:auto;justify-content:center}.app>header nav svg{width:24px;height:24px}.account span{display:none}.account .ui-button{min-height:var(--nav-control-height);padding:var(--space-2);font-size:var(--text-account-compact);font-weight:var(--weight-label)}.app>main{padding:var(--space-6) var(--space-4) var(--space-12)}.journey-layout{display:block}.journey-sidebar{padding-top:0;position:static}.study-steps{gap:var(--space-3);flex-wrap:wrap}.examples>div{gap:var(--space-1);grid-template-columns:1fr}.study-footer .ui-button{white-space:normal}.button-row{flex-direction:column}.choices{grid-template-columns:1fr}.ui-choice{min-height:80px}.exercise-actions{justify-content:space-between;gap:var(--space-2)}}@media (width>=701px) and (width<=860px){.journey-layout{grid-template-columns:minmax(0,1fr)}.journey-sidebar{padding-top:0;position:static}}@media (width<=360px){.app>header nav svg{display:none}.chapter-progress{flex-wrap:wrap}.chapter-progress .ui-progress{flex-basis:100%}}@media (width<=700px){.map-region{padding:var(--space-5) var(--space-3)}.region-heading{gap:var(--space-3)}.region-illustration{width:70px;height:65px}.region-number{width:38px;height:40px}.path-map{--path-max-offset:24px;--path-marker-size:30px}.path-step{--path-offset:clamp(0px, var(--offset), var(--path-max-offset));padding-left:36px}.current-lesson{padding:var(--space-4)}.lesson-heading{flex-wrap:wrap}.journey-sidebar{display:none}.journey-return .ui-button{width:100%}.chapter-progress{flex-wrap:wrap}.chapter-progress .ui-progress{flex-basis:100%}.brand-name small{display:none}}@media (width<=380px){.region-heading .region-illustration{display:none}}@media (pointer:coarse),(width<=700px){.exercise{--control-height:var(--space-12)}.exercise>.ui-progress{margin:var(--space-3) 0 var(--space-5)}.exercise-question{font-size:var(--text-question);margin-bottom:var(--space-5)}.exercise .choices{gap:var(--space-3)}.exercise .ui-choice{min-height:var(--control-height);padding:var(--space-3);gap:var(--space-2);font-size:var(--text-label)}.exercise .ui-token{padding:var(--space-2) var(--space-3);font-size:var(--text-caption)}.exercise .sentence-answer{padding:var(--space-3)}.exercise .sentence-label{margin-bottom:var(--space-2)}.exercise .sentence,.exercise .word-options{gap:var(--space-2)}.exercise .word-options{margin-top:var(--space-4)}.exercise .matching-tile{padding:var(--space-2);font-size:var(--text-caption)}.exercise .matching-column{gap:var(--space-2)}.exercise .matching-instruction,.exercise .matching-count{margin:var(--space-3) 0}.exercise .exercise-actions{margin-top:var(--space-5)}.exercise .exercise-actions>.ui-button{padding-inline:var(--space-4)}}@media (width<=319px){.app>header nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@keyframes content-enter{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.screen-content,.exercise form,.ui-notice,.correction-intro,.sentence .ui-token{animation:content-enter var(--motion-enter) var(--motion-ease)}.ui-choice,.matching-tile,.app>header nav button{transition:background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease)}}.startup-screen{min-height:100svh;padding:var(--space-6);place-items:center;display:grid}.page-placeholder{max-width:800px;padding-top:var(--space-6);margin:auto}.page-placeholder>div{background:var(--color-subtle);border-radius:var(--radius-control)}.placeholder-title{width:65%;height:var(--space-10)}.placeholder-line{width:85%;height:var(--space-5);margin:var(--space-6) 0 var(--space-8)}.placeholder-card{min-height:240px}@keyframes loading-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.startup-brand,.page-placeholder{animation:loading-appear var(--motion-fast) var(--motion-ease) var(--motion-enter) both}}.page-placeholder--section{margin-bottom:var(--space-8);padding-top:0}.page-placeholder--line{margin:var(--space-5) 0 0;padding-top:0}.page-placeholder--line .placeholder-line{width:60%;height:var(--space-6);margin:0}.calendar-day--placeholder{pointer-events:none}.audio-control{align-items:center;gap:var(--space-3);margin:0 0 var(--space-5);flex-wrap:wrap;display:flex}.audio-button{--audio-icon-size:var(--space-5);min-width:calc(var(--space-10) + var(--space-1));min-height:calc(var(--space-10) + var(--space-1));padding:var(--space-2);box-shadow:none}.audio-button>svg{width:var(--audio-icon-size);height:var(--audio-icon-size);flex-shrink:0}.audio-control--listening .audio-button{--audio-icon-size:var(--space-6);min-height:var(--space-12);padding-inline:var(--space-5)}.audio-label{color:var(--color-info);font-size:var(--text-caption);font-weight:var(--weight-heading);margin-bottom:var(--space-3)}.audio-error{color:var(--color-muted);font-size:var(--text-caption)}.audio-skip{margin-top:var(--space-4);white-space:normal;max-width:100%}.audio-transcript{padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:var(--border-width) solid currentColor}.audio-transcript p:first-child{font-weight:var(--weight-heading)}.audio-control--inline{vertical-align:middle;max-width:100%;margin:0 0 0 var(--space-3);display:inline-flex}.audio-control--inline .audio-button{width:calc(var(--space-10) + var(--space-1));height:calc(var(--space-10) + var(--space-1));padding:var(--space-2)}.audio-control--inline .audio-error{font-weight:400;line-height:1.4}.spoken-text-ending{vertical-align:baseline;align-items:center;gap:var(--space-2);max-width:100%;display:inline-flex}.spoken-text-ending-content{overflow-wrap:anywhere;min-width:0}.spoken-text-ending .audio-control--inline{flex-shrink:0;margin:0}.choice-with-audio{min-width:0;position:relative}.choices>div>.ui-choice{width:100%;height:100%}.choices>.choice-with-audio>.ui-choice{padding-inline-end:calc(var(--space-10) + var(--space-5))}.choice-with-audio>.audio-control{inset-inline-end:var(--space-2);margin:0;position:absolute;top:50%;transform:translateY(-50%)}.choice-with-audio .audio-button{width:calc(var(--space-10) + var(--space-1));height:calc(var(--space-10) + var(--space-1));padding:var(--space-2)}.feedback-speech{font-weight:var(--weight-heading)}.choice-with-audio:has(.audio-error)>.ui-choice{height:auto}.choice-with-audio:has(.audio-error)>.audio-control{margin:var(--space-2) 0;position:static;transform:none}@media (pointer:coarse),(width<=700px){.choice-with-audio .audio-button,.audio-control--inline .audio-button{--audio-icon-size:calc(var(--space-4) + var(--space-1) / 2)}}