.vocal-public-practice{min-height:100dvh}.vocal-public-practice>.vocal-session-task{max-width:760px}.vocal-public-practice>.vocal-session-task>.orange-stage{margin:auto}.vocal-public-practice h1{-webkit-hyphens:none;hyphens:none}.vocal-public-practice .vocal-drill-options{position:fixed;z-index:4;top:max(16px,env(safe-area-inset-top));right:max(24px,calc((100vw - 960px)/2))}.vocal-public-reading{max-width:680px;margin:auto;font-size:1.125rem;line-height:1.7}.vocal-public-reading h1{font-size:2.25rem;line-height:1.15;font-weight:800}.vocal-public-reading h2{font-size:1.5rem;font-weight:700;margin:32px 0 16px}.vocal-public-reading p{margin:16px 0}.vocal-public-reading ol{list-style:decimal;padding-left:24px}.vocal-public-reading li{margin:16px 0}.vocal-public-launch{padding:32px;border:1px solid #4b4052;border-radius:24px;background:#121629;color:#f7f3ed}.vocal-public-launch h2{font-size:1.75rem;font-weight:800;margin:12px 0}.vocal-public-launch p{line-height:1.6;margin:16px 0}.vocal-public-launch .orange-primary{background:#ffb675;color:#171624}.vocal-public-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;margin:0;background:#0c1020;color:#f7f3ed;overflow:auto}.vocal-public-dialog::backdrop{background:#0c1020}body:has(.vocal-public-dialog[open]){overflow:hidden}@media(max-height:500px)and (min-width:640px){.vocal-public-practice>.vocal-session-task>.orange-stage{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:32px;text-align:left;align-items:start}.vocal-public-practice>.vocal-session-task>.orange-stage>.orange-symbol{display:none}.vocal-public-practice>.vocal-session-task>.orange-stage>h1{grid-column:1;grid-row:1 / 3}.vocal-public-practice>.vocal-session-task>.orange-stage>.orange-copy{grid-column:2}.vocal-public-practice>.vocal-session-task>.orange-stage>.orange-meta{grid-column:2}.vocal-public-practice>.vocal-session-task>.orange-stage>.orange-primary{grid-column:2}}@media(max-height:500px)and (min-width:640px){.vocal-public-practice [data-focused-tone]>.orange-stage{min-height:0}.vocal-public-practice [data-focused-tone][data-tone-state=read]>.orange-stage{width:100%;max-width:760px;display:grid;grid-template-columns:1fr 1fr;column-gap:32px;text-align:left;align-items:start}.vocal-public-practice [data-focused-tone][data-tone-state=read]>.orange-stage>.orange-symbol{display:none}.vocal-public-practice [data-focused-tone][data-tone-state=read]>.orange-stage>.orange-kicker{grid-column:1;grid-row:1}.vocal-public-practice [data-focused-tone][data-tone-state=read]>.orange-stage>h1{grid-column:1;grid-row:2/4}.vocal-public-practice [data-focused-tone][data-tone-state=read]>.orange-stage>.orange-copy{grid-column:2;grid-row:1/3}.vocal-public-practice [data-focused-tone][data-tone-state=read]>.orange-stage>.orange-primary{grid-column:2;grid-row:3}}.vocal-public-practice[data-teaser-phase=idle]>.vocal-session-task{min-height:100dvh}.vocal-public-reference{padding-bottom:48px}.vocal-public-practice h1{max-width:100%;overflow-wrap:anywhere}.vocal-public-reading{max-width:min(100%,680px);overflow-wrap:anywhere}@media(max-height:500px)and (min-width:640px){.vocal-public-practice [data-focused-interval]>.orange-stage{min-height:0;width:100%;max-width:760px;display:grid;grid-template-columns:.8fr 1.2fr;column-gap:32px;text-align:left;align-items:start}.vocal-public-practice [data-focused-interval]>.orange-stage>.orange-symbol{display:none}.vocal-public-practice [data-focused-interval]>.orange-stage>.orange-kicker{grid-column:1;grid-row:1}.vocal-public-practice [data-focused-interval]>.orange-stage>h1{grid-column:1;grid-row:2 / 5}.vocal-public-practice [data-focused-interval]>.orange-stage>.orange-copy{grid-column:2;grid-row:1}.vocal-public-practice [data-focused-interval]>.orange-stage>.orange-meta{grid-column:2;grid-row:2}.vocal-public-practice [data-focused-interval]>.orange-stage>:is(.orange-primary,.vocal-interval-listening){grid-column:2;grid-row:3}.vocal-public-practice [data-focused-interval]>.orange-stage>.vocal-text-option{grid-column:2;grid-row:4}.vocal-public-practice [data-focused-interval] .vocal-interval-answers{grid-column:2;grid-row:1 / 4;margin:0}}