.tot{background:var(--color-paper);position:absolute;inset:0;overflow:hidden}.tot-pair{gap:var(--tone-gutter);padding:var(--tone-gutter);display:flex;position:absolute;inset:0}.tot-half{flex:1 1 0;min-width:0;transition:flex-grow .32s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.tot-half.tot-out{flex-grow:0}:is(.tot-half,.tot-sheet){place-items:center;display:grid;container-type:size}:is(.tot-half,.tot-sheet) .tone{width:min(100cqw,100cqh)}.tot-half .tone-title{gap:.4rem;top:4.4rem;left:1.5rem;right:1.5rem}.tot-half .tone-title-nm{letter-spacing:-.02em;white-space:normal;font-size:clamp(1.75rem,7.2cqw,2.5rem);font-weight:500;line-height:.95}.tot-half .tone-verbs{bottom:1.5rem;right:1.5rem}.tot-brand{z-index:14;border-radius:2px;display:flex;position:absolute;top:1.5rem;left:1.5rem}.tot-count{z-index:14;height:2rem;font-size:var(--text-micro);letter-spacing:.04em;align-items:center;margin:0;display:flex;position:absolute;top:1.5rem;right:1.5rem}.tot-plays{z-index:14;pointer-events:none;grid-template-columns:1fr 1fr;align-items:center;height:2rem;display:grid;position:absolute;top:1.5rem;left:0;right:0}.tot-playa{justify-self:end;padding-right:1rem}.tot-playb{justify-self:start;padding-left:1rem}.tot-plays button{pointer-events:auto;font-size:var(--text-small);background:0 0;padding:.7rem .5rem;font-weight:500}.tot-plays button:hover{text-underline-offset:.28em;text-decoration:underline}.tot-done{z-index:20;background:var(--color-paper);color:var(--color-ink);opacity:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);animation:.34s forwards tot-rise;display:grid;position:absolute;inset:0}@keyframes tot-rise{0%{opacity:0}to{opacity:1}}.tot-band{gap:var(--tone-gutter);min-height:0;padding:var(--tone-gutter);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tot-sheet{min-width:0;position:relative;overflow:hidden}.tot-role{z-index:4;pointer-events:none;font-size:var(--text-micro);letter-spacing:.08em;text-transform:uppercase;font-weight:400;position:absolute;top:.9rem;left:1.25rem;right:1.25rem}.tot-sheet .tone-title{gap:.25rem;top:2.5rem;left:1.25rem;right:1.25rem}.tot-sheet .tone-title-nm{letter-spacing:-.018em;white-space:normal;font-size:clamp(1.125rem,7.5cqw,1.5rem);font-weight:500;line-height:1.02}.tot-sheet .tone-verbs{top:.9rem;bottom:auto;right:1.25rem}.tot-role,.tot-sheet .tone-title{right:4rem}.tot-rail{border-bottom:1px solid var(--color-rule);background:var(--color-paper);justify-content:space-between;align-items:center;gap:1.5rem;padding:.85rem 1.5rem;display:flex}.tot-steer{flex:0 auto;align-items:center;gap:.75rem;min-width:0;display:flex}.tot-steerframe{flex:0 auto;min-width:0}.tot-flabel{font-size:var(--text-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);flex:none}.tot-steer .steer-word{padding:.75rem .85rem}.tot-acts{flex:none;align-items:center;gap:1.25rem;display:flex}.tot-go{background:var(--color-ink);height:2.9rem;color:var(--color-paper);font-size:var(--text-body);white-space:nowrap;border-radius:999px;padding:0 1.7rem;font-weight:600}.tot-go[disabled]{background:var(--color-field);color:var(--color-ink);cursor:default}.tot-again{min-height:2.5rem;color:var(--color-ink-2);font-size:var(--text-body);text-underline-offset:.22em;white-space:nowrap;padding:0 .25rem;text-decoration:underline}@media (prefers-reduced-motion:reduce){.tot-half,.tot-done{transition:none;animation:none}.tot-done{opacity:1}}@media (max-width:720px){.tot-half .tone-title{top:4rem;left:1rem;right:1rem}.tot-half .tone-verbs{right:1rem;bottom:max(1rem, env(safe-area-inset-bottom))}.tot-brand{top:1rem;left:1rem}.tot-count{top:1rem;right:1rem}.tot-plays{top:1rem}.tot-playa{padding-right:.6rem}.tot-playb{padding-left:.6rem}.tot-band{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr)}.tot-role{top:.7rem;left:1rem;right:3.75rem}.tot-sheet .tone-title{top:2.1rem;left:1rem;right:3.75rem}.tot-sheet .tone-title-nm{font-size:var(--text-lead)}.tot-sheet .tone-verbs{top:.7rem;right:1rem}.tot-rail{flex-direction:column;align-items:stretch;gap:.7rem;padding:.75rem 1rem}.tot-steer .steer{flex-wrap:nowrap}.tot-steer .steer-word{flex:none}.tot-acts{justify-content:space-between;gap:.75rem}.tot-go{flex:auto;padding:0 1rem}}