:where(.sheet,.practice-tiles,.copy-model) .line{position:relative;padding:0 var(--gutter);color:var(--edge)}:where(.sheet,.practice-tiles,.copy-model) .stack{position:relative;z-index:1;display:grid;width:max-content}:where(.sheet,.practice-tiles,.copy-model) .word{display:grid;grid-auto-columns:max-content;column-gap:var(--tile-gap)}:where(.sheet,.practice-tiles,.copy-model) .mark{grid-row:1;align-self:start;padding:.1em 0 0}:where(.sheet,.practice-tiles,.copy-model) .unit{--pl: .06em;--pr: .06em;grid-row:1;position:relative;min-width:.72em;padding:.1em var(--pr) .58em var(--pl);background:transparent;border:2px solid transparent;border-radius:0;font:inherit;line-height:1;color:inherit;text-align:center;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s var(--out),transform .12s var(--out)}:where(.sheet,.practice-tiles,.copy-model) .unit:after{content:"";position:absolute;left:calc(50% + (var(--pl) - var(--pr)) / 2);bottom:.17em;translate:-50% 0;width:.15em;height:.15em;border-radius:50%;background:var(--tomato)}:where(.sheet,.practice-tiles,.copy-model) .unit.multi:after{width:calc(100% - var(--pl) - var(--pr) - .08em);height:.075em;bottom:.2em;border-radius:0}:where(.sheet,.practice-tiles,.copy-model) .unit.split:after{width:.4em;height:.075em;bottom:.2em;border-radius:0}:where(.sheet,.practice-tiles,.copy-model) .unit.ending{margin-left:var(--ending-gap)}:where(.sheet,.practice-tiles,.copy-model) .unit .seam{position:absolute;top:.12em;bottom:.12em;left:calc(-.15em - 3px);border-left:2px dashed var(--soft);opacity:.55;pointer-events:none;transition:opacity .2s}:where(.sheet,.practice-tiles,.copy-model) .tie{grid-row:1;align-self:end;position:relative;z-index:2;height:.16em;margin:0 var(--tie-in, .32em) .05em;border:.06em solid var(--tomato);border-top:0;pointer-events:none;transition:opacity .2s}:where(.sheet,.practice-tiles,.copy-model) .unit.heart:before{content:"";position:absolute;left:50%;bottom:.1em;translate:-50% 0;width:.24em;height:.22em;background:var(--tomato);-webkit-mask:var(--heart) center / contain no-repeat;mask:var(--heart) center / contain no-repeat;--heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 18 1.6 9.4A5.2 5.2 0 0 1 10 3.3a5.2 5.2 0 0 1 8.4 6.1z'/%3E%3C/svg%3E")}:where(.sheet,.practice-tiles,.copy-model) .unit.heart:not(.multi):after{display:none}:where(.sheet,.practice-tiles,.copy-model) .unit.heart.multi:after{background:linear-gradient(to right,var(--tomato) calc(50% - .2em),transparent 0 calc(50% + .2em),var(--tomato) 0)}:where(.sheet,.practice-tiles,.copy-model) .unit.heart.split:before{bottom:.2em}:where(.sheet,.practice-tiles,.copy-model) .unit.heart.split:after{display:block;bottom:calc(.07em - 2px);width:auto;height:calc(.095em + 2px);translate:none;background:none;border:0 solid var(--tomato);border-bottom-width:.06em}:where(.sheet,.practice-tiles,.copy-model) .unit.heart.split.head:after{left:calc(50% - .03em);right:calc(-2px - var(--tile-gap));border-left-width:.06em}:where(.sheet,.practice-tiles,.copy-model) .unit.heart.split.tail:after{left:calc(-2px - var(--tile-gap));right:calc(50% - .03em);border-right-width:.06em}:where(.sheet,.practice-tiles,.copy-model) .unit .stress{position:absolute;left:.1em;top:.1em;width:.06em;height:.22em;background:var(--tomato);pointer-events:none}:where(.sheet,.practice-tiles,.copy-model) .unit :is(.ipa,.gap){display:none}:where(.sheet,.practice-tiles,.copy-model) .tie.heart{margin:0 0 .07em;height:.06em;border-width:0 0 .06em}