.deep-teal-demo{background:var(--color-stage);min-height:100dvh;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;font-size:1rem;line-height:1.55;display:flex}:where(.deep-teal-demo) *,:where(.deep-teal-demo) :before,:where(.deep-teal-demo) :after{box-sizing:border-box}:where(.deep-teal-demo) :where(button,input,textarea){font:inherit;color:inherit}:where(.deep-teal-demo) button{cursor:pointer}:where(.deep-teal-demo) button:disabled{cursor:default}:where(.deep-teal-demo) :focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}:where(.deep-teal-demo) :where(h1,h2,h3,p,dl,dd,blockquote){margin:0}.dt-visually-hidden,.dt-alt-separator{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dt-skip{z-index:50;border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-primary-foreground);padding:.75rem 1rem;font-weight:600;position:fixed;top:-5rem;left:1rem}.dt-skip:focus{top:.75rem}.dt-fine{color:var(--color-ink-3);font-size:.8125rem}.dt-button{border-radius:var(--radius-control);background:var(--color-primary);min-height:3rem;color:var(--color-primary-foreground);text-align:center;transition:background-color var(--motion-task) ease-out;border:1.5px solid #0000;justify-content:center;align-items:center;padding:0 1.5rem;font-size:1rem;font-weight:600;line-height:1.2;display:inline-flex}.dt-button:hover:not(:disabled){background:var(--color-primary-hover)}.dt-button:disabled{background:var(--color-chrome-2);color:var(--color-ink-mute)}.dt-secondary{border-color:var(--color-chrome-2);background:var(--color-stage);color:var(--color-ink)}.dt-secondary:hover:not(:disabled){background:var(--color-chrome)}.dt-secondary:disabled{background:var(--color-stage)}.dt-text-button{border-radius:var(--radius-control);min-height:2.75rem;color:var(--color-ink-2);white-space:nowrap;transition:background-color var(--motion-task) ease-out, color var(--motion-task) ease-out;background:0 0;border:0;align-items:center;padding:0 .75rem;font-size:.9375rem;font-weight:600;display:inline-flex}.dt-text-button:hover:not(:disabled){background:var(--color-chrome);color:var(--color-ink)}.dt-text-button[aria-pressed=true]{color:var(--color-primary)}.dt-text-button:disabled{color:var(--color-ink-mute)}.dt-inline-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dt-topbar{z-index:20;border-bottom:1px solid var(--color-line);background:var(--color-stage);grid-template-columns:minmax(0,max-content) minmax(8rem,1fr) auto;align-items:center;gap:1.5rem;min-height:3.75rem;padding:0 1.25rem 0 1.5rem;display:grid;position:sticky;top:0}.dt-topbar-start{align-items:center;gap:1rem;min-width:0;display:flex}.dt-wordmark{color:var(--color-primary);letter-spacing:-.04em;flex-shrink:0;font-size:1.0625rem;font-weight:700;text-decoration:none}.dt-wordmark>span{color:var(--color-ink)}.dt-skill-name{border-left:1px solid var(--color-line);min-width:0;color:var(--color-ink-2);text-overflow:ellipsis;white-space:nowrap;padding-left:1rem;font-size:.9375rem;font-weight:600;overflow:hidden}.dt-topbar-progress{justify-content:center;min-width:0;display:flex}.dt-menu-toggle{justify-self:end}.dt-progress{align-items:center;gap:.875rem;width:100%;display:flex}.dt-progress[data-count="0"]{justify-content:flex-end}.dt-segments{flex:1;gap:.25rem;display:flex}.dt-segment{background:var(--color-chrome-2);border-radius:999px;flex:1;height:.5rem;position:relative;overflow:hidden}.dt-segment[data-state=done]{background:var(--color-primary)}.dt-segment[data-state=current]{background:color-mix(in oklab, var(--color-primary) 26%, var(--color-chrome-2))}.dt-segment-fill{background:var(--color-primary);border-radius:999px;position:absolute;inset:0 auto 0 0}.dt-progress-label{min-width:3.5rem;color:var(--color-ink-3);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex-shrink:0;font-size:.875rem;font-weight:600}.dt-layout{flex-direction:column;flex:1;display:flex}.dt-main{padding-bottom:calc(var(--dt-bar-h,0px) + 1.5rem);flex:1}.dt-main:focus{outline:none}.dt-stage{width:100%;max-width:var(--container-stage);margin:0 auto;padding:clamp(2rem,7vh,4.5rem) 1.5rem 2rem}.deep-teal-demo[data-kind=video] .dt-stage{max-width:var(--container-video)}.dt-task{text-align:center;flex-direction:column;display:flex}.dt-task-title{color:var(--color-primary);letter-spacing:.01em;scroll-margin-top:9rem;font-size:.9375rem;font-weight:600}.dt-task-title:focus,.dt-seam-title:focus,.dt-restart-confirmation h3:focus{outline:none}.dt-set-notice{color:var(--color-ink-3);margin-top:.5rem;font-size:.9375rem}.dt-passage{border-radius:var(--radius-panel);background:var(--color-chrome);color:var(--color-ink-2);text-align:left;margin-top:1rem;padding:.875rem 1.125rem}.dt-passage-title{color:var(--color-ink);font-weight:600}.dt-task-body{color:var(--color-ink-3);margin-top:.5rem;font-size:1rem}.dt-cue{border:1px solid color-mix(in oklab, var(--color-primary) 22%, var(--color-stage));border-radius:var(--radius-panel);background:var(--color-primary-soft);max-width:34rem;color:var(--color-ink-2);align-self:center;margin-top:1.25rem;padding:.75rem 1.125rem;font-size:1rem}.dt-notice{border-radius:var(--radius-panel);background:var(--color-chrome);color:var(--color-ink-2);text-align:center;margin-bottom:1rem;padding:.75rem 1rem}.dt-error{border:1px solid var(--color-chrome-2);border-radius:var(--radius-panel);background:var(--color-chrome);margin-bottom:1.25rem;padding:1rem 1.25rem}.dt-error h2{color:var(--color-fb-incorrect);font-size:1.0625rem;font-weight:700}.dt-error p{color:var(--color-ink-2);margin:.25rem 0 .75rem}.dt-opening{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.dt-opening h1{font-size:1.5rem;font-weight:700}.dt-opening [role=alert]{color:var(--color-ink-2);justify-items:center;gap:1rem;display:grid}.dt-loading-line{color:var(--color-ink-3)}.dt-response{margin-top:.75rem}.dt-answer{border:0;min-width:0;margin:0;padding:0}.dt-prompt{width:100%;color:var(--color-ink);letter-spacing:-.01em;text-wrap:balance;padding:0;font-size:1.5rem;font-weight:600;line-height:1.35;display:block}.dt-response-instruction{color:var(--color-ink-3);margin-top:.5rem}.dt-answer>.dt-cue{margin:1rem auto 0}.dt-sentence-card{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-stage);transition:border-color var(--motion-task) ease-out;margin-top:2rem;padding:1.75rem 1rem}.dt-sentence-card[data-result=correct]{border-color:var(--color-fb-correct);box-shadow:inset 0 0 0 1px var(--color-fb-correct)}.dt-sentence{color:var(--color-ink);flex-wrap:wrap;justify-content:center;align-items:center;row-gap:.25rem;font-size:1.625rem;line-height:1.3;display:flex}.dt-word-gap{align-items:center;display:inline-flex}.dt-token{text-align:center;white-space:nowrap;min-width:1.25rem}.dt-comma-gap{z-index:1;width:2.75rem;height:3.25rem;color:var(--color-primary);background:0 0;border:0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;margin:0 -.625rem;padding:0;display:inline-flex;position:relative}.dt-comma-gap:after{content:"";z-index:-1;transition:background-color var(--motion-task) ease-out;background:0 0;border-radius:.5rem;position:absolute;inset:.25rem .625rem}@media (hover:hover){.dt-comma-gap:hover:not(:disabled):after{background:var(--color-primary-soft)}.dt-comma-gap:hover:not(:disabled) .dt-empty-gap{border-color:var(--color-primary)}}.dt-comma-gap:focus-visible:after{background:var(--color-primary-soft)}.dt-comma-gap:focus-visible{outline:0}.dt-comma-gap:focus-visible:after{outline:2px solid var(--color-primary);outline-offset:1px}.dt-comma-gap[aria-pressed=true]{justify-content:flex-start;padding-left:.6875rem}.dt-empty-gap{box-sizing:border-box;border:1.5px solid var(--color-ink-mute);width:.6875rem;height:.55em;transition:border-color var(--motion-task) ease-out;background:0 0;border-radius:.25rem;display:block}.dt-comma-gap:focus-visible .dt-empty-gap{border-color:var(--color-primary)}.dt-comma{font-size:1em;font-weight:700;line-height:1.3}.dt-sentence-card:not([data-result=open]) .dt-empty-gap{visibility:hidden}.dt-sentence-card:not([data-result=open]) .dt-comma-gap{width:1.5rem;margin:0 .0625rem}.dt-sentence-card:not([data-result=open]) .dt-comma-gap[aria-pressed=true]{padding-left:.0625rem}.dt-sentence-card:not([data-result=open]) .dt-comma-gap:not([data-mark]){width:.55em}.dt-sentence-card:not([data-result=open]) .dt-comma-gap:not([data-mark])[aria-pressed=false]{width:.3em}.dt-comma-gap[data-mark]:before{content:"";background:var(--color-fb-incorrect);border-radius:999px;height:.1875rem;position:absolute;bottom:.25rem;left:.1875rem;right:.1875rem}.dt-comma-gap[data-mark=extra] .dt-comma{color:var(--color-fb-incorrect)}.dt-place-hint{color:var(--color-ink-3);text-align:center;margin-top:.75rem;font-size:1rem}.dt-place-hint span{display:inline-block}.dt-place-hint[data-visible=false]{visibility:hidden}.dt-support{flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin-top:1rem;display:flex}.dt-support .dt-text-button{color:var(--color-ink-3);font-weight:500}.dt-support .dt-text-button:hover:not(:disabled){color:var(--color-ink)}.dt-corrected{margin-top:1.25rem}.dt-corrected-label{color:var(--color-ink-3);font-size:.8125rem;font-weight:600}.dt-corrected-sentence{color:var(--color-ink);margin-top:.25rem;font-size:1.25rem;line-height:1.6}.dt-choices{text-align:left;gap:.75rem;margin-top:1.75rem;display:grid}.dt-choice-sentence{border:1px solid var(--color-line);border-radius:var(--radius-panel);text-align:center;margin-bottom:.5rem;padding:1.25rem 1rem;font-size:1.375rem;line-height:1.5}.dt-choice-instruction{color:var(--color-ink-3);text-align:center;margin-bottom:.25rem;font-size:1.0625rem}.dt-choice{border:1.5px solid var(--color-chrome-2);border-radius:var(--radius-panel);background:var(--color-stage);cursor:pointer;min-height:3.5rem;transition:border-color var(--motion-task) ease-out, background-color var(--motion-task) ease-out;align-items:center;gap:1rem;padding:.875rem 1.25rem;font-size:1.1875rem;line-height:1.4;display:flex;position:relative}.dt-choice input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.dt-choice:has(input:focus-visible){outline:3px solid var(--color-primary);outline-offset:2px}.dt-answer:not(:disabled) .dt-choice:hover{border-color:color-mix(in oklab, var(--color-primary) 45%, var(--color-chrome-2))}.dt-choice[data-state=selected],.dt-answer:not(:disabled) .dt-choice[data-state=selected]:hover{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.dt-choice[data-state=correct],.dt-choice[data-state=answer]{border-color:var(--color-fb-correct)}.dt-choice[data-state=correct]{box-shadow:inset 0 0 0 1px var(--color-fb-correct)}.dt-choice[data-state=chosen]{border-color:var(--color-fb-incorrect)}.dt-answer:disabled .dt-choice{cursor:default}.dt-choice-text{flex:1}.dt-choice-tag{color:var(--color-ink-3);white-space:nowrap;flex-shrink:0;font-size:.8125rem;font-weight:600}.dt-hint{scroll-margin-top:9rem;scroll-margin-bottom:calc(var(--dt-bar-h,0px) + 1rem);border:1px solid var(--color-chrome-2);border-radius:var(--radius-panel);background:var(--color-chrome);text-align:left;margin-top:1.5rem;padding:1rem 1.25rem}.dt-hint .dt-feedback-title{font-size:1.0625rem}.dt-hint-example{margin-top:.5rem;font-size:1.125rem}.dt-action-bar{z-index:15;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--color-line);background:var(--color-stage);text-align:left;position:fixed;bottom:0;left:0;right:0}.dt-action-bar[data-tone=correct]{border-top:2px solid var(--color-fb-correct);background:color-mix(in oklab, var(--color-fb-correct) 7%, var(--color-stage))}.dt-action-bar[data-tone=retry]{border-top:2px solid var(--color-fb-incorrect);background:color-mix(in oklab, var(--color-fb-incorrect) 7%, var(--color-stage))}.dt-action-bar[data-tone=neutral]{background:var(--color-chrome)}.dt-bar-inner{max-width:var(--container-stage);align-items:center;gap:1rem;min-height:5rem;margin:0 auto;padding:.875rem 1.5rem;display:flex}.dt-bar-secondary{flex-wrap:wrap;flex:1;align-items:center;gap:.25rem;min-width:0;margin-left:-.75rem;display:flex}.dt-bar-note{color:var(--color-ink-3);padding-left:.75rem;font-size:.9375rem}.dt-bar-primary{flex-shrink:0;margin-left:auto;display:flex}.dt-bar-primary .dt-button{min-width:13.5rem}.dt-feedback{flex:1;min-width:0}.dt-feedback-title{color:var(--color-ink);font-size:1.25rem;font-weight:700;line-height:1.3}.dt-feedback-correct .dt-feedback-title{color:color-mix(in oklab, var(--color-fb-correct) 70%, var(--color-ink))}.dt-feedback-retry .dt-feedback-title{color:color-mix(in oklab, var(--color-fb-incorrect) 75%, var(--color-ink))}.dt-feedback-message{color:var(--color-ink-2);margin-top:.125rem;font-size:1rem}.dt-inline-feedback{scroll-margin-top:9rem;scroll-margin-bottom:calc(var(--dt-bar-h,0px) + 1rem);margin-top:1.25rem}.dt-inline-feedback:not([data-tone=correct]){border:1px solid var(--color-chrome-2);border-radius:var(--radius-panel);background:var(--color-chrome);text-align:left;padding:1rem 1.25rem}.dt-action-bar[data-inline=true]{border-top:1px solid var(--color-line);background:var(--color-stage)}.dt-action-bar[data-inline=true] .dt-feedback{display:none}.dt-teaching{margin-top:.75rem}.dt-teaching-rule{color:var(--color-ink);letter-spacing:-.01em;text-wrap:balance;font-size:1.5rem;font-weight:600;line-height:1.35}.dt-example{border-radius:var(--radius-panel);background:var(--color-chrome);color:var(--color-ink);font-size:var(--text-stem);flex-direction:column;align-items:center;gap:.75rem;margin-top:1.75rem;padding:1.5rem 1.25rem;line-height:1.7;display:flex}.dt-example-line{display:block}.dt-bracket{color:var(--color-ink-mute);font-weight:400}.dt-teaching-explanation{max-width:36rem;color:var(--color-ink-2);text-wrap:pretty;margin:1.5rem auto 0;font-size:1.125rem;line-height:1.6}.dt-notebook{text-align:left}.dt-notebook-required>.dt-prompt{text-align:center}.dt-notebook-intro{color:var(--color-ink-2);font-size:.9375rem}.dt-notebook-later{text-align:center;margin-top:.75rem}.dt-notebook form{gap:1.25rem;margin-top:1.25rem;display:grid}.dt-notebook-required form{margin-top:1.75rem}.dt-notebook label{gap:.375rem;display:grid}.dt-field-label{color:var(--color-ink-2);font-size:.9375rem;font-weight:600}.dt-field-help{color:var(--color-ink-3);font-size:.875rem}.dt-notebook textarea{border:1.5px solid var(--color-chrome-2);border-radius:var(--radius-control);background:var(--color-stage);width:100%;color:var(--color-ink);resize:vertical;padding:.75rem .875rem;font-size:1.0625rem;line-height:1.5}.dt-notebook textarea::placeholder{color:var(--color-ink-mute)}.dt-notebook textarea:focus{border-color:var(--color-primary);outline:none}.dt-form-footer{justify-content:flex-end;display:flex}.dt-starters{gap:.5rem;display:grid}.dt-starter-list{flex-wrap:wrap;gap:.5rem;display:flex}.dt-starter{border:1.5px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-stage);min-height:2.75rem;color:var(--color-ink-2);text-align:left;cursor:pointer;transition:border-color var(--motion-task), color var(--motion-task);padding:.5rem .875rem;font-size:.9375rem;line-height:1.35}.dt-starter:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-ink)}.dt-starter:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dt-history{margin-top:1.25rem}.dt-history summary{min-height:2.75rem;color:var(--color-primary);cursor:pointer;align-items:center;font-size:.9375rem;font-weight:600;list-style:none;display:inline-flex}.dt-history summary::-webkit-details-marker{display:none}.dt-history ol{gap:1rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.dt-history dl,.dt-saved-notebook dl{gap:.25rem;display:grid}.dt-history dt,.dt-saved-notebook dt{color:var(--color-ink-3);margin-top:.5rem;font-size:.8125rem;font-weight:600}.dt-saved-notebook{text-align:center}.dt-saved-notebook dl{border-radius:var(--radius-panel);background:var(--color-chrome);text-align:left;margin-top:1.5rem;padding:.75rem 1.25rem 1.25rem}.dt-saved-notebook dd{font-size:1.0625rem}.dt-menu-scrim{z-index:30;background:color-mix(in oklab, var(--color-ink) 24%, transparent);position:fixed;inset:0}.dt-menu{z-index:31;border-left:1px solid var(--color-line);background:var(--color-stage);text-align:left;flex-direction:column;gap:1.25rem;width:min(26.25rem,100vw);padding:.875rem 1.5rem 2rem;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.dt-menu[hidden]{display:none}.dt-menu-head{justify-content:space-between;align-items:center;margin-right:-.75rem;display:flex}.dt-menu-head h2{font-size:1.125rem;font-weight:700}.dt-menu-section{border-top:1px solid var(--color-line);padding-top:1.25rem}.dt-menu-section h2{margin-bottom:.25rem;font-size:1rem;font-weight:700}.dt-menu-subhead{margin-top:1.25rem;font-size:.9375rem;font-weight:600}.dt-menu-action{color:var(--color-primary);margin-left:-.75rem}.dt-menu-action:disabled{color:var(--color-ink-mute)}#dt-notebook-panel{margin-top:.5rem}.dt-episode-skills,.dt-journey{margin:.75rem 0 0;padding:0;list-style:none;display:grid}.dt-path-next{color:var(--color-ink-2);margin-top:.5rem;font-size:.9375rem;font-weight:600}.dt-episode-skills{gap:.125rem}.dt-episode-skills li{border-radius:var(--radius-control);justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem .625rem;font-size:.9375rem;display:flex}.dt-episode-skills li[data-active=true]{background:var(--color-primary-soft)}.dt-episode-skills li[data-active=true] .dt-skill-label{font-weight:600}.dt-episode-skills .dt-fine{flex-shrink:0}.dt-journey{gap:.5rem}.dt-journey li{border:1px solid var(--color-line);border-radius:var(--radius-control);padding:.625rem .875rem;display:grid}.dt-journey strong{font-size:.9375rem;font-weight:600}.dt-journey span{color:var(--color-ink-3);font-size:.8125rem}.dt-journey .dt-current-stage{border-color:var(--color-primary);background:var(--color-primary-soft)}.dt-restart-confirmation{border-radius:var(--radius-panel);background:var(--color-chrome);margin-top:.75rem;padding:1rem}.dt-restart-confirmation h3{font-size:1rem;font-weight:700}.dt-restart-confirmation p{color:var(--color-ink-2);margin:.25rem 0 .875rem}.dt-main[data-seam=true] .dt-stage{padding-top:clamp(2.5rem,10vh,6rem)}.dt-seam{text-align:center;animation:dt-seam-in var(--motion-seam) ease-out both}@keyframes dt-seam-in{0%{opacity:0;transform:translateY(.5rem)}}.dt-seam-eyebrow{color:var(--color-primary);font-size:.9375rem;font-weight:600}.dt-seam-title{color:var(--color-ink);letter-spacing:-.02em;text-wrap:balance;margin-top:.5rem;scroll-margin-top:9rem;font-size:2rem;font-weight:700;line-height:1.2}.dt-seam-message{max-width:34rem;color:var(--color-ink-2);text-wrap:pretty;margin:.75rem auto 0;font-size:1.125rem}.dt-seam-stats{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.dt-seam-stats>div{border:1px solid var(--color-line);border-radius:var(--radius-panel);min-width:9.5rem;padding:1rem 1.25rem}.dt-seam-stats dt{color:var(--color-ink-3);font-size:.8125rem;font-weight:600}.dt-seam-stats dd{color:var(--color-ink);font-variant-numeric:tabular-nums;margin-top:.125rem;font-size:1.75rem;font-weight:700;line-height:1.3}.dt-seam-note,.dt-seam-next{max-width:34rem;color:var(--color-ink-3);margin:1.25rem auto 0}.dt-seam-next{color:var(--color-ink-2);font-weight:600}:root:has(.demo-three){scrollbar-gutter:stable}.dt-retry-cue{color:var(--color-ink-2);margin-top:.375rem;font-size:.9375rem}.dt-retry-note{border:1px solid color-mix(in oklab, var(--color-fb-incorrect) 35%, var(--color-line));border-radius:var(--radius-panel);background:color-mix(in oklab, var(--color-fb-incorrect) 6%, var(--color-stage));max-width:34rem;color:var(--color-ink);text-align:left;text-wrap:pretty;margin:1.25rem auto 0;padding:.75rem 1rem}.dt-closing{animation:dt-seam-in var(--motion-seam) ease-out both;margin-top:2rem}.dt-closing-title{color:var(--color-ink);letter-spacing:-.02em;text-wrap:balance;font-size:2rem;font-weight:700;line-height:1.2}.dt-closing-message{max-width:34rem;color:var(--color-ink-2);text-wrap:pretty;margin:.75rem auto 0;font-size:1.125rem}.dt-review{text-align:left;margin-top:1.75rem}.dt-review h2{font-size:1.125rem;font-weight:700}.dt-review ol{gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.dt-review-item{border:1px solid var(--color-line);border-radius:var(--radius-panel);padding:.75rem 1rem}.dt-review-head{flex-wrap:wrap;align-items:baseline;gap:0 .5rem;margin-bottom:.25rem;display:flex}.dt-review-position{color:var(--color-ink-3);font-size:.8125rem;font-weight:600}.dt-review-question{font-size:.9375rem;font-weight:600}.dt-review-sentence{margin-bottom:.25rem;font-size:1.0625rem}.dt-review dl{gap:.125rem;display:grid}.dt-review dl>div{grid-template-columns:5.5rem minmax(0,1fr);align-items:baseline;gap:.5rem;display:grid}.dt-review dt{color:var(--color-ink-3);font-size:.8125rem;font-weight:600}.dt-review dd{font-size:1.0625rem;line-height:1.45}.dt-extra-comma{color:var(--color-fb-incorrect);-webkit-text-decoration:underline 2px var(--color-fb-incorrect);text-decoration:underline 2px var(--color-fb-incorrect);text-underline-offset:3px;font-weight:700}.dt-review-reason{color:var(--color-ink-2);margin-top:.25rem;font-size:.9375rem}.dt-media,.dt-video-loading,.dt-media-error{margin-top:1.5rem}.dt-media video{aspect-ratio:16/9;border-radius:var(--radius-panel);background:var(--color-ink);width:100%;display:block}.dt-player-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.dt-player-time{color:var(--color-ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.875rem}.dt-video-progress{background:var(--color-chrome-2);appearance:none;border:0;border-radius:999px;width:100%;height:.375rem;margin-top:.75rem;display:block;overflow:hidden}.dt-video-progress::-webkit-progress-bar{background:var(--color-chrome-2)}.dt-video-progress::-webkit-progress-value{background:var(--color-primary)}.dt-video-progress::-moz-progress-bar{background:var(--color-primary)}.dt-media [role=status]{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.dt-video-loading{aspect-ratio:16/9;border-radius:var(--radius-panel);background:var(--color-chrome);color:var(--color-ink-3);justify-content:center;align-items:center;display:flex}.dt-media-error{border-radius:var(--radius-panel);background:var(--color-chrome);text-align:left;justify-items:start;gap:.5rem;padding:1.25rem;display:grid}.dt-media-error h3{font-size:1.0625rem;font-weight:700}@media (width>=48rem){.dt-prompt{font-size:1.625rem}.dt-sentence{font-size:1.875rem}.dt-sentence-card{padding:2.25rem 1.5rem}.dt-teaching-rule{font-size:1.75rem}.dt-example{font-size:var(--text-stem-lg)}.dt-seam-title{font-size:var(--text-display)}}@media (width>=64rem){.dt-topbar{grid-template-columns:minmax(max-content,1fr) minmax(12rem,24rem) minmax(max-content,1fr)}}@media (width<=40rem){.dt-topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"start menu""progress progress";gap:.25rem .75rem;padding:.375rem .5rem .75rem 1.25rem}.dt-topbar-start{grid-area:start}.dt-topbar-progress{grid-area:progress;padding-right:.75rem}.dt-topbar-progress:empty{display:none}.dt-menu-toggle{grid-area:menu}.dt-wordmark{display:none}.dt-skill-name{border-left:0;padding-left:0}.dt-stage{padding:1.75rem 1.25rem 1.5rem}.dt-sentence-card{margin-top:1.5rem;padding:1rem .25rem}.dt-sentence{row-gap:0;font-size:1.5rem}.dt-comma-gap{height:2.75rem}.dt-bar-inner{flex-wrap:wrap;gap:.5rem;min-height:0;padding:.75rem 1.25rem}.dt-bar-inner[data-feedback=true]{gap:.75rem}.dt-feedback,.dt-bar-secondary{flex-basis:100%}.dt-bar-primary{flex-basis:100%;margin-left:0}.dt-bar-primary .dt-button{width:100%;min-width:0}.dt-bar-inner[data-compact=true]{flex-wrap:nowrap}.dt-bar-inner[data-compact=true] .dt-feedback{flex:auto}.dt-bar-inner[data-compact=true] .dt-bar-primary{flex:none;margin-left:auto}.dt-bar-inner[data-compact=true] .dt-bar-primary .dt-button{width:auto;min-width:8.5rem}.dt-choice{font-size:1.0625rem}.dt-choice-tag{white-space:normal;text-align:right}.dt-seam-stats>div{flex:1;min-width:0}.dt-review-item{padding:.625rem .875rem}.dt-review dl>div{grid-template-columns:4.75rem minmax(0,1fr)}.dt-menu{padding-inline:1.25rem}}@media (prefers-reduced-motion:reduce){.deep-teal-demo *,.deep-teal-demo :before,.deep-teal-demo :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}