.lesson-scene{gap:var(--space-5);margin-block:var(--space-4);color:var(--color-signal-ink);grid-template-columns:1fr 1fr;display:grid}.lesson-scene-person{align-content:end;justify-items:center;min-width:0;display:grid}.lesson-scene-person>svg{width:min(100%,240px);height:110px;display:block}.lesson-scene-person>p{width:100%;padding-top:var(--space-2);text-align:center;border-top:1px solid;margin:0}.lesson-scene-person strong{font-size:var(--text-md);display:block}.lesson-scene-person[data-speaking] strong{text-underline-offset:5px;text-decoration:underline}.lesson-scene-person span{gap:var(--space-1);margin-top:var(--space-1);font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;align-items:center;line-height:1.5;display:flex}.lesson-scene-person span svg{flex:0 0 16px}.story-composition .lesson-scene{margin-block:0 var(--space-5)}.mode-attention:has(.lesson-scene) :is(.lesson-main,.guided-composition){color:var(--color-ink)}@media (max-width:560px){.lesson-scene{gap:var(--space-3)}.lesson-scene-person>svg{height:85px}.lesson-scene-person span{min-height:40px}}.lesson-scene-setting{margin:0 0 calc(-1 * var(--space-2));text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-signal-ink);grid-column:1/-1}.lesson-scene-messages{column-gap:var(--space-5);row-gap:var(--space-5);margin-top:var(--space-3);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.scene-message{--tail:50%;min-width:0;padding:var(--space-3) var(--space-4) var(--space-4);color:var(--color-ink);background:var(--color-signal-white);border:1.5px solid rgba(var(--flowkeys-rgb-ink), .18);border-radius:18px;grid-column:1;position:relative}.scene-message.is-from-learner{grid-column:2}.scene-message.is-lead{--tail:25%;grid-column:1/-1}.scene-message.is-lead.is-from-learner{--tail:75%}.scene-message:before{content:"";top:-9px;left:calc(var(--tail) - 8px);background:inherit;border:inherit;border-bottom:0;border-right:0;border-radius:3px 0 0;width:16px;height:16px;position:absolute;transform:rotate(45deg)}.scene-message-name{margin-bottom:var(--space-1);color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;display:block}.scene-message.is-lead .scene-message-name{text-align:center}.scene-message-text{font-size:var(--text-lg);overflow-wrap:anywhere;line-height:1.4}.scene-message-text :is(p,blockquote){margin:0}.scene-message.is-lead .scene-message-text{font-size:inherit}.lesson-scene .scene-message{justify-items:normal;max-width:none;animation:none;display:block}.teacher-message{align-items:center;gap:var(--space-4);grid-template-columns:112px minmax(0,1fr);width:min(560px,100%);margin:0 auto;display:grid}.teacher-message-figure{width:100%;height:auto;display:block}.teacher-message .scene-message{grid-column:auto}.teacher-message .scene-message:before{top:calc(50% - 8px);left:-9px;transform:rotate(-45deg)}.lesson-scene.is-drawn{row-gap:var(--space-3)}.scene-art{aspect-ratio:600/216;grid-column:1/-1;width:100%;height:auto;max-height:216px;display:block}.is-drawn .lesson-scene-setting{font-family:var(--font-body);font-size:var(--text-lg);letter-spacing:0;text-transform:none;margin:0;font-weight:600}.scene-caption{text-align:center;max-width:34rem;font-size:var(--text-base);text-wrap:balance;grid-column:1/-1;justify-self:center;margin:0;line-height:1.6}.is-drawn .lesson-scene-setting{text-wrap:balance}.is-drawn .lesson-scene-person{align-content:start}.is-drawn .lesson-scene-person>p{border:0;padding-top:0}.is-drawn .lesson-scene-person span{text-wrap:balance;min-height:0}.lesson-scene.has-about{grid-template-columns:repeat(3,minmax(0,1fr))}.has-about .scene-message.is-from-teacher{--tail:33%}.has-about .scene-message.is-from-learner{--tail:67%}.has-about .scene-message.is-lead.is-from-learner{--tail:83%}.has-about .scene-message.is-lead.is-from-teacher{--tail:17%}.teacher-message.is-drawn{width:min(600px,100%);display:block}.teacher-message.is-drawn .lesson-scene{margin-block:0}.teacher-message.is-drawn .lesson-scene-messages{margin-top:var(--space-2);grid-template-columns:1fr}.teacher-message.is-drawn .scene-message{text-align:center;--tail:25%;justify-self:center;width:min(360px,100%)}.teacher-message.is-drawn .scene-message:before{top:-9px;left:calc(var(--tail) - 8px);transform:rotate(45deg)}.teacher-message.is-drawn .lesson-scene{color:var(--color-key-ink-strong);background:var(--color-signal-white);padding:var(--space-4);border-radius:var(--radius-surface)}.recall-cue .scene-art{max-height:140px}.recall-cue .lesson-scene-person span{font-size:var(--text-sm)}.recall-cue .lesson-scene-person :is(strong,span){color:var(--color-signal-ink);font-family:var(--font-body);font-weight:400}.recall-cue .scene-caption{color:var(--color-key-ink-strong);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.6}.recall-consequence{margin-block:var(--space-4);padding:var(--space-4);background:var(--color-signal-white);border-radius:var(--radius-surface)}@media (max-width:560px){.lesson-scene-messages{column-gap:var(--space-3)}.scene-message{padding:var(--space-2) var(--space-3) var(--space-3)}.scene-message-text{font-size:var(--text-md)}.teacher-message{gap:var(--space-3);grid-template-columns:76px minmax(0,1fr)}}.hub-support:has(.founder-note){padding:var(--space-7) 0 var(--space-8);text-align:left;display:block}.founder-note{border-radius:var(--radius-surface);background:var(--color-letter);border:1px solid rgba(var(--flowkeys-rgb-chalk), .08);width:min(100%,56rem);box-shadow:inset 0 1px 0 rgba(var(--flowkeys-rgb-chalk), .05);color:var(--color-letter-ink);font-family:var(--body);font-size:var(--text-md);text-align:left;margin-inline:auto;padding:clamp(24px,5vw,72px);line-height:1.85}.founder-note-heading,.founder-note-letter,.founder-note-footer{max-width:65ch;margin-inline:auto}.founder-note-heading{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.founder-note-heading h2{font-family:var(--display);color:var(--chalk);text-wrap:balance;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:500;line-height:1.15}.founder-note .translation-switch{--switch-ink:var(--color-help-light);flex:none;margin-top:0}.founder-note-letter>p+p{margin-top:1.3em}.founder-note-signoff{margin-top:var(--space-6)}.founder-note-signature{margin-top:var(--space-2);color:var(--chalk);font-size:var(--text-lg);font-weight:600}.founder-note-footer{margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid rgba(var(--flowkeys-rgb-chalk), .12);line-height:1.6}.founder-note-share-status,.founder-note-manual-link{font-size:var(--text-base)}.founder-note-actions{justify-content:flex-start;gap:var(--space-4) var(--space-3)}.founder-note-feedback{display:contents}.founder-note-actions .support-link{--action-light:var(--color-support-light);--action-base:var(--color-support);--action-edge:var(--color-support-edge);--action-ink:var(--color-support-ink);--action-icon:var(--color-support-heart)}.founder-note-actions .founder-note-share{--action-light:var(--color-share-light);--action-base:var(--color-share);--action-edge:var(--color-share-edge);--action-ink:var(--color-share-ink);--action-icon:var(--color-share-edge)}.founder-note-actions .feedback-link{--action-light:var(--color-feedback-light);--action-base:var(--color-feedback);--action-edge:var(--color-feedback-edge);--action-ink:var(--color-feedback-ink);--action-icon:var(--color-feedback-edge)}.founder-note-actions :is(.support-link,.founder-note-share,.feedback-link){min-height:52px;padding:0 var(--space-5) 0 var(--space-2);justify-content:center;align-items:center;gap:var(--space-3);color:var(--action-ink);background:linear-gradient(180deg, var(--action-light) 0%, var(--action-base) 100%) var(--action-base);box-shadow:0 4px 0 var(--action-edge), 0 16px 28px -18px color-mix(in srgb, var(--action-base) 80%, transparent);font-family:var(--body);font-size:var(--text-base);white-space:nowrap;cursor:pointer;transition:transform .18s var(--ease-emphasis), box-shadow .18s var(--ease-out), filter .18s var(--ease-out);border:0;border-radius:999px;flex:0 auto;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.founder-note-actions :is(.support-link,.founder-note-share,.feedback-link):hover{filter:saturate(1.12);box-shadow:0 6px 0 var(--action-edge), 0 0 0 4px color-mix(in srgb, var(--action-base) 16%, transparent), 0 22px 34px -16px color-mix(in srgb, var(--action-base) 90%, transparent);transform:translateY(-2px)}.founder-note-actions :is(.support-link,.founder-note-share,.feedback-link):active{box-shadow:0 0 0 var(--action-edge), 0 0 0 4px color-mix(in srgb, var(--action-base) 22%, transparent), 0 6px 12px -8px color-mix(in srgb, var(--action-base) 60%, transparent);transition-duration:60ms;transform:translateY(4px)}.founder-note-actions :is(.support-link,.founder-note-share,.feedback-link)>svg:first-child{box-sizing:border-box;width:36px;height:36px;color:var(--action-icon);background:rgba(var(--flowkeys-rgb-white), .55);transition:transform .26s var(--ease-emphasis);border-radius:50%;flex:none;padding:8px}.founder-note-actions .support-link>svg:last-child{width:16px;height:16px;margin-left:calc(var(--space-1) * -1);opacity:.7;transition:transform .22s var(--ease-emphasis), opacity .16s var(--ease-out)}.founder-note-actions .support-link:hover>svg:first-child{animation:founder-note-heartbeat 1s var(--ease-out) infinite;transform:none}.founder-note-actions .support-link:hover>svg:last-child{opacity:1;transform:translate(2px,-2px)}.founder-note-actions .founder-note-share:hover>svg:first-child{transform:rotate(-45deg)scale(1.08)}.founder-note-actions .feedback-link:hover>svg:first-child{animation:founder-note-chatter .7s var(--ease-out)}.founder-note-actions .is-popping{animation:founder-note-pop .42s var(--ease-emphasis)}.founder-note-actions .is-popping:after{content:"";border-radius:inherit;pointer-events:none;animation:founder-note-ring .56s var(--ease-out) forwards;position:absolute;inset:0}@keyframes founder-note-pop{0%{transform:translateY(4px)scale(.97)}45%{transform:translateY(-3px)scale(1.04)}to{transform:translateY(0)scale(1)}}@keyframes founder-note-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--action-base) 60%, transparent)}to{box-shadow:0 0 0 16px color-mix(in srgb, var(--action-base) 0%, transparent)}}@keyframes founder-note-heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.22)}40%{transform:scale(1.04)}60%{transform:scale(1.16)}}@keyframes founder-note-chatter{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)scale(1.08)}55%{transform:rotate(10deg)scale(1.08)}80%{transform:rotate(-4deg)}}@keyframes founder-note-glow{0%{filter:brightness(1.2)}to{filter:none}}.founder-note-share-status{color:var(--chalk-dim)}.founder-note-share-status:not(:empty),.founder-note-manual-link{margin-top:var(--space-4);display:block}.founder-note-manual-link input{width:100%;min-height:44px;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--chalk);background:var(--color-night);border:1px solid rgba(var(--flowkeys-rgb-chalk), .28);border-radius:var(--radius-focus);font-size:1rem;display:block}@media (max-width:560px){.founder-note{line-height:1.75}.founder-note-actions{flex-direction:column;align-items:stretch}.founder-note-actions :is(.support-link,.founder-note-share,.feedback-link){width:100%}}@media (prefers-reduced-motion:reduce){.founder-note-actions :is(.support-link,.founder-note-share,.feedback-link),.founder-note-actions :is(.support-link,.founder-note-share,.feedback-link)>svg{transition:none}.founder-note-actions :is(.support-link,.founder-note-share,.feedback-link):is(:hover,:active),.founder-note-actions :is(.support-link,.founder-note-share,.feedback-link):is(:hover,:active)>svg{animation:none;transform:none}.founder-note-actions .is-popping{animation:founder-note-glow .42s var(--ease-out)}.founder-note-actions .is-popping:after{animation:none}}.feedback-dialog{--reply:var(--color-feedback);--reply-light:var(--color-feedback-light);width:min(600px,100% - 32px);max-height:min(820px,100dvh - 32px);color:var(--color-letter-ink);background:radial-gradient(120% 60% at 100% 0%, color-mix(in srgb, var(--reply) 12%, transparent), transparent 60%) var(--color-letter);border:1px solid rgba(var(--flowkeys-rgb-chalk), .12);box-shadow:0 32px 90px rgba(var(--flowkeys-rgb-black), .62);overscroll-behavior:contain;border-radius:28px;padding:0}.feedback-dialog[open]{animation:feedback-arrive .26s var(--ease-emphasis)}.feedback-dialog::backdrop{background:rgba(var(--flowkeys-rgb-black), .72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feedback-dialog form{text-align:left;padding:clamp(22px,5vw,36px)}.feedback-dialog header{align-items:start;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.feedback-kicker{align-items:center;gap:var(--space-2);color:var(--reply-light);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;display:inline-flex}.feedback-kicker svg{width:17px;height:17px}.feedback-dialog h2{margin-top:var(--space-3);color:var(--chalk);font-family:var(--display);font-size:clamp(36px,7vw,52px);font-weight:600;line-height:.95}.feedback-dialog header p{max-width:44ch;margin-top:var(--space-3);color:var(--chalk-dim);font-size:var(--text-base);line-height:1.55}.feedback-close{width:44px;height:44px;color:var(--chalk-dim);background:rgba(var(--flowkeys-rgb-chalk), .05);border:1px solid rgba(var(--flowkeys-rgb-chalk), .14);transition:color .16s var(--ease-out), border-color .16s var(--ease-out), transform .26s var(--ease-emphasis);border-radius:50%;place-items:center;display:grid}.feedback-close:hover{color:var(--chalk);border-color:rgba(var(--flowkeys-rgb-chalk), .32);transform:rotate(90deg)}.feedback-close svg{width:18px;height:18px}.feedback-topics,.feedback-categories{min-width:0;margin:var(--space-6) 0 0;border:0;padding:0}.feedback-topics legend,.feedback-categories legend,.feedback-starters>span,.feedback-field>span{margin-bottom:var(--space-3);color:var(--chalk);font-size:var(--text-sm);padding:0;font-weight:700}.feedback-topic-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.feedback-topic{min-height:132px;padding:var(--space-4);align-content:start;gap:var(--space-1);color:var(--chalk);background:rgba(var(--flowkeys-rgb-chalk), .035);border:1.5px solid rgba(var(--flowkeys-rgb-chalk), .12);cursor:pointer;transition:transform .2s var(--ease-emphasis), border-color .16s var(--ease-out), background-color .16s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:20px;grid-template-rows:auto auto 1fr;display:grid;position:relative}.feedback-topic input,.feedback-categories input{opacity:0;border-radius:inherit;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.feedback-topic>svg{width:40px;height:40px;margin-bottom:var(--space-2);box-sizing:border-box;color:var(--reply-light);background:rgba(var(--flowkeys-rgb-chalk), .06);transition:transform .26s var(--ease-emphasis), color .16s var(--ease-out), background-color .16s var(--ease-out);border-radius:50%;padding:9px}.feedback-topic-title{font-size:var(--text-base);font-weight:800;line-height:1.3}.feedback-topic-hint{color:var(--chalk-dim);font-size:var(--text-sm);line-height:1.45}.feedback-topic:hover{border-color:rgba(var(--flowkeys-rgb-chalk), .28);transform:translateY(-2px)}.feedback-topic:has(input:checked){background:color-mix(in srgb, var(--reply) 11%, transparent);border-color:var(--reply);box-shadow:0 14px 30px -20px color-mix(in srgb, var(--reply) 90%, transparent)}.feedback-topic:has(input:checked)>svg{color:var(--color-feedback-ink);background:var(--reply);transform:rotate(-8deg)scale(1.06)}.feedback-topic:after{content:"";top:var(--space-4);right:var(--space-4);box-sizing:border-box;border:2px solid rgba(var(--flowkeys-rgb-chalk), .3);width:18px;height:18px;transition:border-width .16s var(--ease-out), border-color .16s var(--ease-out);border-radius:50%;position:absolute}.feedback-topic:has(input:checked):after{border:5px solid var(--reply);background:var(--color-feedback-ink)}.feedback-topic:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.feedback-categories label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.feedback-section{animation:feedback-section-in .24s var(--ease-out)}.feedback-categories>div,.feedback-starters>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.feedback-categories label{min-height:44px;padding:0 var(--space-4);align-items:center;gap:var(--space-2);color:var(--chalk-dim);background:rgba(var(--flowkeys-rgb-chalk), .035);border:1.5px solid rgba(var(--flowkeys-rgb-chalk), .14);font-size:var(--text-sm);cursor:pointer;transition:color .16s var(--ease-out), border-color .16s var(--ease-out), background-color .16s var(--ease-out);border-radius:999px;font-weight:700;display:inline-flex;position:relative}.feedback-categories label:hover{color:var(--chalk);border-color:rgba(var(--flowkeys-rgb-chalk), .3)}.feedback-categories label:has(input:checked){color:var(--chalk);background:color-mix(in srgb, var(--reply) 14%, transparent);border-color:var(--reply)}.feedback-categories label:has(input:checked):before{content:"";background:var(--reply);border-radius:50%;width:8px;height:8px}.feedback-starters{margin-top:var(--space-5);display:grid}.feedback-starters>span{margin-bottom:var(--space-2);color:var(--chalk-dim);font-weight:600}.feedback-starters button{min-height:40px;padding:0 var(--space-3);color:var(--reply-light);border:1.5px dashed color-mix(in srgb, var(--reply) 50%, transparent);font-family:var(--body);font-size:var(--text-sm);cursor:pointer;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-emphasis);background:0 0;border-radius:999px;font-weight:700}.feedback-starters button:hover{background:color-mix(in srgb, var(--reply) 12%, transparent);border-style:solid;border-color:var(--reply)}.feedback-starters button:active{transform:scale(.96)}.feedback-field{margin-top:var(--space-5);display:grid}.feedback-field textarea{box-sizing:border-box;width:100%;min-height:132px;padding:var(--space-3) var(--space-4);color:var(--chalk);background:var(--night);border:1.5px solid rgba(var(--flowkeys-rgb-chalk), .16);font:inherit;font-size:var(--text-base);resize:vertical;transition:border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);border-radius:16px;line-height:1.6}.feedback-field textarea::placeholder{color:rgba(var(--flowkeys-rgb-chalk), .45)}.feedback-field textarea:focus{border-color:var(--reply);box-shadow:0 0 0 4px color-mix(in srgb, var(--reply) 22%, transparent);outline:none}.feedback-field small{margin-top:var(--space-2);color:var(--chalk-dim);font-family:var(--mono);font-size:var(--text-xs);justify-self:end;font-weight:400}.feedback-privacy,.feedback-error,.feedback-result p{margin-top:var(--space-4);color:var(--chalk-dim);font-size:var(--text-sm);line-height:1.55}.feedback-error{padding:var(--space-3);color:var(--color-recovery-light);background:rgba(var(--flowkeys-rgb-recovery), .1);border:1px solid rgba(var(--flowkeys-rgb-recovery), .3);border-radius:14px}.feedback-error a{margin-top:var(--space-2);align-items:center;gap:var(--space-2);color:var(--chalk);font-weight:700;display:inline-flex}.feedback-actions{margin-top:var(--space-6);justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.feedback-cancel,.feedback-submit{min-height:48px;padding:0 var(--space-5);font-family:var(--body);font-size:var(--text-sm);cursor:pointer;border-radius:999px;font-weight:800}.feedback-cancel{color:var(--chalk-dim);border:1px solid rgba(var(--flowkeys-rgb-chalk), .16);transition:color .16s var(--ease-out), border-color .16s var(--ease-out);background:0 0}.feedback-cancel:hover{color:var(--chalk);border-color:rgba(var(--flowkeys-rgb-chalk), .32)}.feedback-submit{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-feedback-ink);background:linear-gradient(180deg, var(--reply-light) 0%, var(--reply) 100%) var(--reply);box-shadow:0 4px 0 var(--color-feedback-edge), 0 16px 28px -18px color-mix(in srgb, var(--reply) 80%, transparent);transition:transform .18s var(--ease-emphasis), box-shadow .18s var(--ease-out);border:0;display:inline-flex}.feedback-submit:hover:not(:disabled){box-shadow:0 6px 0 var(--color-feedback-edge), 0 0 0 4px color-mix(in srgb, var(--reply) 16%, transparent), 0 22px 34px -16px color-mix(in srgb, var(--reply) 90%, transparent);transform:translateY(-2px)}.feedback-submit:active:not(:disabled){box-shadow:0 0 0 var(--color-feedback-edge);transition-duration:60ms;transform:translateY(4px)}.feedback-submit:hover:not(:disabled) svg{transform:translate(2px,-2px)rotate(-8deg)}.feedback-submit:disabled{cursor:wait;opacity:.65}.feedback-submit svg{width:18px;height:18px;transition:transform .22s var(--ease-emphasis)}.feedback-result{margin-top:var(--space-6);padding:var(--space-5);color:var(--chalk);background:color-mix(in srgb, var(--reply) 10%, transparent);border:1px solid color-mix(in srgb, var(--reply) 40%, transparent);animation:feedback-section-in .24s var(--ease-out);border-radius:20px}.feedback-result strong{font-family:var(--display);font-size:var(--text-xl)}.feedback-result .feedback-submit{margin-top:var(--space-5)}@keyframes feedback-arrive{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@keyframes feedback-section-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes feedback-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:520px){.feedback-dialog form{padding:var(--space-5)}.feedback-topic-grid{grid-template-columns:1fr}.feedback-topic{min-height:0;padding-right:var(--space-7);column-gap:var(--space-3);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr)}.feedback-topic>svg{grid-row:span 2;margin-bottom:0}.feedback-actions{flex-direction:column-reverse;align-items:stretch}.feedback-cancel,.feedback-submit{width:100%}}@media (prefers-reduced-motion:reduce){.feedback-dialog[open],.feedback-section,.feedback-result{animation:feedback-fade-in .2s var(--ease-out)}.feedback-close,.feedback-topic,.feedback-topic>svg,.feedback-starters button,.feedback-submit,.feedback-submit svg{transition:none}.feedback-close:hover,.feedback-topic:hover,.feedback-starters button:active,.feedback-submit:is(:hover,:active):not(:disabled),.feedback-submit:hover:not(:disabled) svg{transform:none}.feedback-topic:has(input:checked)>svg{transform:none}}.account-control{z-index:50;position:relative}.account-trigger{min-height:44px;padding:0 var(--space-4) 0 var(--space-3);align-items:center;gap:var(--space-2);color:var(--chalk-dim);border:1px solid rgba(var(--flowkeys-rgb-chalk), .16);font-family:var(--body);font-size:var(--text-sm);transition:color .16s var(--ease-out), background-color .16s var(--ease-out), border-color .16s var(--ease-out);background:0 0;border-radius:999px;font-weight:600;display:inline-flex;position:relative}.account-trigger:not(:disabled):hover,.account-trigger:focus-visible,.account-control.is-open .account-trigger{color:var(--signal);background:rgba(var(--flowkeys-rgb-signal), .1);border-color:rgba(var(--flowkeys-rgb-signal), .42)}.account-trigger:disabled{opacity:.5}.account-trigger>svg{flex:none;width:18px;height:18px}.account-pending-mark{background:var(--tactile);width:10px;height:10px;box-shadow:0 0 0 2px var(--night);border-radius:50%;position:absolute;top:-2px;right:-2px}.account-panel{top:calc(100% + var(--space-2));width:min(360px,100vw - 24px);padding:var(--space-5);gap:var(--space-3);color:var(--chalk);text-align:left;background:var(--night-soft);border:1px solid rgba(var(--flowkeys-rgb-chalk), .16);box-shadow:0 18px 40px -18px rgba(var(--flowkeys-rgb-black), .72);border-radius:18px;display:grid;position:absolute;right:0}.account-panel>strong{font-family:var(--display);font-size:var(--text-xl);font-weight:600;line-height:1.1}.account-panel>p,.account-hint{color:var(--chalk-dim);font-size:var(--text-sm);line-height:1.5}.account-email{overflow-wrap:anywhere}.account-google{min-height:48px;padding:0 var(--space-4);justify-content:center;align-items:center;gap:var(--space-3);color:var(--ink);background:var(--chalk);box-shadow:0 3px 0 rgba(var(--flowkeys-rgb-black), .4);font-size:var(--text-base);transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out);border-radius:999px;font-weight:600;display:flex}.account-google:not(:disabled):active{box-shadow:0 0 0 rgba(var(--flowkeys-rgb-black), .4);transform:translateY(3px)}.account-google:disabled{opacity:.6}.account-google svg{flex:none;width:20px;height:20px}.account-divider{align-items:center;gap:var(--space-3);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;display:grid}.account-panel>.account-divider{font-size:var(--text-xs)}.account-divider:before,.account-divider:after{content:"";background:rgba(var(--flowkeys-rgb-chalk), .14);height:1px}.account-form{gap:var(--space-3);display:grid}.account-field{gap:var(--space-2);display:grid}.account-field>span{color:var(--chalk);font-size:var(--text-sm);font-weight:600}.account-field input{box-sizing:border-box;width:100%;min-height:46px;padding:0 var(--space-3);color:var(--chalk);background:rgba(var(--flowkeys-rgb-black), .28);border:1px solid rgba(var(--flowkeys-rgb-chalk), .24);font:inherit;font-size:var(--text-base);border-radius:12px}.account-field input:focus{border-color:var(--signal)}.account-hint{margin-top:calc(var(--space-1) * -1)}.account-message{color:var(--tactile-light);font-size:var(--text-sm);line-height:1.5}.account-status{align-items:flex-start;gap:var(--space-2);display:flex}.account-panel>.account-status.is-saved{color:var(--signal)}.account-panel>.account-status.is-pending{color:var(--tactile-light)}.account-status svg{flex:none;width:18px;height:18px;margin-top:1px}.account-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.account-primary,.account-secondary{min-height:44px;padding:0 var(--space-5);font-family:var(--body);font-size:var(--text-sm);white-space:nowrap;transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out), color .14s var(--ease-out), border-color .14s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.account-primary{color:var(--ink);background:var(--signal);box-shadow:0 3px 0 var(--signal-deep)}.account-primary:not(:disabled):active{box-shadow:0 0 0 var(--signal-deep);transform:translateY(3px)}.account-secondary{color:var(--chalk-dim);border:1px solid rgba(var(--flowkeys-rgb-chalk), .22);background:0 0}.account-secondary:not(:disabled):hover{color:var(--chalk);border-color:rgba(var(--flowkeys-rgb-chalk), .45)}.account-actions button:disabled{opacity:.55}.device-progress-offer{margin-bottom:var(--space-7);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);background:rgba(var(--flowkeys-rgb-signal), .06);border:1px solid rgba(var(--flowkeys-rgb-signal), .3);border-radius:20px;grid-template-columns:40px minmax(0,1fr) auto;display:grid}.device-progress-offer>svg{box-sizing:border-box;width:40px;height:40px;color:var(--signal);background:rgba(var(--flowkeys-rgb-signal), .14);border-radius:50%;padding:9px}.device-progress-offer strong{font-weight:600;line-height:1.35;display:block}.device-progress-offer p{margin-top:var(--space-1);color:var(--chalk-dim);font-size:var(--text-sm);line-height:1.5}@media (max-width:900px){.device-progress-offer{grid-template-columns:40px minmax(0,1fr)}.device-progress-offer .account-actions{grid-column:1/-1}}@media (max-width:560px){.account-trigger{justify-content:center;width:44px;padding:0}.account-trigger>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.device-progress-offer{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.account-trigger,.account-google,.account-primary,.account-secondary{transition:none}}.lesson-topbar.is-quiet{grid-template-columns:auto minmax(0,1fr) auto}.lesson-orientation{justify-self:center;min-width:0;position:relative}.lesson-orientation>summary{max-width:100%;min-height:44px;padding:0 var(--space-4);align-items:center;gap:var(--space-4);color:var(--chalk-dim);background:rgba(var(--flowkeys-rgb-chalk), .05);transition:color .16s var(--ease-out), background-color .16s var(--ease-out);border-radius:999px;list-style:none;display:inline-flex}.lesson-orientation>summary::-webkit-details-marker{display:none}.lesson-orientation>summary:hover,.lesson-orientation[open]>summary{color:var(--chalk);background:rgba(var(--flowkeys-rgb-signal), .14)}.lesson-orientation>summary:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.orientation-lesson,.orientation-current{align-items:baseline;gap:var(--space-2);white-space:nowrap;min-width:0;display:inline-flex}.orientation-lesson>span{color:var(--signal);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.orientation-lesson>strong{color:var(--chalk);font-family:var(--display);font-size:var(--text-md);font-weight:600}.orientation-current{padding-left:var(--space-4);border-left:1px solid rgba(var(--flowkeys-rgb-chalk), .16)}.orientation-current>strong{color:var(--signal);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:500}.mode-tactile .orientation-current>strong{color:var(--tactile-light)}.orientation-current>small{color:var(--chalk-dim);font-size:var(--text-sm)}.lesson-orientation .orientation-caret{width:14px;height:14px;transition:transform .16s var(--ease-out);flex:none}.lesson-orientation[open] .orientation-caret{transform:rotate(180deg)}.orientation-panel{z-index:30;width:min(340px,100vw - 32px);padding:var(--space-4);gap:var(--space-3);background:var(--night-soft);color:var(--chalk);box-shadow:0 20px 50px rgba(var(--flowkeys-rgb-black), .34), 0 0 0 1px rgba(var(--flowkeys-rgb-chalk), .12);display:grid;position:absolute;top:calc(100% + 8px);left:50%;translate:-50%}.orientation-panel ol{gap:var(--space-2);counter-reset:step;padding:0;list-style:none;display:grid}.orientation-panel li{align-items:baseline;gap:var(--space-2);color:var(--chalk-dim);counter-increment:step;grid-template-columns:20px auto 1fr;display:grid}.orientation-panel li:before{content:counter(step);color:var(--chalk-dim);font-family:var(--mono);font-size:var(--text-xs);grid-column:1}.orientation-panel li.is-complete:before{content:none}.orientation-panel li svg{width:16px;height:16px;color:var(--signal);grid-area:1/1;align-self:center}.orientation-panel li strong{color:inherit;font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:500}.orientation-panel li.is-current{color:var(--chalk)}.orientation-panel li.is-current strong{color:var(--signal)}.orientation-panel li small{font-size:var(--text-sm)}.orientation-panel .spine-boundary{padding:var(--space-3) 0 0;border-left:0;border-top:1px solid rgba(var(--flowkeys-rgb-chalk), .14);color:var(--chalk-dim);font-size:var(--text-sm);line-height:1.5;display:block}.orientation-panel .spine-boundary>span{margin-right:var(--space-1);color:var(--signal);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.orientation-panel .teaching-progress{color:var(--chalk-dim);font-size:var(--text-sm);display:block}.comfort-menu .interface-language.is-comfort{margin:var(--space-2) 0 var(--space-4)}.comfort-menu .interface-language.is-comfort .interface-language-control{min-height:44px;padding:0 var(--space-4);align-items:center;gap:var(--space-2);color:var(--chalk);background:rgba(var(--flowkeys-rgb-chalk), .08);border-radius:999px;display:inline-flex}.comfort-menu .interface-language.is-comfort .interface-language-dialog{width:auto;margin-top:var(--space-3);position:static}@media (max-width:960px){.orientation-current>small{display:none}}@media (max-width:680px){.lesson-orientation>summary{gap:var(--space-2);padding:0 var(--space-3)}.orientation-lesson>span{display:none}.orientation-current{padding-left:var(--space-2)}}@media (max-width:380px){.orientation-lesson{display:none}.orientation-current{border-left:0;padding-left:0}}.procedural-help.has-label>.help-control,.lesson-frame>.mode-signal .procedural-help.has-label>.help-control,.lesson-frame .instrument-guidance .procedural-help.has-label>.help-control{width:auto;padding:0 var(--space-4) 0 var(--space-3);gap:var(--space-2);border-radius:999px}@media (max-width:560px){.lesson-frame>.mode-signal:has(.procedural-help.has-label){grid-template-columns:auto minmax(0,1fr) auto}.lesson-frame>.mode-signal:has(.procedural-help.has-label)>.mode-icon{margin-left:var(--space-3);grid-column:1}.lesson-frame>.mode-signal:has(.procedural-help.has-label)>.mode-copy{grid-column:2;justify-self:start}.lesson-frame>.mode-signal:has(.procedural-help.has-label)>.procedural-help{margin-right:var(--space-3);grid-column:3}.lesson-frame>.mode-signal .procedural-help.has-label>.help-text{width:min(340px,100vw - 72px)}}.help-control-label{font-family:var(--body);font-size:var(--text-sm);letter-spacing:0;text-transform:none;font-weight:600}.teacher-console.is-quiet{margin:var(--space-5) 0 0;color:inherit;box-shadow:none;background:0 0;padding:0}.mode-tactile .teacher-console.is-quiet,.mode-tactile .teacher-support .scene-translation{color:var(--tactile-light)}.translation-switch.is-labelled,.teacher-support .scene-translation{font-size:var(--text-sm);font-weight:600}@media (max-width:760px){.listen-guided.is-quiet .lesson-frame .guided-action{position:static}}.lesson-frame+.teacher-console.is-quiet,.lesson-frame+div>.teacher-console.is-quiet{margin-top:0}.teacher-support{justify-content:center;align-items:center;gap:var(--space-3);grid-auto-columns:auto;grid-auto-flow:column;display:grid}.teacher-console.is-quiet .listen-control,.teacher-console.is-quiet .transcript-toggle{min-height:44px;padding:0 var(--space-4) 0 var(--space-1);align-items:center;gap:var(--space-2);color:inherit;background:color-mix(in srgb, currentColor 8%, transparent);box-shadow:none;font-family:var(--body);font-size:var(--text-sm);letter-spacing:0;text-transform:none;white-space:nowrap;border-radius:999px;font-weight:600;display:inline-flex}.teacher-console.is-quiet .transcript-toggle{padding-left:var(--space-3)}.teacher-console.is-quiet .teacher-support .scene-translation{min-width:7rem;min-height:44px;padding:0 var(--space-4);color:inherit;background:color-mix(in srgb, currentColor 8%, transparent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.teacher-console.is-quiet .teacher-support .scene-translation:hover{background:color-mix(in srgb, currentColor 14%, transparent)}.teacher-console.is-quiet .transcript-toggle svg{width:14px;height:14px;transition:transform .16s var(--ease-out)}.teacher-console.is-quiet .transcript-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.teacher-console.is-quiet .listen-icon{border-radius:50%;width:32px;height:32px}.teacher-console.is-quiet .listen-control>.listen-label{display:grid}.teacher-console.is-quiet .listen-label>span{visibility:hidden;grid-area:1/1}.teacher-console.is-quiet .listen-label>span[data-active]{visibility:visible}.teacher-console.is-quiet .listen-control:disabled{opacity:.7}.teacher-console.is-quiet .teacher-support .translation-switch{margin:0}.teacher-console.is-quiet .teacher-transcript{margin:var(--space-4) auto 0;border:0;max-width:60ch;padding:0}.teacher-console.is-quiet .teacher-transcript[hidden]{display:none}.teacher-console.is-quiet .teacher-script{font-size:var(--text-base);text-align:left;text-wrap:pretty;margin:0;line-height:1.65}.teacher-console.is-quiet :is(.listen-control,.transcript-toggle):hover:not(:disabled){color:inherit;background:color-mix(in srgb, currentColor 14%, transparent);text-decoration:none}@media (max-width:560px){.teacher-support{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row}.teacher-console.is-quiet .listen-control,.teacher-console.is-quiet .transcript-toggle{min-width:0;padding-right:var(--space-3);text-align:left;white-space:normal;justify-content:flex-start;line-height:1.25}.teacher-console.is-quiet .listen-icon{flex:none}.teacher-console.is-quiet .teacher-support :is(.translation-switch,.scene-translation){grid-column:1/-1;justify-self:center}}.teacher-console.is-quiet .teacher-playback-state{margin:var(--space-2) 0 0;text-align:center;font-family:var(--body);font-size:var(--text-sm);letter-spacing:0;text-transform:none}.teacher-console.is-quiet .teacher-playback-state:empty{margin:0}.teacher-console.is-quiet .turn-wait{margin-top:var(--space-3);justify-items:center}.listen-guided.is-quiet{--question-row:calc(2px + var(--space-3) + var(--space-4) + var(--text-xs) * 1.3 + var(--space-1) + var(--text-lg) * 1.4 + var(--space-4));--meaning-lines:1}.listen-guided.is-quiet .lesson-scene{margin-block:0}.listen-guided.is-quiet .lesson-scene.is-drawn{row-gap:var(--space-2)}.listen-guided.is-quiet .lesson-scene-messages{margin-top:var(--space-5);row-gap:var(--space-4)}.listen-guided.is-quiet .scene-message.is-lead .example-sentence{font-size:var(--display-lg)}.listen-guided.is-quiet .concept-line.has-pair .concept-parts{align-items:baseline}.concept-pair{justify-items:center;row-gap:var(--space-1);display:inline-grid}.concept-pair-words{color:var(--signal-deep);border-bottom:.08em solid;gap:.3em;padding-bottom:.04em;display:inline-flex}.concept-pair-words .anchor-token{color:inherit;text-decoration:none}.concept-pair-gloss{color:var(--color-ink);font-size:var(--text-md);font-weight:500;line-height:1.2}.spanish-pair-omitted{color:var(--color-ink-muted);font-weight:400}.listen-guided.is-quiet .example-caption{margin-top:var(--space-4)}.listen-guided.is-quiet .example-meaning{min-height:calc(var(--text-base) * 1.6 * var(--meaning-lines))}.pair-recap{max-width:34rem;margin:var(--space-3) auto 0;gap:var(--space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:0;list-style:none;display:grid}.pair-recap>li{min-height:52px;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border:1px solid rgba(var(--flowkeys-rgb-ink), .14);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;line-height:1.4;display:flex}.pair-recap>li.is-current{background:var(--color-signal-white);border-color:rgba(var(--flowkeys-rgb-ink), .22)}.pair-recap>li.is-ahead{border-style:dashed}.pair-recap-english{color:var(--color-ink);white-space:nowrap;font-weight:600}.pair-recap-spanish{color:var(--color-ink);white-space:nowrap}.listen-guided.is-quiet :is(.example-meaning,.example-connection){text-wrap:balance;max-width:34rem;margin-inline:auto}.listen-guided.is-quiet .example-meaning{line-height:1.6}.listen-guided.is-quiet .example-connection{line-height:1.5}.listen-guided.is-quiet .teacher-console.is-quiet{margin-top:var(--space-6)}.listen-guided.is-quiet[data-question-room] .teacher-console.is-quiet{padding-bottom:var(--question-row)}@media (max-width:760px){.listen-guided.is-quiet{--meaning-lines:2}}@media (max-width:560px){.listen-guided.is-quiet{--question-row:calc(2px + var(--space-2) + var(--space-3) + var(--text-xs) * 1.3 + var(--space-1) + var(--text-md) * 1.4 + var(--space-4))}.listen-guided.is-quiet .is-drawn .lesson-scene-person span{min-height:calc(var(--text-sm) * 3);align-content:start}}@media (min-width:761px){.listen-guided.is-quiet .lesson-frame{flex-direction:column;min-height:calc(100dvh - 252px);display:flex}.listen-guided.is-quiet .lesson-frame .guided-action{margin-top:auto}.listen-guided.is-quiet .lesson-frame .teacher-console.is-quiet{margin-bottom:var(--space-5)}}.notice-guided.is-quiet .meaning-check{gap:var(--space-4);display:grid}.notice-guided.is-quiet .meaning-check-context{text-align:center;font-size:var(--text-base)}.notice-guided.is-quiet .meaning-check h1{margin-top:var(--space-2);text-align:center;font-size:var(--text-xl);text-wrap:balance}.retrieval-composition.is-quiet .recall-cue.is-attached{box-shadow:none;background:0 0;border:0;padding:0}.scene-message :is(.conversation-question,.meaning-check-prompt){max-width:none;color:var(--color-ink);font-family:var(--body);font-size:var(--text-lg);border:0;margin:0;padding:0;font-style:normal;font-weight:500;line-height:1.4}.type-along-composition.is-quiet .type-along-heading{justify-content:center;column-gap:var(--space-4);flex-wrap:wrap}.type-along-composition.is-quiet .type-along-heading .type-along-count{margin:0}.type-along-composition.is-quiet .type-along-model{padding-top:var(--space-2)}.complete-details{margin-top:var(--space-4);text-align:left}.complete-details>summary{width:-moz-fit-content;width:fit-content;min-height:44px;color:var(--chalk-dim);font-size:var(--text-sm);text-underline-offset:4px;align-items:center;margin-inline:auto;font-weight:600;text-decoration:underline;display:flex}.complete-details>summary:hover{color:var(--chalk)}.complete-details ul{margin:var(--space-3) 0 0;gap:var(--space-3);padding:0;list-style:none;display:grid}.complete-details li{gap:var(--space-1);padding-left:var(--space-3);border-left:2px solid rgba(var(--flowkeys-rgb-signal), .4);font-size:var(--text-sm);line-height:1.5;display:grid}.complete-details li[data-claim=untested]{border-left-color:rgba(var(--flowkeys-rgb-chalk), .2)}.complete-details li strong{color:var(--signal);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.08em}.complete-details li small{color:var(--chalk-dim);font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){.lesson-orientation .orientation-caret,.teacher-console.is-quiet .transcript-toggle svg{transition:none}}