.dino-teacher{position:relative;container-type:inline-size;margin-block:0 22px;padding:14px 16px 12px;border:1px solid var(--line);border-radius:var(--r-lg,16px);background:var(--panel)}.dt-row{display:flex;align-items:flex-end;gap:14px}.dt-stage{flex:none;inline-size:128px}.dt-stage svg{inline-size:100%;block-size:auto}.dt-bubble{position:relative;flex:1;min-width:0;margin-block:14px;padding:12px 16px;border:2px solid var(--line);border-radius:16px;background:var(--panel-2,var(--chip))}.dino-teacher.voiced .dt-bubble{margin-block-start:50px}.dt-bubble:before{content:"";position:absolute;inset-inline-start:-9px;inset-block-end:22px;inline-size:14px;block-size:14px;background:inherit;border-inline-start:2px solid var(--line);border-block-start:2px solid var(--line);transform:rotate(45deg)}.dt-say{margin:0;min-block-size:3.6em;color:var(--fg);font-size:1.06rem;line-height:1.85}.dt-w{color:var(--faint);transition:color .12s}.dt-w.now,.dt-w.said{color:var(--fg)}.dt-w.now{box-shadow:inset 0 -.2em 0 var(--acc-2)}.dt-kw{padding-inline:.3em;border-radius:6px;background:var(--chip);font-family:var(--font-jetbrains),ui-monospace,monospace;font-size:.88em}.dt-caret{display:inline-block;inline-size:2px;block-size:1.05em;margin-inline-start:2px;vertical-align:-.15em;background:var(--acc-2);animation:dt-caret 1s steps(1) infinite}@keyframes dt-caret{50%{opacity:0}}.dt-code{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--code-bg);color:var(--code-fg);font-family:var(--font-jetbrains),ui-monospace,monospace;font-size:.9rem;line-height:1.7;white-space:pre-wrap;text-align:start}.dino-teacher .dt-sound{position:absolute;inset-block-start:10px;inset-inline-end:10px;display:grid;place-items:center;inline-size:44px;block-size:44px;border:1px solid var(--line);border-radius:50%;background:var(--panel-2,var(--chip));color:var(--mut);cursor:pointer}.dino-teacher .dt-sound.on{border-color:var(--acc-2);color:var(--fg)}.dt-sound-wave{position:absolute;inset:-4px;border:2px solid var(--acc-2);border-radius:50%;opacity:0;animation:dt-wave 1.4s ease-out infinite;pointer-events:none}@keyframes dt-wave{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.25);opacity:0}}.dt-pager{display:flex;align-items:center;justify-content:space-between;gap:8px}.dino-teacher .dt-btn{min-height:44px;min-width:88px;padding-inline:16px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--fg);font:inherit;font-weight:700;cursor:pointer}.dino-teacher .dt-btn:disabled{opacity:.45;cursor:default}.dino-teacher .dt-primary{border-color:var(--acc-1);background:color-mix(in srgb,var(--acc-1) 16%,transparent)}.dt-count{color:var(--mut);font-size:.85rem}.dt-script{margin-block-start:10px}.dt-script summary{display:inline-flex;align-items:center;min-height:44px;padding-inline:4px;color:var(--mut);font-size:.88rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.dt-script ol{display:grid;gap:2px;margin:6px 0 0;padding:0;list-style:none}.dino-teacher .dt-script button{inline-size:100%;min-height:44px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--mut);font:inherit;line-height:1.8;text-align:start;cursor:pointer}.dino-teacher .dt-script .cur button{background:var(--chip);color:var(--fg)}.dino-teacher :is(button,summary):focus-visible{outline:2px solid var(--acc-2);outline-offset:2px}@container (max-width: 460px){.dt-stage{inline-size:84px}.dt-row{gap:10px}}@media (prefers-reduced-motion:reduce){.dt-caret,.dt-sound-wave{animation:none}}