@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2) format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff) format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2) format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff) format("woff")}:root{--paper: #fbf6ec;--paper-edge: #f1e7d3;--ink: #2b2620;--ink-soft: #6b6155;--blue: #2f6f9f;--blue-dark: #235679;--blue-soft: #dcebf5;--gold: #e8a317;--gold-soft: #fbecc5;--green: #3f8a4f;--radius: 18px;--pad: clamp(16px, 4vw, 40px);--text-size: 30px;font-family:Andika,Atkinson Hyperlegible,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.icon{width:1.1em;height:1.1em;flex:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:.4em;min-height:52px;padding:0 18px;border:2px solid var(--paper-edge);border-radius:999px;background:#fff;font-size:20px;font-weight:700}.chip:not(:disabled):hover{border-color:var(--blue)}.big-button{display:flex;align-items:center;justify-content:center;gap:.5em;width:100%;min-height:72px;padding:12px 24px;border:3px solid var(--blue);border-radius:var(--radius);background:#fff;color:var(--blue-dark);font-size:24px;font-weight:700;text-align:left}.big-button.primary{background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-dark)}.big-button:not(:disabled):active{transform:translateY(2px);box-shadow:none}.big-button-text{display:flex;flex-direction:column;flex:1}.big-button-text small{font-size:17px;opacity:.85}.quiet-button{border:none;background:none;color:var(--ink-soft);font-size:16px;text-decoration:underline;padding:12px}.credit{margin:20px 0 0;font-size:16px;line-height:1.5;color:var(--ink-soft)}.credit a,.original-link{color:var(--blue-dark);font-weight:700;white-space:nowrap}.credit .icon,.original-link .icon{width:.9em;height:.9em;vertical-align:-.1em}.original-link{margin-left:auto;padding:12px 4px;font-size:16px}.progress{height:10px;background:var(--paper-edge);overflow:hidden}.progress-fill{height:100%;background:var(--gold);border-radius:0 999px 999px 0;transition:width .25s ease}.progress-book{height:16px;border-radius:999px}.book-progress-label{display:flex;align-items:center;gap:.35em;margin:8px 0 0;font-size:20px;color:var(--ink-soft)}.book-progress-label .icon{color:var(--gold)}.screen{max-width:820px;margin:0 auto;padding:var(--pad);padding-bottom:calc(var(--pad) + env(safe-area-inset-bottom))}.message{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center}.message h1{font-size:36px}.message-detail{color:var(--ink-soft);font-size:16px}.message .big-button{max-width:320px}.topbar{display:flex;align-items:center;gap:12px}.shelf-title{font-size:44px;margin:8px 0 24px}.shelf-books{list-style:none;margin:0;padding:0;display:grid;gap:24px}.book-card{display:flex;gap:24px;padding:24px;border-radius:var(--radius);background:#fff;box-shadow:0 2px 0 var(--paper-edge),0 8px 24px #0000000f}.book-cover{flex:none;width:120px;aspect-ratio:2 / 3;border-radius:6px 14px 14px 6px;background:linear-gradient(90deg,var(--blue-dark) 0 10px,var(--blue) 10px);color:#fff;display:grid;place-items:center;font-size:56px}.book-card-body{flex:1;min-width:0}.book-card h2{margin:0 0 16px;font-size:30px;line-height:1.2}.book-card-actions{display:grid;gap:12px;margin-top:20px}@media(max-width:560px){.book-card{flex-direction:column}.book-cover{width:96px}}.contents-head{margin:20px 0 32px}.contents-head h1{font-size:36px;line-height:1.2;margin:0 0 16px}.contents-head .big-button{margin-top:20px}.part-title{font-size:22px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;margin:32px 0 12px}.chapter-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.chapter-row{display:flex;align-items:center;gap:16px;width:100%;min-height:68px;padding:10px 16px;border:2px solid transparent;border-radius:var(--radius);background:#fff;font-size:22px;text-align:left}.chapter-row:hover{border-color:var(--blue-soft)}.chapter-row.is-here{border-color:var(--blue);background:var(--blue-soft)}.chapter-badge{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--paper-edge);font-weight:700;font-size:19px}.chapter-row.is-done .chapter-badge{background:var(--gold-soft);color:var(--gold);font-size:30px}.chapter-row-title{flex:1}.here-pill{flex:none;padding:4px 12px;border-radius:999px;background:var(--blue);color:#fff;font-size:16px;font-weight:700}.contents-foot{margin-top:48px;text-align:center}.reader{height:100%;height:100dvh;display:flex;flex-direction:column}.reader .topbar{padding:10px var(--pad);padding-top:calc(10px + env(safe-area-inset-top))}.topbar-where{flex:1;text-align:center;font-size:18px;color:var(--ink-soft)}.size-buttons{display:flex;gap:8px}.size-buttons .chip{width:52px;justify-content:center;padding:0}.size-buttons .size-down{font-size:16px}.size-buttons .size-up{font-size:26px}.stage{position:relative;flex:1;min-height:0;overflow:hidden;container-type:size;--page-h: calc(100vh - 200px) }@supports (height: 1cqh){.stage{--page-h: 100cqh}}.page{position:absolute;inset:0;overflow-y:auto;padding:28px var(--pad) 12px;touch-action:pan-y}.measure{position:absolute;top:0;left:var(--pad);right:var(--pad);visibility:hidden;pointer-events:none}.column{max-width:30em;margin:0 auto;font-size:var(--text-size);line-height:1.6}.column p{margin:0 0 .8em}.column>:last-child{margin-bottom:0}.chapter-head{margin-bottom:1em}.chapter-number{margin:0;font-size:.65em;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.1em}.chapter-title{margin:.1em 0 0;font-size:1.35em;line-height:1.2}.page-turn{animation:page-in .18s ease-out}.pic{--pic-h: calc(var(--page-h) - 48px);display:block;width:min(100%,calc(var(--pic-h) * var(--ratio)));margin:0 auto .8em}.pic-header{--pic-h: min(calc(var(--page-h) * .5), calc(var(--page-h) - 8em));margin-bottom:.7em}.chapter-head.has-picture{display:flex;flex-direction:column;max-height:calc(var(--page-h) - 40px)}.has-picture .pic-header{flex:0 1 auto;min-height:0}.pic-spot{--pic-h: calc(var(--page-h) * .55);width:min(60%,calc(var(--pic-h) * var(--ratio)))}@media(max-width:600px){.pic-spot{--pic-h: calc(var(--page-h) * .62);width:min(92%,calc(var(--pic-h) * var(--ratio)))}}.is-plate{min-height:100%;display:flex;flex-direction:column;justify-content:center}.is-plate .pic{--pic-h: calc(var(--page-h) - 48px);margin-bottom:0}.pic img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pic.pic-header img{width:auto;max-width:100%;margin:0 auto}.pic img{mix-blend-mode:multiply}.pic-header img,.pic-spot img{--feather: 8%;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent),linear-gradient(to bottom,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent),linear-gradient(to bottom,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent);mask-composite:intersect}.page-turn{background:var(--paper)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.page-turn{animation:none}.progress-fill{transition:none}}.bottombar{display:flex;align-items:center;gap:12px;padding:12px var(--pad);padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:2px solid var(--paper-edge)}.turn{display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-width:140px;min-height:72px;padding:0 24px;border:none;border-radius:var(--radius);font-size:26px;font-weight:700}.turn-back{background:#fff;color:var(--blue-dark);border:3px solid var(--blue-soft)}.turn-next{background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-dark)}.turn-next.is-finish{background:var(--green);box-shadow:0 4px #2d6739}.turn-next .icon{width:1.2em;height:1.2em}.turn:not(:disabled):active{transform:translateY(2px);box-shadow:none}.dots{flex:1;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.dots-text{font-size:20px;color:var(--ink-soft)}.dot{width:14px;height:14px;border-radius:50%;background:var(--paper-edge)}.dot.is-read{background:var(--gold)}.dot.is-here{background:var(--blue);transform:scale(1.3)}@media(max-width:520px){.turn{min-width:0;padding:0 18px}.turn span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.turn .icon{width:1.5em;height:1.5em}.chip{font-size:17px}}.done{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.done-star{color:var(--gold);font-size:140px;line-height:0;animation:star-pop .5s cubic-bezier(.3,1.6,.5,1)}@keyframes star-pop{0%{transform:scale(.2) rotate(-40deg);opacity:0}}@media(prefers-reduced-motion:reduce){.done-star{animation:none}}.done-title{margin:24px 0 8px;font-size:40px;line-height:1.2}.done-name{margin:0;font-size:26px;color:var(--ink-soft)}.done-count{display:flex;align-items:center;gap:.35em;margin:24px 0 32px;font-size:22px}.done-count .icon{color:var(--gold)}.done-actions{display:grid;gap:14px;width:100%;max-width:520px}