:root{font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;color:#263e36;background:#eeeee5;--ink:#263e36;--muted:#77867b;--line:#bac5b85c;--accent:#385e49;--paper:#eeeee5;--panel:#f5f5ec;--glow:#cad7c1}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);transition:background 1s,color 1s}body[data-scene=dusk]{--paper:#f0e6d5;--ink:#564134;--muted:#8c7867;--accent:#82593d;--panel:#f9eee0;--glow:#e5cfa8}body[data-scene=moon]{--paper:#182b2c;--ink:#dce5d9;--muted:#a3b5ad;--accent:#d0dac4;--panel:#233a39;--glow:#3b5c59}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.wash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 73% 40%,var(--glow),transparent 58%);opacity:.65}#air{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;margin:0 5%;height:98px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;font:600 21px Georgia,serif;letter-spacing:3px}.brand-symbol{width:42px;height:42px;border:1px solid var(--ink);display:grid;place-items:center;font:26px "SimSun",serif;transform:rotate(-4deg)}.brand small{display:block;font:8px sans-serif;letter-spacing:4px;margin-top:7px}.topbar nav{display:flex;gap:40px;height:100%;align-items:center}.topbar nav button{font-size:13px;height:100%;position:relative}.nav-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.top-right{display:flex;align-items:center;gap:22px;font-size:11px}#clock{font-variant-numeric:tabular-nums;letter-spacing:1px}.round{font-size:25px}.stage{position:relative;max-width:1500px;margin:auto;min-height:570px;height:calc(100svh - 325px);display:grid;grid-template-columns:46% 54%;padding:0 7%;align-items:center}.introduction{position:relative;z-index:3;padding:25px 0}.eyebrow{font-size:8px;letter-spacing:2.3px;display:flex;align-items:center;gap:12px;color:var(--muted)}.eyebrow span{width:23px;height:1px;background:var(--accent)}h1{font:400 clamp(44px,4.7vw,72px)/1.43 "Songti SC","SimSun",serif;letter-spacing:5px;margin:30px 0 22px}h1 span{color:var(--accent)}.poem{font-size:13px;line-height:2.1;letter-spacing:2px;color:var(--muted)}.primary{background:var(--accent);color:var(--paper);padding:14px 23px;border-radius:2px;display:inline-flex;align-items:center;gap:44px;margin-top:22px;font-size:12px}.primary:hover{filter:brightness(1.15)}.sound-hint{font-size:9px;color:var(--muted);margin-top:14px}.scene-caption{margin-top:42px;font-size:9px;display:flex;gap:24px;letter-spacing:1px;color:var(--muted)}.portrait{position:relative;margin:0;height:100%;max-height:710px;min-height:540px;display:flex;align-items:center;justify-content:center}.art-frame{position:relative;width:90%;height:95%;max-height:660px;overflow:hidden;mask-image:linear-gradient(transparent,black 7%,black 88%,transparent);mix-blend-mode:multiply}.art-frame img,.art-frame video{width:100%;height:100%;object-fit:contain;display:block}.art-frame video{object-fit:cover}body[data-scene=moon] .art-frame{mix-blend-mode:normal;opacity:.87}.art-mist{position:absolute;inset:auto -20% -10%;height:32%;background:radial-gradient(ellipse,var(--paper) 20%,transparent 68%);filter:blur(12px);animation:mist 14s ease-in-out infinite alternate;pointer-events:none}.art-orbit{position:absolute;width:88%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;top:10%;transform:rotate(-20deg)}.art-orbit:after{content:"";position:absolute;inset:15px;border:1px dashed var(--line);border-radius:50%}.portrait-note{position:absolute;right:-2%;top:18%;writing-mode:vertical-rl;display:flex;gap:20px;align-items:center;font:14px/2.1 "SimSun",serif;letter-spacing:4px}.seal{padding:8px 5px;background:#9c554a;color:#f1e9d9;writing-mode:horizontal-tb;text-align:center;font-size:13px;line-height:1.3;letter-spacing:2px}.portrait-note p{margin:0}figcaption{position:absolute;bottom:5px;font-size:7px;letter-spacing:2px;color:var(--muted)}figcaption span{padding:0 10px}.scene-touch{position:absolute;bottom:35px;right:5%;font-size:10px;border-bottom:1px solid var(--line);padding:7px;color:var(--muted)}.side-tools{position:absolute;right:1%;top:35%;display:grid;gap:20px}.side-tools button{font-size:23px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%}.side-tools button:hover{background:var(--panel)}.bottom-area{position:relative;z-index:3;max-width:1500px;padding:0 5%;margin:auto}.scene-tabs{display:flex;gap:25px;padding:22px 0;border-top:1px solid var(--line)}.scene-tabs button{display:flex;align-items:center;gap:12px;min-width:170px;text-align:left;opacity:.5}.scene-tabs button[aria-pressed=true]{opacity:1}.scene-tabs span{font-size:11px;letter-spacing:1px}.scene-tabs small{display:block;font-size:7px;letter-spacing:1px;margin-top:5px}.scene-tabs b{font-size:9px;font-weight:400;margin-left:14px}.swatch{width:46px;height:34px;border-radius:3px;background:linear-gradient(135deg,#a3b59c,#475d49)}.swatch.dusk{background:linear-gradient(135deg,#dfc396,#96734c)}.swatch.moon{background:linear-gradient(135deg,#829c9f,#23383e)}.player{display:flex;align-items:center;gap:26px;background:var(--panel);border:1px solid var(--line);padding:18px 22px;border-radius:6px;box-shadow:0 6px 24px #192f2510}.track-info{display:flex;align-items:center;gap:12px;min-width:230px;max-width:300px}.track-info>div{min-width:0}.track-info strong{display:block;font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info small{display:block;color:var(--muted);font-size:8px;margin-top:7px}.record{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:18px}.transport{display:flex;gap:13px;align-items:center}.transport>button{font-size:15px}.transport .play{border-radius:50%;width:42px;height:42px;background:var(--accent);color:var(--paper);font-size:14px}.timeline{display:flex;align-items:center;gap:12px;flex:1;font-size:8px;color:var(--muted)}input[type=range]{accent-color:var(--accent);cursor:pointer;height:3px;width:100%}.timeline input:disabled{opacity:.45}.player-extra{display:flex;gap:22px;align-items:center}.volume{display:flex;align-items:center;gap:8px;font-size:18px}.volume input{width:68px}footer{display:flex;justify-content:space-between;padding:18px 0;font-size:8px;color:var(--muted)}footer button{font-size:8px}footer i{display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin-right:5px}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(430px,100%);max-width:100%;height:100%;max-height:100%;border:0;border-left:1px solid var(--line);padding:32px;background:var(--panel);color:var(--ink);box-shadow:-20px 0 80px #15271c18}dialog::backdrop{background:#182e2638;backdrop-filter:blur(3px)}.drawer-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;border-bottom:1px solid var(--line);padding-bottom:22px}.drawer-head button{font-size:27px}dialog h2{font:32px "SimSun",serif;margin:34px 0 18px}dialog p{font-size:12px;line-height:1.9;color:var(--muted)}.scene-options{display:grid;margin-top:35px}.scene-options button{text-align:left;border-bottom:1px solid var(--line);padding:23px 0;font-size:16px}.scene-options span{display:block;font-size:10px;color:var(--muted);margin-top:8px}.upload{position:relative;display:block;border:1px dashed var(--line);padding:22px;font-size:12px;margin:25px 0;cursor:pointer}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.fine{font-size:10px!important}.text-button{border-bottom:1px solid var(--line);font-size:12px;padding:7px 0}.mix-label{display:block;font-size:13px;margin:35px 0}.mix-label output{float:right;font-size:10px}.mix-label input{display:block;margin-top:24px}.timer{text-align:center;font:70px Georgia,serif;font-variant-numeric:tabular-nums;margin:50px 0 30px}.timer-presets{display:flex;justify-content:center;gap:15px;font-size:11px}.timer-presets button{padding:8px;border:1px solid var(--line)}.timer-presets button[aria-pressed=true]{background:var(--accent);color:var(--paper)}.timer-actions{display:flex;justify-content:center;align-items:baseline;gap:25px}.timer-actions button{font-size:12px}#timer-status{text-align:center}.track-row{display:flex;width:100%;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);gap:15px;text-align:left;font-size:12px}.track-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row[aria-pressed=true]{color:var(--accent);font-weight:700}.zen-exit{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:8;background:var(--panel);border:1px solid var(--line);padding:10px 20px;font-size:11px}.zen .topbar,.zen .introduction,.zen .bottom-area,.zen .side-tools{display:none}.zen .stage{height:100svh;display:flex;justify-content:center}.zen .portrait{height:90svh;max-height:90svh;width:min(800px,100%)}.zen .art-frame{max-height:90svh}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);z-index:20;background:var(--ink);color:var(--paper);padding:12px 22px;border-radius:3px;font-size:12px;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.still *{animation-play-state:paused!important}@keyframes mist{to{transform:translateX(5%)}}@media(min-width:1700px){.stage{min-height:650px}}@media(max-width:1050px){.track-info{min-width:180px}.timeline{display:none}.player{justify-content:space-between}.stage{padding:0 5%;min-height:560px}.portrait-note{right:-4%}.topbar nav{gap:22px}.side-tools{right:0;top:40%}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:52px}}@media(max-width:700px){.topbar{height:76px;margin:0 6%}.brand{font-size:16px}.brand-symbol{width:32px;height:32px;font-size:21px}.brand small{font-size:6px}.topbar nav{display:none}.top-right{gap:13px}.top-right #clock{display:none}.return{font-size:9px}.stage{height:auto;min-height:0;display:flex;flex-direction:column;padding:0 7%;align-items:stretch}.introduction{padding-top:38px}.eyebrow{font-size:6px}.introduction h1{font-size:44px;margin:22px 0 12px}.poem{font-size:11px}.primary{margin-top:10px}.scene-caption{display:none}.portrait{height:470px;min-height:0;margin-top:-5px}.art-frame{max-width:380px;height:100%}.portrait-note{right:0}.side-tools{top:220px;right:4%;gap:10px}.side-tools button{width:32px;height:32px;font-size:18px}.scene-tabs{gap:8px;justify-content:space-between}.scene-tabs button{min-width:0;gap:7px;padding:0}.swatch{width:26px;height:30px}.scene-tabs span{font-size:9px}.scene-tabs small{font-size:5px}.scene-tabs b{display:none}.player{flex-wrap:wrap;padding:15px;gap:15px}.track-info{min-width:0;max-width:calc(100% - 115px);flex:1}.transport{gap:5px}.transport .play{width:36px;height:36px}.player-extra{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.volume input{width:100px}.bottom-area{padding:0 6%}.portrait figcaption{font-size:6px}.portrait .scene-touch{font-size:9px}.zen .portrait{height:80svh;width:100%}footer{font-size:7px}.topbar .round{font-size:23px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}