@layer reset,base,layout,intro,responsive;@layer reset{*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #617d92;outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}}@layer base{:root{color-scheme:light;--paper: #f4f6f8;--ink: #344959;--muted: #6b8191;--line: #b9c8d2;--blue: #a9c9df;--serif: "Songti SC", "Noto Serif CJK SC", "Noto Serif CJK JP", "Yu Mincho", "Hiragino Mincho ProN", SimSun, serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}button{border:0;background:none}button:hover{color:#2a536d}button:active{transform:translateY(1px)}::selection{background:#d4e3ee}.archive{position:relative;isolation:isolate;height:100svh;min-height:680px;overflow:hidden;background:radial-gradient(ellipse at 70% 39%,#fff 0,transparent 56%),linear-gradient(125deg,#e9f0f5,#f6f8fa 42%,#e9eff4)}.archive:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23aabbcc' opacity='.2' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}}@layer layout{.ambient-window{pointer-events:none;position:absolute;width:75vw;height:130vh;top:-30%;left:20%;transform:rotate(-32deg);background:linear-gradient(90deg,transparent 20%,#fff9 20%,#fff9 21%,transparent 21%,transparent 46%,#fff8 46%,#fff8 46.7%,transparent 46.7%),linear-gradient(0deg,transparent 35%,#b2c3d117 35%,#b2c3d117 35.4%,transparent 35.4%);filter:blur(2px)}.edge-rail{position:absolute;inset:24px;border:1px solid #b9c8d240;pointer-events:none}.edge-rail:before,.edge-rail:after{content:"+";position:absolute;color:#9eafbc;font-size:16px;line-height:10px;top:-5px;background:#eef3f6}.edge-rail:before{left:-5px}.edge-rail:after{right:-5px}.scene-region{position:absolute;top:12%;left:26%;right:-3%;height:82%;z-index:1;transition:opacity 1s}.is-intro .scene-region{opacity:.6}.scene-region canvas{display:block;touch-action:pan-y}.page-ui{position:absolute;inset:0;z-index:3;pointer-events:none}.page-ui button,.page-ui a{pointer-events:auto}.masthead{position:absolute;top:52px;left:58px;right:58px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:18px;letter-spacing:.15em}.brand-star{font-size:38px;font-family:Georgia,serif;font-weight:400;color:#7d9aaf}.wordmark small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.23em;margin-top:6px;color:#71899b}.header-note{font-size:9px;letter-spacing:.24em;color:#8195a4;margin-left:auto;margin-right:38px}.replay{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.13em;min-height:44px;padding:8px 0}.replay>span:first-child{font-size:20px;font-weight:300}.page-copy{position:absolute;top:31%;left:8%;max-width:450px}.eyebrow{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.2em;color:#718999}.eyebrow>span:first-child{font-size:11px;letter-spacing:.27em}.eyebrow i{width:28px;height:1px;background:#9db0bd}.page-copy h1{font-family:var(--serif);font-size:clamp(30px,3.2vw,49px);font-weight:400;line-height:1.7;letter-spacing:.1em;margin:27px 0 18px}.title-dot{color:#8fa8bb}.page-copy p{font-family:var(--serif);font-size:14px;letter-spacing:.25em;color:#728595;margin:0}.copy-rule{display:flex;align-items:center;gap:14px;color:#8da7ba;margin-top:41px}.copy-rule span{font-size:22px}.copy-rule i{height:1px;width:80px;background:#b9cbd6}.small-note{display:block;font-size:10px;letter-spacing:.2em;color:#8296a5;margin-top:11px}.scene-label{position:absolute;right:63px;top:27%;display:flex;align-items:flex-start;gap:12px;font-size:8px;line-height:1.9;letter-spacing:.16em;color:#8399a9}.scene-label i{display:block;width:37px;height:1px;background:#a8bccb;margin-top:7px}.scene-label b{font-weight:400;color:#9aabb7}.footer{position:absolute;bottom:44px;left:58px;right:58px;border-top:1px solid #b7c7d25e;padding-top:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.footer-left{font-family:var(--serif);font-size:11px;letter-spacing:.18em;color:#758b9b;display:flex;align-items:center;gap:12px}.tiny-diamond{display:inline-block;width:5px;height:5px;border:1px solid #8ca5b8;transform:rotate(45deg)}.phase-note{text-align:center;font-size:10px;letter-spacing:.2em;color:#6a8294}.phase-note small{display:block;font-size:9px;color:#8a9ca9;letter-spacing:.08em;margin-top:6px}.edition{font-size:9px;letter-spacing:.2em;color:#8396a4}.edition i{font-style:normal;margin:0 12px;color:#b3c1cb}.scene-loading{position:absolute;z-index:5;left:60%;top:52%;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px;letter-spacing:.2em;color:#6c8292}.scene-loading span{font-size:36px;animation:breathe 1.8s ease-in-out infinite}.content-warning{position:absolute;bottom:10px;left:58px;font-size:10px;color:#586d7c}.fallback{position:absolute;z-index:4;right:10%;top:30%;width:38%;text-align:center;padding:20px;background:#f3f6f8b8}.fallback h2{font:400 24px var(--serif);letter-spacing:.12em}.fallback p{font-size:12px;line-height:2;color:#708797}.fallback button{font-size:12px;border-bottom:1px solid #b2c4d0;min-height:44px}.paper-stack{height:150px;position:relative;width:180px;margin:0 auto 30px}.paper-stack>div{width:160px;height:130px;border:1px solid #c6d4df;background:#f7f9fa;box-shadow:0 10px 20px #69829912;position:absolute;top:0;left:0;transform:rotate(-10deg)}.paper-stack>div:nth-child(2){transform:rotate(7deg)}.paper-stack>div:last-child{transform:rotate(-2deg);font-size:45px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#91aaba}.paper-stack small{font:7px Arial;letter-spacing:1.5px;margin-top:16px}@keyframes breathe{50%{opacity:.35}}}@layer intro{.intro{position:absolute;z-index:10;inset:0;background:radial-gradient(ellipse at 50% 46%,#fff,#f1f5f8 58%,#e5edf3);display:flex;align-items:center;justify-content:center;overflow:hidden}.intro:before{content:"";position:absolute;inset:24px;border:1px solid #b5c6d35e}.intro-top,.intro-bottom{position:absolute;left:58px;right:58px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.22em;color:#8399aa}.intro-top{top:58px}.intro-bottom{bottom:43px}.intro-bottom button{font-size:11px;letter-spacing:.16em;min-height:44px;padding:8px 0}.intro-bottom button span{margin-left:20px}.intro-center{position:relative;text-align:center;width:100%;padding:50px}.intro-ornament{display:flex;justify-content:center;align-items:center;gap:23px;margin-bottom:29px}.intro-hairline{display:block;width:75px;height:1px;background:linear-gradient(90deg,transparent,#9db5c5);transform-origin:right}.intro-hairline:last-child{transform:rotate(180deg)}.intro-mark{display:block;font-size:35px;font-family:Georgia,serif;color:#91acbf}.intro-title{position:relative;width:max-content;max-width:100%;margin:auto;overflow:hidden}.intro-title h1{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3.4vw,47px);letter-spacing:.16em;line-height:1.8;margin:0;color:#425b6d}.intro-char{display:inline-block}.intro-sheen{position:absolute;pointer-events:none;top:0;bottom:0;width:60%;left:0;background:linear-gradient(110deg,transparent,#fff9,transparent);transform:skew(-20deg)}.intro-sub{font-family:var(--serif);font-size:14px;letter-spacing:.3em;color:#8097a8;margin:25px 0 0}.intro-english{font-family:Georgia,serif;font-style:italic;font-size:13px;letter-spacing:.15em;color:#92a6b5;margin-top:13px}.intro-wing{position:absolute;width:70px;height:70px;border-top:1px solid #b3c5d155;top:50%;transform:rotate(45deg)}.intro-wing.left{left:11%;border-left:1px solid #b3c5d155}.intro-wing.right{right:11%;border-right:1px solid #b3c5d155;transform:rotate(-45deg)}}@layer responsive{@media(min-width:1600px){.page-copy{left:10%}.scene-region{left:28%;right:0}}@media(max-width:1000px)and (min-aspect-ratio:85/100){.masthead{left:38px;right:38px}.page-copy{left:6%;top:30%}.page-copy h1{font-size:32px}.scene-region{left:25%;right:-7%;top:16%;height:76%}.header-note{display:none}.scene-label{right:42px;top:24%}.footer{left:38px;right:38px}.footer-left{font-size:10px}.edition{display:none}}@media(max-aspect-ratio:85/100){.archive{min-height:760px;height:100svh}.edge-rail{inset:14px}.masthead{top:max(29px,env(safe-area-inset-top));left:29px;right:29px;gap:12px}.wordmark{font-size:15px;gap:10px}.brand-star{font-size:31px}.wordmark small{font-size:6px;letter-spacing:.16em;margin-top:5px}.header-note{display:none}.replay{font-size:10px;gap:5px}.replay>span:first-child{font-size:18px}.page-copy{top:16%;left:0;width:100%;max-width:none;text-align:center}.eyebrow{justify-content:center;font-size:8px;gap:10px}.eyebrow>span:first-child{font-size:10px}.page-copy h1{font-size:28px;line-height:1.55;letter-spacing:.13em;margin:18px 0 13px}.page-copy p{font-size:11px;letter-spacing:.22em}.copy-rule,.small-note{display:none}.scene-region{top:34%;left:0;right:0;height:53%}.scene-label{top:38%;right:28px;font-size:6px;gap:7px}.scene-label i{width:20px;margin-top:5px}.footer{left:29px;right:29px;bottom:max(28px,env(safe-area-inset-bottom));padding-top:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.footer-left{font-size:10px;letter-spacing:.12em}.phase-note{font-size:9px}.phase-note small{font-size:8px;margin-top:5px}.edition{display:none}.intro:before{inset:14px}.intro-top,.intro-bottom{left:29px;right:29px;font-size:7px;letter-spacing:.13em}.intro-top{top:38px}.intro-bottom{bottom:30px}.intro-bottom>span{max-width:140px;line-height:1.8}.intro-center{padding:24px}.intro-title{max-width:310px}.intro-title h1{font-size:28px;letter-spacing:.13em;max-width:290px;line-height:1.85}.intro-sub{font-size:12px;letter-spacing:.2em}.intro-english{font-size:11px}.intro-hairline{width:45px}.intro-wing{width:25px;height:25px;top:55%}.intro-wing.left{left:5%}.intro-wing.right{right:5%}.scene-loading{left:0;width:100%;top:58%;font-size:10px}.fallback{left:7%;right:7%;width:auto;top:39%;padding:10px}.fallback h2{font-size:20px}.fallback p{font-size:10px}.paper-stack{transform:scale(.75);height:110px;margin-bottom:0}.content-warning{left:25px;bottom:4px;font-size:8px}}@media(max-width:360px)and (max-aspect-ratio:85/100){.wordmark{font-size:13px}.page-copy h1,.intro-title h1{font-size:25px}.replay span:last-child{font-size:9px}}@media(min-width:600px)and (max-aspect-ratio:85/100){.archive{min-height:900px}.page-copy h1{font-size:38px}.scene-region{top:34%;height:52%}.masthead{left:44px;right:44px}.wordmark{font-size:18px}.wordmark small{font-size:8px}.intro-title{max-width:100%}.intro-title h1{max-width:none;font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}}