:root{--ink: #efe6d6;--ink-dim: #b6aa95;--ink-faint: #8a7e6b;--gold: #c9a227;--gold-lift: #e6c65f;--warn: #e9b7a2;--ground: #0f0c09;--panel: rgba(19, 15, 11, .86);--panel-lift: rgba(33, 26, 19, .94);--panel-sunk: rgba(10, 8, 6, .55);--edge: rgba(228, 208, 156, .14);--edge-lift: rgba(228, 208, 156, .26);--shadow: 0 20px 54px rgba(0, 0, 0, .58);--blur: blur(16px) saturate(115%);--gap: .55rem;--pad: .85rem;--r: 14px;--r-sm: 9px;--pill: 999px;--tap: 44px;--ui: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--editorial: "EB Garamond", Iowan Old Style, Palatino, Georgia, serif;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--ease: cubic-bezier(.22, .61, .36, 1);--quick: .14s var(--ease);--calm: .32s var(--ease)}@media (prefers-contrast: more){:root{--ink: #fffaf0;--ink-dim: #e4dac6;--ink-faint: #c8bda8;--panel: #12100d;--panel-lift: #241d15;--panel-sunk: #000;--edge: rgba(255, 244, 214, .55);--edge-lift: rgba(255, 244, 214, .8);--blur: none;--gold: #f0cf62}}@media (prefers-reduced-motion: reduce){:root{--quick: 1ms linear;--calm: 1ms linear}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.55 var(--ui);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.ui{position:fixed;inset:0;pointer-events:none}.ui>*{pointer-events:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:-6rem;left:calc(var(--safe-l) + .75rem);z-index:100;padding:.7rem 1.1rem;border:1px solid var(--edge-lift);border-radius:var(--r-sm);background:var(--panel-lift);color:var(--ink);font:500 .88rem/1.2 var(--ui);text-decoration:none;box-shadow:var(--shadow);transition:top var(--quick)}.skip-link:focus{top:calc(var(--safe-t) + .75rem)}img,svg{max-width:100%}.boot{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 40%,#1a1410,#0b0907 70%);transition:opacity .8s ease}.boot.is-done{opacity:0;pointer-events:none}.boot__panel{max-width:34rem;padding:0 2rem;text-align:center}.boot__kicker{margin:0 0 1.2rem;font-size:.74rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}.boot__title{margin:0 0 1.6rem;font-family:EB Garamond,Georgia,serif;font-weight:400;font-size:clamp(1.5rem,4.2vw,2.3rem);line-height:1.25;color:var(--ink)}.boot__label{margin:0 0 .8rem;color:var(--ink-dim);font-size:.92rem}.boot__bar{height:2px;background:#2c241b;border-radius:2px;overflow:hidden}.boot__bar>span{display:block;height:100%;width:var(--progress, 0%);background:linear-gradient(90deg,#8a6a22,var(--gold));transition:width .4s ease}.boot__count{margin:.8rem 0 0;color:#6f6455;font-size:.8rem;font-variant-numeric:tabular-nums}.boot.is-error .boot__title{color:#e9b7a2}.boot__detail{color:var(--ink-dim)}@media (prefers-reduced-motion: reduce){.boot,.boot__bar>span{transition:none}}.boot__retry{margin-top:1.6rem;padding:.7rem 1.4rem;font:inherit;font-size:.92rem;color:var(--ink);background:#26201a;border:1px solid #453a2c;border-radius:7px;cursor:pointer;min-height:44px;min-width:44px}.boot__retry:hover{background:#2f2820}.boot__retry:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.notice{position:fixed;left:50%;bottom:calc(1.6rem + env(safe-area-inset-bottom,0px));transform:translate(-50%,1.4rem);max-width:min(34rem,calc(100vw - 2rem));display:grid;gap:.25rem;padding:.85rem 1.2rem;z-index:40;background:#24160f;border:1px solid #5a3a28;border-radius:9px;box-shadow:0 12px 40px #0000008c;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease}.notice.is-shown{opacity:1;visibility:visible;transform:translate(-50%)}.notice strong{font-weight:500;color:#f0d6c4}.notice span{color:var(--ink-dim);font-size:.9rem}@media (prefers-reduced-motion: reduce){.notice{transition:none}}:where(a,button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--gold-lift);outline-offset:2px;box-shadow:0 0 0 5px #c9a22738}.detail:focus,.transport:focus,#shelf-list:focus{outline:2px solid var(--gold-lift);outline-offset:3px}.transport:focus{outline-offset:-3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--tap);min-width:var(--tap);padding:.55rem .8rem;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--ink);font:500 .86rem/1.2 var(--ui);letter-spacing:.005em;cursor:pointer;transition:background var(--quick),border-color var(--quick),color var(--quick);-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){background:#e4d09c14}.btn:active:not(:disabled){background:#e4d09c24}.btn:disabled{color:var(--ink-faint);cursor:not-allowed;opacity:.62}.btn--round{padding:.5rem;border-radius:var(--pill)}.btn--quiet{border-color:var(--edge);color:var(--ink-dim)}.btn--quiet:hover:not(:disabled){color:var(--ink);border-color:var(--edge-lift)}.btn--primary{border-color:#c9a22780;background:linear-gradient(180deg,#c9a22738,#c9a2271a);color:#f7ecd0}.btn--primary:hover:not(:disabled){border-color:var(--gold);background:linear-gradient(180deg,#c9a22757,#c9a22729)}.btn--play{width:58px;height:58px;padding:0;border-radius:var(--pill);border-color:#e4d09c4d;background:radial-gradient(120% 120% at 50% 12%,#2f2619,#171209);box-shadow:inset 0 1px #fff0cd29,0 6px 18px #00000080;color:var(--gold-lift)}.btn--play:hover:not(:disabled){border-color:var(--gold)}.btn--play-mini{width:var(--tap);height:var(--tap)}.btn__label{white-space:nowrap}.skip{position:relative;display:inline-grid;place-items:center}.skip__n{position:absolute;font:600 .58rem/1 var(--ui);letter-spacing:.02em;color:currentColor;transform:translateY(1.5px)}.icon{display:block}.icon__p{fill:currentColor}.icon__p--stroke{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.select{display:inline-flex;flex-direction:column;gap:.2rem;min-width:0}.select__label{font:500 .66rem/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.select__box{position:relative;display:flex;align-items:center}.select__control{appearance:none;width:100%;min-height:var(--tap);padding:.5rem 2rem .5rem .7rem;border:1px solid var(--edge);border-radius:var(--r-sm);background:var(--panel-sunk);color:var(--ink);font:500 .85rem/1.2 var(--ui);cursor:pointer;text-overflow:ellipsis}.select__control:hover:not(:disabled){border-color:var(--edge-lift)}.select__control:disabled{color:var(--ink-faint);cursor:not-allowed}.select__control option{background:#171209;color:var(--ink)}.select__chevron{position:absolute;right:.5rem;width:18px;height:18px;fill:none;stroke:var(--ink-faint);stroke-width:1.7;stroke-linecap:round;pointer-events:none}.select--wide{flex:1 1 11rem}.select--wide .select__control{max-width:100%}input[type=range]{appearance:none;width:100%;height:var(--tap);margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--pill);background:linear-gradient(90deg,var(--gold) 0 var(--fill, 0%),rgba(228,208,156,.18) var(--fill, 0%) 100%)}input[type=range]::-moz-range-track{height:4px;border-radius:var(--pill);background:#e4d09c2e}input[type=range]::-moz-range-progress{height:4px;border-radius:var(--pill);background:var(--gold)}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:var(--pill);border:1px solid rgba(255,240,205,.55);background:linear-gradient(180deg,#f4e3b4,#c9a227);box-shadow:0 2px 8px #0000008c}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:var(--pill);border:1px solid rgba(255,240,205,.55);background:#e2c469}input[type=range]:disabled{cursor:not-allowed;opacity:.5}.panel{border:1px solid var(--edge);border-radius:var(--r);background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow)}.ui>.topbar{pointer-events:none}.topbar{position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-areas:"brand" "tools";gap:.5rem;padding:calc(var(--safe-t) + .85rem) calc(var(--safe-r) + .8rem) 0 calc(var(--safe-l) + .8rem)}.topbar>*{pointer-events:auto}.topbar__brand{grid-area:brand;display:flex;align-items:center;gap:.5rem;min-width:0}.topbar__mark{margin:0;min-width:0}.topbar__markTop{display:block;font:400 1.02rem/1.15 var(--editorial);letter-spacing:.012em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__markSub{display:none;font:500 .64rem/1.4 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.topbar__tools{grid-area:tools;display:flex;align-items:flex-end;justify-content:flex-end;gap:.5rem;min-width:0}.topbar__help,.topbar__back{border:1px solid var(--edge);border-radius:var(--r-sm);background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);color:var(--ink-dim);flex:none}.topbar__help{border-radius:var(--pill)}.topbar__help:hover,.topbar__back:hover{color:var(--ink)}body[data-phase=open] .topbar{grid-template-areas:"brand tools";grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center}body[data-phase=browsing] .topbar__back,body[data-phase=loading] .topbar__back,body[data-phase=open] .search{display:none}@media (min-width: 48rem){.topbar{grid-template-areas:"brand tools";grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:start;padding-top:calc(var(--safe-t) + .9rem)}.topbar__markSub{display:block}.topbar__markTop{font-size:1.22rem}}@media (min-width: 48rem) and (max-width: 61.99rem){.topbar__markSub{display:none}.topbar__tools{gap:.4rem}.search{max-width:22rem}.search__sort{flex:0 1 7.5rem}.search__sort .select__label{display:none}}@media (min-width: 100rem){.topbar{padding-inline:calc(var(--safe-l) + max(1.5rem,(100vw - 88rem) / 2)) calc(var(--safe-r) + max(1.5rem,(100vw - 88rem) / 2))}}.search{position:relative;display:flex;align-items:flex-end;gap:.5rem;flex:1 1 auto;min-width:0;max-width:30rem}.search__field{position:relative;display:flex;align-items:center;gap:.4rem;flex:1 1 8rem;min-width:0;min-height:var(--tap);padding-inline:.7rem .3rem;border:1px solid var(--edge);border-radius:var(--r-sm);background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);color:var(--ink-faint)}.search__field:focus-within{border-color:var(--edge-lift)}.search__input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--ink);font:400 .92rem/1.3 var(--ui);padding:.5rem 0}.search__input::placeholder{color:var(--ink-faint)}.search__input:focus{outline:none}.search__field:focus-within{outline:2px solid var(--gold-lift);outline-offset:2px}.search__input:focus-visible{outline:none;box-shadow:none}.search__input::-webkit-search-cancel-button{display:none}.search__clear{flex:none;min-width:34px;min-height:34px;padding:.3rem;color:var(--ink-faint)}.search__clear:hover{color:var(--ink)}.search__sort{flex:0 1 10.5rem;min-width:0;flex-direction:row;align-items:center;gap:.45rem}.search__sort .select__label{flex:none}.search__sort .select__control{background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.search__count{position:absolute;top:100%;right:0;margin:.3rem 0 0;font:400 .72rem/1.3 var(--ui);color:var(--ink-faint);text-align:right;pointer-events:none}@media (max-width: 29.99rem){.search__sort .select__label{display:none}.search__sort{flex:0 1 7.5rem}}.index:not(:focus-within){position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.index{position:fixed;z-index:30;top:calc(var(--safe-t) + 8.5rem);left:calc(var(--safe-l) + .7rem);width:min(28rem,calc(100vw - var(--safe-l) - var(--safe-r) - 1.4rem));max-height:min(58vh,32rem);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--edge-lift) transparent;overscroll-behavior:contain;padding:var(--pad);border:1px solid var(--edge-lift);border-radius:var(--r);background:var(--panel-lift);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow)}.index__heading{margin:0 0 .3rem;font:400 1.12rem/1.2 var(--editorial);color:var(--ink)}.index__hint{margin:0 0 .5rem;font:400 .78rem/1.5 var(--ui);color:var(--ink-dim)}.index__count{margin:0 0 .5rem;font:500 .7rem/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.index__list{margin:0;padding:0;list-style:none}.index__list:focus{border-radius:var(--r-sm)}.index__item{display:flex;align-items:baseline;gap:.6rem;width:100%;min-height:var(--tap);padding:.5rem .55rem;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:400 .9rem/1.35 var(--ui)}.index__item:hover{background:#e4d09c14}.index__item.is-current{border-color:var(--edge-lift);background:#c9a2271f}.index__item.is-current .index__title:after{content:" \2014  in view";color:var(--gold);font-style:italic}.index__num{flex:none;min-width:1.6rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.76rem}.index__body{display:block;min-width:0}.index__title{display:block;font-family:var(--editorial);font-size:1.02rem;line-height:1.25}.index__meta{display:block;margin-top:.1rem;font-size:.74rem;color:var(--ink-dim)}.detail{position:fixed;z-index:15;left:calc(var(--safe-l) + .6rem);right:calc(var(--safe-r) + .6rem);bottom:calc(var(--transport-h, 0px) + var(--safe-b) + .6rem);display:flex;flex-direction:column;max-height:min(60vh,30rem);border:1px solid var(--edge);border-radius:var(--r);background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow);animation:detail-in var(--calm) both}@keyframes detail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.detail__body{scrollbar-width:thin;scrollbar-color:var(--edge-lift) transparent;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--pad) var(--pad) .4rem;-webkit-mask-image:linear-gradient(180deg,#000 0 92%,transparent 100%);mask-image:linear-gradient(180deg,#000 0 92%,transparent 100%)}.detail__kicker{margin:0 0 .35rem;font:500 .64rem/1 var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.detail__title{margin:0;font:400 clamp(1.28rem,4.4vw,1.62rem)/1.16 var(--editorial);color:var(--ink);text-wrap:balance}.detail__author{margin:.25rem 0 0;font:italic 400 1rem/1.3 var(--editorial);color:var(--ink-dim)}.detail__edition{margin:.5rem 0 .9rem;padding-bottom:.9rem;border-bottom:1px solid var(--edge);font:400 .82rem/1.5 var(--ui);color:var(--ink-dim)}.detail__row{margin:0 0 .85rem}.detail__label{margin:0 0 .2rem;font:500 .63rem/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.detail__value{margin:0;font:400 .86rem/1.62 var(--ui);color:var(--ink)}.detail__provenance{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--edge)}.detail__fine{margin:0 0 .45rem;font:400 .76rem/1.55 var(--ui);color:var(--ink-dim)}.detail__link{color:var(--gold-lift);text-underline-offset:2px}.detail__actions{flex:none;display:flex;gap:.5rem;padding:.6rem var(--pad) calc(var(--pad) - .15rem);border-top:1px solid var(--edge);background:var(--panel-lift);border-radius:0 0 var(--r) var(--r)}.detail__actions .btn{flex:1 1 auto}@media (min-width: 48rem){.detail{left:auto;right:calc(var(--safe-r) + 1rem);top:calc(var(--safe-t) + 6.2rem);bottom:calc(var(--transport-h, 0px) + 1.2rem);width:min(24rem,36vw);max-height:none}.detail__actions .btn{flex:0 1 auto}.detail__actions .btn--primary{flex:1 1 auto}}@media (min-width: 100rem){.detail{right:calc(var(--safe-r) + max(1.5rem,(100vw - 88rem) / 2))}}@media (prefers-reduced-motion: reduce){.detail{animation:none}}.transport{position:fixed;z-index:25;inset:auto 0 0;display:flex;flex-direction:column;gap:.25rem;padding:.55rem calc(var(--safe-r) + .7rem) calc(var(--safe-b) + .55rem) calc(var(--safe-l) + .7rem);border-top:1px solid var(--edge);background:linear-gradient(180deg,#0e0b08b8,#0e0b08f0);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.transport[hidden],.transport[data-mode=mini] .scrub,.transport[data-mode=mini] .transport__bar,.transport[data-mode=mini] .transport__notice,.transport[data-mode=full] .transport__mini{display:none}.notice{margin:0 0 .2rem;padding:.6rem .75rem;border:1px solid var(--edge);border-left:3px solid var(--warn);border-radius:var(--r-sm);background:var(--panel-sunk)}.notice__title{margin:0 0 .15rem;font:500 .82rem/1.3 var(--ui);color:var(--warn)}.notice__detail{margin:0;font:400 .76rem/1.5 var(--ui);color:var(--ink-dim)}.scrub{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem}.scrub__time{font:500 .76rem/1 var(--ui);font-variant-numeric:tabular-nums;color:var(--ink-dim)}.scrub__right{display:flex;align-items:center;gap:.4rem}.scrub__approx{font:500 .58rem/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--edge);border-radius:var(--pill);padding:.2rem .4rem}.scrub__track{position:relative;display:block;min-width:0}.scrub__bubble{position:absolute;left:var(--at, 0%);bottom:calc(100% - .4rem);transform:translate(-50%);padding:.2rem .45rem;border:1px solid var(--edge-lift);border-radius:var(--r-sm);background:var(--panel-lift);color:var(--ink);font:500 .74rem/1 var(--ui);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;transition:opacity var(--quick);pointer-events:none}.scrub[data-preview=on] .scrub__bubble{opacity:1}.transport__bar{display:grid;grid-template-areas:"close keys more" "settings settings settings";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4rem}.transport__close{grid-area:close;justify-self:start}.transport__close .btn__label{display:none}.transport__more{grid-area:more;justify-self:end}.transport__keys{grid-area:keys;display:flex;align-items:center;justify-content:center;gap:.15rem}.transport__keys .btn--round{color:var(--ink-dim)}.transport__keys .btn--round:hover:not(:disabled){color:var(--ink)}.transport__more{min-width:var(--tap);min-height:var(--tap);padding:.5rem;border:1px solid var(--edge);border-radius:var(--r-sm);background:transparent;color:var(--ink-dim);cursor:pointer}.transport__more:hover{color:var(--ink);border-color:var(--edge-lift)}.transport__settings{grid-area:settings;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .7rem;padding-top:.5rem;margin-top:.15rem;border-top:1px solid var(--edge)}.transport[data-expanded=false] .transport__settings{display:none}.volume{display:flex;align-items:center;gap:.35rem;flex:1 1 9rem;min-width:0}.volume .btn--mute{color:var(--ink-dim);flex:none}.volume__input{flex:1 1 auto;min-width:4rem}.transport__pages{display:flex;align-items:center;gap:.25rem;margin-left:auto}.transport__pages .btn{color:var(--ink-dim)}.transport__pagesLabel{font:500 .66rem/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.transport[data-speech=off][data-expanded=false] .transport__settings{display:flex}.transport[data-speech=off] .transport__more{display:none}.mini{position:relative;display:flex;align-items:center;gap:.6rem;min-height:var(--tap)}.mini__line{position:absolute;inset:-.55rem 0 auto;height:2px;background:linear-gradient(90deg,var(--gold) 0 var(--progress, 0%),rgba(228,208,156,.16) var(--progress, 0%) 100%)}.mini__meta{flex:1 1 auto;min-width:0}.mini__title{display:block;font:400 .98rem/1.25 var(--editorial);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini__chapter{display:block;font:400 .72rem/1.35 var(--ui);font-variant-numeric:tabular-nums;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini__back{flex:none}.mini__back .btn__label{display:none}@media (min-width: 48rem){.transport{gap:.35rem;padding:.7rem calc(var(--safe-r) + 1.1rem) calc(var(--safe-b) + .75rem) calc(var(--safe-l) + 1.1rem)}.transport__close .btn__label,.mini__back .btn__label{display:inline}}@media (min-width: 90rem){.transport__bar{grid-template-areas:"close keys settings";grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.6rem}.transport__settings .select--wide{flex:1 1 6.5rem;min-width:5.25rem}.transport__settings .volume{flex:0 1 7.5rem}.transport__pagesLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.transport__more{display:none}.transport[data-expanded=false] .transport__settings{display:flex}.transport__settings{justify-self:end;justify-content:flex-end;flex-wrap:wrap;padding-top:0;margin-top:0;border-top:0}.transport__pages{margin-left:.4rem}.transport__keys{gap:.35rem}}@media (min-width: 100rem){.transport{padding-inline:calc(var(--safe-l) + max(1.5rem,(100vw - 88rem) / 2)) calc(var(--safe-r) + max(1.5rem,(100vw - 88rem) / 2))}}@media (max-width: 23.5rem){.transport__keys .btn--round:not(.btn--skip){display:none}.transport{padding-inline:calc(var(--safe-l) + .5rem) calc(var(--safe-r) + .5rem)}}@media (max-width: 61.99rem){.transport__settings .select--wide{flex:1 1 100%}.volume{flex:1 1 58%}.transport__pages{flex:0 0 auto}}@media (max-height: 26rem) and (orientation: landscape){.transport__settings{max-height:40vh;overflow-y:auto}}.ui>.states{pointer-events:none}.states>*{pointer-events:auto}.rest{position:fixed;left:50%;bottom:calc(var(--transport-h, 0px) + var(--safe-b) + 1.1rem);transform:translate(-50%);margin:0;max-width:min(30rem,calc(100vw - 2.5rem));text-align:center;font:italic 400 .94rem/1.4 var(--editorial);color:var(--ink-dim);text-shadow:0 2px 12px rgba(0,0,0,.8);opacity:0;transition:opacity var(--calm);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rest[data-on=yes]{opacity:1}.state{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;pointer-events:none}.state[hidden]{display:none}.state__card{pointer-events:auto;width:min(26rem,100%);padding:1.4rem 1.3rem 1.2rem;border:1px solid var(--edge);border-radius:var(--r);background:var(--panel-lift);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow);text-align:center}.state[data-kind=error] .state__card{border-left:3px solid var(--warn)}.state__kicker{margin:0 0 .5rem;font:500 .62rem/1 var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.state[data-kind=error] .state__kicker{color:var(--warn)}.state__title{margin:0 0 .6rem;font:400 1.34rem/1.2 var(--editorial);color:var(--ink);text-wrap:balance}.state__detail{margin:0 0 1.1rem;font:400 .86rem/1.6 var(--ui);color:var(--ink-dim)}.onboard{position:fixed;z-index:18;left:calc(var(--safe-l) + .7rem);right:calc(var(--safe-r) + .7rem);bottom:calc(var(--transport-h, 0px) + var(--safe-b) + .7rem);padding:.95rem 1rem .85rem;border:1px solid var(--edge);border-radius:var(--r);background:var(--panel-lift);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow);animation:onboard-in var(--calm) .4s both}.onboard[hidden]{display:none}@keyframes onboard-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.onboard__kicker{margin:0 0 .5rem;font:500 .62rem/1 var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.onboard__list{margin:0 0 .85rem;padding:0;list-style:none;display:grid;gap:.4rem}.onboard__item{font:400 .85rem/1.45 var(--ui);color:var(--ink-dim)}kbd,.onboard__key{display:inline-block;padding:.1rem .4rem;border:1px solid var(--edge-lift);border-bottom-width:2px;border-radius:5px;background:var(--panel-sunk);color:var(--ink);font:500 .74rem/1.5 var(--ui);white-space:nowrap;min-width:1.7rem;text-align:center}.onboard__go{width:100%}body[data-phase=pulled] .onboard,body[data-phase=open] .onboard{display:none}@media (min-width: 48rem){.onboard{left:calc(var(--safe-l) + 1.1rem);right:auto;width:19rem}.onboard__go{width:auto}}.help{width:min(46rem,calc(100vw - 1.6rem));max-height:min(84vh,44rem);padding:0;border:1px solid var(--edge-lift);border-radius:var(--r);background:var(--panel-lift);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow);color:var(--ink);overflow:auto;overscroll-behavior:contain}.help::backdrop{background:#060504b8;backdrop-filter:blur(3px)}.help__inner{padding:1.3rem 1.2rem 1.1rem}.help__title{margin:0 0 1rem;font:400 1.5rem/1.1 var(--editorial)}.help__grid{display:grid;gap:1.3rem;grid-template-columns:1fr}.help__heading{margin:0 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid var(--edge);font:500 .64rem/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.help__rows{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.45rem .8rem;align-items:baseline}.help__keys{margin:0;display:flex;gap:.25rem;flex-wrap:wrap}.help__what{margin:0;font:400 .84rem/1.4 var(--ui);color:var(--ink-dim)}.help__close{margin-top:1.2rem}@media (min-width: 40rem){.help__grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.help__inner{padding:1.6rem 1.6rem 1.4rem}}@media (prefers-reduced-motion: reduce){.onboard{animation:none}.rest{transition:none}}