:root{color-scheme:dark;font-family:"Dunhuang Sans","Songti SC","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;background:#070a0c;color:#f3e7cd}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#070a0c}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #e7c47f;outline-offset:5px}button:disabled{cursor:wait;opacity:.45}#experience{position:relative;width:100%;height:100%;min-height:300px;overflow:hidden;background:#070a0c}#ornament{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s}.phase-kaleidoscope #ornament{opacity:1}.shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 20%,#02040599 100%);opacity:0;transition:opacity 1s}.phase-kaleidoscope .shade{opacity:1}.stage{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .55s ease,visibility .55s}.stage.visible{visibility:visible;opacity:1;pointer-events:auto}#landing{background:radial-gradient(circle at 73% 45%,#1a2727 0,#0b1113 44%,#050708 82%)}.landing-art{position:absolute;width:min(77vw,980px);height:min(77vw,980px);right:-4vw;top:50%;transform:translateY(-50%);object-fit:cover;border-radius:50%;filter:saturate(.92) contrast(1.05);opacity:.74;mask-image:radial-gradient(circle,#000 48%,#000b 67%,transparent 73%);-webkit-mask-image:radial-gradient(circle,#000 48%,#000b 67%,transparent 73%);animation:landing-breathe 12s ease-in-out infinite alternate}.landing-copy{position:absolute;z-index:2;left:clamp(32px,8vw,145px);top:50%;transform:translateY(-50%);text-shadow:0 3px 26px #000}.eyebrow{margin:0;color:#c8ae7a;font:500 clamp(8px,.8vw,12px)/1.5 Georgia,serif;letter-spacing:.32em}.landing-copy h1{margin:24px 0 18px;font-family:"Dunhuang Sans","Songti SC",serif;font-size:clamp(52px,7.5vw,118px);font-weight:360;line-height:1.01;letter-spacing:.08em}.landing-copy h1 span{color:#e3bf74}.lead{margin:0 0 39px;color:#c8b99e;font-size:clamp(13px,1.15vw,18px);letter-spacing:.36em}.landing-copy button{display:flex;align-items:center;gap:36px;padding:14px 18px 14px 26px;border:1px solid #d6b67666;border-radius:3px;background:#c9a45e18;color:#f4dfb6;letter-spacing:.22em;transition:background .25s,transform .25s}.landing-copy button:hover:not(:disabled){background:#c9a45e30;transform:translateX(4px)}.landing-copy button i{font:22px Georgia,serif}.edition{position:absolute;left:clamp(32px,8vw,145px);bottom:clamp(24px,5vh,58px);margin:0;color:#8f826d;font-size:10px;letter-spacing:.19em}#loading{height:16px;margin:15px 0 0;color:#8e826e;font-size:10px;letter-spacing:.13em}.ready #loading{visibility:hidden}@keyframes landing-breathe{to{transform:translateY(-50%) scale(1.035) rotate(1.6deg);filter:saturate(1.04) contrast(1.08)}}
#intro{background:#080b0d}.intro-backdrop{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(18px) brightness(.24) saturate(.8);transform:scale(1.06);animation:intro-bg 14s ease-in-out infinite alternate}.intro-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 26% 60%,#ab875b28 0,transparent 45%),linear-gradient(90deg,#06090bbd 0,transparent 55%,#06090be8 100%)}.presenter-wrap{position:absolute;z-index:1;left:clamp(6vw,10vw,12vw);bottom:-2vh;height:min(88vh,860px);aspect-ratio:350/622;filter:drop-shadow(0 24px 42px #000b)}#presenter{width:100%;height:100%;object-fit:contain;object-position:center bottom;animation:presenter-float 4.8s ease-in-out infinite}.intro-copy{position:absolute;z-index:2;right:clamp(6vw,10vw,13vw);top:50%;transform:translateY(-50%);width:min(49vw,730px);padding:clamp(26px,4vw,60px);border-left:1px solid #d4b77973;background:linear-gradient(90deg,#11171888,transparent);text-shadow:0 3px 24px #000}.intro-copy blockquote{margin:25px 0 27px;font-family:"Dunhuang Sans","Songti SC",serif;font-size:clamp(26px,3.1vw,51px);font-weight:380;line-height:1.68;letter-spacing:.09em;color:#f5e5c5}.voice-line{display:flex;align-items:center;gap:12px;color:#b6a486;font-size:10px;letter-spacing:.18em}.voice-line span{display:block;width:45px;height:1px;background:#d2ae68}.voice-line em{font-style:normal}@keyframes presenter-float{50%{transform:translateY(-7px) scale(1.01)}}@keyframes intro-bg{to{transform:scale(1.12) rotate(-1deg)}}
#countdown{background:#07090b}.countdown-art{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;opacity:0;transform:scale(1.08);filter:saturate(.92) contrast(1.06);transition:opacity .48s ease,transform 1.6s ease}.countdown-art.active{opacity:1;transform:scale(1.015)}.countdown-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030506d9 0,transparent 46%,#0305067d 100%),linear-gradient(180deg,#03050688 0,transparent 33%,#0305068f 100%)}.pattern-label{position:absolute;left:clamp(28px,5.5vw,96px);top:clamp(30px,6vh,74px);padding-left:23px;border-left:2px solid #d0ad68;text-shadow:0 2px 20px #000}.pattern-label p{margin:0 0 10px;color:#d0b77f;font-size:10px;letter-spacing:.28em}.pattern-label h2{margin:0;font-size:clamp(25px,3vw,46px);font-weight:430;letter-spacing:.14em}.pattern-label span{display:block;margin-top:11px;color:#b4a486;font:11px Georgia,serif;letter-spacing:.22em}#countdown-number{position:absolute;right:clamp(32px,8vw,150px);top:50%;transform:translateY(-50%);font:300 clamp(154px,26vw,430px)/.8 Georgia,serif;color:#f0d59a;text-shadow:0 7px 60px #000;opacity:.86}.number-pop{animation:number-pop .56s ease both}.countdown-tip{position:absolute;left:clamp(28px,5.5vw,96px);bottom:clamp(34px,7vh,84px);margin:0;color:#e1d4bc;font-size:clamp(12px,1.15vw,17px);letter-spacing:.22em;text-shadow:0 2px 14px #000}@keyframes number-pop{0%{opacity:0;transform:translateY(-50%) scale(.82)}60%{opacity:.95}100%{opacity:.86;transform:translateY(-50%) scale(1)}}
#kaleidoscope-ui{background:transparent}.identity{position:absolute;left:clamp(24px,4.4vw,88px);top:clamp(24px,5.1vh,60px);pointer-events:none;text-shadow:0 2px 15px #000}.identity p{margin:0 0 10px;color:#c8b38b;font:500 9px/1.4 Georgia,serif;letter-spacing:.33em}.identity h1{margin:0;font-size:clamp(18px,1.7vw,28px);font-weight:500;letter-spacing:.17em}.identity h1 span{padding:0 .2em}.motif-caption{position:absolute;right:clamp(24px,4.4vw,88px);top:clamp(24px,5.1vh,60px);text-align:right;pointer-events:none;text-shadow:0 2px 15px #000}.motif-caption>span{color:#baa681;font:11px Georgia,serif;letter-spacing:.2em}.motif-caption h2{margin:10px 0 6px;font-weight:450;font-size:18px;letter-spacing:.18em}.motif-caption p{margin:0;color:#ae9d83;font-size:10px;letter-spacing:.12em}.motif-dots{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);display:flex;gap:11px;padding:10px 15px;border:1px solid #e6c98f20;border-radius:30px;background:#070b0db0;backdrop-filter:blur(12px)}.motif-dots button{width:10px;height:10px;padding:0;border:1px solid #edd29a99;border-radius:50%;background:transparent}.motif-dots button.selected{background:#e3bf79;box-shadow:0 0 0 4px #e3bf7926}.toolbar{position:absolute;display:flex;align-items:center;gap:10px;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translateX(-50%);padding:9px 13px;border:1px solid rgba(236,214,164,.16);border-radius:13px;background:rgba(8,11,14,.76);box-shadow:0 16px 48px #0008;backdrop-filter:blur(20px)}.toolbar button{height:36px;padding:8px 12px;border:0;border-radius:7px;background:transparent;color:#d0c2a8;font-size:11px;letter-spacing:.08em;white-space:nowrap}.toolbar button:hover{background:#a5905d24;color:#f6e5c6}.toolbar .divider{height:24px;width:1px;background:#dcc69c21}.toolbar .icon{width:36px;padding:8px}.icon svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#sound[aria-pressed=true]{color:#efd096}#sound[aria-pressed=true] #sound-slash{display:none}.chrome{transition:opacity .4s,visibility .4s}.clean .chrome{opacity:0;visibility:hidden;pointer-events:none}#restore{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:none;padding:9px 12px;border:1px solid #dfc69742;border-radius:30px;background:#070b0da8;color:#e4d5b9;font-size:10px}.clean #restore{display:block}#toast{position:absolute;left:50%;bottom:145px;transform:translateX(-50%);margin:0;padding:9px 15px;background:#0b1115e8;border:1px solid #9b845233;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s;white-space:nowrap}#toast.visible{opacity:1}audio{display:none}
@media(max-width:700px){.landing-art{width:112vw;height:112vw;right:-39vw;top:39%;opacity:.61}.landing-copy{left:25px;right:22px;top:54%}.landing-copy h1{font-size:55px;margin-top:18px}.landing-copy .eyebrow{max-width:230px;line-height:1.7}.lead{font-size:11px;margin-bottom:31px}.edition{left:25px;font-size:8px}.presenter-wrap{height:63vh;left:50%;transform:translateX(-50%);bottom:14vh}.presenter-wrap #presenter{animation:presenter-float-mobile 4.8s ease-in-out infinite}.intro-copy{left:21px;right:21px;top:auto;bottom:max(22px,env(safe-area-inset-bottom));transform:none;width:auto;padding:20px 20px 18px;border-left:1px solid #d4b77973;background:#080c0de8;backdrop-filter:blur(14px)}.intro-copy blockquote{margin:12px 0 14px;font-size:22px;line-height:1.55;letter-spacing:.055em}.intro-copy .eyebrow{font-size:8px}.voice-line{font-size:8px}.pattern-label{left:22px;top:31px;padding-left:14px}.pattern-label h2{font-size:27px}.pattern-label p{font-size:8px}.pattern-label span{font-size:9px}#countdown-number{right:18px;top:61%;font-size:175px}.countdown-tip{left:23px;right:23px;bottom:29px;font-size:11px;line-height:1.75;letter-spacing:.13em}.identity{top:24px;left:22px}.identity p{font-size:7px}.identity h1{font-size:17px}.motif-caption{right:22px;top:26px}.motif-caption h2{font-size:13px}.motif-caption p{display:none}.motif-caption>span{font-size:9px}.motif-dots{bottom:105px;gap:9px;padding:9px 12px}.motif-dots button{width:8px;height:8px}.toolbar{width:calc(100% - 28px);bottom:max(18px,env(safe-area-inset-bottom));justify-content:center;gap:3px;padding:8px}.toolbar button{font-size:10px;padding:7px}.toolbar .divider{display:none}#toast{bottom:155px;max-width:80%;white-space:normal;text-align:center}@keyframes presenter-float-mobile{0%,100%{transform:none}50%{transform:translateY(-7px) scale(1.01)}}}
@media(max-height:520px) and (min-width:600px){.presenter-wrap{height:94vh;left:12vw}.intro-copy{right:6vw;width:52vw;padding:25px}.intro-copy blockquote{font-size:27px;line-height:1.5;margin:16px 0}.motif-dots{bottom:69px}.toolbar{bottom:10px}.identity,.motif-caption{top:18px}#countdown-number{font-size:210px}.countdown-tip{bottom:23px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}