html.is-read-app :is(.site-header,.site-footer){display:none}html.is-read-app body{background:var(--color-bg)}.read-shelf{box-sizing:border-box;width:100%;max-width:1080px;padding:max(28px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));font-family:var(--font-hanken);color:var(--color-text);margin:0 auto}.read-shelf__head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex;position:relative}.read-shelf h1{font:600 var(--text-3xl)/1.15 var(--font-fraunces);letter-spacing:-.01em;margin:0}.read-shelf__back{color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;gap:2px;margin-left:-6px;text-decoration:none;display:inline-flex}.read-shelf__back svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:.45;width:.7em;height:.7em}.read-shelf__back:active{opacity:.6}.read-shelf__label{font:600 22px/28px var(--font-fraunces);letter-spacing:-.005em;color:inherit;margin:22px 0 10px}@media (min-width:700px){.read-shelf h1{font-size:40px}.read-shelf__label{margin:32px 0 12px;font-size:24px;line-height:30px}}.read-shelf__help{color:#3c3c43b3;width:28px;height:28px;font:700 15px/1 var(--font-hanken);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:#fff;border:0;border-radius:50%;flex:none;place-items:center;margin-left:auto;padding:0;display:grid;box-shadow:0 1px 3px #0000001f,0 0 0 .5px #0000000f}.read-shelf__help:active{transform:scale(.94)}.read-shelf__help+.read-shelf__more{margin-left:0}.read-shelf__more{align-self:flex-start;margin-left:auto;position:relative}.read-shelf__more>button{width:32px;height:32px;color:inherit;opacity:.18;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:0 0;border:0;outline:none;place-items:center;margin:-4px -8px 0 0;padding:0;display:grid;position:relative}.read-shelf__more>button[aria-expanded=true]{opacity:.5}.read-shelf__more>button svg{width:16px;height:16px}.read-shelf__more>button circle{fill:currentColor}.read-shelf__more>button.is-pending{opacity:.45}.read-shelf__more>button.is-pending:after{content:"";background:#c25510;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.read-shelf__menu{z-index:31;background:var(--color-surface,#fff);width:max-content;min-width:180px;max-width:calc(100vw - 32px);color:var(--color-text);border-radius:14px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:-8px;box-shadow:0 12px 32px #00000029,0 0 0 1px #0000000d}.read-shelf__menu button{color:inherit;font:600 var(--text-base,16px)/1.25 var(--font-hanken);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;outline:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 12px;padding:10px 12px;display:flex}.read-shelf__menu button:hover{background:#0000000d}.read-shelf__menu button svg{color:#c25510;width:18px;height:18px}.read-shelf__menu small{font:400 var(--text-xs,13px)/1.3 var(--font-hanken);color:var(--color-muted);flex-basis:100%}.read-shelf__menu .read-shelf__sync{border-top:1px solid var(--color-border);border-radius:0 0 10px 10px}.read-shelf__menu .read-shelf__sync:first-child{border-top:0;border-radius:10px}.read-shelf__menu--hold{min-width:220px;position:fixed;top:auto;right:auto}.read-shelf__book,.read-shelf__continue{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.read-welcome{z-index:2147483000;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:#14100c6b;place-items:end center;animation:.25s both read-welcome-in;display:grid;position:fixed;inset:0}@media (min-width:640px){.read-welcome{place-items:center}}@keyframes read-welcome-in{0%{opacity:0}}.read-welcome__card{background:var(--color-surface,var(--color-bg,#fff));width:min(100%,420px);max-height:calc(100dvh - 32px);color:var(--color-ink,inherit);font-family:var(--font-hanken,system-ui, sans-serif);border-radius:22px;padding:24px 22px 20px;overflow-y:auto;box-shadow:0 18px 50px #00000038}.read-welcome__card h2{font:600 24px/1.2 var(--font-fraunces,Georgia, serif);text-wrap:balance;margin:0 0 16px}.read-welcome__card ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.read-welcome__card li{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;display:grid}.read-welcome__card li svg{color:#c25510;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;background:#c255101f;border-radius:10px;width:36px;height:36px;padding:7px}.read-welcome__card li span{gap:2px;min-width:0;display:grid}.read-welcome__card li b{font-size:16px;font-weight:600}.read-welcome__card li small{color:var(--color-muted);font-size:14px;line-height:1.4}.read-welcome__card>button{color:#fff;width:100%;height:48px;font:700 16px var(--font-hanken,system-ui, sans-serif);cursor:pointer;background:#c25510;border:0;border-radius:999px;margin-top:20px;display:block}.read-shelf__continue{width:100%;max-width:620px;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f1ede6;border:0;border-radius:16px;align-items:center;gap:16px;padding:14px 18px 14px 14px;transition:transform .15s;display:flex}.read-shelf__continue .read-shelf__cover{width:84px}.read-shelf__continue .read-shelf__cover img{border-radius:3px;box-shadow:0 1px 2px #00000024,0 8px 18px #00000024}.read-shelf__text{flex:1;gap:4px;min-width:0;display:grid}.read-shelf__text b{font:600 20px/26px var(--font-fraunces);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.read-shelf__text>span{font-size:var(--text-sm,14px);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;line-height:20px;overflow:hidden}.read-shelf__ring{flex:none;place-items:center;width:60px;height:60px;display:grid;position:relative}.read-shelf__ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.read-shelf__ring circle{fill:none;stroke-width:5px}.read-shelf__track{stroke:#ddd6ca}.read-shelf__fill{stroke:#c25510;stroke-linecap:round;stroke-dasharray:var(--p) 100}.read-shelf__ring b{font:700 15px/1 var(--font-hanken);letter-spacing:-.01em;font-variant-numeric:tabular-nums;position:relative}@media (min-width:700px){.read-shelf__continue{border-radius:20px;gap:28px;padding:20px 28px 20px 24px}.read-shelf__continue .read-shelf__cover{width:112px}.read-shelf__continue .read-shelf__cover img{box-shadow:0 1px 2px #00000024,0 10px 24px #00000029}.read-shelf__text{gap:6px}.read-shelf__text b{font-size:28px;line-height:34px}.read-shelf__text>span{font-size:var(--text-base,16px);line-height:22px}.read-shelf__ring{width:76px;height:76px}.read-shelf__ring b{font-size:18px}}.read-shelf__grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:16px 12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:460px) and (max-width:699px){.read-shelf{--cols:5}}@media (min-width:700px){.read-shelf__grid{grid-template-columns:repeat(auto-fill,104px);justify-content:start;gap:20px}}.read-shelf__pair{flex-wrap:wrap;column-gap:48px;display:flex}.read-shelf__pair>section{flex:100%;min-width:0}@media (min-width:1100px){.read-shelf__pair{column-gap:40px}.read-shelf__pair>section{flex:none}.read-shelf__pair .read-shelf__grid{grid-template-columns:repeat(var(--n,4), 96px);gap:16px}}@media (max-width:699px){.read-shelf{padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom))}.read-shelf__grid--row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cols,4) - 1) * 12px) / var(--cols,4));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1 * max(20px, env(safe-area-inset-right)));padding-right:max(20px, env(safe-area-inset-right));overflow-x:auto}.read-shelf__grid--row::-webkit-scrollbar{display:none}.read-shelf__grid--row>li{scroll-snap-align:start}}.read-shelf__book{width:100%;color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;gap:7px;padding:0;transition:transform .15s;display:grid}.read-shelf__book:disabled{cursor:default}:is(.read-shelf__book:not(:disabled),.read-shelf__continue):active{transform:scale(.97)}.read-shelf__cover{flex:none;width:100%;display:block;position:relative}.read-shelf__cover img{aspect-ratio:2/3;object-fit:cover;background:var(--color-border);border-radius:2px 3px 3px 2px;width:100%;display:block;box-shadow:0 1px 2px #0000001f,0 4px 10px #0000001a}@media (min-width:700px){.read-shelf__book .read-shelf__cover img{box-shadow:0 1px 2px #0000001f,0 6px 14px #0000001a}}.read-shelf__cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000024,#ffffff14 55%,#0000);border-radius:2px 0 0 2px;width:7%;position:absolute;inset:0 auto 0 0}.read-shelf__item.is-soon .read-shelf__cover img{opacity:.45;filter:grayscale(.5)}.read-shelf__under{min-height:16px;font:600 var(--text-2xs,12px)/16px var(--font-hanken);color:var(--color-muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:5px;display:flex}.read-shelf__under small{font:inherit;align-items:center;gap:4px;display:inline-flex}.read-shelf__under .read-shelf__new{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#c25510;border-radius:8px;padding:0 7px;font-size:12px;font-weight:700}.read-shelf__done svg{width:12px;height:12px}.read-shelf__under .read-shelf__done svg path{stroke-width:2.6px}@media (min-width:700px){.read-shelf__under{font-size:var(--text-xs,13px);line-height:18px}}.read-shelf__cloud{color:var(--color-muted);animation:1.2s ease-in-out infinite read-pulse;display:grid}.read-shelf__cloud svg{width:14px;height:14px}@keyframes read-pulse{50%{opacity:.4}}.read-shelf svg path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.read-shelf.is-pop .read-shelf__item{animation:.45s both read-pop;animation-delay:calc(50ms + var(--i,0) * 50ms)}.read-shelf.is-pop .read-shelf__fill{animation:1.1s cubic-bezier(.2,.8,.2,1) .15s both read-ring}@keyframes read-pop{0%{opacity:0;transform:translateY(6px)}}@keyframes read-ring{0%{stroke-dasharray:0 100}}@media (max-width:699px) and (max-height:640px){.read-shelf{padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.read-shelf__head{min-height:36px}.read-shelf h1{font-size:28px}.read-shelf__label{margin:8px 0 4px;font-size:20px;line-height:26px}.read-shelf__continue{background:0 0;border-radius:14px;gap:14px;padding:8px 12px;box-shadow:inset 0 0 0 1.5px}.read-shelf__continue .read-shelf__cover{width:50px}.read-shelf__cover img{box-shadow:0 0 0 1px!important}.read-shelf__text>span{color:inherit;font-size:15px}.read-shelf__ring{width:52px;height:52px}.read-shelf__track{stroke:currentColor;stroke-width:1.5px!important}.read-shelf__fill{stroke:currentColor;stroke-linecap:butt;stroke-width:6px!important}.read-shelf__under{color:inherit;font-size:14px;line-height:18px}.read-shelf__under .read-shelf__new{color:#fff;background:#000}.read-shelf__grid{grid-template-columns:repeat(var(--n,4), 62px);gap:10px}.read-shelf__grid--row{margin-right:calc(-1 * max(16px, env(safe-area-inset-right)));padding-right:max(16px, env(safe-area-inset-right));grid-template-columns:none;grid-auto-columns:62px}.read-shelf.is-pop :is(.read-shelf__item,.read-shelf__fill),.read-shelf__cloud{animation:none}}.read-shelf__tile{aspect-ratio:2/3;box-sizing:border-box;width:100%;color:var(--color-text);font:600 13px/1.25 var(--font-fraunces);text-align:center;overflow-wrap:anywhere;background:#f1ede6;border-radius:2px 3px 3px 2px;place-items:center;padding:10%;display:grid;overflow:hidden}@media (min-width:900px) and (min-height:560px){.read-shelf{--side:clamp(32px, 5.5vw, 112px);--padY:clamp(22px, 4dvh, 56px);--gap:clamp(16px, 1.7vw, 32px);--sec:calc(var(--gap) * 3);--byW:calc((100vw - 2 * var(--side) - (var(--all) - var(--shelves,2)) * var(--gap) - (var(--shelves,2) - 1) * var(--sec)) / var(--all));--byH:calc((100dvh - 2 * var(--padY) - 120px) / 4);--c:clamp(88px, min(var(--byW), var(--byH)), 300px);--row:calc(var(--all) * var(--c) + (var(--all) - var(--shelves,2)) * var(--gap) + (var(--shelves,2) - 1) * var(--sec));width:var(--row);max-width:calc(100vw - 2 * var(--side));min-height:100dvh;padding:var(--padY) 0;flex-direction:column;display:flex}.read-shelf.no-cont{--byH:calc((100dvh - 2 * var(--padY) - 60px) / 2.15)}.read-shelf h1{font-size:clamp(34px, calc(var(--c) * .3), 72px)}.read-shelf__more>button{width:clamp(32px, calc(var(--c) * .24), 56px);height:clamp(32px, calc(var(--c) * .24), 56px)}.read-shelf__more>button svg{width:clamp(16px, calc(var(--c) * .12), 30px);height:clamp(16px, calc(var(--c) * .12), 30px)}.read-shelf__main{flex-direction:column;flex:1;justify-content:center;gap:clamp(24px,3.4dvh,60px);min-height:0;display:flex}.read-shelf__label{margin:0 0 clamp(10px, calc(var(--c) * .075), 20px);font-size:clamp(20px, calc(var(--c) * .155), 36px);line-height:1.25}.read-shelf__continue{gap:calc(var(--c) * .22);max-width:none;padding:calc(var(--c) * .16) calc(var(--c) * .24) calc(var(--c) * .16) calc(var(--c) * .16);border-radius:clamp(16px, calc(var(--c) * .12), 30px)}.read-shelf__continue .read-shelf__cover{width:calc(var(--c) * .86)}.read-shelf__text{gap:calc(var(--c) * .04)}.read-shelf__text b{font-size:clamp(26px, calc(var(--c) * .22), 58px);line-height:1.15}.read-shelf__text>span{font-size:clamp(16px, calc(var(--c) * .11), 26px);line-height:1.35}.read-shelf__ring{width:clamp(64px, calc(var(--c) * .52), 150px);height:clamp(64px, calc(var(--c) * .52), 150px)}.read-shelf__ring b{font-size:clamp(16px, calc(var(--c) * .12), 32px)}.read-shelf__pair{gap:var(--gap) var(--sec);flex-wrap:wrap}.read-shelf__pair>section{flex:none}.read-shelf__pair .read-shelf__grid{grid-template-columns:repeat(var(--n,4), var(--c));gap:var(--gap)}.read-shelf__book{gap:clamp(6px, calc(var(--c) * .05), 12px)}.read-shelf__under{min-height:0;font-size:clamp(12px, calc(var(--c) * .085), 19px);line-height:1.35}.read-shelf__under .read-shelf__new{border-radius:.7em;padding:0 .55em;font-size:.9em}.read-shelf__done svg{width:1em;height:1em}.read-shelf__tile{font-size:clamp(13px, calc(var(--c) * .1), 24px)}}@media (prefers-color-scheme:dark){html.is-read-app body{background:#1b1a18}.read-shelf{color:#ece6dc}.read-shelf__more>button.is-pending:after{background:#c98a64}.read-shelf__help{color:#ece6dc;box-shadow:none;background:#3a3835}.read-shelf__menu{color:#ece6dc;background:#2a2825;box-shadow:0 12px 32px #00000080,0 0 0 1px #ffffff14}.read-shelf__menu button:hover{background:#ffffff0f}.read-shelf__menu button svg{color:#c98a64}.read-shelf__menu .read-shelf__sync{border-top-color:#ffffff1a}.read-shelf__continue{background:#ffffff0f}.read-shelf__track{stroke:#ffffff24}.read-shelf__fill{stroke:#c98a64}.read-shelf__under .read-shelf__new{color:#1b1a18;background:#c98a64}.read-shelf__tile{color:#ece6dc;background:#ffffff0f}:is(.read-shelf__under,.read-shelf__text>span,.read-shelf__cloud,.read-shelf__menu small){color:#a9a196}}@media (prefers-reduced-motion:reduce){.read-shelf.is-pop :is(.read-shelf__item,.read-shelf__fill),.read-shelf__cloud{animation:none}:is(.read-shelf__book,.read-shelf__continue){transition:none}}.read-app__reader{view-transition-name:read-book}::view-transition-group(read-book){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(read-book){object-fit:contain;height:100%}::view-transition-new(read-book){object-fit:contain;height:100%}::view-transition-old(root){animation-duration:.3s}::view-transition-new(root){animation-duration:.3s}.read-app__reader .tr-loading{animation:.2s .6s both read-late}@keyframes read-late{0%{opacity:0}}.read-lock{text-align:center;min-height:100svh;color:var(--color-muted);place-content:center;justify-items:center;gap:10px;padding:24px 16px;display:grid}.read-lock svg{width:28px;height:28px}.read-lock h1{font:600 28px/1.15 var(--font-fraunces);color:var(--color-text);margin:6px 0 0}.read-lock p{font-size:var(--text-sm,14px);margin:0}.read-lock nav{gap:10px;margin-top:14px;display:flex}.read-lock nav a{height:40px;font:600 14px/1 var(--font-hanken);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:999px;place-items:center;padding:0 18px;text-decoration:none;display:inline-grid}.read-lock nav a.read-lock__go{color:#fff;box-shadow:none;background:#c25510}