.card{--tile-gap: .1em;--ending-gap: .2em;--reading-fit-buffer: .3;--list-fit-buffer: .2;--list-width-scale: .86;--normal-width-scale: 1.1;--normal-letter-spacing: .062em}: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}:root{--gutter: clamp(14px, 3vw, 36px);--small: clamp(22px, 2.6vw, 30px);--big: min(17dvh, 130px);--head: 150px}@property --pl{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --pr{syntax: "<length>"; inherits: true; initial-value: 0px;}main{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-gutter) 56px}.heading{padding:clamp(18px,3vw,30px) 0 22px}.heading .way{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.back{padding:10px 0;font-size:var(--text-label);font-weight:var(--weight-control);color:var(--soft);text-decoration:none}.back:hover{color:var(--edge);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.heading .row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}.kicker{margin:0 0 6px;font-size:var(--text-label);font-weight:var(--weight-control);color:var(--soft)}.heading h1{margin:0;font-size:var(--text-tool-title);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:1.15;text-wrap:balance}.count{margin:8px 0 0;font-size:var(--text-label);font-weight:var(--weight-label);color:var(--soft);font-variant-numeric:tabular-nums}#all,.acts .practice,.acts .print{display:inline-flex;align-items:center;gap:9px;font-size:var(--text-label)}#all svg,.acts .practice svg,.acts .print svg{width:18px;height:15px}#all path{fill:currentColor}.acts .practice,.acts .print{color:var(--edge);text-decoration:none}.acts .practice svg,.acts .print svg{width:18px;height:18px}body:not(.one-list) .heading #picker{display:none}body:not(.one-list) .heading .row:has(#all){flex-wrap:nowrap;align-items:center;gap:12px}body:not(.one-list) .heading .row:has(#all)>div:first-child{display:flex;flex-wrap:nowrap;align-items:baseline;gap:clamp(6px,1vw,12px);min-width:0;flex:1}body:not(.one-list) .heading .row:has(#all) .acts{flex:none;margin-left:auto}body:not(.one-list) .heading .row:has(#all) :is(.kicker,h1,.count){white-space:nowrap;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(.one-list) .heading .row:has(#all) :is(.kicker,.count){margin:0;flex:none}body:not(.one-list) .heading .row:has(#all) h1{min-width:0}.card{background:var(--paper);border:2px solid var(--outline);box-shadow:5px 5px 0 var(--shadow)}.strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;padding:10px 20px;border-bottom:1px solid var(--rule)}.set{display:flex;align-items:center;gap:8px}.strip .set{flex-wrap:wrap}.dial{display:grid;grid-template-columns:auto;justify-items:start;row-gap:4px;min-height:var(--control-size);padding:5px 10px;background:transparent;border:0;border-radius:0;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color .15s,transform .15s var(--out)}.dial:hover{background:var(--paper-deep)}.dial:active{transform:translate(2px,2px)}.strip .dial+.dial{border-left:1px solid var(--rule)}.face{display:none;align-items:center;gap:8px;font-size:var(--text-label);font-weight:var(--weight-control);line-height:1;white-space:nowrap}.face.now{display:flex}.face .pic{flex:none;width:30px;height:16px}.pic rect,.pic path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}.face .big{width:34px;font-size:17px;font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);text-align:center}.strip .dots{display:none}.strip .btn{min-height:42px;padding-inline:14px;font-size:var(--text-label)}.strip .both{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:4px;flex:none}.strip .both svg{width:30px;height:30px;rotate:none}.playback .play{display:flex;align-items:center;gap:8px}.playback .play svg{width:13px;height:15px}.playback .play path{fill:currentColor}.playback .play svg.mobile-play,.playback .play[aria-pressed=true] svg.mobile-play{display:none}.mobile-play text{fill:currentColor;text-anchor:middle;font:900 8px var(--ui)}.playback .play .halt,.playback .play[aria-pressed=true] .go{display:none}.playback .play[aria-pressed=true] .halt{display:inline-block}.btn.wide{display:inline-flex;align-items:center;gap:8px}.btn.wide svg{width:17px;height:17px}#full[aria-pressed=true]{background:var(--edge);color:var(--paper)}#ipa[aria-pressed=true],#normal-view[aria-pressed=true]{background:var(--mustard)}.under{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;border-top:1px solid var(--rule);background:color-mix(in srgb,var(--paper-deep) 45%,transparent)}.under .this{padding:10px 0;font:400 20px/1 var(--read);color:var(--edge);text-decoration:none}.under .this:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.more{position:relative}.more summary{display:flex;align-items:center;gap:10px;min-height:var(--control-size);font-size:var(--text-label);font-weight:var(--weight-control);list-style:none;cursor:pointer}.more summary::-webkit-details-marker{display:none}.more summary:after{content:"+";font-size:20px;font-weight:var(--weight-body)}.more[open] summary:after{content:"−"}.more .panel{position:absolute;z-index:5;right:0;bottom:calc(100% + 8px);display:grid;gap:10px;width:max-content;padding:16px 18px;background:var(--paper);border:2px solid var(--outline);box-shadow:4px 4px 0 var(--shadow)}.more .setting{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:var(--text-label);font-weight:var(--weight-label)}.more .dial{justify-items:center;min-width:64px;padding-inline:6px;border:2px solid var(--outline);background:var(--paper)}.more .dial .name{display:none}.dots{display:flex;gap:4px}.dots i{width:6px;height:6px;border:1.5px solid var(--outline);border-radius:50%;background:transparent;transition:background-color .15s}.dots .on{background:var(--edge)}.sheet{container-type:inline-size;margin:0;padding:0;list-style:none;font:400 var(--small)/1 var(--read)}.reading .cur .tie{--tie-in: .42em;margin-bottom:.07em}.reading .cur .unit.heart:before{width:.28em;height:.255em}.tie.heart,.reading .cur .tie.heart{margin:0 0 .07em;height:.06em;border-width:0 0 .06em}.normal-view .unit .stress{display:none}.show-ipa.reading .cur .unit{padding-bottom:.8em}.show-ipa.reading .cur .unit .ipa{display:block;position:absolute;left:0;right:0;bottom:2.1em;translate:calc((var(--pl) - var(--pr)) / 2) 0;font:500 .18em/1 system-ui,sans-serif;color:var(--soft);text-align:center;white-space:nowrap;transition:opacity .2s}.show-ipa.reading .cur .word.on .unit .ipa{opacity:0}.show-ipa:not(.normal-view).reading .cur .word:has(.unit.heart) .unit{padding-bottom:.88em}.show-ipa:not(.normal-view).reading .cur .word:has(.unit.heart) .unit .ipa{bottom:2.55em}.show-ipa:not(.normal-view).reading .cur .word:has(.unit.heart.split) .unit{padding-bottom:.95em}.show-ipa:not(.normal-view).reading .cur .word:has(.unit.heart.split) .unit .ipa{bottom:2.95em}.sweep,.nav{display:none}.reading .sheet{display:flex;flex-direction:column;justify-content:center;min-height:calc(var(--big) * 1.45 + 208px);padding:34px 0 30px}.reading .line:not(.cur){display:none}.reading .line.cur{--avail: calc(100cqw - 2 * var(--gutter));font-size:min(calc(var(--avail) / (var(--w) + var(--reading-fit-buffer))),var(--big))}.reading .cur .stack{margin-inline:auto}.reading .cur .unit{--pl: .2em;--pr: .2em;min-width:.92em;padding-inline:var(--pl) var(--pr);background:var(--surface);border-color:var(--outline);box-shadow:4px 4px 0 var(--shadow)}.reading .cur .unit:hover{background:var(--paper-deep)}.reading .cur .unit.multi:after{width:calc(100% - var(--pl) - var(--pr) - .04em)}.reading .cur .unit:active,.reading .cur .unit.on{background:var(--mustard);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow)}.reading .cur .word{position:relative;isolation:isolate;transition:column-gap .25s var(--out)}.reading .cur .word:before,.reading .cur .word:after{content:"";position:absolute;z-index:-1;pointer-events:none}.reading .cur .word:before{inset:-2px;border:2px solid var(--outline);background:var(--surface);box-shadow:4px 4px 0 var(--shadow);opacity:0;transition:opacity .2s var(--out)}.reading .cur .word:after{inset:0;background:var(--mustard);transform:scaleX(0);transform-origin:left}.reading .cur .word.on:before{opacity:1}.reading .cur .word.on:after{animation:run var(--len, .6s) linear forwards}@keyframes run{to{transform:none}}.reading .cur .unit{transition:background-color .2s,border-color .2s,box-shadow .2s var(--out),transform .12s var(--out),padding .25s var(--out),margin .25s var(--out),min-width .25s var(--out)}.reading .cur .word.on .unit{background:transparent;border-color:transparent;box-shadow:none;transform:none}.reading .cur .word.on .unit.ending{margin-left:0}.reading .cur .word.on .seam{opacity:0}.reading:not(.normal-view) .cur .word.on .unit:not(:first-child):not(.j-in):not(.j-last) .gap{display:block;position:absolute;left:calc(-.05em - 2px);top:.7em;translate:-50% -50%;width:.08em;height:.08em;border-radius:50%;background:var(--edge);pointer-events:none}.reading .cur .unit:before,.reading .cur .unit:after{transition:opacity .2s}.reading .cur .unit:is(.j-first,.j-in,.j-last){min-width:0}.reading .cur .unit.j-first,.reading .cur .unit.j-in{--pr: .05em;margin-right:calc(-1 * var(--tile-gap) - 1px);border-right-width:0}.reading .cur .unit.j-last,.reading .cur .unit.j-in{--pl: .05em;border-left-width:0}.reading .cur .sweep{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;margin-top:22px;padding:0 18px;background:var(--mustard);border:2px solid var(--outline);border-radius:0;box-shadow:4px 4px 0 var(--shadow);cursor:pointer;font:var(--weight-control) var(--text-label)/1 var(--ui);color:var(--edge);transition:transform .12s var(--out),box-shadow .12s var(--out),background-color .15s}.sweep svg{flex:none;width:13px;height:16px}.sweep:hover{background:#f7d264}.sweep:active,.sweep.on{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow)}.reading .cur .nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:26px;font:var(--weight-control) var(--text-label)/1 var(--ui);font-variant-numeric:tabular-nums;color:var(--edge)}.nav .btn{display:inline-flex;align-items:center;gap:10px;min-width:var(--control-size);min-height:var(--control-size);padding:0 14px;font-size:var(--text-label)}.nav .btn:disabled{opacity:.35;cursor:default}.nav .btn{position:relative}.reading .cur .nav{padding-bottom:22px}.nav .peek{position:absolute;top:calc(100% + 6px);left:50%;translate:-50% 0;font:400 15px/1 var(--read);color:var(--soft);white-space:nowrap;pointer-events:none}.nav svg{width:14px;height:10px;rotate:-90deg}.nav .count{min-width:48px;text-align:center;color:var(--soft)}.nav .word-progress{display:flex;align-items:center;gap:8px}.nav .shuffle{width:44px;min-width:44px;min-height:44px;padding:10px;justify-content:center}.nav .shuffle svg{width:20px;height:20px;rotate:none}.nav .shuffle[hidden]{display:none}.nav .both{width:44px;min-height:44px;margin-left:4px;padding:4px;justify-content:center}.nav .both svg{width:30px;height:30px;rotate:none}.both path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.both text{fill:currentColor;text-anchor:middle;font:var(--weight-label) var(--text-caption) var(--ui)}.both .blend-joined,.both[aria-pressed=true] .blend-separate{opacity:.4;font-weight:600}.both .blend-separate,.both[aria-pressed=true] .blend-joined{opacity:1;font-weight:900}.list .strip{position:sticky;top:0;z-index:3;background:var(--paper)}.list .strip .dial:not(#normal-view),.list .strip .playback>:not(#auto):not(.both){display:none}.list .strip #normal-view{border:2px solid var(--outline)}.list .unit:is(.j-first,.j-in,.j-last){min-width:0}.list .unit.j-first,.list .unit.j-in{--pr: .02em;margin-right:calc(-1 * var(--tile-gap) - 2px)}.list .unit.j-last,.list .unit.j-in{--pl: .02em}.normal-view.list .unit.j-first,.normal-view.list .unit.j-in{margin-right:0}.list .sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding:16px}.list .line{container-type:inline-size;display:flex;justify-content:center;align-items:center;min-height:84px;padding:12px 6px 6px;background:var(--surface);border:1px solid var(--rule);cursor:pointer}.list .stack{font-size:min(1em,calc(100cqw / (var(--w) * var(--list-width-scale) + var(--list-fit-buffer))))}.list .line:hover{border-color:var(--edge);background:var(--paper-deep)}.list .line.cur{border:2px solid var(--outline);background:color-mix(in srgb,var(--mustard) 30%,var(--surface))}#all[aria-pressed=true]{background:var(--mustard)}.below{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-top:16px}.keys{display:flex;align-items:center;gap:6px;margin:0;font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--soft)}.keys kbd{min-width:26px;padding:3px 6px;background:var(--paper);border:1px solid var(--rule);font:var(--weight-label) var(--text-caption)/1.2 var(--ui);color:var(--edge);text-align:center}.keys span{margin-inline:4px}.below .next{margin-left:auto;padding:10px 0;font-size:var(--text-label);font-weight:var(--weight-control);color:var(--edge);text-decoration:none}.below .next:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.projecting .top,.projecting .heading,.projecting .below,.projecting .kin{display:none}.projecting main{max-width:none;padding:0}.projecting .card{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;border:0;box-shadow:none}.projecting main .card{margin:0}.projecting .sheet{flex:1;min-height:0;padding-block:20px}.projecting{--reader-overhead: 174px;--tile-height: 1.7;--big: clamp(24px, calc((100dvh - var(--head) - var(--reader-overhead)) / var(--tile-height)), 360px)}.projecting.show-ipa{--tile-height: 2.1}.projecting.normal-view{--tile-height: 1.5}.projecting.normal-view.show-ipa{--tile-height: 1.9}@media(max-width:640px){.heading .row{align-items:flex-start}.strip,.under{padding-inline:10px}.strip .dial{padding-inline:6px}.face{font-size:var(--text-caption)}.reading .sheet{min-height:calc(min(var(--big),19vw)*1.45 + 190px);padding:26px 0 22px}.nav .say{display:none}.reading .cur .nav{gap:10px}.keys{display:none}.list .sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.list .line{min-height:70px;font-size:20px}}.card .add{display:inline-flex;align-items:center;gap:8px}.card .add .basket{width:20px;height:18px;rotate:none}.card .add:disabled{opacity:.35;cursor:default}.add-all{display:inline-flex;align-items:center;gap:9px;font-size:var(--text-label)}.add-all svg{width:20px;height:18px}.add-all:disabled{opacity:.35;cursor:default}.add-all[aria-pressed=true]{background:var(--mustard)}.picker{display:inline-flex;align-items:center;gap:9px;font-size:var(--text-label)}.picker svg{width:20px;height:18px}.picker[hidden]{display:none}.list .line{position:relative}.picking .list .line{cursor:copy}.picking .list .line.in{border:2px solid var(--outline);background:color-mix(in srgb,var(--mustard) 45%,var(--surface))}.picking .list .line.in:after{content:"✓";position:absolute;top:0;right:0;display:grid;place-items:center;width:26px;height:26px;background:var(--edge);color:#fff;font:var(--weight-heading) var(--text-label)/1 var(--ui)}.picking .list .line.cur:not(.in){border:1px solid var(--rule);background:var(--surface)}.one-list .card[hidden],.one-list .below[hidden]{display:none}.normal-view .word{column-gap:0}.normal-view .unit,.normal-view .mark{min-width:0;padding:0;letter-spacing:var(--normal-letter-spacing)}.normal-view .unit .ipa{letter-spacing:normal}.normal-view .unit{border:0}.normal-view .unit.ending{margin-left:0}.normal-view .unit:before,.normal-view .unit:after,.normal-view .tie,.normal-view .seam{display:none}.normal-view .unit.heart.split:after{display:none}.normal-view.reading .line.cur{font-size:min(calc(var(--avail) / (var(--normal-w) * var(--normal-width-scale) + var(--reading-fit-buffer))),var(--big))}.normal-view.reading .cur .word{--highlight-inset: .06em;padding:var(--highlight-inset) .24em}.normal-view.reading .cur .word:before{opacity:1}.normal-view.reading .cur .word:after{inset-block:var(--highlight-inset)}.normal-view.reading .cur .unit{--pl: 0px;--pr: 0px;min-width:0;padding:.05em 0 .31em;background:transparent;border:0;box-shadow:none;transform:none}.normal-view.reading .cur .mark{padding:.05em 0 .31em}.normal-view.reading .cur .unit:is(:hover,:active,.on){background:var(--mustard);box-shadow:none;transform:none}.normal-view.reading .cur .unit.j-first,.normal-view.reading .cur .unit.j-in{margin-right:0}.normal-view.reading .cur .word.on .unit{background:transparent}.normal-view.show-ipa.reading .cur .unit{padding-bottom:.7em}.normal-view.show-ipa.reading .cur .unit .ipa{bottom:1.02em}.normal-view.list .stack{font-size:min(1em,calc(100cqw / (var(--normal-w) * var(--normal-width-scale) + var(--list-fit-buffer))))}.strip.compact-controls{flex-wrap:nowrap;justify-content:center;gap:clamp(2px,1vw,6px);padding:8px 10px}.strip.compact-controls .set{display:contents}.strip.compact-controls .dial,.strip.compact-controls .dial+.dial{min-width:0;min-height:44px;padding:6px 4px;border:2px solid var(--outline);background:var(--paper);justify-items:center}.strip.compact-controls .dial:hover{background:var(--paper-deep)}.list .strip.compact-controls #normal-view{border-left:2px solid var(--outline)}.strip.compact-controls .face{min-width:0;width:100%;justify-content:center;gap:0;font-size:var(--text-caption)}.strip.compact-controls .face .pic{flex:0 1 30px;min-width:0}.strip.compact-controls .name,.strip.compact-controls .btn>span{display:none}.strip.compact-controls .btn>span.go,.strip.compact-controls .btn>span.halt{display:none}.strip.compact-controls .dial,.strip.compact-controls .dial+.dial{width:44px;padding-inline:4px}.strip.compact-controls .btn{min-width:0;min-height:44px;width:44px;padding:4px;justify-content:center;gap:0;font-size:var(--text-caption)}.strip.compact-controls .dial,.strip.compact-controls .btn{flex:0 1 44px}.strip.compact-controls svg{min-width:0;max-width:100%}.strip.compact-controls #ipa .name{display:inline}.strip.compact-controls #auto svg:not(.mobile-play){display:none}.strip.compact-controls #auto svg.mobile-play{width:30px;height:32px;display:block}.strip.compact-controls #auto svg.mobile-play.halt,.strip.compact-controls #auto[aria-pressed=true] svg.mobile-play.go{display:none}.strip.compact-controls #auto[aria-pressed=true] svg.mobile-play.halt{display:block}.strip.compact-controls .both{width:44px;height:44px;margin-left:0}.strip.compact-controls .both svg{width:30px;height:30px;rotate:none}.strip.compact-controls .both.unavailable{display:none}@media(max-width:640px),(orientation:landscape)and (max-height:600px)and (max-width:1024px){.reading .sheet{touch-action:pinch-zoom}body:not(.one-list) .heading #all{width:44px;min-height:44px;padding:4px;justify-content:center;gap:0}body:not(.one-list) .heading #all span{display:none}body:not(.one-list) .heading .row:has(#all)>div:first-child{flex-wrap:wrap;gap:4px 8px}body:not(.one-list) .heading .row:has(#all) :is(.kicker,.count){font-size:var(--text-caption)}body:not(.one-list) .heading .row:has(#all) h1{font-size:var(--text-card);flex-basis:100%;white-space:normal;text-wrap:balance;overflow-wrap:anywhere}}@media(orientation:landscape)and (max-height:600px){.reading .line.cur{--gutter: 76px}.reading .sheet{min-height:calc(var(--big) * 1.45 + 150px);padding-block:20px}.reading .cur .nav{margin-top:18px;gap:10px;padding-bottom:0}.reading .cur .nav .previous-word,.reading .cur .nav .next-word{position:absolute;top:calc(50% - 65px);z-index:2;width:44px;padding:0;justify-content:center;transform:translateY(-50%)}.reading .cur .nav .previous-word{left:12px}.reading .cur .nav .next-word{right:12px}.nav .previous-word .say,.nav .next-word .say{display:none}.nav .peek{max-width:64px;overflow:hidden;text-overflow:ellipsis}.projecting .sheet{min-height:0}.projecting{--reader-overhead: 118px}}.projecting.reading .sheet{padding-block:12px;min-height:0}.projecting .cur .sweep{margin-top:14px}.projecting .cur .nav{margin-top:12px}.projecting .under{padding-block:4px}