@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-500.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-600.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-400-italic.woff2) format("woff2")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/noto-serif-sc-500.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-sc-400.woff2) format("woff2")}.scene{position:fixed;inset:0;overflow:hidden;background:var(--sky);color:var(--ink)}.outside-world{position:absolute;inset:0;overflow:hidden;z-index:1;transform-origin:28% 18%;transition:opacity 2.4s ease .25s,transform 3.2s ease}.sky-background,.cloud-layer,.mountain-layer,.grass-layer,.sunlight-layer{position:absolute;pointer-events:none}.sky-background{inset:-8%;background:url(/images/home/outside.jpg) center / cover no-repeat;transform-origin:50% 40%}.cloud-layer{left:-8%;width:120%;top:0;height:46%;background:radial-gradient(ellipse 18% 34% at 16% 58%,rgba(255,253,247,.42),transparent 70%),radial-gradient(ellipse 24% 40% at 42% 42%,rgba(255,253,247,.28),transparent 72%),radial-gradient(ellipse 16% 30% at 74% 50%,rgba(255,253,247,.34),transparent 70%)}.mountain-layer{left:0;right:0;top:46%;height:16%;background:linear-gradient(to bottom,transparent,rgba(176,206,224,.16),transparent)}.grass-layer{left:0;right:0;bottom:0;height:18%;background:linear-gradient(to top,rgba(120,164,96,.08),transparent)}.sunlight-layer{inset:0;background:radial-gradient(ellipse 46% 34% at 10% 6%,rgba(246,213,139,.5),transparent 68%),linear-gradient(115deg,rgba(255,250,235,.2),transparent 34%);mix-blend-mode:soft-light}.living-sky{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}.sun-glow,.sun-ray,.cloud{position:absolute;pointer-events:none}.sun-glow{top:-18%;left:-12%;width:58%;height:52%;background:radial-gradient(circle at 42% 42%,rgba(255,244,206,.72) 0%,rgba(246,213,139,.38) 32%,rgba(246,213,139,.08) 58%,transparent 74%);mix-blend-mode:soft-light}.sun-ray{top:-28%;left:4%;width:28%;height:125%;background:linear-gradient(90deg,transparent 0%,rgba(255,248,220,.08) 28%,rgba(255,244,200,.42) 50%,rgba(255,248,220,.08) 72%,transparent 100%);mix-blend-mode:soft-light;transform-origin:50% 0%}.cloud{background:radial-gradient(ellipse 42% 68% at 28% 62%,rgba(255,253,247,.92),transparent 70%),radial-gradient(ellipse 54% 78% at 54% 42%,rgba(255,253,247,.84),transparent 72%),radial-gradient(ellipse 34% 58% at 76% 64%,rgba(255,253,247,.78),transparent 70%)}.cloud-a{top:-2%;left:-14%;width:46%;height:24%}.cloud-b{top:1%;right:-12%;width:40%;height:20%;opacity:.85}.cloud-c{top:16%;left:-6%;width:34%;height:16%;opacity:.55}.cloud-d{top:8%;left:28%;width:38%;height:15%;opacity:.42}.portal{position:absolute;inset:-4%;z-index:2;opacity:0;background:url(/images/quiet/inside.jpg) center / cover no-repeat,var(--sky);transform:scale(1.08);transform-origin:42% 36%;pointer-events:none;transition:opacity 2.5s ease .45s,transform 3.4s cubic-bezier(.22,.61,.36,1)}.portal:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 18% 8%,rgba(246,213,139,.32),transparent 48%);pointer-events:none}.scene.is-entering .outside-world,.scene.is-inside .outside-world{opacity:0;transform:scale(1.06) translate3d(-1.2%,-.8%,0)}.scene.is-entering .portal,.scene.is-inside .portal{opacity:1;transform:scale(1)}.scene.is-leaving .outside-world{opacity:1;transform:none;transition-duration:2.3s;transition-delay:.15s}.scene.is-leaving .portal{opacity:0;transform:scale(1.05);transition-duration:2.1s;transition-delay:.2s}.light-field{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:0;overflow:hidden}.light-bloom,.light-streak,.light-haze{position:absolute;pointer-events:none}.light-bloom{left:-28%;top:-36%;width:120%;height:130%;background:radial-gradient(ellipse at 36% 34%,#fffcf0f0,#ffecbab8 28%,#f6d58b47 52%,#f6d58b00 74%);transform:scale(.45);opacity:0}.light-streak{top:-35%;left:-60%;width:42%;height:170%;background:linear-gradient(100deg,transparent 0%,rgba(255,248,220,.18) 22%,rgba(255,252,244,.82) 46%,rgba(246,220,150,.55) 58%,transparent 84%);transform:translateZ(0) rotate(18deg)}.light-streak--soft{width:70%;left:-80%;opacity:.9;background:linear-gradient(96deg,transparent 8%,rgba(255,253,247,.15) 30%,rgba(255,244,210,.62) 50%,transparent 78%)}.light-haze{inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(255,248,226,.75),transparent 52%),linear-gradient(115deg,rgba(255,250,235,.35),transparent 46%);opacity:0}.scene.is-entering .light-field,.scene.is-leaving .light-field{animation:light-pass 2.9s ease forwards}.scene.is-entering .light-bloom,.scene.is-leaving .light-bloom{animation:bloom-spread 2.9s ease forwards}.scene.is-entering .light-streak,.scene.is-leaving .light-streak{animation:streak-drift 2.7s cubic-bezier(.33,.05,.25,1) forwards}.scene.is-entering .light-streak--soft,.scene.is-leaving .light-streak--soft{animation-duration:3.3s;animation-delay:.18s}.scene.is-entering .light-haze,.scene.is-leaving .light-haze{animation:haze-breathe 2.9s ease forwards}@keyframes light-pass{0%{opacity:0}22%{opacity:1}68%{opacity:1}to{opacity:0}}@keyframes bloom-spread{0%{transform:scale(.4) translate3d(-6%,-4%,0);opacity:0}32%{transform:scale(1.15) translate3d(4%,2%,0);opacity:1}62%{transform:scale(1.55) translate3d(12%,8%,0);opacity:.85}to{transform:scale(1.9) translate3d(18%,12%,0);opacity:0}}@keyframes streak-drift{0%{transform:translate3d(-8%,0,0) rotate(16deg)}to{transform:translate3d(210%,4%,0) rotate(16deg)}}@keyframes haze-breathe{0%{opacity:0}30%{opacity:.85}to{opacity:0}}.brand-content,.hint{opacity:0;transition:opacity 1.15s ease}.scene.show-copy .brand-content,.scene.show-copy .hint{opacity:1}.brand-content{position:absolute;z-index:6;top:max(28px,env(safe-area-inset-top));left:50%;width:min(1080px,calc(100% - 48px));transform:translate(-50%);text-align:center;pointer-events:none}.brand-mark{margin:0;font-family:var(--serif-en);font-weight:500;font-size:clamp(72px,10vw,128px);line-height:.9;color:var(--ink);text-shadow:0 1px 0 rgba(255,253,247,.45)}.brand-word{letter-spacing:.34em}.brand-dot{letter-spacing:0;margin-left:-.12em}.brand-stanza{margin-top:22px}.brand-stanza+.brand-stanza{margin-top:26px}.brand-copy,.brand-en{margin:0;text-shadow:0 1px 0 rgba(255,253,247,.45)}.brand-copy{font-family:var(--serif-zh);font-weight:500;font-size:clamp(22px,2.6vw,34px);letter-spacing:.04em;line-height:1.7}.brand-en{margin-top:8px;font-family:var(--serif-soft);font-style:italic;font-weight:400;font-size:clamp(18px,1.7vw,24px);letter-spacing:.01em;line-height:1.55;color:#424b50db}.hint{position:absolute;z-index:7;left:0;right:0;bottom:max(10vh,48px);margin:0;text-align:center;pointer-events:none}.scene.show-copy.is-idle .hint{pointer-events:auto}.play-btn{appearance:none;width:clamp(72px,8vw,88px);height:clamp(72px,8vw,88px);padding:0 0 0 4px;border:1px solid rgba(66,75,80,.28);border-radius:50%;background:#fffdf7b8;color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px #424b501a;backdrop-filter:blur(10px)}.play-btn svg{width:30px;height:30px;display:block}.play-btn:disabled{cursor:default}.play-btn:focus-visible{outline:2px solid rgba(66,75,80,.45);outline-offset:6px}@media(max-width:720px){.brand-content{top:max(20px,env(safe-area-inset-top))}.brand-copy{font-size:clamp(17px,4.6vw,24px);letter-spacing:.02em;line-height:1.65}.brand-en{font-size:clamp(14px,3.5vw,17px);line-height:1.5}.hint{bottom:max(7vh,28px)}}@media(max-height:740px){.brand-mark{font-size:clamp(56px,8vw,96px)}.brand-stanza{margin-top:16px}.brand-stanza+.brand-stanza{margin-top:18px}.brand-en{margin-top:6px}}.scene.lang-zh .brand-en,.scene.lang-en .brand-copy{display:none}.scene.lang-en .brand-en{margin-top:0;font-size:clamp(20px,2.2vw,30px);line-height:1.6;color:var(--ink)}.corner-tools{position:absolute;z-index:12;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px}.lang-switch,.full-btn,.about-link{border:1px solid rgba(66,75,80,.24);background:#fffdf79e;color:var(--ink);box-shadow:0 8px 22px #424b5014;backdrop-filter:blur(10px)}.about-link{border-radius:999px;padding:8px 14px 9px;font-family:var(--serif-zh);font-weight:500;font-size:15px;letter-spacing:.12em;line-height:1;text-decoration:none;flex:none}.lang-switch{display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px}.lang-switch button,.full-btn{appearance:none;cursor:pointer}.lang-switch button{border:0;background:transparent;border-radius:999px;padding:7px 12px 8px;font-family:var(--serif-zh);font-weight:500;font-size:15px;letter-spacing:.12em;line-height:1;color:#424b5094}.lang-switch button.is-active{background:#f6d58b8c;color:var(--ink)}.full-btn{width:42px;height:42px;padding:0;border-radius:50%;display:inline-grid;place-items:center;flex:none}.full-btn svg{width:18px;height:18px;display:block}.lang-switch button:focus-visible,.full-btn:focus-visible,.about-link:focus-visible{outline:2px solid rgba(66,75,80,.45);outline-offset:3px}@media(max-width:1100px){.corner-tools{flex-direction:column;align-items:flex-end;gap:8px}.lang-switch{flex-direction:column;align-items:stretch;border-radius:16px;padding:3px}}@media(max-width:720px){.brand-mark{font-size:clamp(46px,12vw,64px)}.brand-word{letter-spacing:.16em}.corner-tools{flex-direction:column;align-items:flex-end;gap:8px}.lang-switch{flex-direction:column;align-items:stretch;border-radius:16px;padding:3px}.lang-switch button,.about-link{padding:6px 10px;font-size:13px;letter-spacing:.08em}.full-btn{width:36px;height:36px}.scene.lang-en .brand-en{font-size:clamp(15px,3.8vw,18px)}}@media(max-width:540px){.brand-content{top:158px}}@keyframes sky-drift{0%{transform:scale(1.05) translateZ(0)}to{transform:scale(1.09) translate3d(-2%,-1%,0)}}@keyframes cloud-drift{0%{transform:translate3d(-3%,0,0)}to{transform:translate3d(4%,1.2%,0)}}@keyframes sun-breathe{0%{opacity:.35}to{opacity:1}}@keyframes cloud-float{0%{transform:translate3d(-8%,0,0)}to{transform:translate3d(10%,3%,0)}}@keyframes sun-shift{0%{opacity:.45;transform:translateZ(0) scale(1)}to{opacity:1;transform:translate3d(6%,3%,0) scale(1.12)}}@keyframes ray-shift{0%{opacity:.28;transform:rotate(14deg) translateZ(0)}to{opacity:.72;transform:rotate(24deg) translate3d(16%,0,0)}}@keyframes hint-breathe{0%,to{opacity:.62}50%{opacity:1}}@keyframes handle-press{0%{transform:translate(-50%,-50%) scale(1)}45%{transform:translate(-58%,-50%) scale(.94)}to{transform:translate(-50%,-50%) scale(1)}}.sky-background{animation:sky-drift 46s ease-in-out infinite alternate}.cloud-layer{animation:cloud-drift 38s ease-in-out infinite alternate}.sunlight-layer,.portal:after{animation:sun-breathe 12s ease-in-out infinite alternate}.sun-glow{animation:sun-shift 10s ease-in-out infinite alternate}.sun-ray{animation:ray-shift 16s ease-in-out infinite alternate}.cloud-a{animation:cloud-float 22s ease-in-out infinite alternate}.cloud-b{animation:cloud-float 30s ease-in-out infinite alternate-reverse}.cloud-c{animation:cloud-float 18s ease-in-out infinite alternate;animation-delay:-7s}.cloud-d{animation:cloud-float 34s ease-in-out infinite alternate-reverse;animation-delay:-12s}.scene.show-copy.is-idle .play-btn{animation:hint-breathe 4.8s ease-in-out infinite}.scene.is-opening .door-knob{animation:handle-press .42s ease}.scene.is-calm .sky-background,.scene.is-calm .cloud-layer,.scene.is-calm .sunlight-layer,.scene.is-calm .portal:after,.scene.is-hidden .sky-background,.scene.is-hidden .cloud-layer,.scene.is-hidden .sunlight-layer,.scene.is-hidden .portal:after,.scene.is-hidden .living-sky *,.scene.is-reduced .sky-background,.scene.is-reduced .cloud-layer,.scene.is-reduced .sunlight-layer,.scene.is-reduced .portal:after,.scene.is-reduced .living-sky *,.scene.is-reduced .play-btn{animation:none}.scene.is-reduced .light-field,.scene.is-reduced .light-bloom,.scene.is-reduced .light-streak,.scene.is-reduced .light-haze,.scene.is-reduced .outside-world,.scene.is-reduced .portal{animation-duration:.45s;transition-duration:.4s}.scene.is-reduced .brand-content,.scene.is-reduced .hint,.scene.is-reduced .quiet{transition-duration:.35s}@media(prefers-reduced-motion:reduce){.sky-background,.cloud-layer,.sunlight-layer,.portal:after,.living-sky *,.play-btn{animation:none!important}.light-field,.light-bloom,.light-streak,.light-haze,.outside-world,.portal{animation-duration:.45s!important;transition-duration:.4s!important}}.quiet{position:absolute;inset:0;z-index:8;opacity:0;pointer-events:none;transition:opacity 1.2s ease}.quiet.is-visible{opacity:1;pointer-events:auto}.quiet-mark{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));height:42px;margin:0;display:flex;align-items:center;font-family:var(--serif-en);font-weight:500;font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:.28em;color:#424b508c}.quiet:before{content:"";position:absolute;left:50%;top:46%;width:min(880px,92vw);height:460px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,#f7f8f2bd,#f7f8f261 48%,#f7f8f200 74%);pointer-events:none}.quiet-center{position:absolute;inset:0;display:grid;grid-template-rows:minmax(64px,.72fr) auto minmax(180px,1.28fr);justify-items:center;pointer-events:none}.quiet-head{align-self:center;width:min(920px,calc(100% - 40px));text-align:center}.time{margin:0;font-family:var(--serif-en);font-weight:500;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:clamp(88px,16vw,176px);line-height:.95;letter-spacing:.06em;color:var(--ink);transition:opacity .4s ease}.time.is-paused{opacity:.5}.quiet-kicker{margin:14px 0 0;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.kicker-zh,.kicker-en{margin:0}.kicker-zh{font-family:var(--serif-zh);font-weight:500;font-size:clamp(22px,2.6vw,32px);letter-spacing:.18em;line-height:1.2;color:#424b50c7}.kicker-en{font-family:var(--serif-soft);font-style:italic;font-weight:400;font-size:clamp(16px,1.7vw,22px);letter-spacing:.02em;line-height:1.3;color:#424b50b8}.scene.lang-zh .kicker-en,.scene.lang-zh .quote-en,.scene.lang-en .kicker-zh,.scene.lang-en .quote-zh{display:none}.scene.lang-en .kicker-en{font-size:clamp(20px,2.4vw,30px);color:#424b50d1}.scene.lang-en .quote-en{margin-top:0;max-width:20em;font-size:clamp(26px,3.6vw,44px);line-height:1.5;color:var(--ink)}.quote-block{align-self:stretch;width:min(920px,calc(100% - 40px));height:100%;min-height:0;display:flex;flex-direction:column;pointer-events:none}.quote-stage{position:relative;flex:1;min-height:0;margin-top:28px;overflow:hidden}.quote-card{position:absolute;left:0;right:0;top:0}.quote-zh{margin:0 auto;max-width:18em;font-family:var(--serif-zh);font-weight:500;font-size:clamp(32px,4.8vw,56px);line-height:1.75;letter-spacing:.06em}.quote-en{margin:12px auto 0;max-width:26em;font-family:var(--serif-soft);font-style:italic;font-weight:400;font-size:clamp(24px,3vw,36px);line-height:1.5;color:#424b50c2}.quote-enter-active,.quote-leave-active{transition:opacity .55s ease}.quote-enter-from,.quote-leave-to{opacity:0}@media(max-width:720px){.quiet-mark{left:max(18px,env(safe-area-inset-left));height:36px}.quiet-center{grid-template-rows:minmax(56px,.62fr) auto minmax(160px,1.38fr)}.quiet-head,.quote-block{width:min(680px,calc(100% - 28px))}}@media(prefers-reduced-motion:reduce){.quote-enter-active,.quote-leave-active,.quiet,.time{transition-duration:.2s}}:root{--sky: #8ecbf0;--cloud: #fffdf7;--grass: #91b77b;--sun: #f6d58b;--wood: #d9b98c;--wood-deep: #b08960;--ink: #424b50;--paper: #f7f8f2;--frame: 18px;--depth: 16px;--door-h: clamp(340px, calc(100dvh - 330px) , 620px);--door-w: calc(var(--door-h) * .44);--serif-zh: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--sans-zh: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--serif-en: "Cormorant Garamond", "Palatino Linotype", Palatino, serif;--serif-soft: "EB Garamond", "Cormorant Garamond", Palatino, serif;color:var(--ink);font-family:var(--sans-zh);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky);overscroll-behavior:none}html.is-scroll,html.is-scroll body{height:auto;overflow:visible;overscroll-behavior:auto}body{min-height:100%;min-height:100dvh}button,[role=button]{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{margin:0;background:#8ecbf0}