:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surround:#4f7a86;--surround-dark:#3f6570;--on-surround:#fff;--bg:#efe6d8;--paper:#fffaf2;--ink:#2b2d3a;--ink-soft:#6b6670;--accent:#e8734a;--accent-ink:#fff;--touch:56px;--gap:12px;--font:"Andika", "Noto Sans Arabic", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--surround);height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}:lang(ur){font-family:"Noto Nastaliq Urdu", var(--font)}button,select{font-family:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.icon-btn,.nav{width:var(--touch);height:var(--touch);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #0000001f}.icon-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.help-toggle[aria-pressed=true] svg path{fill:currentColor}.help-toggle[aria-pressed=true] svg text{fill:var(--accent)}.nav{width:calc(var(--touch) + 8px);height:calc(var(--touch) + 8px);background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 6px #0000002e}.nav:not(:disabled):active,.icon-btn:active,.page-btn:active{transform:scale(.94)}.icon-btn svg,.nav svg,.page-btn svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:52%;height:52%}.nav svg{stroke-width:2.6px;width:60%;height:60%}.icon-btn svg.icon--fine{stroke-width:2px;width:58%;height:58%}.icon-btn svg.icon--wide{stroke-width:1.8px;width:64%;height:64%}svg .fill{fill:currentColor;stroke-width:1.5px}.icon-btn[data-label]{position:relative}.icon-btn[data-label]:after{content:attr(data-label);text-align:center;width:max-content;max-width:84px;color:var(--on-surround);pointer-events:none;font-size:12.5px;font-weight:400;line-height:1.1;display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.home[data-label]:after{text-align:left;left:0;transform:none}.gear[data-label]:after{text-align:right;left:auto;right:0;transform:none}.icon-btn.is-named:after{z-index:50;background:var(--ink);color:#fff;border-radius:10px;max-width:160px;padding:6px 10px;font-size:15px;display:block;box-shadow:0 3px 10px #0000004d}.reader{--m:max(8px, 2vmin);grid-template-rows:var(--touch) minmax(0, 1fr);gap:var(--m);padding:max(var(--m), env(safe-area-inset-top)) max(var(--m), env(safe-area-inset-right)) max(var(--m), env(safe-area-inset-bottom)) max(var(--m), env(safe-area-inset-left));display:grid;position:fixed;inset:0;overflow:hidden}.topbar{align-items:center;gap:var(--gap);min-width:0;display:flex}.topbar__title{min-width:0;color:var(--on-surround);flex:auto;justify-content:center;align-items:center;gap:10px;margin:0;font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.2;display:flex}.topbar__number{background:var(--accent);color:var(--accent-ink);white-space:nowrap;border-radius:999px;flex:none;padding:3px 12px;font-size:.72em}.topbar__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.more{display:none}.topbar__menu{display:contents}@media (width<=559px){.topbar__title{flex-direction:column;gap:2px;font-size:17px}.topbar__number{padding:1px 10px;font-size:13px}.topbar__name{max-width:100%}.reader:not(.no-fullscreen) .more{display:grid}.reader:not(.no-fullscreen) .topbar__menu{top:calc(var(--m) + var(--touch) + 8px);right:var(--m);z-index:25;background:var(--surround-dark);border-radius:36px;flex-direction:column;gap:8px;padding:8px;display:none;position:absolute;box-shadow:0 4px 16px #0000004d}.reader.menu-open:not(.no-fullscreen) .topbar__menu{display:flex}}@media (width>=760px){.topbar{position:relative}.topbar__title{max-width:calc(100% - 2 * (3 * var(--touch) + 3 * var(--gap)));position:absolute;left:50%;transform:translate(-50%)}.topbar .home{margin-right:auto}}.book-host{--big:clamp(64px, calc(var(--pw) * .14), 104px);outline:none;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.nav{bottom:calc(var(--pw) * .045 + 28px + (var(--big) - var(--touch) - 8px) / 2);z-index:5;position:absolute}.nav--prev{left:calc(var(--pw) * .045)}.nav--next{right:calc(var(--pw) * .045)}.nav:disabled{visibility:hidden}.reader.is-fullscreen{grid-template-rows:minmax(0,1fr)}.reader.is-fullscreen .topbar{top:var(--m);left:var(--m);right:var(--m);z-index:20;background:var(--surround-dark);transform:translateY(calc(-100% - var(--m) - 20px));border-radius:999px;padding:6px;transition:transform .2s;position:absolute;box-shadow:0 4px 16px #0000004d}.reader.is-fullscreen.bar-shown .topbar{transform:none}.book-shadow{box-shadow:0 12px 32px #00000040}[data-layout=spread] .page__inner:after{content:"";width:calc(var(--pw) * .04);pointer-events:none;position:absolute;top:0;bottom:0}[data-layout=spread] .page--left .page__inner:after{background:linear-gradient(270deg,#3c281424,#3c281400);right:0}[data-layout=spread] .page--right .page__inner:after{background:linear-gradient(90deg,#3c281424,#3c281400);left:0}.page{width:var(--pw);height:var(--ph);background:var(--paper);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.page__inner{padding:calc(var(--pw) * .045);gap:calc(var(--pw) * .025);background:var(--paper);flex-direction:column;display:flex;position:absolute;inset:0}.page__picture{border-radius:calc(var(--pw) * .03);flex:1 1 0;min-height:0;position:relative;overflow:hidden;container-type:size}.page__penguin,.page__friend,.page__prop{height:calc(var(--k) * 100%);height:calc(var(--k) * min(100cqh, 105cqw))}.page__penguin,.page__friend{aspect-ratio:180/186;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-94.6%)}.page__prop{pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.page__prop svg{width:100%;height:100%;display:block}.page__thought{aspect-ratio:100/90;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);left:calc(var(--x) * 1% + var(--dx) * min(100cqh, 105cqw) * .0043);top:calc(var(--y) * 1% + var(--dy) * min(100cqh, 105cqw) * .0043);height:calc(var(--k) * 100%);height:calc(var(--k) * min(100cqh, 105cqw));pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.page__thought svg{width:100%;height:100%;display:block;overflow:visible}.thought__squiggles{animation:.5s ease-in-out infinite alternate thought-squiggle}@keyframes thought-squiggle{0%{transform:translate(-2px)}to{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.thought__squiggles{animation:none}}.page__words{text-align:center;min-height:calc(var(--touch) + 8px);flex-direction:column;flex:none;justify-content:center;display:flex}.page__sentence{font-size:clamp(32px, calc(var(--pw) * .085), 72px);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0 .1em;margin:0;font-weight:700;line-height:1.25;display:flex}.chunk-wrap{white-space:nowrap;align-items:baseline;display:inline-flex}.chunk__punct{margin-inline:-.06em 0}.chunk{min-height:var(--touch);color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:.22em;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:.04em .08em;display:inline-flex}.chunk--active{background:var(--accent);color:var(--accent-ink)}.chunk__gloss{color:var(--ink-soft);font-size:max(18px,.46em);font-weight:400;line-height:1.25;display:none}.chunk--active .chunk__gloss{color:inherit}[data-help=always] .chunk__gloss{display:block}.page__translation{font-size:clamp(20px, calc(var(--pw) * .045), 38px);color:var(--ink-soft);margin:.15em 0 0;line-height:1.3;display:none}.show-translation .page__translation{display:block}.page__controls{justify-content:center;align-items:center;gap:calc(var(--pw) * .04);flex:none;display:flex}.page-btn{--size:clamp(56px, calc(var(--pw) * .11), 84px);width:var(--size);height:var(--size);background:var(--bg);color:var(--ink);cursor:pointer;touch-action:manipulation;border:3px solid #0000;border-radius:50%;place-items:center;display:grid}.page-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.page-btn--big{--size:var(--big);background:var(--accent);color:var(--accent-ink)}.page__inner{padding-bottom:calc(var(--pw) * .045 + 28px)}.page__number{left:0;right:0;bottom:calc(var(--pw) * .02);text-align:center;font-size:clamp(16px, calc(var(--pw) * .035), 26px);color:var(--accent);pointer-events:none;font-weight:700;position:absolute}.end,[data-layout=single] .end{gap:calc(var(--pw) * .025);padding-bottom:calc(var(--pw) * .03 + var(--touch) + 20px)}.on-end .nav{bottom:calc(var(--pw) * .03)}.end__title{text-align:center;font-size:clamp(22px, calc(var(--pw) * .06), 44px);color:var(--accent);flex:none;margin:0;line-height:1.2}.end--closing{justify-content:center;align-items:center}.end__penguin{aspect-ratio:180/186;width:60%;display:block}.words{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));gap:calc(var(--pw) * .022);flex:1 1 0;min-height:0;display:grid}.word-card{min-width:0;min-height:0;padding:calc(var(--pw) * .015);color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;isolation:isolate;background:0 0;border:0;flex-direction:column;gap:4px;display:flex;position:relative}.word-card:before,.game__pick:before,.game__action:before{content:"";z-index:-1;border-radius:calc(var(--pw) * .03);background:var(--bg);position:absolute;inset:0}.word-card>*{pointer-events:none}.word-card .page__picture{border-radius:calc(var(--pw) * .02)}.word-card__text{font-size:clamp(16px, calc(var(--pw) * .045), 32px);text-align:center;flex:none;font-weight:700;line-height:1.15}.word-card--active{color:var(--accent-ink)}.word-card--active:before{background:var(--accent)}.game__scene{align-items:center;gap:calc(var(--pw) * .02);flex-direction:column;flex:1 1 0;min-height:0;display:flex;position:relative}.game__bubble{text-align:center;max-width:100%;font-size:clamp(24px, calc(var(--pw) * .065), 52px);background:#fff;border-radius:26px;flex:none;padding:12px 24px;font-weight:700;line-height:1.2;position:relative;box-shadow:0 3px 10px #00000024}.game__bubble:after{content:"";border:12px solid #0000;border-top-color:#fff;margin-left:-12px;position:absolute;top:100%;left:50%}.game__penguin{aspect-ratio:180/186;flex:1 1 0;max-width:100%;min-height:0}.game__penguin svg{width:100%;height:100%}.game__replay{position:absolute;bottom:0;right:0}.game__panel{gap:calc(var(--pw) * .03);flex-direction:column;flex:none;display:flex}.end--question .game__panel{flex:1 1 0;justify-content:center;min-height:0}.game__titles{text-align:center;flex-direction:column;gap:2px;display:flex}.game__ask{font-size:clamp(18px, calc(var(--pw) * .045), 32px);margin:0;font-weight:700;line-height:1.2}.game__options{gap:calc(var(--pw) * .03);flex-direction:column;display:flex;position:relative}.game__pick{isolation:isolate;align-items:center;gap:calc(var(--pw) * .02);min-height:calc(var(--touch) + 24px);color:var(--ink);font-size:clamp(26px, calc(var(--pw) * .07), 56px);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:10px 12px 10px 22px;font-weight:700;line-height:1.15;display:flex;position:relative}.game__pick:before{border:5px solid var(--accent);background:#fff;border-radius:24px;box-shadow:0 4px #0000001f}.game__pick:active:before{box-shadow:none;transform:translateY(3px)}.game__pick-text{pointer-events:none;flex:1 1 0;min-width:0}.game__listen{width:var(--touch);height:var(--touch);background:var(--bg);color:var(--ink);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.game__listen svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;pointer-events:none;width:46%;height:46%}.game__pick--right{color:#fff}.game__pick--right:before{background:#4f9d4a;border-color:#3d8139}.game__pick--wrong{cursor:default;animation:.4s ease-in-out game-shake}.game__pick--wrong:before{box-shadow:none;border-color:#cfc6b8}.game__pick--wrong .game__pick-text{opacity:.45}@keyframes game-shake{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-4px)}}.game__dots{justify-content:center;gap:12px;display:flex}.game__dot{background:var(--bg);border-radius:50%;width:16px;height:16px}.game__dot--now{background:var(--accent)}.game__dot--right{background:#4f9d4a}.game__done{align-items:stretch;gap:calc(var(--pw) * .03);text-align:center;flex-direction:column;display:flex}.game__well-done{font-size:clamp(34px, calc(var(--pw) * .11), 84px);color:var(--accent);font-weight:700;line-height:1.1}.game__action{min-height:calc(var(--touch) + 8px);isolation:isolate;color:var(--accent-ink);font:inherit;font-size:clamp(22px, calc(var(--pw) * .055), 40px);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:8px 20px;font-weight:700;position:relative}.game__action:before{background:var(--accent);border-radius:20px}.game__to-start{color:var(--ink)}.game__to-start:before{background:var(--bg)}.bubble{z-index:40;background:var(--ink);color:#fff;text-align:center;pointer-events:none;border-radius:16px;max-width:min(92vw,520px);padding:10px 18px;font-size:clamp(22px,2.4vw,36px);line-height:1.3;animation:.18s ease-out bubble-in;position:absolute;top:0;left:0}@keyframes bubble-in{0%{opacity:0}}.bubble:after{content:"";left:var(--arrow,50%);border:9px solid #0000;border-top-color:var(--ink);margin-left:-9px;position:absolute;top:100%}.bubble--below:after{border-top-color:#0000;border-bottom-color:var(--ink);top:auto;bottom:100%}.bubble>span{display:block}.bubble__lemma{opacity:.85;font-size:.7em;font-style:italic}.bubble__note{opacity:.85;font-size:.62em}.notice{left:50%;bottom:var(--m);z-index:30;width:max-content;max-width:calc(100% - var(--m) * 2);background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:4px 4px 4px 16px;font-size:16px;line-height:1.25;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 3px 12px #0000004d}.notice__close{width:var(--touch);height:var(--touch);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-8px -4px -8px 0;display:grid}.notice__close svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;width:22px;height:22px}.library{background:var(--paper);color:var(--ink);padding:max(16px, env(safe-area-inset-top)) max(clamp(16px, 3vw, 48px), env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(clamp(16px, 3vw, 48px), env(safe-area-inset-left));position:fixed;inset:0;overflow-y:auto}.library__bar,.library__main{max-width:1500px;margin:0 auto}.library__bar{justify-content:space-between;align-items:center;gap:var(--gap);margin-bottom:clamp(16px,2.4vw,28px);display:flex}.logo{min-width:0;margin:0;line-height:0}.logo img{width:auto;max-width:100%;height:52px;display:block}@media (width>=600px){.logo img{height:clamp(76px,9vw,112px)}}.library .gear{background:var(--surround-dark);color:var(--on-surround)}.library__main,.library__parts{flex-direction:column;gap:clamp(22px,3vw,40px);display:flex}.continue{max-width:100%;color:var(--ink);text-align:start;cursor:pointer;touch-action:manipulation;background:#fff;border:0;border-radius:22px;align-self:flex-start;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:flex;box-shadow:0 4px 14px #00000038}.continue:active{transform:scale(.98)}.continue__thumb{flex:none;width:76px;height:76px;display:flex}.continue__thumb .page__picture,.cover__art .page__picture{border-radius:14px;flex:auto}.continue__text{flex-direction:column;gap:1px;min-width:0;display:flex}.continue__label,.continue__page{color:var(--ink-soft);font-size:16px}.continue__title{font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.2}.continue__go{width:var(--touch);height:var(--touch);background:var(--accent);color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;margin-left:6px;display:grid}.continue__go svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:52%;height:52%}.part__head{color:var(--ink);align-items:center;gap:12px;margin-bottom:clamp(12px,1.6vw,20px);display:flex}.part__icon{background:var(--bg);border-radius:50%;flex:none;width:52px;height:52px;overflow:hidden}.part__title{margin:0;font-size:clamp(22px,2.6vw,34px);line-height:1.15}.part__progress{background:var(--surround-dark);color:var(--on-surround);border-radius:999px;flex:none;margin-inline-start:auto;padding:6px 14px;font-size:clamp(15px,1.4vw,19px)}.library__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.2vw,30px);display:grid}@media (width>=600px){.library__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.library__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1200px){.library__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.library__bar,.library__main{max-width:clamp(1100px,174.4vh - 560.16px,1500px)}}.cover{aspect-ratio:3/4.3;background:var(--accent);min-width:0;color:var(--accent-ink);text-align:center;cursor:pointer;touch-action:manipulation;border:3px solid #fff;border-radius:22px;flex-direction:column;align-items:stretch;gap:clamp(6px,.8vw,10px);padding:clamp(10px,1.2vw,16px);transition:transform .15s ease-out,box-shadow .15s ease-out;display:flex;position:relative;box-shadow:0 4px 14px #00000038;container-type:inline-size}.cover:active{transform:scale(.98)}@media (hover:hover){.cover[data-state=available]:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000047}}.cover__number{background:#ffffff3d;border-radius:999px;flex:none;align-self:flex-start;padding:1px 10px;font-size:clamp(14px,1.25vw,18px);font-weight:700}.cover__art{flex:1 1 0;min-height:0;display:flex}.cover__title{flex:none;justify-content:center;align-items:center;height:2.6em;font-size:clamp(16px,11cqw,27px);font-weight:700;line-height:1.2;display:flex;overflow:hidden}.cover[data-state=soon]>:not(.cover__ribbon,.cover__badge){filter:saturate(.85);opacity:.86}.cover[data-state=locked]>:not(.cover__ribbon,.cover__badge){filter:saturate(.6);opacity:.74}.cover__ribbon{background:var(--ink);color:#fff;border-radius:999px 0 0 999px;padding:4px 12px 4px 14px;font-size:clamp(13px,1.1vw,16px);font-weight:700;position:absolute;top:clamp(40px,4vw,54px);right:-3px;box-shadow:0 2px 6px #00000040}.cover__badge{border-radius:50%;place-items:center;width:clamp(30px,2.6vw,40px);height:clamp(30px,2.6vw,40px);display:grid;position:absolute;top:clamp(6px,.8vw,10px);right:clamp(6px,.8vw,10px);box-shadow:0 2px 6px #00000040}.cover__badge svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:62%;height:62%}.cover__badge--lock{background:var(--ink);color:#fff}.cover__badge--star{color:var(--ink);background:#f6c945}.teaser{background:var(--surround-dark);max-width:460px;color:var(--on-surround);border-radius:22px;align-items:center;gap:18px;padding:16px 64px 16px 20px;display:flex;position:relative}.teaser__shape{aspect-ratio:180/186;filter:brightness(0)invert();opacity:.32;flex:none;width:84px}.teaser__text{flex-direction:column;gap:2px;font-size:clamp(18px,1.8vw,24px);display:flex}.teaser .cover__badge{top:50%;right:16px;transform:translateY(-50%)}.library__teacher{min-height:var(--touch);border:2px solid var(--surround-dark);color:var(--surround-dark);border-radius:999px;align-self:center;align-items:center;padding:0 22px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.soon{background:var(--paper);width:min(92vw,400px);color:var(--ink);text-align:center;border:0;border-radius:26px;padding:22px;box-shadow:0 12px 40px #00000059}.soon::backdrop{background:#141e2380}.soon__bubble{background:var(--bg);border-radius:20px;margin:0 0 6px;padding:14px 18px;font-size:24px;font-weight:700;line-height:1.25}.soon__penguin{aspect-ratio:180/186;width:150px;margin:0 auto 12px;display:block}.soon__actions{flex-direction:column;gap:10px;display:flex}.soon__ask,.soon__ok{min-height:var(--touch);cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;padding:0 18px;font-size:21px;font-weight:700;text-decoration:none;display:flex}.soon__ask{background:var(--ink);color:#fff}.soon__ok{background:var(--bg);color:var(--ink)}.settings{background:var(--paper);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border:0;border-radius:22px;padding:0;box-shadow:0 12px 40px #281e0a4d}.settings::backdrop{background:#2b2d3a73}.settings__form{max-height:inherit;flex-direction:column;display:flex}.settings__head{justify-content:space-between;align-items:center;padding:14px 14px 6px 22px;display:flex}.settings__head h2{margin:0;font-size:28px}.settings__head .icon-btn{background:var(--bg);box-shadow:none}.settings__body{padding:4px 22px 22px;overflow-y:auto}.settings__row{border-top:2px solid var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 0;display:flex}.settings__label{flex:180px;font-size:20px}.settings select{max-width:100%;min-height:var(--touch);min-width:180px;color:var(--ink);background:var(--bg);border:0;border-radius:14px;padding:0 14px;font-size:20px}.settings__choices{flex-wrap:wrap;gap:6px;display:flex}.settings__choices button{min-height:var(--touch);color:var(--ink);background:var(--bg);cursor:pointer;border:0;border-radius:14px;padding:0 16px;font-size:19px}.settings__choices button[aria-pressed=true]{background:var(--ink);color:#fff}.settings__switch{width:96px;height:var(--touch);cursor:pointer;background:#cfc6b8;border:0;border-radius:999px;flex:none;transition:background .15s;position:relative}.settings__switch:after{content:"";background:#fff;border-radius:50%;width:44px;height:44px;transition:transform .15s;position:absolute;top:6px;left:6px}.settings__switch[aria-checked=true]{background:var(--ink)}.settings__switch[aria-checked=true]:after{transform:translate(40px)}.debug-hud{color:#fff;pointer-events:none;z-index:60;white-space:nowrap;background:#2b2d3ad9;border-radius:6px;padding:4px 10px;font:13px/1.4 ui-monospace,monospace;position:fixed;top:4px;left:50%;transform:translate(-50%)}.book.stf__parent{touch-action:none;overflow:hidden;min-width:0!important;min-height:0!important}.book .stf__wrapper{width:100%;height:100%;position:relative}.book .page{background:var(--paper)}