*{box-sizing:border-box} :root{color-scheme:dark;--ink:#eae4d8;--muted:#b8b5b3;--gold:#ddbc83}body{margin:0;background:#151a29;color:var(--ink);font:16px/1.7 "Microsoft YaHei",sans-serif}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #efd6a3;outline-offset:4px}header{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 4%;border-bottom:1px solid #ffffff19}.brand{color:var(--ink);text-decoration:none;letter-spacing:2px}.brand span{font-size:13px;color:var(--muted);margin-left:24px;letter-spacing:1px}nav{display:flex;gap:25px}nav button{background:none;border:0;font-size:14px}main{display:grid;grid-template-columns:minmax(0,1fr) 370px;min-height:calc(100svh - 78px)}.scene{position:relative;min-height:750px;overflow:hidden;background:#333448 url('scene.png') center/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#11172588,transparent 35%,#10152518 60%,#101521e8)}.mast{position:absolute;top:35px;left:6%;z-index:1}.mast p{font-size:13px;letter-spacing:4px;color:#e3c6a6;margin:0}h1{font-family:"STSong","SimSun",serif;font-size:clamp(40px,5vw,70px);font-weight:400;letter-spacing:12px;margin:6px 0}.mast .sub{font-size:14px;letter-spacing:2px;color:#e1d7cd}.sky{position:absolute;top:22%;left:27%;width:min(58%,530px);aspect-ratio:1;transition:opacity 1.8s;opacity:0}.sky.visible{opacity:1}.sky svg{width:100%;height:100%;filter:drop-shadow(0 0 10px #efbe77);cursor:crosshair;animation:breathe 9s ease-in-out infinite}.still .sky svg{animation:none}.scene-caption{position:absolute;bottom:164px;left:6%;right:6%;display:flex;justify-content:space-between;color:#c8c0be;font-size:12px;letter-spacing:3px}.guide{position:absolute;bottom:35px;left:6%;right:6%;display:flex;gap:20px;align-items:center;border-top:1px solid #dfc39455;padding-top:22px}.seal{border:1px solid #bba383;color:#ddbd89;padding:4px 10px;font-family:serif;line-height:1.3}.guide p{margin:0}.guide p:first-child{font-size:13px;color:var(--gold);letter-spacing:2px}.guide p:last-child{font-size:15px;margin-top:7px;max-width:560px}.desk{padding:32px 28px;display:flex;flex-direction:column;background:#191e2b}.desk-head{display:flex;justify-content:space-between;color:var(--gold);font-size:13px;letter-spacing:3px;border-bottom:1px solid #ffffff1f;padding-bottom:20px}h2{font-family:"STSong","SimSun",serif;font-weight:400;font-size:28px;line-height:1.5;margin:26px 0 20px}label{display:block;font-size:14px;margin:24px 0 10px;color:#d7d2ca}label span{color:var(--muted);font-size:12px}textarea{width:100%;resize:vertical;background:#101622;border:1px solid #ffffff25;border-radius:4px;padding:12px;color:var(--ink);font-size:15px}textarea::placeholder{color:#9b9da6}output{float:right;color:var(--gold);font-size:13px}input[type=range]{width:100%;accent-color:var(--gold);height:28px}.ticks{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.hint{font-size:14px;color:#cbc5bc}.primary,.secondary{width:100%;padding:13px 12px;border:1px solid #d8b581;margin-top:20px;border-radius:3px}.primary{background:#d8b581;color:#191e2b}.secondary{background:transparent;color:var(--gold);margin-top:12px}.quiet,footer{font-size:12px;color:var(--muted);line-height:1.9}footer{margin-top:auto;padding-top:35px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choices button{border:1px solid #ffffff35;background:transparent;padding:12px 4px;font-size:14px}.choices button[aria-pressed=true]{background:#d8b58122;border-color:var(--gold);color:var(--gold)}.eyebrow{font-size:13px;letter-spacing:3px;color:var(--gold)}.poem{font-family:serif;font-size:20px;white-space:pre-line;color:var(--gold);line-height:2}.your-note{border-left:2px solid #d8b58177;padding-left:16px;margin:25px 0}.your-note span{font-size:12px;color:var(--muted)}.your-note p{white-space:pre-wrap;overflow-wrap:anywhere}dialog{max-width:690px;width:90%;max-height:85svh;overflow:auto;background:#1b2231;color:var(--ink);border:1px solid #b99d71;padding:40px;line-height:1.95}dialog::backdrop{background:#080c16cc}dialog a{color:var(--gold)}.close{float:right;background:transparent;border:0}blockquote{border-left:2px solid var(--gold);margin:25px 0;padding-left:20px;color:var(--gold)}@keyframes breathe{50%{opacity:.72;filter:drop-shadow(0 0 17px #efbe77)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1550px){main{grid-template-columns:minmax(0,1fr) 420px}.desk{padding:40px}}@media(max-width:850px){header{height:66px;padding:0 20px}.brand span{display:none}nav{gap:16px}main{display:block}.scene{min-height:620px}.sky{top:25%;left:27%;width:60%}.desk{padding:28px 24px}footer{margin-top:25px}.mast{top:28px}.mast .sub{max-width:240px;line-height:1.8}.guide{bottom:24px}.scene-caption{bottom:170px}h1{font-size:46px}.guide p:last-child{font-size:14px}dialog{padding:25px}}[hidden]{display:none!important}
/* Keep the complete remembered scene, including the guide and western ridge,
   visible below the sky on narrow displays. */
@media(max-width:850px){.scene{background-size:100% auto;background-position:center bottom;background-color:#252d43;min-height:590px}.shade{background:linear-gradient(180deg,#171d2b22,transparent 45%,#10152166 72%,#101521ef)}.sky{top:24%;left:21%;width:66%}.guide{bottom:18px}.scene-caption{bottom:145px}}
/* Approved celestial-vault direction: broad spherical projection, quiet light. */
.sky{top:14%;left:-13%;width:126%;height:52%;aspect-ratio:auto;mix-blend-mode:screen}
.sky svg{filter:none;animation:sky-breath 12s ease-in-out infinite;opacity:.69;mask-image:radial-gradient(ellipse at 50% 48%,#000 32%,#000b 65%,#0005 86%,transparent 100%)}
.mast{z-index:2;text-shadow:0 2px 12px #141b2d}
@keyframes sky-breath{50%{opacity:.59}}
@media(max-width:850px){.sky{top:19%;left:-17%;width:134%;height:42%}}