:root{--paper:#eee9dd;--ink:#111815;--jade:#bbcfbe;--gold:#c3a575}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;margin:0}body{color:var(--paper);font-family:Noto Serif SC,Songti SC,STSong,SimSun,serif}button,input{font:inherit}button{color:inherit}[hidden]{display:none!important}.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}.experience{isolation:isolate;background:#101613;min-height:100svh;position:relative;overflow:hidden}.scene-stack,.story-scene,.cinema-shade,.mist-layer{position:absolute;inset:0}.story-scene{will-change:opacity, transform;background-position:50%;background-size:cover;transition:opacity 15s cubic-bezier(.4,0,.2,1),transform 8s linear;transform:scale(1.035)}.is-playing .story-scene{transform:scale(1.085)}.scene-1{background-position:48%}.scene-2{background-position:52%}.scene-3{background-position:49%}.scene-4{background-position:52%}.cinema-shade{background:linear-gradient(#070d0b9c 0%,#0000 24% 62%,#070d0bd9 100%),linear-gradient(90deg,#07100d94 0%,#0000 40%,#07100d24 100%)}.mist-layer{opacity:.16;mix-blend-mode:screen;background:radial-gradient(ellipse at calc(20% + var(--progress) * 55%) 54%, #dbe4d6 0, transparent 38%);animation:16s ease-in-out infinite alternate mist-drift}@keyframes mist-drift{to{opacity:.23;translate:5% -2%}}.site-header{z-index:8;letter-spacing:.3em;color:#f1ecdfc2;grid-template-columns:1fr auto 1fr;padding:27px clamp(22px,4vw,64px);font-size:11px;display:grid;position:absolute;inset:0 0 auto}.site-header p{margin:0}.site-header p:last-child{text-align:right;letter-spacing:.18em;font-family:Arial,sans-serif}.header-center{opacity:.65}.opening{z-index:5;text-shadow:0 3px 24px #000b;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100svh;padding:100px clamp(28px,9vw,148px) 80px;transition:opacity 1.5s,transform 1.5s,filter 1.5s;display:flex;position:relative}.opening-kicker{letter-spacing:.36em;color:#e6d9be;margin:0 0 22px;font-size:11px}h1{letter-spacing:.1em;max-width:750px;margin:0;font-size:clamp(54px,7.6vw,112px);font-weight:400;line-height:1.03}.opening-line{letter-spacing:.2em;color:#f0eadbc4;margin:28px 0 34px;font-size:clamp(13px,1.2vw,17px)}.enter-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;letter-spacing:.16em;background:#0c1511a3;border:1px solid #e9eedf55;border-radius:999px;align-items:center;gap:13px;padding:10px 20px 10px 10px;font-size:12px;transition:background .3s,border-color .3s,transform .3s;display:flex;position:relative;box-shadow:0 16px 60px #0007,inset 0 0 24px #dbe9d10d}.enter-button:hover{background:#18261ec7;border-color:#edf3e2a8;transform:translateY(-2px)}.jade-disc{aspect-ratio:1;border:9px solid #bdd2be;border-radius:50%;width:42px;box-shadow:0 0 24px #e5f4df80,inset 0 0 8px #718e7899}.sound-note{letter-spacing:.22em;opacity:.58;margin:12px 0 0 12px;font-size:9px}.is-entered .opening{pointer-events:none;opacity:0;filter:blur(8px);transform:translateY(-24px)}.chapter-copy{z-index:6;text-shadow:0 3px 22px #000e;width:min(580px,100% - 56px);animation:.65s ease-out both chapter-in;position:absolute;bottom:clamp(116px,18vh,176px);left:clamp(28px,7vw,112px)}.chapter-copy p{letter-spacing:.34em;color:#dbc49b;margin:0 0 13px;font-size:10px}.chapter-copy h2{letter-spacing:.08em;margin:0;font-size:clamp(23px,3vw,43px);font-weight:400;line-height:1.55}@keyframes chapter-in{0%{opacity:0;filter:blur(5px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}.player{z-index:12;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a100ec4;border:1px solid #ebe9dc2e;border-radius:999px;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:13px;width:min(780px,100% - 48px);padding:11px 14px;display:grid;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 16px 60px #0008}.play-button,.quiet-button,.ending-card button,.rest-panel button{cursor:pointer;background:#d8e2d41a;border:1px solid #e7ebdf3b;border-radius:999px;transition:background .25s,border-color .25s}.play-button:hover,.quiet-button:hover,.ending-card button:hover,.rest-panel button:hover{background:#d8e2d42d;border-color:#e7ebdf80}.play-button{letter-spacing:.14em;width:54px;height:36px;font-size:10px}.quiet-button{letter-spacing:.13em;white-space:nowrap;padding:8px 13px;font-size:10px}.time{color:#eee9dda1;min-width:37px;font:10px/1 Arial,sans-serif}.progress-wrap{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:30px;display:block;position:relative}.progress-rail{background:#e9ede22e;border-radius:999px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.progress-fill{border-radius:inherit;background:#c4d7c2;height:100%;display:block;box-shadow:0 0 12px #dcebd67a}.progress-dot{background:#e6eee2;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #dcebd6a6}.progress{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.ending-card,.rest-panel{z-index:22;text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0b120fd9;border:1px solid #edeadc42;border-radius:26px;width:min(590px,100% - 40px);padding:clamp(34px,5vw,62px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 100px #000a}.ending-card>p,.rest-panel>p{letter-spacing:.3em;color:var(--gold);margin:0;font-size:10px}.ending-card h2,.rest-panel h2{letter-spacing:.08em;margin:15px 0 27px;font-size:clamp(26px,4vw,42px);font-weight:400;line-height:1.55}.ending-card>div,.rest-panel>div:last-child{justify-content:center;gap:10px;display:flex}.ending-card button,.rest-panel button{letter-spacing:.14em;padding:11px 18px;font-size:10px}.is-resting .scene-stack,.is-resting .site-header,.is-resting .chapter-copy,.is-resting .player{filter:blur(18px)brightness(.42);transition:filter 1.2s}.rest-panel{background:radial-gradient(circle at 50% 18%,#405849 0,#18221c 45%,#0c120f 100%)}.rest-panel>span{letter-spacing:.2em;opacity:.58;margin:-8px 0 26px;font-size:10px;display:block}.breathing-jade{aspect-ratio:1;border:18px solid #bfd3be;border-radius:50%;width:86px;margin:0 auto 27px;animation:8s ease-in-out infinite breathe;box-shadow:0 0 70px #dff0da8c,inset 0 0 18px #6a8972}@keyframes breathe{0%,to{opacity:.68;scale:.78}50%{opacity:1;scale:1.16}}.film-grain{z-index:30;pointer-events:none;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (max-width:700px){.site-header{grid-template-columns:1fr 1fr;padding:22px 20px}.header-center{display:none}.opening{text-align:center;align-items:center;padding-inline:24px}.opening-kicker{letter-spacing:.22em}h1{font-size:clamp(48px,16vw,74px);line-height:1.08}.opening-line{font-size:12px}.chapter-copy{width:calc(100% - 48px);bottom:126px;left:24px}.chapter-copy h2{font-size:clamp(21px,7vw,31px)}.player{border-radius:22px;grid-template-columns:auto 1fr auto;gap:9px;width:calc(100% - 28px);padding:10px;bottom:16px}.player .time{display:none}.ending-card>div,.rest-panel>div:last-child{flex-direction:column}.scene-1,.scene-2{background-position:58%}.scene-3{background-position:56%}.scene-4{background-position:60%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}