html[data-book-theme=dark]{background:#0e0f10}html[data-book-theme=light]{background:#f1eee7}.photographic-page{color:#282622;background:#eeece6;height:310svh;position:relative}.photographic-page.theme-dark{color:#e8e4dc;background:#111314}.page-sticky{perspective:1600px;place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.page-composition{width:min(94vw,calc((100svh - 170px) * var(--page-ratio)));aspect-ratio:var(--page-ratio);perspective:1600px;isolation:isolate;position:relative;translate:0 -32px}.page-photo-stage{transform-style:preserve-3d;position:absolute;inset:0}.page-photo-window{transform-origin:50%;backface-visibility:hidden;position:absolute;overflow:hidden}.page-photo-window img{object-fit:fill;position:absolute}.page-master{z-index:2;object-fit:contain;opacity:1}[data-whole-page=true] .page-master{opacity:1}.entry-bgm{color:#c8c1b7;letter-spacing:.08em;font:11px/1.8 Arial,sans-serif;margin-top:20px!important}.book-audio-message{z-index:46;color:#eee;background:#171819;max-width:min(340px,90vw);padding:12px;font:12px/1.6 Arial,sans-serif;position:fixed;top:62px;right:18px}.reader-index .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-caption{letter-spacing:.12em;align-items:baseline;gap:18px;font:10px/1.5 Arial,sans-serif;display:flex;position:absolute;bottom:94px;left:3vw;right:3vw}.page-caption h2{letter-spacing:.03em;font:italic 15px/1.5 Georgia,serif}.page-caption>span:last-child,.page-phase-arriving{opacity:.6;margin-left:auto;font-size:8px}.page-phase-reading{display:none}[data-phase=reading] .page-phase-reading{display:block}[data-phase=reading] .page-phase-arriving{display:none}.reader-controls{z-index:45;bottom:max(15px,env(safe-area-inset-bottom));color:#f0eee7;background:#151719ef;border:1px solid #ffffff30;border-radius:5px;align-items:center;gap:6px;max-width:96vw;padding:7px;font:11px Arial,sans-serif;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0002}.reader-controls button,.reader-controls select,.viewer-toolbar button{color:inherit;cursor:pointer;white-space:nowrap;font:inherit;background:0 0;border:0;padding:12px 10px}.reader-controls button:disabled{opacity:.25;cursor:default}.reader-controls select{text-overflow:ellipsis;width:175px}.reader-controls option{color:#eee;background:#161819}.reader-controls button:hover,.viewer-toolbar button:hover{background:#ffffff16}.page-viewer{color:#eee;background:#111314;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.page-viewer::backdrop{background:#111}.viewer-toolbar{align-items:center;gap:18px;height:64px;padding:8px 4vw;font:12px Arial,sans-serif;display:flex}.viewer-toolbar span{margin-right:auto}.viewer-scroll{justify-content:center;align-items:center;height:calc(100dvh - 64px);display:flex;overflow:auto}.viewer-scroll img{object-fit:contain;flex-shrink:0;width:auto;max-width:96vw;height:auto;max-height:calc(100dvh - 84px)}.viewer-scroll.is-zoomed{display:block}.viewer-scroll.is-zoomed img{width:max(1600px,160vw);max-width:none;height:auto;max-height:none}@media (max-width:900px){.photographic-page{height:280svh}.page-composition{width:min(96vw,calc((100svh - 190px) * var(--page-ratio)))}.page-caption{flex-wrap:wrap;gap:10px;bottom:105px}.page-caption h2{font-size:13px}.reader-controls{gap:0;width:max-content}.reader-controls select{width:105px}.reader-controls button{padding:12px 8px}}@media (prefers-reduced-motion:reduce){.photographic-page{height:100svh}.page-photo-stage,.page-phase-arriving{display:none}.page-phase-reading{display:block}.page-master{opacity:1!important;transform:none!important}}.book-root{--book-paper:#f1eee7;--book-ink:#161514;--book-dark:#0e0f10;--book-red:#7d2430;min-height:100vh;color:var(--book-ink);background:var(--book-paper);font-family:Georgia,Times New Roman,Yu Mincho,Hiragino Mincho ProN,serif;overflow-x:clip}.book-root *{box-sizing:border-box}.book-root :is(figure,p,h1,h2){margin:0}.book-root button{font:inherit}.book-root :is(a,button):focus-visible{outline-offset:5px;outline:2px solid}.entry-gate{z-index:50;color:#eee9df;background:radial-gradient(circle at 50% 42%,#ffffff14,#0000 35%),#0c0d0e;place-items:center;display:grid;position:fixed;inset:0}.entry-gate:after{content:"";opacity:.12;pointer-events:none;background-image:radial-gradient(circle,#fff 0 .55px,#0000 .7px);background-size:5px 5px;position:absolute;inset:0}.entry-copy{z-index:1;text-align:center;width:min(720px,84vw);position:relative}.entry-copy .eyebrow,.entry-copy .entry-sub{opacity:.68;letter-spacing:.26em;font:10px/1.5 Arial,sans-serif}.entry-copy h1{letter-spacing:.13em;margin:22px 0 12px;font-size:clamp(38px,6vw,82px);font-weight:400}.entry-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:42px;display:flex}.entry-actions button,.floating-ui button,.book-finish button{appearance:none;color:inherit;cursor:pointer;letter-spacing:.12em;background:0 0;border:1px solid;padding:11px 18px;font-size:11px}.entry-back{color:#aaa49c;letter-spacing:.18em;border-bottom:1px solid #ffffff45;margin-top:25px;padding:9px 0;font:9px Arial,sans-serif;display:inline-block}.floating-ui{z-index:40;color:#eee9df;mix-blend-mode:difference;pointer-events:none;letter-spacing:.12em;justify-content:space-between;align-items:center;padding:17px clamp(18px,3vw,48px);font:11px Arial,sans-serif;display:flex;position:fixed;inset:0 0 auto}.floating-ui :is(a,button){pointer-events:auto;color:inherit}.floating-ui button{padding:7px 10px}.book-flow{isolation:isolate;position:relative}.book-sequence{background:var(--book-paper);width:100%;height:100svh;position:relative}.book-sequence.theme-dark{background:var(--book-dark)}.sequence-stage{perspective:1400px;isolation:isolate;width:100%;height:100svh;position:relative;overflow:hidden}.sequence-surface{z-index:0;position:absolute;inset:0}.sequence-visual{will-change:transform,opacity}.book-sequence[data-active=false] .sequence-visual{visibility:hidden}.book-sequence[data-state=complete] .sequence-flat-final{visibility:visible}.photo-layer,.flat-page-layer{position:absolute;overflow:hidden}.photo-layer img{object-fit:cover}.flat-page-layer{z-index:8;width:min(94vw,calc(88svh * var(--page-ratio)));filter:drop-shadow(0 28px 48px #0002);top:50%;left:50%;translate:-50% -50%}.flat-page-layer img{object-fit:contain}.text-layer{z-index:12;position:absolute}.rule-layer{background:currentColor;height:1px;display:block;position:absolute}.sequence-counter{z-index:20;color:#fff;opacity:.46;mix-blend-mode:difference;letter-spacing:.18em;font:9px Arial,sans-serif;position:absolute;bottom:18px;right:clamp(16px,3vw,44px)}.opening-surface{background:#0b0c0d}.opening-intro{color:#e9e4dc;text-align:center;letter-spacing:.22em;place-content:center;gap:12px;display:grid;inset:0}.opening-intro span{font-size:clamp(22px,3vw,46px)}.opening-intro small{opacity:.62;font:9px Arial,sans-serif}.opening-cover{z-index:4}.opening-night{z-index:5;filter:brightness(.62)saturate(.78);inset:-4%}.opening-night img{object-position:center 48%}.opening-figure{z-index:7;width:min(52vw,72svh);height:92svh;top:4svh;right:5vw}.opening-figure img{object-fit:contain;object-position:right bottom}.opening-title{z-index:9;color:#f3eee6;text-shadow:0 2px 24px #000;top:28%;left:6%}.opening-title strong{letter-spacing:.03em;font-size:clamp(32px,5vw,78px);font-weight:400;line-height:.95;display:block}.opening-title>span{letter-spacing:.35em;margin-top:18px;font:10px Arial,sans-serif;display:block}.opening-title-rule{color:#eee7dc;width:120px;margin-top:22px;position:relative}.opening-top-flat,.opening-prologue{z-index:14}.daylight-surface{background:#f2efe7}.daylight-assembly{z-index:5;aspect-ratio:3344/1882;color:#151310;width:min(94vw,163.5svh);transform-style:preserve-3d;margin:auto;position:absolute;inset:0}.daylight-title{width:18%;top:20%;left:1.4%}.daylight-title small{color:var(--book-red);letter-spacing:.16em;margin-bottom:15px;font:10px Arial,sans-serif;display:block}.daylight-title strong{letter-spacing:.02em;font-size:clamp(28px,4vw,66px);font-weight:400;display:block}.daylight-axis{color:#5f5850;width:1px;height:19%;top:16%;left:1.2%}.daylight-rule{color:#786f65;opacity:.5;width:97%;top:6.4%;left:1.4%}.daylight-layer{transform-style:preserve-3d;border:1px solid #fff;box-shadow:0 18px 34px #2b241817}.daylight-left-top{width:26%;height:25.9%;top:10.1%;left:20.45%}.daylight-left-middle{width:26%;height:27.5%;top:36.8%;left:20.45%}.daylight-left-bottom{width:26%;height:27.1%;top:65.1%;left:20.45%}.daylight-center-main{width:36.5%;height:85%;top:7.3%;left:47.3%}.daylight-right-shadow{width:12.9%;height:53.7%;top:18.6%;left:85%}.daylight-flat{z-index:14}.blackout-surface{background:radial-gradient(circle at 30% 42%,#241d1b 0,#0000 42%),#090a0b}.blackout-afterimage-main{z-index:3;inset:4% 39% 0 0}.blackout-afterimage-main img{object-position:center top}.blackout-afterimage-copy{z-index:7;color:#ece5da;width:34%;top:27%;right:8%}.blackout-afterimage-copy small{color:#8f3944;letter-spacing:.18em;font:10px Arial,sans-serif;display:block}.blackout-afterimage-copy strong{letter-spacing:.04em;margin-top:16px;font-size:clamp(38px,5vw,80px);font-weight:400;display:block}.blackout-afterimage-flat,.blackout-absence-flat,.blackout-signal-flat{z-index:12}.blackout-signal-accent{z-index:5;color:#9b3946;transform-origin:0;width:27%;top:18%;left:43%}.blackout-signal-accent .rule-layer{width:72px;margin-bottom:18px;position:relative}.blackout-signal-accent strong{color:#eee7df;letter-spacing:.08em;font-size:clamp(42px,6vw,92px);font-weight:400}.blackout-signal-singer{z-index:4;width:43%;top:7%;bottom:4%;left:3%}.blackout-signal-singer img{object-position:center top}.blackout-signal-studio{z-index:3;width:43%;height:41%;top:16%;right:4%}.return-surface{background:#111315}.return-fragment{z-index:3;inset:0}.return-fragment img{object-position:center 58%}.return-title{z-index:6;color:#f1eae0;text-shadow:0 2px 28px #000;top:24%;left:8%}.return-title small{letter-spacing:.18em;font:10px Arial,sans-serif;display:block}.return-title strong{letter-spacing:.04em;margin-top:15px;font-size:clamp(48px,7vw,110px);font-weight:400;display:block}.return-title .rule-layer{width:85px;margin-top:20px;position:relative}.return-flat,.return-sea-flat,.return-coda{z-index:10}.return-sea{z-index:12;inset:-3%}.return-sea img{object-position:center 48%}.return-world-title{z-index:14;color:#f3ede4;text-align:right;text-shadow:0 2px 30px #000;top:18%;right:7%}.return-world-title strong{letter-spacing:.02em;font-size:clamp(40px,6vw,96px);font-weight:400;line-height:.94}.return-sea-flat{z-index:15}.return-coda{z-index:16}.book-breath{height:45svh}.breath-dark{background:#0e0f10}.breath-light{background:#f1eee7}.fallback-group{background:var(--book-paper);gap:42svh;padding:22svh 0;display:grid}.fallback-page{content-visibility:auto;contain-intrinsic-size:100svh;place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}.fallback-page.theme-dark{background:#111214}.fallback-page.theme-light{background:#f1eee7}.fallback-page .flat-page-layer{width:min(90vw,calc(86svh * var(--page-ratio)));opacity:.92;position:relative;top:auto;left:auto;transform:scale(.975)}.fallback-index{color:#fff;opacity:.35;mix-blend-mode:difference;letter-spacing:.2em;font:9px Arial,sans-serif;position:absolute;bottom:3svh;right:4vw}@supports (animation-timeline:view()){.fallback-page .flat-page-layer{animation:linear both fallback-reveal;animation-timeline:view();animation-range:entry 12% cover 52%}}@keyframes fallback-reveal{0%{opacity:.68;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.book-finish{color:#e9e5dc;letter-spacing:.14em;background:#111214;justify-content:space-between;align-items:center;gap:30px;min-height:70vh;padding:8vw;font-size:13px;display:flex}.book-finish nav{align-items:center;gap:12px;display:flex}.book-finish a{color:inherit;letter-spacing:.14em;border-bottom:1px solid #ffffff59;padding:11px 0;font:10px Arial,sans-serif}@media (max-width:900px){.floating-ui>a{max-width:62vw}.flat-page-layer{width:min(98vw,calc(90svh * var(--page-ratio)));filter:drop-shadow(0 18px 30px #0000001f)}.sequence-stage{perspective:900px}.sequence-counter{bottom:14px}.opening-figure{width:72vw;height:82svh;right:-4vw}.opening-title{top:25%;left:6%}.opening-title strong{font-size:clamp(29px,9vw,46px)}.daylight-assembly{width:98vw}.daylight-title{width:25%;top:16%;left:3%}.daylight-title strong{font-size:clamp(24px,8vw,36px)}.daylight-axis{left:2.5%}.daylight-left-middle,.daylight-right-shadow{display:none}.daylight-left-top,.daylight-left-bottom{width:29%;left:24%}.daylight-center-main{width:47%;left:50%}.blackout-afterimage-main{inset:7% 14% 0 0}.blackout-afterimage-copy{width:52%;top:18%;right:6%}.blackout-signal-studio{display:none}.blackout-signal-singer{width:72%;left:0}.blackout-signal-accent{width:46%;left:48%}.return-title{top:18%}.return-world-title{top:16%;right:5%}.book-breath{height:30svh}.fallback-group{gap:30svh;padding:16svh 0}.fallback-page{contain-intrinsic-size:88svh;height:88svh}.fallback-page .flat-page-layer{width:min(96vw,calc(78svh * var(--page-ratio)))}.book-finish{text-align:center;flex-direction:column;justify-content:center;min-height:55vh}}@media (prefers-reduced-motion:reduce){.book-sequence{height:100svh!important}.book-sequence[data-active=false] .sequence-visual{visibility:visible}.sequence-visual{will-change:auto!important;transition:none!important;transform:none!important}.book-sequence .sequence-visual:not(.sequence-flat-final){display:none!important}.sequence-flat-final{opacity:1!important;visibility:visible!important;display:block!important;transform:none!important}.fallback-page .flat-page-layer{opacity:1;transform:none;animation:none!important}.book-breath{height:24svh}}.entry-guide{color:#d8d3ca;max-width:440px;margin:24px auto;font:13px/1.9 Arial,sans-serif}.entry-copy .entry-back{margin:16px auto 0;display:block}.floating-ui nav{flex-wrap:wrap;gap:20px;display:flex}[data-still] .photographic-page{height:100svh}[data-still] .page-photo-stage,[data-still] .page-phase-arriving{display:none}[data-still] .page-phase-reading{display:block}[data-still] .page-master{opacity:1!important;transform:none!important}@media (max-width:600px){.reader-controls{flex-wrap:wrap;justify-content:center;width:96vw}.reader-controls select{width:120px}.reader-controls button{min-height:44px;padding:12px 9px}.floating-ui nav{gap:12px;font-size:10px}.page-caption{bottom:130px}}
