body.page-wiki{overflow:hidden}.reader [hidden]{display:none!important}.reader{font-family:var(--font-body)}.reader a{text-decoration:none}.reader .btn{border:1px solid var(--border-strong);min-height:44px;color:var(--foreground);background:var(--surface);cursor:pointer;font:inherit;border-radius:5px;align-items:center;padding:10px 16px;display:inline-flex}.reader .btn--primary{background:var(--primary);color:var(--primary-foreground)}.reader .btn-row{flex-wrap:wrap;gap:10px;display:flex}.reader :is(a,button):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.reader{height:calc(100dvh - var(--reader-nav-height,72px));grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:100%;display:grid}.reader__bar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:clamp(12px,2vw,22px);padding:10px clamp(14px,3vw,28px);display:flex}.reader__back{min-height:40px;color:var(--foreground-muted);font-family:var(--font-label);white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;padding-inline-end:4px;font-size:13px;display:inline-flex}.reader__back:hover{color:var(--gold)}.reader__back svg{width:17px;height:17px}.reader__title{min-width:0;color:var(--foreground);font-family:var(--font-heading);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;font-size:clamp(17px,2.2vw,22px);font-weight:600;line-height:1.2;overflow:hidden}.reader__tools{flex-shrink:0;align-items:center;gap:14px;display:flex}.reader__out{border:1px solid var(--border-strong);border-radius:var(--radius-s);min-height:40px;color:var(--foreground-muted);font-family:var(--font-label);white-space:nowrap;align-items:center;padding:8px 14px;font-size:12px;display:inline-flex}.reader__out:hover{border-color:var(--gold);color:var(--gold)}.reader__stage{min-height:0;display:grid;position:relative}.reader__stage>*{grid-area:1/1;min-height:0}.reader__frame{background:var(--background);opacity:0;border:0;width:100%;height:100%}.reader__stage[data-state=ready] .reader__frame{opacity:1}.reader__noscript{color:var(--foreground-muted);margin:0;padding:28px clamp(14px,3vw,28px)}.reader__credit{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);margin:0;padding:9px clamp(14px,3vw,28px);font-size:11.5px}.reader__credit a{color:var(--foreground-muted);text-underline-offset:2px;text-decoration:underline}.reader__credit a:hover{color:var(--gold)}.reader__loader{z-index:1;background:radial-gradient(55% 45% at 50% 40%, color-mix(in srgb, var(--gold) 9%, transparent), transparent 72%), var(--background);text-align:center;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;padding:28px 20px 56px;display:grid;overflow:hidden}.reader__stage[data-state=ready] .reader__loader{opacity:0;visibility:hidden}.reader__eyebrow{color:var(--gold);font-family:var(--font-label);letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:600}.reader__name{overflow-wrap:anywhere;max-width:min(24ch,100%);color:var(--foreground);font-family:var(--font-heading);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:600;line-height:1.15}.reader__line{max-width:46ch;color:var(--foreground-muted);margin:12px 0 0;font-size:14px;line-height:1.55}.reader__progress{background:color-mix(in srgb, var(--foreground) 10%, transparent);border-radius:2px;width:180px;height:2px;margin-top:18px;position:relative;overflow:hidden}.reader__progress:after{content:"";inset-block:0;background:linear-gradient(90deg, transparent, var(--gold), transparent);width:45%;animation:1.4s ease-in-out infinite reader-sweep;position:absolute;left:0}@keyframes reader-sweep{0%{transform:translate(-100%)}to{transform:translate(225%)}}.reader__actions{justify-content:center;margin-top:22px}.reader__stage:not([data-state=loading]) .reader__progress{display:none}.book-wrap{justify-items:center;margin-bottom:30px;display:grid;position:relative}.book{--paper:#f3ecdc;--ink:#483a2433;--spine-shade:#3c2c1833;--turn:2.4s;perspective:1000px;width:204px;height:138px;animation:3.6s ease-in-out infinite book-float;position:relative}.book:before{content:"";background:linear-gradient(170deg,#5b452a,#3a2c1b);border-radius:7px;position:absolute;inset:-7px -10px -10px;box-shadow:inset 0 0 0 1px #d0b38b80,inset 0 0 0 4px #0000001f,0 14px 26px -10px #00000080}.book__stack,.book__face{width:50%;position:absolute;inset-block:0}.book__stack--left,.book__face--back{background:linear-gradient(to left, var(--spine-shade), transparent 26%) border-box, repeating-linear-gradient(to bottom, var(--ink) 0 1.5px, transparent 1.5px 9px) content-box, linear-gradient(var(--paper), var(--paper)) border-box;border-radius:5px 1px 1px 5px;padding:17px 12px 17px 17px}.book__stack--right,.book__face--front{background:linear-gradient(to right, var(--spine-shade), transparent 26%) border-box, repeating-linear-gradient(to bottom, var(--ink) 0 1.5px, transparent 1.5px 9px) content-box, linear-gradient(var(--paper), var(--paper)) border-box;border-radius:1px 5px 5px 1px;padding:17px 17px 17px 12px}.book__stack--left{left:0;box-shadow:-1px 1px #e0d6c0,-2px 2px #d2c6ab,-3px 3px #c3b596}.book__stack--right{right:0;box-shadow:1px 1px #e0d6c0,2px 2px #d2c6ab,3px 3px #c3b596}.book__page{inset-block:0;transform-origin:0;width:50%;transform-style:preserve-3d;animation:book-turn var(--turn) cubic-bezier(.5, .06, .32, 1) infinite;position:absolute;left:50%;transform:rotateY(-32deg)}.book__face{backface-visibility:hidden;width:100%;inset-inline-start:0}.book__face--back{transform:rotateY(180deg)}.book__face:after{content:"";border-radius:inherit;opacity:0;animation:book-shade var(--turn) cubic-bezier(.5, .06, .32, 1) infinite;background:linear-gradient(90deg,#281c0c57,#281c0c1a);position:absolute;inset:0}.book__shadow{background:radial-gradient(closest-side,#00000057,#0000);border-radius:50%;width:180px;height:16px;margin-top:16px;animation:3.6s ease-in-out infinite book-shadow}@keyframes book-turn{0%,14%{transform:rotateY(0)}62%,to{transform:rotateY(-180deg)}}@keyframes book-shade{0%,14%{opacity:0}38%{opacity:1}62%,to{opacity:0}}@keyframes book-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes book-shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.86)}}.reader__stage:not([data-state=loading]) .book,.reader__stage:not([data-state=loading]) .book__page,.reader__stage:not([data-state=loading]) .book__face:after,.reader__stage:not([data-state=loading]) .book__shadow{animation:none}.reader__stage:is([data-state=error],[data-state=missing],[data-state=empty]) .book-wrap{opacity:.55;filter:saturate(.6)}@media (prefers-reduced-motion:reduce){.book,.book__page,.book__face:after,.book__shadow,.reader__progress:after{animation:none}.reader__progress{display:none}.reader__frame,.reader__loader{transition:none}}@media (width<=560px){.reader__out{padding:8px 10px}.reader__bar{flex-wrap:wrap;gap:10px}.reader__title{flex-basis:100%;order:3;padding-bottom:5px}.reader__tools{margin-left:auto}.book{width:156px;height:106px}.book__shadow{width:136px}}
