.screen{background:var(--bg-paper);box-shadow:var(--shadow-raised), 0 0 0 1px var(--hairline);border-radius:clamp(1.6rem,1rem + 2vw,2.6rem);margin:0;position:relative;overflow:hidden}.screen img{width:100%}.screen[style*=--crop]{aspect-ratio:720 / calc(1561 * var(--crop))}.screen[style*=--crop] img{height:auto}.screen--focus{border-radius:1rem}.screen--focus img{max-width:none;width:calc(100% / var(--fw));left:calc(-100% * var(--fx) / var(--fw));top:calc(-100% * var(--fy) / var(--fh));position:absolute}.dictee{background:var(--bg-canvas);box-shadow:var(--shadow-raised), 0 0 0 1px var(--hairline);border-radius:2rem;gap:1rem;max-width:30rem;padding:clamp(1rem,.7rem + 1.5vw,1.6rem);display:grid;position:relative}.dictee-bar{align-items:center;gap:.75rem;min-height:3.5rem;display:flex}.dictee-dots{background:var(--bg-paper);box-shadow:0 0 0 1px var(--hairline);border-radius:999px;gap:.45rem;margin:0;padding:.45rem .7rem;list-style:none;display:flex}.dictee-dots li{background:color-mix(in oklab, var(--ink-secondary) 25%, var(--bg-sunken));width:.8rem;height:.8rem;transition:background-color .3s, scale .3s var(--ease-spring);border-radius:50%}.dictee-dots li.is-next{box-shadow:0 0 0 2px var(--accent-french)}.dictee-dots li.is-done{background:var(--accent-french);scale:1.1}.dictee .dictee-kamelo{width:4.2rem;margin-left:auto}.dictee-stage{text-align:center;justify-items:center;gap:1rem;display:grid}.dictee-instruction{max-width:20rem;font-size:1.25rem;font-weight:900;line-height:1.25}.dictee-speaker{cursor:pointer;background:var(--accent-french);color:#fff;width:7.5rem;height:7.5rem;transition:translate .14s var(--ease-spring), box-shadow .14s var(--ease-spring), scale .14s var(--ease-spring);border:0;border-radius:50%;position:relative;box-shadow:0 5px #2a5bc4}.dictee-speaker:active{translate:0 3px;scale:.96;box-shadow:0 2px #2a5bc4}.dictee-speaker svg{fill:none;stroke:#fff;stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round;width:3.4rem;height:3.4rem;margin:auto}.dictee-speaker svg path:first-child{fill:#fff}.dictee-speaker-ring{border:3px solid color-mix(in oklab, var(--accent-french) 45%, transparent);opacity:0;border-radius:50%;position:absolute;inset:-.5rem}.dictee[data-speaking] .dictee-speaker-ring{animation:ring 1.1s var(--ease-out) infinite}@keyframes ring{0%{opacity:.9;scale:.9}to{opacity:0;scale:1.25}}@media (prefers-reduced-motion:reduce){.dictee[data-speaking] .dictee-speaker-ring{opacity:.8;animation:none}}.dictee-voice{font-size:var(--fs-small);color:var(--ink-secondary);font-weight:700}.dictee-card{--pitch:2rem;--rule:calc(var(--pitch) / 4);width:100%;height:calc(3 * var(--pitch));background-color:var(--bg-paper);box-shadow:var(--shadow-card), 0 0 0 1px var(--hairline);background-image:linear-gradient(to right, transparent 2.1rem, var(--margin-pink) 2.1rem, var(--margin-pink) calc(2.1rem + 1.5px), transparent calc(2.1rem + 1.5px)), repeating-linear-gradient(to bottom, var(--seyes) 0 1.2px, transparent 1.2px var(--pitch)), repeating-linear-gradient(to bottom, color-mix(in oklab, var(--seyes) 55%, transparent) 0 .6px, transparent .6px var(--rule));background-position:0 0,0 -.4px,0 -.3px;border-radius:1.5rem;align-content:start;justify-items:center;padding:0 1rem 0 3rem;display:grid;position:relative}.dictee-word{color:var(--ink-primary);font-size:clamp(2rem,1.6rem + 1.6vw,2.5rem);font-weight:700}.dictee-word:empty:after{content:"· · ·";color:color-mix(in oklab, var(--ink-secondary) 60%, transparent);letter-spacing:.2em}.dictee-actions{justify-items:center;gap:.75rem;width:100%;display:grid}.dictee-check{gap:.7rem;width:100%;display:grid}.dictee-check[hidden]{display:none}.dictee-question{font-size:1.125rem;font-weight:900}.dictee-yes{--face:var(--state-success);--lip:#1f8a4f;--ink:#fff;width:100%}.dictee-almost{--face:var(--state-almost);--lip:#c98700;width:100%}.dictee-check svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:1.4rem;height:1.4rem}.dictee-panel{border-radius:1.4rem;justify-items:center;gap:.5rem;width:100%;padding:1.1rem;display:grid}.dictee-panel[hidden],.dictee-done[hidden]{display:none}.dictee-panel[data-result=yes]{background:color-mix(in oklab, var(--state-success) 16%, var(--bg-paper))}.dictee-panel[data-result=almost]{background:color-mix(in oklab, var(--state-almost) 18%, var(--bg-paper))}.dictee-panel-title{font-size:1.35rem;font-weight:900}.dictee-panel-note{color:var(--ink-secondary);font-weight:700}.dictee-done{justify-items:center;gap:.6rem;display:grid}.dictee-done-title{font-size:1.6rem;font-weight:900}.dictee-done-body{color:var(--ink-secondary);max-width:22rem;font-weight:700}.subject-chips{flex-wrap:wrap;gap:.55rem;display:flex}