@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/andika-400-latin.woff2)format("woff2")}@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/andika-700-latin.woff2)format("woff2")}.reader{--paper:#f6eedb;--night-paper:#1c2638;--ink:#2b2a20;--night-ink:#f8eedb;--amber:#e8a838;--control-bg:#fdfaf3f0;--control-ink:#2c3d30;z-index:50;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(#2b2721 0%,#15130f 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.reader-stage{aspect-ratio:16/10;perspective:2600px;touch-action:pan-y;width:min(100vw,160dvh);position:relative}.sheet{background:var(--paper);position:absolute;inset:0;overflow:hidden;container-type:inline-size}.sheet-art{position:absolute;inset:0}.sheet-art img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.sheet-scrim{pointer-events:none;background:radial-gradient(ellipse 64% 74% at 12% 10%, rgb(var(--scrim) / .8) 0%, rgb(var(--scrim) / .55) 42%, rgb(var(--scrim) / 0) 100%);position:absolute;inset:0}.sheet.is-text-middle .sheet-text{padding-top:0;top:33%}.sheet.is-text-middle .sheet-scrim{background:radial-gradient(ellipse 64% 50% at 14% 45%, rgb(var(--scrim) / .8) 0%, rgb(var(--scrim) / .55) 42%, rgb(var(--scrim) / 0) 100%)}.sheet.is-day{--scrim:250 244 230}.sheet.is-night{--scrim:18 26 44}.sheet-text{letter-spacing:.005em;text-wrap:pretty;width:50%;padding:5cqw 0 0 5.5cqw;font-family:Andika,Inter,system-ui,sans-serif;font-size:clamp(17px,2.05cqw,34px);line-height:1.55;position:absolute;top:0;left:0}.sheet-text:lang(ja){letter-spacing:.02em;word-break:keep-all;overflow-wrap:anywhere;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;line-height:1.85}.sheet.is-day .sheet-text{color:var(--ink);text-shadow:0 0 18px #faf4e6e6}.sheet.is-night .sheet-text{color:var(--night-ink);text-shadow:0 1px 14px #0a0e19bf}.word{border-radius:.25em;transition:background-color .15s,box-shadow .15s}.word.is-active{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:.12em}.sheet.is-day .word.is-active{color:#1d1a10;background-color:#e8a83873;text-decoration-color:#b86e10;box-shadow:0 0 0 .12em #e8a83873}.sheet.is-night .word.is-active{color:#fff6dd;background-color:#f5be506b;text-decoration-color:#fbd27a;box-shadow:0 0 0 .12em #f5be506b}.sheet-bubbles{pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(52% 58% at 14% 12%,#0000 45%,#000 80%);mask-image:radial-gradient(52% 58% at 14% 12%,#0000 45%,#000 80%)}.sheet.is-text-middle .sheet-bubbles{-webkit-mask-image:radial-gradient(52% 40% at 14% 45%,#0000 45%,#000 80%);mask-image:radial-gradient(52% 40% at 14% 45%,#0000 45%,#000 80%)}.sheet-loading{background:var(--paper);opacity:0;justify-content:center;align-items:center;animation:.3s .25s forwards loading-in;display:flex;position:absolute;inset:0}.sheet.is-night .sheet-loading{background:var(--night-paper)}@keyframes loading-in{to{opacity:1}}.loading-bubbles{gap:14px;display:flex}.loading-bubbles span{background:radial-gradient(circle at 35% 35%,#fff4d6,#e8a838 70%);border-radius:999px;width:18px;height:18px;animation:1.2s ease-in-out infinite bubble-bob;box-shadow:0 0 14px #e8a8388c}.loading-bubbles span:nth-child(2){animation-delay:.15s}.loading-bubbles span:nth-child(3){animation-delay:.3s}@keyframes bubble-bob{0%,to{opacity:.6;transform:translateY(0)scale(.85)}50%{opacity:1;transform:translateY(-14px)scale(1)}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sheet-end-veil{background:radial-gradient(#0f16268c 0%,#0f1626cc 100%);position:absolute;inset:0}.sheet-end{text-align:center;color:var(--night-ink);flex-direction:column;justify-content:center;align-items:center;gap:2.2cqw;padding:6cqw;display:flex;position:absolute;inset:0}.sheet-end h2{color:#fbe3a8;text-shadow:0 0 40px #f5b44673;margin:0;font-family:Grandstander,cursive,sans-serif;font-size:clamp(56px,9cqw,140px);font-weight:900;line-height:1}.sheet-end p{margin:0;font-family:Andika,Inter,sans-serif;font-size:clamp(18px,2.4cqw,36px)}.sheet-end-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:1.5cqw;display:flex}.leaf{z-index:5;transform-origin:0;transform-style:preserve-3d;will-change:transform;pointer-events:none;position:absolute;inset:0}.leaf-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.leaf-back{background:linear-gradient(90deg,#785f3c2e,#785f3c00 25%),#efe4cc;transform:rotateY(180deg)}.leaf-shade{pointer-events:none;opacity:0;background:linear-gradient(270deg,#140f088c 0%,#140f081f 45%,#140f0800 70%);position:absolute;inset:0}.turn-shadow{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0a080480 0%,#0a080400 55%);position:absolute;inset:0}.reader-controls{z-index:20;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.reader-controls.is-hidden{opacity:0}.reader-controls.is-hidden *{pointer-events:none!important}.controls-top{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));align-items:center;gap:10px;display:flex;position:absolute}.controls-bottom{padding:40px max(16px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:linear-gradient(#0a0a0800,#0a0a088c);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:absolute;bottom:0;left:0;right:0}.controls-bottom>:first-child{justify-self:start}.controls-bottom>:last-child{justify-self:end}.controls-center{flex-direction:column;align-items:center;gap:10px;display:flex}.controls-row{align-items:center;gap:14px;display:flex}.ctrl{pointer-events:auto;background:var(--control-bg);width:52px;height:52px;color:var(--control-ink);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;transition:transform .15s,background-color .15s,opacity .15s;display:inline-flex;box-shadow:0 4px 14px #00000040}.ctrl:active{transform:scale(.94)}.ctrl:disabled{opacity:.4;cursor:default}.ctrl svg{width:24px;height:24px}.ctrl.is-primary{color:#fff;background:#5b875c;width:72px;height:72px}.ctrl.is-primary svg{width:32px;height:32px}.ctrl.is-primary.is-playing{background:#d48a1e}.ctrl.is-on{color:#2c6e3b;background:#e7f0e6;box-shadow:0 0 0 3px #7ba36c,0 4px 14px #00000040}.ctrl.is-wide{width:auto;padding:0 20px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600}.lang-pill{pointer-events:auto;background:var(--control-bg);border-radius:999px;gap:2px;padding:4px;display:flex;box-shadow:0 4px 14px #00000040}.lang-pill button{min-width:44px;height:44px;color:var(--control-ink);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 10px;font-family:Inter,Hiragino Sans,system-ui,sans-serif;font-size:15px;font-weight:600}.lang-pill button[aria-pressed=true]{color:#fff;background:#5b875c}.page-dots{pointer-events:auto;align-items:center;display:flex}.page-dots button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:28px;padding:0;display:flex}.page-dots span{background:#ffffff80;border-radius:999px;width:9px;height:9px;transition:transform .2s,background-color .2s}.page-dots button[aria-current=page] span{background:#fbd27a;transform:scale(1.45)}.reader-toast{z-index:30;color:#fff;pointer-events:none;background:#14120ed9;border-radius:999px;padding:10px 18px;font-family:Inter,system-ui,sans-serif;font-size:15px;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}@media (max-aspect-ratio:6/5){.reader-stage{aspect-ratio:auto;width:100vw;height:100dvh}.sheet{flex-direction:column;display:flex}.sheet.is-night{background:var(--night-paper)}.sheet-art{aspect-ratio:16/10;flex:none;position:relative;inset:auto}.sheet-scrim{display:none}.sheet.is-text-middle .sheet-text{padding-top:7cqw;top:auto}.sheet-bubbles,.sheet.is-text-middle .sheet-bubbles{height:62.5cqw;bottom:auto;-webkit-mask-image:none;mask-image:none}.sheet-text{flex:1;width:auto;padding:7cqw 7cqw 190px;font-size:clamp(19px,3.5cqw,32px);position:relative;overflow-y:auto;text-shadow:none!important}.controls-bottom{grid-template-columns:auto 1fr auto}}@media (max-width:520px){.ctrl{width:46px;height:46px}.ctrl.is-primary{width:62px;height:62px}.controls-row{gap:8px}.controls-top{gap:6px}.lang-pill button{min-width:38px;height:38px;padding:0 7px;font-size:13px}.page-dots button{width:18px}}.sheet-end h2:lang(ja){font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif}.hotspot-mark{aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.hotspot-mark.is-hint{background:radial-gradient(circle,#fff0be8c 0%,#ffde8c59 45%,#0000 72%);animation:2.4s ease-in-out infinite hotspot-breathe;box-shadow:0 0 3cqw .6cqw #ffe2968c}.hotspot-mark.is-found{border:.5cqw solid #ffe8a0f2;animation:.9s cubic-bezier(.16,1,.3,1) forwards hotspot-found;box-shadow:0 0 2cqw #ffd678cc,inset 0 0 2cqw #ffd67899}@keyframes hotspot-breathe{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(.85)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}@keyframes hotspot-found{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}35%{opacity:1}to{opacity:.85;transform:translate(-50%,-50%)scale(1.05)}}@media (prefers-reduced-motion:reduce){.hotspot-mark{opacity:1;animation:none}}