:is(body:has(.reader-page) .site-header,body:has(.reader-page) .site-footer){display:none}.reader-page{flex:1;min-height:100vh}.reader-page>main{padding-bottom:64px}.reader-page[data-reader-font=sans] .chapter-text{font-family:var(--font-ui)}.chapter-text{overflow-wrap:break-word}.chapter-text blockquote{border-left:3px solid var(--border-strong);margin:.9em 0;padding-left:1em}.chapter-text hr{border:0;border-top:1px solid var(--border);width:40%;margin:1.6em auto}.chapter-text p+blockquote,.chapter-text blockquote+p{margin-top:.9em}.chapter-nav .btn[aria-disabled=true]{opacity:.5;pointer-events:none}.reader-set-wrap .reader-settings{top:calc(100% + 8px);right:0}.reader-hint{margin-top:6px}.stepper button[disabled]{opacity:.4;cursor:not-allowed}html:has(.reader-page[data-reader-theme=light]) body{background:var(--reader-light-bg)}html:has(.reader-page[data-reader-theme=sepia]) body{background:var(--reader-sepia-bg)}html:has(.reader-page[data-reader-theme=dark]) body{background:var(--reader-dark-bg)}:root[data-theme=dark] .reader-page[data-reader-theme=light],:root[data-theme=dark] .reader-page[data-reader-theme=sepia]{--canvas:#f6f1e7;--surface:#fffdf8;--surface-sunken:#efe8da;--border:#e2d8c6;--border-strong:#cbbea6;--text:#1d1b18;--text-muted:#5e5850;--text-subtle:#7a7266;--brand:#2e6b5a;--brand-hover:#245647;--brand-soft:#dcebe5;--on-brand:#fff;--accent:#a8362a;--accent-soft:#f4dfdb;--on-accent:#fff;--gold:#8a6428;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.read-progress{z-index:70;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.read-progress:after{content:"";background:var(--brand);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.reader-toolbar{view-transition-name:reader-toolbar;transition:transform var(--dur-3) var(--ease-out-expo), background-color var(--dur-3) var(--ease-standard), border-color var(--dur-2) var(--ease-standard);border-bottom-color:#0000}.reader-toolbar.is-solid{border-bottom-color:var(--border)}.reader-toolbar .row{gap:6px;height:64px}.reader-brand{display:none}.reader-brand .logo-mark{width:32px;height:32px}@media (min-width:768px){.reader-brand{border-right:1px solid var(--border);margin-right:6px;padding-right:16px;display:inline-flex}}.reader-toolbar .where a{font:600 15px/1.25 var(--font-read);color:var(--reader-text)}.reader-toolbar .where a:hover{color:var(--brand)}.reader-toolbar .where strong{color:var(--text-muted);font-size:12px;font-weight:400}.aa{font:600 15px/1 var(--font-read);letter-spacing:-.02em}::view-transition-group(reader-toolbar){z-index:10;animation:none}::view-transition-old(reader-toolbar){display:none}::view-transition-new(reader-toolbar){animation:none}.chapter{padding-top:44px}.chapter-head{justify-items:center;gap:10px;margin-bottom:36px;display:grid}.chapter-head .eyebrow.story-name{letter-spacing:.16em;color:var(--gold);font-size:12px}.chapter-head h1{text-wrap:balance;max-width:22ch;margin-top:0;font-size:clamp(26px,4.4vw,36px);line-height:1.2}.chapter-head .meta{margin-top:0}.ornament{color:var(--accent);align-items:center;gap:12px;display:flex}.ornament:before,.ornament:after{content:"";background:var(--border-strong);width:56px;height:1px}.chapter-text>p:first-child:first-letter{color:var(--accent);font-weight:600}.chapter-end{color:var(--text-subtle);letter-spacing:.2em;text-transform:uppercase;justify-items:center;gap:10px;margin:56px 0 32px;font-size:13px;display:grid}.end-seal{background:var(--accent);width:34px;height:34px;color:var(--on-accent);font:600 16px/1 var(--font-read);letter-spacing:0;border-radius:6px;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #fffdf84d}.chapter .chapter-nav{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}.turn-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);min-width:0;transition:border-color var(--dur-1) var(--ease-standard), transform var(--dur-2) var(--ease-out-expo), box-shadow var(--dur-2) var(--ease-standard);align-content:start;gap:4px;padding:16px;display:grid}.turn-card:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(calc(var(--lift) / 2));box-shadow:var(--shadow-overlay)}.turn-card small{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.turn-card b{font:500 15px/1.35 var(--font-read);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.turn-card.next{text-align:right;justify-items:end}.turn-card.next small{flex-direction:row-reverse}.turn-card[aria-disabled=true]{opacity:.45;pointer-events:none}.chapter-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.kbd-hint{color:var(--text-subtle);font-size:13px}.kbd-hint kbd{font:500 12px/1 var(--font-ui);border:1px solid var(--border-strong);border-radius:4px;padding:2px 6px}@media (hover:none){.kbd-hint{display:none}}.reader-body{transition:background-color var(--dur-3) var(--ease-standard), color var(--dur-3) var(--ease-standard)}.chapter-text{transition:color var(--dur-3) var(--ease-standard)}::view-transition-group(.turn-next){animation:none}::view-transition-group(.turn-prev){animation:none}::view-transition-old(.turn-next){animation:turn-out-next var(--dur-2) var(--ease-accel) both;transform-origin:0}::view-transition-new(.turn-next){animation:turn-in-next var(--dur-4) var(--ease-out-expo) calc(var(--dur-2) * .7) both}::view-transition-old(.turn-prev){animation:turn-out-prev var(--dur-2) var(--ease-accel) both;transform-origin:100%}::view-transition-new(.turn-prev){animation:turn-in-prev var(--dur-4) var(--ease-out-expo) calc(var(--dur-2) * .7) both}@keyframes turn-out-next{to{opacity:0;transform:perspective(1400px) translateX(calc(var(--turn) * -1.5)) rotateY(calc(10deg * var(--parallax))) scale(var(--press))}}@keyframes turn-in-next{0%{opacity:0;transform:translateX(var(--turn))}}@keyframes turn-out-prev{to{opacity:0;transform:perspective(1400px) translateX(calc(var(--turn) * 1.5)) rotateY(calc(-10deg * var(--parallax))) scale(var(--press))}}@keyframes turn-in-prev{0%{opacity:0;transform:translateX(calc(var(--turn) * -1))}}dialog.sheet{border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);width:min(560px,100%);max-width:100%;max-height:88vh;color:var(--text);box-shadow:var(--shadow-sheet);border-bottom:0;margin:auto auto 0;padding:10px 20px 28px;overflow-y:auto}dialog.sheet[open]{animation:sheet-up var(--dur-4) var(--ease-out-expo)}dialog.sheet.is-closing{animation:sheet-down var(--dur-3) var(--ease-accel) forwards}dialog.sheet::backdrop{background:var(--scrim,#1214177a);animation:fade-in var(--dur-3) var(--ease-decel)}dialog.sheet.is-closing::backdrop{animation:fade-out var(--dur-3) var(--ease-accel) forwards}@media (prefers-reduced-motion:reduce){dialog.sheet[open]{animation-name:fade-in}dialog.sheet.is-closing{animation-name:fade-out}}.grabber{border-radius:var(--radius-pill);background:var(--border-strong);width:40px;height:4px;margin:0 auto 14px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sheet-head h2{font-size:18px}.sheet .row-set{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 0;display:flex}.sheet .row-set>span{color:var(--text-muted);font-size:14px;font-weight:500}.sheet .segmented{border-radius:var(--radius-pill);border:0;padding:4px}.sheet .segmented button{border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:8px;min-height:38px;font-weight:600;display:inline-flex}.sheet .segmented .seg-indicator{border-radius:var(--radius-pill);border:0;top:4px;bottom:4px;box-shadow:0 1px 3px #00000024}.swatch-dot{border:1px solid #0000002e;border-radius:50%;flex:none;width:16px;height:16px}[data-set-theme=light] .swatch-dot{background:var(--reader-light-bg)}[data-set-theme=sepia] .swatch-dot{background:var(--reader-sepia-bg)}[data-set-theme=dark] .swatch-dot{background:var(--reader-dark-bg)}.sheet .stepper{background:0 0;border:0;align-items:center;gap:12px;display:flex}.sheet .stepper button{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);width:44px;height:44px;font-weight:600}.sheet .stepper output{min-width:64px;font:600 16px/1 var(--font-read)}
