:root{--text-col:42%;--page:#f2f3f1;--ink:#161a1f;--ink-soft:#161a1fc7;--panel:#f2f3f1e6}:root[data-theme=dark]{--page:#07090b;--ink:#f2f3f1;--ink-soft:#f2f3f1d1;--panel:#07090bd1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#07090b;--ink:#f2f3f1;--ink-soft:#f2f3f1d1;--panel:#07090bd1}}*{box-sizing:border-box}html{background:var(--page);color:var(--ink);font-family:var(--font-ui)}body{margin:0}.film{width:100%;height:100%;display:block}.film-frame{z-index:0;position:fixed;inset:0}.film-3d{transition:none;position:absolute;inset:0}.reading{z-index:1;position:relative}.chapter{padding:30vh 0 40vh}.chapter,.interlude{box-sizing:border-box;min-height:calc(var(--film-s,0) * 36vh)}.interlude{height:80vh}.interlude p{width:max-content;max-width:calc(100vw - 32px);color:var(--ink);background:var(--panel);box-shadow:0 0 24px 16px var(--panel);border-radius:16px;margin:0;font-size:1.125rem;position:sticky;top:calc(100vh - 7rem)}[data-film=side] .interlude p{margin-left:clamp(2rem,4vw,4.5rem)}.chapter h2{font-stretch:var(--stretch-display);margin:0 0 1.2rem;font-size:clamp(1.6rem,1.1rem + 1.8vw,2.6rem);font-weight:700;line-height:1.08}.chapter p{max-width:34em;color:var(--ink-soft);margin:0 0 1.1rem;font-size:1.0625rem;line-height:1.6}.chapter p.note{font-size:.875rem}[data-film=side] .reading{width:var(--text-col)}[data-film=side] .chapter{z-index:0;padding-left:clamp(2rem,4vw,4.5rem);padding-right:clamp(2rem,4vw,4.5rem);position:relative}[data-film=side] .chapter>div{position:relative}[data-film=side] .chapter>div:before{content:"";z-index:-1;background:linear-gradient(to right, var(--page) calc(100% - 180px), transparent);position:absolute;inset:-30vh calc(-180px - clamp(2rem,4vw,4.5rem)) -40vh calc(-1*clamp(2rem,4vw,4.5rem));-webkit-mask-image:linear-gradient(#0000,#000 180px calc(100% - 180px),#0000);mask-image:linear-gradient(#0000,#000 180px calc(100% - 180px),#0000)}[data-film=bg] .reading{max-width:34rem;margin-left:clamp(1rem,6vw,6rem)}[data-film=bg] .chapter>div{background:var(--panel);box-shadow:0 0 48px 36px var(--panel);border-radius:32px;padding:1.5rem clamp(1rem,2vw,1.75rem)}.ch-more{display:none}@media (max-width:767px){:root{--ch-low:calc(76px + env(safe-area-inset-bottom))}[data-film=bg] .reading{margin:0 12px}[data-film=bg] .chapter{flex-direction:column;justify-content:flex-end;height:115vh;padding:0;display:flex}[data-film=bg] .chapter>.page-title{background:var(--panel);box-shadow:0 0 24px 16px var(--panel);border:0;border-radius:16px;margin:0 0 auto;padding:12px 4px 10px;font-size:1.5rem}[data-film=bg] .chapter>div,html[data-nav][data-film=bg] .chapter>div{top:auto;bottom:var(--ch-low);margin-bottom:var(--ch-low);max-height:35vh;max-height:35dvh;box-shadow:none;background:color-mix(in srgb, var(--page) 84%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:18px;padding:.85rem 1rem .75rem;position:sticky;overflow:hidden}[data-film=bg] .chapter h2{margin:0 0 .4rem;font-size:1.3rem}[data-film=bg] .chapter p{margin:0 0 .4rem;font-size:1rem;line-height:1.45}.ch-fold:not(.ch-open)>h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ch-fold:not(.ch-open)>p[data-t]:first-of-type{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ch-fold:not(.ch-open) .ch-rest,.ch-fold:not(.ch-open)>:not(h2,.ch-more,p[data-t]:first-of-type){display:none}.ch-fold.ch-open{overscroll-behavior:contain;max-height:60vh;max-height:60dvh;overflow-y:auto}.ch-more{min-height:32px;color:var(--ink);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0 .1rem;font-size:.875rem;font-weight:600;text-decoration:underline;display:inline-flex}.ch-open .nv-more{border-radius:8px;padding:.35rem .6rem;font-size:.8125rem}}.variants{z-index:2;background:var(--panel);border-radius:6px;gap:.25rem;padding:.25rem;font-size:.875rem;display:flex;position:fixed;bottom:1rem;right:1rem}.variants a{color:var(--ink);border-radius:4px;padding:.4rem .75rem;text-decoration:none}.variants a[aria-current=true]{background:var(--ink);color:var(--page)}.variants a:focus-visible{outline-offset:2px;outline:2px solid #a86f12}@media (max-width:767px){.variants{display:none}}.page-title{border-bottom:1px solid var(--ink-soft);font-size:clamp(2.25rem,5.5vw,3.5rem);line-height:1.05;font-stretch:var(--stretch-display);margin:0 0 2rem;padding-bottom:1.25rem}.closing{padding:20vh 0 30vh}.closing>div{max-width:34em}.closing .closing-line{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.12;font-stretch:var(--stretch-display);color:var(--ink);margin:0 0 1.25rem}.closing p{color:var(--ink-soft);font-size:1.0625rem;line-height:1.6}.closing-join{border:1px solid var(--ink);color:var(--ink);border-radius:10px;margin:0 0 .75rem;padding:.55rem .9rem;font-weight:600;text-decoration:none;display:inline-flex}.chapter p a:not(.nv-more),.chapter p a:not(.nv-more):visited{color:var(--ink);text-underline-offset:3px;text-decoration-color:#8080808c}.chapter p a:not(.nv-more):hover{text-decoration-color:currentColor}[data-film=side] .closing{padding-left:clamp(2rem,4vw,4.5rem);padding-right:clamp(2rem,4vw,4.5rem);position:relative}.site-legal{z-index:1;background:var(--page,#f2f3f1);position:relative}.site-legal nav{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0 auto;padding:1rem clamp(16px,3vw,32px) 2rem;font-size:.875rem;display:flex}.site-legal a{color:inherit;opacity:.78;padding:4px 0;text-decoration:none;display:inline-block}.site-legal a:hover{opacity:1;text-decoration:underline}.howto{max-width:34em;margin:1.5rem 0 0}.howto h3{color:var(--ink);margin:0 0 .6rem;font-size:1rem}.howto ol{counter-reset:howto;gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.howto li{counter-increment:howto;align-items:center;gap:.7rem;display:flex}.howto li:before{content:counter(howto);border:1px solid var(--ink);width:1.75rem;height:1.75rem;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:600;display:grid}.howto a{color:var(--ink);font-weight:600}