:root{--void: #07080c;--ink-bg: #0e1016;--panel: #161922;--fog: #2a2f3a;--ivory: #f3ead8;--ivory-deep: #e8dcc6;--graphite: #1c1a17;--tungsten: #f0b46a;--ember: #e07850;--rose: #d4a09a;--teal-shadow: #1a3038;--foil: #e8c989;--paper-ink: #2a241c;--paper-mute: #7a6f60;--cloth: #4a1f28;--cloth-deep: #2e1218;--cloth-hi: #6b3140;--font-display: "LXGW WenKai", "霞鹜文楷", "Songti SC", "STSong", serif;--font-hand: "LXGW WenKai", "霞鹜文楷", "KaiTi", "STKaiti", serif;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-latin: Georgia, "Iowan Old Style", Palatino, "Palatino Linotype", serif;--ease: cubic-bezier(.22, 1, .36, 1);--ease-film: cubic-bezier(.33, 0, .1, 1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{color-scheme:dark;background:var(--void)}body{margin:0;background:var(--void);color:var(--ivory);font-family:var(--font-body);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow:hidden}@media(max-width:767px){.letterbox{height:max(env(safe-area-inset-top,0px) * .35,0px)}.letterbox--bot{height:max(env(safe-area-inset-bottom,0px) * .25,0px)}body.is-reading,body.is-opening{background:#faf4e8}.vignette{background:radial-gradient(ellipse at 50% 42%,transparent 28%,rgba(0,0,0,.78) 100%)}}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--tungsten);outline-offset:3px}::selection{background:color-mix(in srgb,var(--tungsten) 40%,transparent);color:#fff}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.72) 100%);transition:background 1.4s var(--film-soft),opacity 1.4s var(--film-soft)}body.is-opening .vignette,body.is-reading .vignette{background:radial-gradient(ellipse 62% 68% at 50% 44%,transparent 22%,rgba(0,0,0,.72) 100%)}.letterbox{position:fixed;left:0;right:0;height:clamp(28px,7vh,64px);z-index:95;background:#000;pointer-events:none;transition:height 1.2s var(--ease-film),opacity .8s var(--ease-film)}.letterbox--top{top:0}.letterbox--bot{bottom:0}body.is-world .letterbox,body.is-opening .letterbox,body.is-reading .letterbox,body.is-closing .letterbox,body.is-closed .letterbox,body.is-approach .letterbox,body.is-near .letterbox,body.is-lift .letterbox,body.is-atelier .letterbox{height:0;opacity:0}.motes{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;opacity:0;transition:opacity 1.4s ease}body.is-reading .motes{opacity:.7}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root{--film: cubic-bezier(.4, 0, .2, 1);--film-soft: cubic-bezier(.33, 0, .2, 1)}.godrays{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;background:repeating-linear-gradient(-16deg,transparent 0 20px,rgba(240,180,106,.03) 20px 21px,transparent 21px 44px);-webkit-mask-image:radial-gradient(ellipse 70% 75% at 58% 28%,#000 8%,transparent 72%);mask-image:radial-gradient(ellipse 70% 75% at 58% 28%,#000 8%,transparent 72%);transition:opacity 1.8s var(--film-soft)}body.is-world .godrays{opacity:.55}body.is-reading .godrays{opacity:.35}.halo{position:fixed;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse 52% 46% at 54% 46%,rgba(255,214,150,.34) 0%,rgba(240,180,106,.16) 28%,rgba(200,120,60,.05) 52%,transparent 72%),radial-gradient(ellipse 30% 26% at 58% 38%,rgba(255,236,200,.18),transparent 70%);transform-origin:54% 46%;transition:opacity 2s var(--film-soft);will-change:opacity,transform}body.is-world .halo{opacity:.9;animation:halo-breathe 8s ease-in-out infinite}body.is-approach .halo,body.is-near .halo,body.is-lift .halo{opacity:1}body.is-opening .halo,body.is-reading .halo{opacity:.85;background:radial-gradient(ellipse 68% 58% at 50% 44%,rgba(255,214,150,.3) 0%,rgba(240,180,106,.14) 36%,transparent 72%),radial-gradient(ellipse 34% 28% at 50% 38%,rgba(255,236,200,.16),transparent 74%)}body.is-closing .halo,body.is-closed .halo{opacity:.85}@keyframes halo-breathe{0%,to{transform:scale(1);filter:brightness(.95)}50%{transform:scale(1.07);filter:brightness(1.08)}}@media(max-width:767px){.halo{background:radial-gradient(ellipse 70% 48% at 50% 42%,rgba(255,214,150,.36) 0%,rgba(240,180,106,.16) 30%,transparent 70%),radial-gradient(ellipse 36% 28% at 50% 36%,rgba(255,236,200,.2),transparent 72%);transform-origin:50% 42%}body.is-opening .halo,body.is-reading .halo{background:radial-gradient(ellipse 78% 56% at 50% 48%,rgba(255,214,150,.24) 0%,rgba(240,180,106,.1) 36%,transparent 72%)}}@media(prefers-reduced-motion:reduce){.halo{animation:none!important}}.world{position:relative;z-index:5;min-height:100dvh;min-height:100svh;overflow:hidden;opacity:0;background:#07080c;transition:opacity 1.25s var(--film-soft)}body.is-world .world{opacity:1}.lens{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 78%;transform:translateZ(0) scale(1);transition:transform 5s var(--film);will-change:transform}body.is-approach .lens{transform:translate3d(0,4%,0) scale(.96)}body.is-near .lens{transform:translate3d(0,1%,0) scale(1.04);transition-duration:5s}body.is-lift .lens{transform:translate3d(0,-1%,0) scale(1.08);transition-duration:2s}body.is-opening .lens,body.is-reading .lens{transform:none;will-change:auto;transition-duration:1.8s}body.is-closing .lens{transform:translate3d(0,1%,0) scale(1.04);transition-duration:2.2s}body.is-closed .lens{transform:translate3d(0,2%,0) scale(1.01);transition-duration:2.4s}.room{position:relative;width:100%;height:100%;min-height:100%;--desk-top-h: clamp(280px, 42vh, 420px);--desk-edge-h: 26px;--desk-leg-h: min(8vh, 64px)}.room__wall{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 42% 36% at 16% 28%,rgba(240,180,106,.1),transparent 62%),radial-gradient(ellipse 48% 40% at 78% 10%,rgba(255,214,150,.16),transparent 58%),linear-gradient(180deg,#1c212c,#13161e 40%,#0a0b10);transition:opacity 1.4s var(--film-soft)}body.is-reading .room__wall{opacity:.28}body.is-reading .room__window{opacity:.18}body.is-reading .room__shaft{opacity:.12}.room__window{position:absolute;top:9%;right:max(7%,3.5vw);width:min(200px,20vw);height:min(240px,30vh);background:linear-gradient(180deg,#ffe4b480,#be965f24),linear-gradient(135deg,rgba(255,255,255,.14),transparent 55%);box-shadow:0 0 90px #f0b46a38,inset 0 0 0 2px #1c202ae6;transition:opacity 1.4s var(--film-soft)}.room__window:before,.room__window:after{content:"";position:absolute;background:#0c0e14b8}.room__window:before{left:48%;top:5%;bottom:5%;width:3px}.room__window:after{top:48%;left:5%;right:5%;height:3px}body.is-reading .room__window{opacity:.35}.room__shaft{position:absolute;top:6%;right:4%;width:min(400px,38vw);height:72%;background:linear-gradient(198deg,rgba(240,180,106,.2),rgba(240,180,106,.04) 40%,transparent 74%);clip-path:polygon(44% 0,80% 0,100% 100%,10% 100%);opacity:.7;mix-blend-mode:screen;pointer-events:none;transition:opacity 1.4s var(--film-soft)}body.is-reading .room__shaft{opacity:.2}.desk{position:absolute;left:50%;bottom:0;width:150%;max-width:1700px;transform:translate(-50%);z-index:3;transition:opacity 1.5s var(--film-soft),transform 1.5s var(--film-soft)}body.is-reading .desk,body.is-opening .desk{opacity:1;transform:translate(-50%) translateY(6%)}body.is-reading .desk__top,body.is-opening .desk__top{height:clamp(200px,28vh,300px);background:linear-gradient(180deg,rgba(6,7,10,.82) 0%,rgba(6,7,10,.35) 22%,transparent 48%),linear-gradient(90deg,rgba(0,0,0,.62),transparent 22%,transparent 78%,rgba(0,0,0,.62)),linear-gradient(180deg,#5a3d28,#433022 40%,#2c1e16);box-shadow:0 -1px #ffe0b40a,0 40px 80px #00000080}body.is-reading .desk__grain,body.is-opening .desk__grain,body.is-reading .desk__spot,body.is-opening .desk__spot,body.is-reading .desk__edge,body.is-opening .desk__edge,body.is-reading .desk__legs,body.is-opening .desk__legs{opacity:.14}body.is-reading .prop,body.is-opening .prop{opacity:0;visibility:hidden}.desk__top{position:relative;height:var(--desk-top-h);background:linear-gradient(90deg,rgba(0,0,0,.4),transparent 14%,transparent 86%,rgba(0,0,0,.4)),linear-gradient(180deg,#8a6240,#6a4730 22%,#533726 55%,#3f2a1c);box-shadow:0 -1px #ffe0b41f,0 30px 70px #0009}.desk__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background:repeating-linear-gradient(93deg,transparent 0 4px,rgba(0,0,0,.05) 4px 5px),repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,220,170,.025) 6px 7px);pointer-events:none}.desk__spot{position:absolute;left:50%;top:12%;width:220px;height:90px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.28),transparent 70%);pointer-events:none}.desk__edge{height:var(--desk-edge-h);background:linear-gradient(180deg,#2c1c13,#120c08)}.desk__legs{display:flex;justify-content:space-between;padding:0 14%;height:var(--desk-leg-h)}.desk__legs span{width:12px;background:linear-gradient(180deg,#2a1c14,#0a0705)}.prop{position:absolute;pointer-events:none;z-index:4;transition:opacity 1.2s var(--film-soft),visibility 1.2s var(--film-soft)}.prop--lamp{top:-36%;left:11%;width:72px;height:118px}.prop__shade{position:absolute;top:0;left:50%;width:56px;height:30px;transform:translate(-50%);background:linear-gradient(180deg,#f0d2a8,#c4925c 55%,#9a7048);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);box-shadow:0 6px 16px #00000059}.prop__glow{position:absolute;top:26px;left:50%;width:170px;height:150px;transform:translate(-50%);background:radial-gradient(circle,rgba(240,180,106,.45),transparent 68%)}.prop--cup{right:15%;top:20%;width:34px;height:40px;border-radius:3px 3px 9px 9px;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 35%,rgba(0,0,0,.15)),linear-gradient(180deg,#e4d7c4,#9a8a76);box-shadow:0 8px 16px #00000059}.prop--cup:after{content:"";position:absolute;top:9px;right:-11px;width:12px;height:15px;border:3px solid #b0a08c;border-left:0;border-radius:0 12px 12px 0}.prop--leaf{left:20%;bottom:24%;width:50px;height:14px;border-radius:60% 40% 50% 50%;background:linear-gradient(120deg,#557860,#31483a);opacity:.8;transform:rotate(-20deg)}.prop--pen-rest{right:28%;top:36%;width:78px;height:10px;border-radius:4px;background:linear-gradient(90deg,#2a241c,#5a4030 40%,#c4a574 78%,#8a6a40);transform:rotate(-28deg);box-shadow:0 4px 10px #00000059}.prop--pen-rest:before{content:"";position:absolute;right:-2px;top:1px;width:14px;height:8px;background:linear-gradient(90deg,#c4a574,#e8d2a8);clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%)}.book-rig{position:absolute;left:50%;top:22%;width:min(320px,52%);aspect-ratio:.72 / 1;z-index:10;transform:translate3d(-50%,-72%,0) rotate(-4deg);transform-origin:50% 100%;transition:transform 2s var(--film),top 2s var(--film),left 2s var(--film);will-change:transform,top}.book-rig__shadow{position:absolute;left:-12%;right:-12%;bottom:-2%;height:22%;background:radial-gradient(ellipse at center,rgba(0,0,0,.72),transparent 68%);opacity:1;transition:opacity 1.2s var(--film-soft),transform 2s var(--film);pointer-events:none}body.is-lift .book-rig{top:8%;width:min(360px,56%);transform:translate3d(-50%,-88%,0) rotate(-1.5deg)}body.is-lift .book-rig__shadow{opacity:.45;transform:translateY(20px) scaleX(1.15)}body.is-opening .book-rig,body.is-reading .book-rig{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;transform:none!important;display:flex!important;align-items:center;justify-content:center;padding:1.5rem 1.25rem 4.25rem;box-sizing:border-box;z-index:86;overflow:hidden;filter:none!important;transition:none!important;pointer-events:none}body.is-opening .book-shell,body.is-reading .book-shell{position:relative!important;inset:auto!important;pointer-events:auto}body.is-opening .book-rig__shadow,body.is-reading .book-rig__shadow{display:none}body.is-closing .book-rig,body.is-closed .book-rig{position:absolute;left:50%;top:22%;bottom:auto;width:min(320px,52%);max-height:none;aspect-ratio:.72 / 1;transform:translate3d(-50%,-72%,0) rotate(-3deg);transition-duration:2.1s;z-index:10}@media(max-width:767px){.room{--desk-top-h: clamp(260px, 42dvh, 380px);--desk-edge-h: 18px;--desk-leg-h: min(5vh, 40px)}.room__window{top:7%;right:6%;width:min(110px,26vw);height:min(130px,16vh);opacity:.55}.prop--lamp,.prop--cup,.prop--leaf,.prop--pen-rest{opacity:.45;transform:scale(.85)}.book-rig{width:min(72vw,300px);top:38%;transform:translate3d(-50%,-62%,0) rotate(-3deg)}body.is-lift .book-rig{width:min(78vw,320px);top:30%;transform:translate3d(-50%,-70%,0) rotate(-1deg)}body.is-opening .book-rig,body.is-reading .book-rig{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;transform:none;z-index:30}body.is-closing .book-rig,body.is-closed .book-rig{width:min(68vw,280px);top:36%;transform:translate3d(-50%,-58%,0) rotate(-3deg)}body.is-opening .world,body.is-reading .world{background:#faf4e8}}.cover3d{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;visibility:visible;transition:opacity .6s var(--film-soft),transform 1.1s var(--film);z-index:2;perspective:900px;box-shadow:0 28px 48px #0000008c,0 2px #ffdcaa0d}body.is-opening .cover3d{transform:translate3d(-20%,0,0) rotateY(-85deg);opacity:0;visibility:hidden;pointer-events:none;transition:transform 1s var(--film),opacity .45s ease .4s,visibility 0s linear 1s}body.is-reading .cover3d{opacity:0;visibility:hidden;pointer-events:none}body.is-closing .cover3d,body.is-closed .cover3d,body.is-approach .cover3d,body.is-near .cover3d,body.is-lift .cover3d{opacity:1;visibility:visible;transform:none}.cover3d__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px 5px 5px 2px;overflow:hidden;display:grid;place-content:center;justify-items:center;text-align:center;gap:0;background:radial-gradient(ellipse 90% 70% at 78% 12%,rgba(255,214,150,.22),transparent 58%),radial-gradient(ellipse 50% 40% at 18% 88%,rgba(0,0,0,.35),transparent 70%),linear-gradient(165deg,#3a1822,#241018 42%,#140a0e);border:1px solid rgba(232,201,137,.22);box-shadow:inset 10px 0 18px #00000073,inset 0 0 0 1px #ffdcb40a}.cover3d__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;pointer-events:none;background:repeating-linear-gradient(92deg,transparent 0 3px,rgba(0,0,0,.045) 3px 4px),repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,220,170,.02) 5px 6px);mix-blend-mode:overlay}.cover3d__sheen{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;background:linear-gradient(125deg,transparent 30%,rgba(255,236,200,.09) 46%,transparent 58%);opacity:.85}.cover3d__frame{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:1px solid rgba(232,201,137,.28);border-radius:1px;pointer-events:none;box-shadow:inset 0 0 0 1px #00000040}.cover3d__frame:before,.cover3d__frame:after{content:"";position:absolute;width:7px;height:7px;border-color:#e8c9898c;border-style:solid}.cover3d__frame:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.cover3d__frame:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.cover3d__spine{position:absolute;left:0;top:0;bottom:0;width:11px;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 70%),linear-gradient(180deg,rgba(232,201,137,.12),transparent 30%,transparent 70%,rgba(232,201,137,.08));box-shadow:inset -1px 0 #e8c9891f}.cover3d__edge{position:absolute;right:0;top:6%;bottom:6%;width:4px;pointer-events:none;border-radius:1px 2px 2px 1px;background:linear-gradient(180deg,#f3ead8,#d8c8a8 50%,#c4b090);box-shadow:-2px 0 6px #00000040;opacity:.9}.cover3d__edition{position:absolute;top:14%;margin:0;font-family:var(--font-display);font-size:clamp(.58rem,1.4vw,.72rem);letter-spacing:.42em;color:#e8c9896b}.cover3d__mark{position:relative;z-index:1;display:grid;justify-items:center;gap:.55rem;padding-inline:8%}.cover3d__foil{position:relative;font-family:var(--font-latin);font-size:clamp(1.55rem,3.8vw,2.2rem);font-weight:700;letter-spacing:-.03em;line-height:.95;background:linear-gradient(180deg,#fff8e4,#e8c989 46%,#a8843e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}.cover3d__rule{width:42px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,201,137,.55),transparent)}.cover3d__sub{position:relative;font-family:var(--font-display);letter-spacing:.48em;color:#e8c989e0;font-size:clamp(.85rem,2vw,1.02rem);font-weight:600;text-indent:.48em}.cover3d__line{position:absolute;bottom:18%;z-index:1;margin:0;max-width:11em;font-family:var(--font-display);font-size:clamp(.62rem,1.5vw,.74rem);letter-spacing:.18em;line-height:1.7;color:#f3ead861}.cover3d__seal{position:absolute;bottom:11%;z-index:1;width:1.35rem;height:1.35rem;display:grid;place-items:center;border:1px solid rgba(224,120,80,.55);border-radius:2px;font-family:var(--font-display);font-size:.62rem;letter-spacing:0;color:#e07850b8;transform:rotate(-8deg);opacity:.85}.book-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%!important;height:100%!important;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s var(--film-soft);border-radius:1px;box-shadow:0 1px #ffecd21f,0 28px 60px #0000006b,inset 0 0 0 1px #2a241c0f}body.is-opening .book-shell,body.is-reading .book-shell{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .7s var(--film-soft) .2s}body.is-opening .book-shell:before,body.is-reading .book-shell:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:42px;transform:translate(-50%);z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(42,36,28,.05) 28%,rgba(42,36,28,.14) 48%,rgba(42,36,28,.05) 72%,transparent 100%)}body.is-opening .book-shell:after,body.is-reading .book-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse 70% 80% at 50% 40%,transparent 35%,rgba(42,36,28,.06) 100%);mix-blend-mode:multiply;opacity:.55}body.is-closing .book-shell{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease}@media(max-width:767px){body.is-opening .book-shell:before,body.is-reading .book-shell:before,body.is-opening .book-shell:after,body.is-reading .book-shell:after{display:none}}.scribe{position:fixed;left:0;top:0;z-index:200;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .2s ease}.scribe:not([hidden]){display:block}body.is-writing .scribe{opacity:1!important;visibility:visible!important}.scribe__pen{position:absolute;width:96px;height:16px;transform:translate(-8px,-4px) rotate(-22deg);transform-origin:0 50%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));transition:transform .05s linear;will-change:transform}.scribe__body{position:absolute;left:12px;top:2px;width:58px;height:9px;border-radius:3px;background:linear-gradient(180deg,#6a5040,#3a2a22 55%,#2a1c16)}.scribe__cap{position:absolute;left:66px;top:0;width:18px;height:13px;border-radius:2px 4px 4px 2px;background:linear-gradient(180deg,#d4b48a,#9a7850)}.scribe__nib{position:absolute;left:0;top:3px;width:14px;height:8px;background:linear-gradient(90deg,#1a1410,#c0a878);clip-path:polygon(100% 0,100% 100%,0 50%)}body.is-writing .prop--pen-rest{opacity:0}@media(prefers-reduced-motion:reduce){.lens,.book-rig,.cover3d,.book-shell,.world,.desk,.room__wall,.prop{transition-duration:.01ms!important}}.book-shell{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:min(1440px,94vw);margin:0 auto}.book{margin:0 auto}.page{background:linear-gradient(90deg,rgba(42,36,28,.055),transparent 11%),linear-gradient(270deg,rgba(42,36,28,.03),transparent 9%),linear-gradient(180deg,#fbf6ec,#f3ead8 42%,#ebe1ce);color:var(--paper-ink);overflow:hidden;box-shadow:inset 0 0 0 1px #2a241c09}.page__pad{height:100%;box-sizing:border-box;padding:clamp(1.6rem,3.6vw,3rem);display:flex;flex-direction:column;gap:.85rem}.page__pad--center{align-items:center;justify-content:center;text-align:center}.page__pad--epigraph{align-items:center;justify-content:center;text-align:center;gap:1.35rem;padding-inline:clamp(1.8rem,4vw,3.4rem)}.page__pad--title{gap:0}.folio{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font-family:var(--font-latin);font-size:.68rem;letter-spacing:.18em;color:#7a6f60b8;pointer-events:none}.wm{position:absolute;top:8%;right:8%;font-family:var(--font-display);font-size:clamp(3.2rem,9vw,5.5rem);font-weight:600;line-height:1;letter-spacing:.12em;color:#e0785012;pointer-events:none}.orn{margin:0;color:color-mix(in srgb,var(--ember) 78%,#8a5040);font-size:1.05rem;letter-spacing:.08em;opacity:.9}.epigraph{margin:0;max-width:9.5em;font-family:var(--font-display);font-size:clamp(1.15rem,2.1vw,1.42rem);line-height:2;letter-spacing:.12em;color:#2a241c9e}.epigraph-soft{margin:.35rem 0 0;max-width:14em;font-family:var(--font-display);font-size:clamp(.88rem,1.5vw,1rem);line-height:1.85;letter-spacing:.14em;color:#7a6f60c7}.lede{margin:0;font-family:var(--font-display);font-size:clamp(1.2rem,2.4vw,1.45rem);letter-spacing:.16em;font-weight:600;color:color-mix(in srgb,var(--ember) 72%,var(--paper-ink))}.facts{list-style:none;margin:.35rem 0 0;padding:0;display:grid;gap:.55rem}.facts li{display:grid;grid-template-columns:2.2rem 1fr;gap:.85rem;align-items:baseline;padding:.45rem 0;border-bottom:1px solid rgba(42,36,28,.08)}.facts li:last-child{border-bottom:0}.facts span{font-family:var(--font-display);font-size:.72rem;letter-spacing:.28em;color:#6a8a8c}.facts b{font-family:var(--font-display);font-weight:600;font-size:1.02rem;letter-spacing:.04em}.page__pad--feature{gap:1rem;justify-content:flex-start}.feature{display:grid;gap:.35rem;padding:1.05rem 1.15rem 1.15rem;text-decoration:none;color:inherit;background:linear-gradient(145deg,#fff8ecb8,#f3e4cd66),color-mix(in srgb,var(--ivory-deep) 55%,#fff);border:1px solid rgba(42,36,28,.1);box-shadow:0 1px #ffffff8c inset,0 14px 28px #2a241c0f}.feature em{font-style:normal;font-size:.68rem;letter-spacing:.22em;color:var(--ember)}.feature strong{font-family:var(--font-latin);font-size:clamp(1.55rem,3vw,1.95rem);font-weight:700;letter-spacing:-.02em;line-height:1.05}.feature__aka{font-family:var(--font-display);font-size:.92rem;letter-spacing:.28em;color:color-mix(in srgb,var(--ember) 70%,var(--paper-mute))}.feature__quote{margin:.55rem 0 0;font-family:var(--font-display);font-size:clamp(1.05rem,2vw,1.22rem);letter-spacing:.1em;line-height:1.7;color:#2a241ce6}.feature__body{margin:.15rem 0 0;font-family:var(--font-display);font-size:.92rem;line-height:1.75;color:var(--paper-mute)}.feature__cta{margin-top:.45rem;font-family:var(--font-display);font-size:.82rem;letter-spacing:.16em;color:color-mix(in srgb,var(--ember) 85%,#8a5040)}.feature:hover strong,.feature:hover .feature__cta{color:var(--ember)}.chips{list-style:none;margin:.55rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.chips li{padding:.22rem .55rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;color:#2a241cb8;background:#ffffff73;border:1px solid rgba(42,36,28,.08)}.works--compact{margin-top:.15rem}.works--compact a{padding:.7rem 0}.works--compact strong{font-size:1.08rem}.works--compact span{font-size:.84rem}.kicker{margin:0 0 1.15rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:.42em;color:#6a8a8c}.brand{margin:0;font-family:var(--font-latin);font-size:clamp(2.6rem,5.8vw,4.2rem);font-weight:700;line-height:.92;letter-spacing:-.035em;white-space:nowrap}.brand .glyph{white-space:pre}.brand-zh{margin:.55rem 0 0;font-family:var(--font-display);letter-spacing:.48em;color:var(--ember);font-size:1.08rem;font-weight:600}.verse{margin:1.85rem 0 0;font-family:var(--font-display);font-size:clamp(1.08rem,2.1vw,1.32rem);line-height:1.95;letter-spacing:.06em;color:#2a241ce0}.by{margin:2.1rem 0 0;font-family:var(--font-display);letter-spacing:.22em;font-size:.78rem;color:#7a6f60d9}.by:before{content:"";display:block;width:28px;height:1px;margin:0 auto .95rem;background:color-mix(in srgb,var(--ember) 55%,transparent)}.h{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,3.2vw,2.4rem);letter-spacing:.12em;font-weight:600}.prose{margin:0;max-width:22em;font-family:var(--font-display);font-size:1.06rem;line-height:1.9}.prose.dim{color:var(--paper-mute);font-size:.92rem}.mail a{font-family:var(--font-latin);font-size:1.3rem;color:var(--ember);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--ember) 45%,transparent)}.links{display:flex;gap:1.25rem;margin:.5rem 0 0}.links a{letter-spacing:.1em;font-size:.88rem;color:var(--paper-mute);text-decoration:none}.again{margin-top:1.5rem;min-height:44px;padding:0 1.2rem;border-radius:999px;border:1px solid rgba(42,36,28,.2);letter-spacing:.1em}.close-book{margin-top:1.4rem;min-height:46px;padding:0 1.4rem;border-radius:999px;border:1px solid rgba(42,36,28,.22);background:#2a241c0f;font-family:var(--font-display);letter-spacing:.22em;color:var(--paper-ink);cursor:pointer}.toc{display:grid;gap:.15rem;margin-top:.35rem}.toc button{display:grid;grid-template-columns:1.6rem minmax(0,1fr) auto;gap:.85rem;align-items:baseline;width:100%;min-height:56px;padding:.85rem 0;border-bottom:1px solid rgba(42,36,28,.1);text-align:left;font-family:var(--font-display);font-size:1.08rem;color:inherit;background:none;border-left:0;border-right:0;border-top:0;cursor:pointer}.toc button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc b{font-family:var(--font-latin);font-weight:500;color:var(--paper-mute)}.toc i{font-style:normal;font-family:var(--font-latin);color:var(--paper-mute);letter-spacing:.06em}.toc button:hover,.toc button:hover i{color:var(--ember)}.works{display:grid}.works a{display:grid;gap:.25rem;padding:.95rem 0;text-decoration:none;border-bottom:1px solid rgba(42,36,28,.1);color:inherit}.works a:last-child{border-bottom:0}.works em{font-style:normal;font-size:.7rem;letter-spacing:.16em;color:var(--ember)}.works strong{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.works span{color:var(--paper-mute);font-size:.9rem;line-height:1.65}.works a:hover strong{color:var(--ember)}.slips{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.slips a{display:grid;gap:.2rem;padding:.85rem 1.05rem;text-decoration:none;background:color-mix(in srgb,var(--ivory-deep) 65%,#fff);border:1px solid rgba(42,36,28,.1);box-shadow:0 10px 24px #2a241c0f;color:inherit}.slips small{letter-spacing:.16em;color:#6a8a8c;font-size:.7rem}.slips b{font-family:var(--font-display);font-weight:600;font-size:1.02rem;letter-spacing:.04em}.slips a>span{font-family:var(--font-display);font-size:.82rem;line-height:1.55;color:var(--paper-mute)}.slips a:hover{border-color:color-mix(in srgb,var(--ember) 40%,transparent)}.slips a:hover b{color:var(--ember)}.links{flex-wrap:wrap}.rise.rise--block{opacity:0;will-change:opacity,transform}.rise.rise--block.is-settled{opacity:1;transform:none}.glyph{display:inline-block;white-space:pre;opacity:0;transform:translateY(4px);transition:none}.glyph.is-inked{opacity:1;transform:none;animation:ink-in .28s ease}.stf__item.is-revealed .rise.rise--block,.page.is-revealed .rise.rise--block{animation:rise-block .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--ri, 0) * 90ms + 60ms)}.stf__item.is-revealed .wm,.page.is-revealed .wm{animation:wm-in 1s cubic-bezier(.22,1,.36,1) .08s both}@keyframes ink-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes rise-block{0%{opacity:0;transform:translate(8px,14px)}to{opacity:1;transform:none}}@keyframes wm-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.rise,.glyph,.wm,.glyph.is-inked,.rise.rise--block.is-settled{opacity:1!important;transform:none!important;animation:none!important}}.stf__block,.stf__item{box-shadow:none!important}@media(min-width:768px){body.is-reading .stf__item,body.is-opening .stf__item{box-shadow:inset 0 0 24px #2a241c08!important}}.book-shell .stf__parent{margin:0 auto;width:100%;height:100%}.book-shell .stf__wrapper,.book-shell .stf__block{width:100%!important;height:100%!important}@media(max-width:767px){.book-shell{width:100%!important;max-width:none!important;margin:0}.page{box-shadow:none}.page__pad{padding:calc(env(safe-area-inset-top,0px) + 3.75rem) clamp(1.25rem,5.5vw,1.75rem) calc(env(safe-area-inset-bottom,0px) + 7.25rem);gap:.9rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.page__pad--center,.page__pad--title,.page__pad--epigraph{justify-content:center;padding-block:calc(env(safe-area-inset-top,0px) + 4.5rem) calc(env(safe-area-inset-bottom,0px) + 7.75rem)}.page__pad--feature{gap:.85rem;justify-content:flex-start}.kicker{font-size:.72rem;letter-spacing:.36em;margin-bottom:.85rem}.brand{font-size:clamp(2.6rem,12.5vw,3.4rem);letter-spacing:-.03em}.brand-zh{font-size:1.12rem;letter-spacing:.42em}.verse{margin-top:1.5rem;font-size:clamp(1.12rem,4.6vw,1.28rem);line-height:1.9;max-width:12em}.by{margin-top:1.75rem;font-size:.8rem}.h{font-size:clamp(1.7rem,7.5vw,2.1rem)}.lede{font-size:1.28rem}.prose,.epigraph{max-width:none;font-size:1.08rem;line-height:1.95}.epigraph-soft{font-size:.95rem}.folio{bottom:calc(env(safe-area-inset-bottom,0px) + 5.6rem);font-size:.72rem}.toc{margin-top:.2rem;gap:0}.toc button{min-height:54px;font-size:1.05rem;padding:.85rem 0;gap:.7rem}.works a,.slips a{padding-block:.85rem}.works strong{font-size:1.15rem}.works span,.slips a>span{font-size:.88rem}.feature{padding:1rem 1.05rem 1.1rem}.feature strong{font-size:clamp(1.55rem,7vw,1.85rem)}.feature__quote{font-size:1.08rem}.feature__body{font-size:.92rem;line-height:1.7}.chips{gap:.35rem}.chips li{padding:.22rem .5rem;font-size:.7rem}.facts li{padding:.45rem 0;grid-template-columns:2rem 1fr}.facts b{font-size:1.05rem}.slips{gap:.7rem}.slips a{padding:.85rem 1rem}.mail a{font-size:1.2rem;word-break:break-all}.links{gap:1rem 1.15rem}.links a{font-size:.9rem;min-height:44px;display:inline-flex;align-items:center}.close-book{min-height:48px;width:min(100%,16rem)}body.is-reading .book-shell .stf__parent,body.is-opening .book-shell .stf__parent,body.is-reading .book-shell .stf__wrapper,body.is-opening .book-shell .stf__wrapper,body.is-reading .book-shell .stf__block,body.is-opening .book-shell .stf__block{width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important}body.is-reading .book-shell .stf__wrapper,body.is-opening .book-shell .stf__wrapper{padding-bottom:0!important}}@media(min-width:768px){body.is-reading .book-shell,body.is-opening .book-shell{box-shadow:0 1px #ffecd21a,0 42px 80px #0000007a,0 12px 28px #00000047,inset 0 0 0 1px #2a241c0d}}.world{display:block;position:relative}.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.atelier{position:absolute;z-index:20;left:max(env(safe-area-inset-left,0px) + 1.75rem,2.2vw);top:50%;width:min(260px,24vw);display:flex;flex-direction:column;gap:1.35rem;transform:translate3d(-12px,-50%,0);opacity:0;pointer-events:none;transition:opacity 1.4s var(--film-soft) .15s,transform 1.4s var(--film-soft) .15s,top 1.4s var(--film-soft),width 1.4s var(--film-soft),gap 1.4s var(--film-soft)}body.is-atelier .atelier{opacity:1;transform:translate3d(0,-50%,0);pointer-events:auto}body.is-opening .atelier,body.is-reading .atelier{top:max(env(safe-area-inset-top,0px) + 2.4rem,5.5vh);width:min(220px,18vw);gap:.85rem;transform:translate3d(0,-6px,0);opacity:0;visibility:hidden;pointer-events:none}body.is-reading .atelier:hover,body.is-reading .atelier:focus-within,body.is-opening .atelier:hover,body.is-opening .atelier:focus-within{opacity:0}.atelier__mark{display:grid;gap:.28rem}.atelier__name{margin:0;font-family:var(--font-display);font-size:.72rem;letter-spacing:.42em;color:#f0b46a9e}.atelier__brand{margin:0;font-family:var(--font-latin);font-size:clamp(2.2rem,3.8vw,3rem);font-weight:700;letter-spacing:-.038em;line-height:.92;color:var(--ivory);text-shadow:0 8px 28px rgba(0,0,0,.45)}.atelier__zh{margin:0;font-family:var(--font-display);letter-spacing:.4em;color:#e07850eb;font-size:.92rem}.atelier__lead{margin:0;max-width:11.5em;font-family:var(--font-display);font-size:clamp(.95rem,1.35vw,1.08rem);line-height:1.75;color:#f3ead8b8;text-shadow:0 6px 20px rgba(0,0,0,.4)}body.is-opening .atelier__brand,body.is-reading .atelier__brand{font-size:clamp(1.7rem,2.6vw,2.2rem);text-shadow:0 10px 36px rgba(0,0,0,.55)}body.is-opening .atelier__lead,body.is-reading .atelier__lead{max-width:10.5em;font-size:clamp(.86rem,1.05vw,.96rem);color:#f3ead894}.atelier__links{display:flex;flex-wrap:wrap;gap:.85rem 1.15rem;margin-top:.15rem}.atelier__links a{font-family:var(--font-display);font-size:.78rem;letter-spacing:.16em;text-decoration:none;color:#f3ead86b;border-bottom:1px solid transparent;padding-bottom:.12rem;transition:color .25s ease,border-color .25s ease}.atelier__links a:hover{color:var(--tungsten);border-color:#f0b46a66}body.is-atelier .lens{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 74%}body.is-atelier.is-near .lens{transform:translate3d(0,1%,0) scale(1.03)}body.is-atelier.is-lift .lens{transform:translate3d(0,-1%,0) scale(1.06)}body.is-atelier.is-opening .lens,body.is-atelier.is-reading .lens{transform:none;will-change:auto}body.is-atelier.is-closing .lens,body.is-atelier.is-closed .lens{transform:translate3d(0,1%,0) scale(1.02)}body.is-atelier.is-opening .book-rig,body.is-atelier.is-reading .book-rig{position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;transform:none!important;transform-origin:center!important;display:flex!important;align-items:center;justify-content:center;padding:1.5rem 1.25rem 4.25rem;box-sizing:border-box;z-index:86;overflow:hidden;filter:none!important;transition:none!important;pointer-events:none}body.is-atelier.is-opening .book-rig .cover3d,body.is-atelier.is-reading .book-rig .cover3d,body.is-atelier.is-opening .book-rig .book-shell,body.is-atelier.is-reading .book-rig .book-shell{pointer-events:auto}body.is-atelier.is-opening .book-rig .book-rig__shadow,body.is-atelier.is-reading .book-rig .book-rig__shadow{display:none}body.is-atelier.is-opening .book-shell,body.is-atelier.is-reading .book-shell{position:relative!important;inset:auto!important;width:auto;height:auto;max-width:min(1400px,calc(100vw - 2.5rem));max-height:min(82dvh,calc(100dvh - 6.5rem));margin:0;flex:0 0 auto}body.is-atelier.is-closing .book-rig,body.is-atelier.is-closed .book-rig{position:absolute;left:54%;top:36%;bottom:auto;width:min(300px,28vw);max-height:none;max-width:none;aspect-ratio:.72 / 1;margin:0;transform:translate3d(-50%,-55%,0) rotate(-3deg);z-index:10;cursor:pointer}body.is-closed .cover3d{cursor:pointer}.rail{position:fixed;left:50%;bottom:max(env(safe-area-inset-bottom,0px) + 1.1rem,1.2rem);z-index:90;transform:translate(-50%) translateY(10px);width:min(1440px,94vw);max-width:min(1440px,calc(100vw - 2.5rem));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;padding:0;background:none;opacity:0;pointer-events:none;transition:opacity .85s var(--film-soft) .2s,transform .85s var(--film-soft) .2s}body.is-reading .rail{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.rail button{min-height:44px;padding:0 1.15rem;border-radius:999px;border:1px solid rgba(243,234,216,.28);background:#0c0e14d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.14em;font-family:var(--font-display);font-size:.82rem;color:#f3ead8eb;transition:color .25s ease,border-color .25s ease,background .25s ease}.rail button:first-child{justify-self:start}.rail button:last-child{justify-self:end}.rail button:hover:not(:disabled){border-color:color-mix(in srgb,var(--tungsten) 50%,transparent);color:var(--ivory);background:#12141ce6}.rail button:disabled{opacity:.3;cursor:default}.rail__mid{display:grid;justify-items:center;gap:.3rem}.rail__mid p{margin:0;font-family:var(--font-display);font-size:.74rem;letter-spacing:.16em;color:#f3ead873}.rail__close{min-height:34px!important;margin-top:.15rem;padding:0 .85rem!important;border-radius:999px!important;border:1px solid rgba(240,180,106,.28)!important;background:#f0b46a14!important;letter-spacing:.28em!important;font-size:.72rem!important;color:#f0b46ae0!important;justify-self:center!important}.rail__close:hover{border-color:#f0b46a80!important;background:#f0b46a29!important;color:var(--tungsten)!important}.rail__dots{display:flex;gap:.38rem}.rail__dots span{width:4px;height:4px;border-radius:50%;background:#f3ead82e;transition:width .4s var(--ease),background .4s ease,border-radius .4s ease}.rail__dots span.on{width:18px;border-radius:99px;background:linear-gradient(90deg,var(--ember),var(--tungsten))}.close-book{margin-top:1.4rem;min-height:46px;padding:0 1.4rem;border-radius:999px;border:1px solid rgba(42,36,28,.22);background:#2a241c0f;font-family:var(--font-display);letter-spacing:.22em;color:var(--paper-ink);transition:background .25s ease,border-color .25s ease,color .25s ease}.close-book:hover{border-color:color-mix(in srgb,var(--ember) 45%,transparent);color:var(--ember);background:#ffffff59}.bgm{position:fixed;right:calc(env(safe-area-inset-right,0px) + 1.1rem);top:calc(env(safe-area-inset-top,0px) + 1.1rem);z-index:92;opacity:0;transform:translateY(-8px);transition:opacity .8s var(--film-soft) .4s,transform .8s var(--film-soft) .4s;pointer-events:none}body.is-world .bgm{opacity:1;transform:none;pointer-events:auto}.bgm__btn{display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.45rem .85rem .45rem .7rem;border-radius:999px;border:1px solid rgba(243,234,216,.14);background:#0c0e149e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f3ead8c7;transition:border-color .25s ease,background .25s ease}.bgm__btn:hover{border-color:#f0b46a59;background:#12141cd1}.bgm__eq{display:flex;align-items:flex-end;gap:3px;width:16px;height:14px}.bgm__eq i{display:block;width:2px;height:40%;border-radius:2px;background:#f3ead873;transform-origin:bottom}.bgm__btn[aria-pressed=true] .bgm__eq i{background:var(--tungsten);animation:eq .9s ease-in-out infinite}.bgm__btn[aria-pressed=true] .bgm__eq i:nth-child(2){animation-delay:.15s;height:70%}.bgm__btn[aria-pressed=true] .bgm__eq i:nth-child(3){animation-delay:.3s;height:55%}@keyframes eq{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.bgm__meta{display:grid;justify-items:start;gap:.05rem;text-align:left}.bgm__state{font-family:var(--font-display);font-size:.68rem;letter-spacing:.2em;color:#f3ead86b}.bgm__title{font-family:var(--font-display);font-size:.78rem;letter-spacing:.06em;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bgm__btn[aria-pressed=true] .bgm__state{color:#f0b46acc}.bgm__ghost{position:fixed;left:0;top:0;width:330px;height:86px;transform:translate(-110%,-110%);opacity:0;overflow:hidden;pointer-events:none;z-index:-1}.bgm__ghost iframe{display:block;width:330px;height:86px;border:0}@media(max-width:980px)and (min-width:768px){.atelier{width:min(200px,22vw)}body.is-atelier.is-opening .book-rig,body.is-atelier.is-reading .book-rig,.rail{left:50%;width:min(1040px,94vw);max-width:calc(100vw - 2rem)}}@media(max-width:767px){.atelier{left:50%;right:auto;top:calc(env(safe-area-inset-top,0px) + 1.15rem);bottom:auto;width:min(20rem,calc(100vw - 2.4rem));padding:0;transform:translate3d(-50%,-8px,0);background:none;gap:.55rem;align-items:center;text-align:center;justify-content:flex-start}body.is-atelier .atelier{transform:translate3d(-50%,0,0)}.atelier__mark{justify-items:center}.atelier__name{letter-spacing:.36em;font-size:.68rem}.atelier__brand{font-size:clamp(1.85rem,8vw,2.35rem);text-shadow:0 10px 32px rgba(0,0,0,.55)}.atelier__zh{font-size:.9rem;letter-spacing:.38em}.atelier__lead{max-width:14em;margin-inline:auto;font-size:.88rem;line-height:1.65;color:#f3ead89e}.atelier__links{display:none}body.is-reading .atelier,body.is-opening .atelier{opacity:0;pointer-events:none;visibility:hidden}body.is-opening .room__wall,body.is-reading .room__wall,body.is-opening .room__window,body.is-reading .room__window,body.is-opening .room__shaft,body.is-reading .room__shaft,body.is-opening .desk,body.is-reading .desk,body.is-opening .prop,body.is-reading .prop{opacity:0!important;visibility:hidden;pointer-events:none}body.is-opening .halo,body.is-reading .halo,body.is-opening .godrays,body.is-reading .godrays,body.is-opening .grain,body.is-reading .grain{opacity:0!important}body.is-opening .vignette,body.is-reading .vignette{opacity:.12;background:radial-gradient(ellipse at center,transparent 55%,rgba(42,36,28,.18) 100%)}body.is-atelier.is-opening .book-rig,body.is-atelier.is-reading .book-rig{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;transform:none!important;display:block!important;padding:0!important;z-index:30!important;border-radius:0;overflow:hidden!important;pointer-events:auto!important}body.is-opening .book-shell,body.is-reading .book-shell{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;box-shadow:none;border-radius:0;max-width:none!important;max-height:none!important;width:100%!important;height:100%!important;display:block!important}body.is-opening #book.stf__parent,body.is-reading #book.stf__parent{width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;min-height:0!important}body.is-atelier.is-closing .book-rig,body.is-atelier.is-closed .book-rig,body.is-atelier.is-near .book-rig,body.is-atelier.is-approach .book-rig,body.is-atelier.is-lift .book-rig{left:50%}body.is-atelier.is-closing .book-rig,body.is-atelier.is-closed .book-rig{top:42%;width:min(68vw,280px)}.rail{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:none;transform:none!important;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.7rem max(.85rem,env(safe-area-inset-right,0px)) calc(.75rem + env(safe-area-inset-bottom,0px)) max(.85rem,env(safe-area-inset-left,0px));background:#faf4e8f7;border-top:1px solid rgba(42,36,28,.1);box-shadow:0 -10px 28px #2a241c0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:120}body.is-reading .rail,body.is-opening .rail{opacity:1;pointer-events:auto;transform:none!important}.rail button{min-height:44px;min-width:4.25rem;padding:0 .85rem;font-size:.82rem;letter-spacing:.08em;border-radius:999px;border:1px solid rgba(42,36,28,.14);color:#2a241cdb;background:#ffffffc7;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px #ffffffa6 inset}.rail button:hover:not(:disabled){color:var(--ember);border-color:#e0785066}.rail button:disabled{opacity:.28}.rail__mid{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.55rem;min-width:0}.rail__dots{display:none}.rail__mid p{margin:0;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;letter-spacing:.1em;color:#2a241c7a}.rail__close{margin:0!important;min-height:36px!important;min-width:auto!important;padding:0 .85rem!important;border-radius:999px!important;border:1px solid rgba(224,120,80,.42)!important;background:#e078501f!important;letter-spacing:.18em!important;font-size:.74rem!important;color:var(--ember)!important;flex:0 0 auto}.rail__close:hover{background:#e0785033!important}.bgm{right:calc(env(safe-area-inset-right,0px) + .75rem);left:auto;top:calc(env(safe-area-inset-top,0px) + .75rem);z-index:50}body.is-reading .bgm__btn,body.is-opening .bgm__btn{border-color:#2a241c1f;background:#faf4e8b8;color:#2a241cb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.is-reading .bgm__state,body.is-opening .bgm__state{color:#2a241c66}body.is-reading .bgm__btn[aria-pressed=true] .bgm__state,body.is-opening .bgm__btn[aria-pressed=true] .bgm__state{color:var(--ember)}.bgm__btn{min-height:40px;padding:.4rem .7rem .4rem .6rem;gap:.45rem}.bgm__title{display:none}.bgm__state{font-size:.64rem}.bgm__ghost{width:320px;height:80px;left:-100vmax!important;top:-100vmax!important;transform:none!important;opacity:0!important;visibility:hidden;clip-path:inset(100%)}body.is-writing .scribe{opacity:0!important;visibility:hidden!important}}@media(prefers-reduced-motion:reduce){.atelier,.bgm,.bgm__eq i,.rail{transition:none!important;animation:none!important}}@media(min-width:768px){body.is-opening .room__wall,body.is-reading .room__wall,body.is-opening .desk,body.is-reading .desk{opacity:revert;visibility:visible;pointer-events:auto}body.is-opening .prop,body.is-reading .prop{opacity:0;visibility:hidden;pointer-events:none}body.is-reading .room__wall{opacity:.28}body.is-opening .halo,body.is-reading .halo{opacity:.85!important}body.is-opening .godrays,body.is-reading .godrays{opacity:.22!important}body.is-opening .grain,body.is-reading .grain{opacity:.07!important}body.is-atelier.is-opening .book-rig,body.is-atelier.is-reading .book-rig{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;transform:none!important;display:flex!important;align-items:center;justify-content:center;padding:1.5rem 1.25rem 4.25rem;box-sizing:border-box;z-index:86;overflow:hidden;filter:none!important;transition:none!important;pointer-events:none}body.is-atelier.is-opening .book-shell,body.is-atelier.is-reading .book-shell{position:relative!important;inset:auto!important;pointer-events:auto}body.is-opening .book-rig__shadow,body.is-reading .book-rig__shadow{display:none}body.is-opening .book-rig__shadow,body.is-reading .book-rig__shadow{display:block;opacity:.4;bottom:-10%;height:22%}.rail{position:fixed;left:50%;right:auto;width:min(1440px,94vw);max-width:min(1440px,calc(100vw - 2.5rem));bottom:max(env(safe-area-inset-bottom,0px) + 1.1rem,1.2rem);padding:0;background:none;transform:translate(-50%) translateY(10px)}body.is-reading .rail{transform:translate(-50%) translateY(0)}.rail button{color:#f3ead8eb;border:1px solid rgba(243,234,216,.28);background:#0c0e14d1;border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rail button:hover:not(:disabled){color:var(--ivory);border-color:color-mix(in srgb,var(--tungsten) 50%,transparent);background:#12141ce6}.rail__mid p{color:#f3ead873}.rail__dots span{background:#f3ead840}.rail__dots span.on{background:linear-gradient(90deg,var(--ember),var(--tungsten))}body.is-reading .atelier,body.is-opening .atelier{opacity:0;visibility:hidden;pointer-events:none}body.is-opening .world,body.is-reading .world{background:radial-gradient(ellipse 72% 58% at 50% 40%,#1c1712,#0c0d12 52%,#06070a)}body.is-reading .bgm__btn,body.is-opening .bgm__btn{border-color:#f3ead824;background:#0c0e149e;color:#f3ead8c7}body.is-reading .bgm__state,body.is-opening .bgm__state{color:#f3ead86b}body.is-writing .scribe{opacity:1!important;visibility:visible!important}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;background:#000;overflow:hidden;transition:opacity 1.15s var(--ease-film),visibility 1.15s linear}.intro.is-out{opacity:0;visibility:hidden;pointer-events:none}.intro__flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 44%,rgba(240,180,106,.28),transparent 48%);opacity:0;animation:flash 3.2s var(--ease-film) .2s both}@keyframes flash{0%{opacity:0;transform:scale(.72)}40%{opacity:.9}to{opacity:.26;transform:scale(1.15)}}.intro__beat{position:absolute;z-index:2;display:grid;gap:1.15rem;width:min(28rem,86vw);margin:0;opacity:0;pointer-events:none}.intro__beat--1{justify-items:start;animation:beat 4.4s var(--ease-film) .7s both}.intro__beat--2{justify-items:start;animation:beat 4.6s var(--ease-film) 5.3s both}.intro__verse{margin:0;font-family:var(--font-display);line-height:1.55}.intro__verse--lead{font-size:clamp(1.12rem,2.55vw,1.45rem);letter-spacing:.28em;color:#f3ead8d1;transform:translate(0)}.intro__verse--tail{font-size:clamp(1rem,2.2vw,1.22rem);letter-spacing:.2em;color:#f3ead87a;margin-left:clamp(2.4rem,12vw,5.5rem);padding-left:.85rem;border-left:1px solid rgba(240,180,106,.28);opacity:0}.intro__beat--1 .intro__verse--tail{animation:verse-in 1.1s var(--ease-film) 1.55s both}.intro__beat--2 .intro__verse--tail{animation:verse-in 1.1s var(--ease-film) 6.15s both}.intro__beat--2 .intro__verse--lead{margin-left:clamp(.5rem,4vw,1.8rem)}.intro__beat--2 .intro__verse--tail{margin-left:clamp(3.2rem,16vw,7rem)}@keyframes beat{0%{opacity:0;filter:blur(10px);transform:translateY(18px)}14%{opacity:1;filter:blur(0);transform:none}72%{opacity:1;filter:none}to{opacity:0;filter:blur(8px);transform:translateY(-14px)}}@keyframes verse-in{0%{opacity:0;transform:translate(12px,8px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.intro__title{position:relative;z-index:2;display:grid;justify-items:center;text-align:center;gap:.45rem;opacity:0;animation:title-in 1.4s var(--ease-film) 9.8s forwards}@keyframes title-in{0%{opacity:0;transform:translateY(18px);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}.intro__brand{margin:0;display:flex;gap:.02em;font-family:var(--font-latin);font-size:clamp(3.6rem,14vw,6.4rem);font-weight:700;line-height:.9;letter-spacing:-.04em}.intro__brand span{display:inline-block;opacity:0;transform:translateY(28px);filter:blur(12px);animation:glyph 1s var(--ease-film) forwards}.intro__brand span:nth-child(1){animation-delay:9.95s}.intro__brand span:nth-child(2){animation-delay:10.04s}.intro__brand span:nth-child(3){animation-delay:10.13s}.intro__brand span:nth-child(4){animation-delay:10.22s}.intro__brand span:nth-child(5){animation-delay:10.31s}.intro__brand span:nth-child(6){animation-delay:10.4s}@keyframes glyph{to{opacity:1;transform:none;filter:none}}.intro__zh{margin:.15rem 0 0;font-family:var(--font-display);letter-spacing:.55em;font-size:clamp(1rem,2.4vw,1.25rem);color:var(--ember)}.intro__hint{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 17vh);z-index:3;margin:0;max-width:min(20em,88vw);text-align:center;font-family:var(--font-display);font-size:.76rem;letter-spacing:.26em;line-height:1.7;color:#f3ead861;opacity:0;animation:title-in 1s var(--ease-film) 11s forwards}.intro__cta{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 7.5vh);z-index:3;display:inline-flex;align-items:center;gap:.75rem;min-height:48px;padding:0 1.4rem;border-radius:999px;border:1px solid rgba(240,180,106,.28);background:#f0b46a12;font-family:var(--font-display);letter-spacing:.32em;font-size:.86rem;color:var(--tungsten);opacity:0;animation:title-in 1s var(--ease-film) 11.35s forwards;overflow:hidden}.intro__cta i{width:28px;height:1px;background:var(--tungsten);transition:width .35s var(--ease)}.intro__cta:hover{background:#f0b46a29}.intro__cta:hover i{width:44px}.intro__skip{position:absolute;top:calc(env(safe-area-inset-top,0px) + 1.25rem);right:1.25rem;z-index:4;min-height:40px;letter-spacing:.2em;font-size:.8rem;font-family:var(--font-display);color:#f3ead852;opacity:0;animation:title-in .6s ease 1.2s forwards}.intro__skip:hover{color:#f3ead8cc}@media(max-width:767px){.intro__beat{width:min(22rem,88vw);gap:.95rem}.intro__verse--lead{letter-spacing:.14em;font-size:1.05rem}.intro__verse--tail{letter-spacing:.1em;font-size:.95rem;margin-left:1.6rem}.intro__beat--2 .intro__verse--tail{margin-left:2.2rem}.intro__hint{letter-spacing:.14em;bottom:calc(env(safe-area-inset-bottom,0px) + 15vh)}}@media(prefers-reduced-motion:reduce){.intro__beat,.intro__verse--tail,.intro__flash,.intro__title,.intro__brand span,.intro__cta,.intro__hint,.intro__skip{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}}