/* Sixth scene shares the companion scene's paper, spacing and fine-line vocabulary. */
.companion-next{display:inline-block;margin-left:16px;color:inherit;text-decoration:none;border-bottom:1px solid #84987b60;padding:3px 0}
.light-scene{--light-ink:#345751;--light-soft:#627b72;position:relative;isolation:isolate;height:100svh;min-height:620px;padding:clamp(22px,6.5svh,62px) clamp(24px,6vw,96px);background:#dce8e1;color:var(--light-ink);overflow:clip;font-family:'Songti SC','STSong',serif}
.light-scene::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 5% 5%,#faf0d7bd,transparent 53%),radial-gradient(ellipse at 78% 57%,#afc5ca88,transparent 45%),radial-gradient(ellipse at 50% 98%,#c7d8cb70,transparent 60%);pointer-events:none}
.light-defs{position:absolute;pointer-events:none}
.light-wrap{width:min(1240px,100%);height:100%;margin:auto;display:flex;flex-direction:column;min-width:0}
.light-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6c8f733b;padding-bottom:16px;font:11px/1.5 -apple-system,'PingFang SC',sans-serif;letter-spacing:.14em;flex-shrink:0}
.light-topline a{color:var(--light-soft);text-decoration:none;letter-spacing:0;padding:5px 0}
.light-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(24px,4vw,60px);align-items:center;flex:1;min-height:0;padding:20px 0}
.light-copy{padding-bottom:28px}.light-eyebrow{font-size:12px;letter-spacing:.13em;color:var(--light-soft)}
.light-copy h2{font:400 clamp(40px,4.4vw,64px)/1.35 'Songti SC','STSong',serif;letter-spacing:.08em;margin:25px 0 21px;white-space:nowrap}.light-copy h2 span{color:#94804f}
.light-intro{font:17px/2 'Songti SC',serif;letter-spacing:.06em;margin:0;color:#577268}
.light-write{display:flex;align-items:center;gap:30px;justify-content:space-between;border:1px solid #9b87593d;background:#476a5d;color:#f8f1da;border-radius:3px;padding:14px 22px;margin:29px 0 26px;font:15px/1.5 'Songti SC',serif;cursor:pointer;transition:transform .5s cubic-bezier(.2,1.7,.4,1),background .3s}.light-write:hover{transform:translateY(-3px);background:#3b6053}.light-write:active{transform:scale(.96)}
.light-steps{display:flex;gap:25px;color:var(--light-soft);font-size:12px}.light-steps i{font:9px Georgia,serif;color:#9d895f;font-style:normal;margin-right:7px}
.light-stage{position:relative;height:100%;min-height:0;isolation:isolate;display:flex;flex-direction:column}
.light-stage-top,.light-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--light-soft);font:11px/1.6 'Songti SC',serif;flex-shrink:0;position:relative;z-index:2}.light-stage-top{min-height:32px;letter-spacing:.05em}.light-stage-bottom{margin-top:auto;min-height:29px;letter-spacing:.05em}.light-page{font:10px Georgia,serif;color:#927f57}
.light-pause,.light-close{border:0;border-bottom:1px solid #78947750;background:none;font:10px/1.6 -apple-system,'PingFang SC',sans-serif;color:#617769;padding:7px 0;cursor:pointer;flex-shrink:0}
.light-atmosphere{position:absolute;inset:32px -20px 27px;z-index:-1;overflow:hidden;pointer-events:none}
.light-atmosphere::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 62% 60%,#a5bec635,transparent 65%),radial-gradient(ellipse at 55% 69%,#f7e3a330,transparent 53%)}
.light-air{position:absolute;inset:0;width:100%;height:100%;opacity:.58;animation:light-air 16s ease-in-out infinite alternate}
.light-distance{position:absolute;inset:0}.light-distant{position:absolute;left:var(--x);bottom:-12%;width:var(--size);height:calc(var(--size)*1.32);color:#d5b678;opacity:0;animation:light-ascend var(--duration) linear infinite;animation-delay:var(--delay);will-change:transform,opacity}
.light-reading-field{position:relative;flex:1;min-height:0;transition:opacity .8s,transform .9s}
.light-message{position:absolute;display:flex;align-items:center;gap:14px;text-align:left;width:78%;padding:0;background:none;border:0;color:var(--light-ink);cursor:pointer;transition:opacity .9s,transform .9s;transform-origin:25% 50%}
.light-message[data-message='0']{top:5%;left:18%}.light-message[data-message='1']{top:37%;left:0}.light-message[data-message='2']{top:70%;left:25%;width:75%}
.light-message svg{width:clamp(52px,6vw,86px);height:auto;flex-shrink:0;filter:drop-shadow(0 6px 13px #d8b25829);animation:light-hover 8s ease-in-out infinite;transform-origin:50% 20%;transition:filter .7s}
.light-message[data-message='1'] svg{width:clamp(44px,5vw,69px);animation-delay:-3s}.light-message[data-message='2'] svg{width:clamp(45px,4.7vw,65px);animation-delay:-5s}
.light-message-copy{display:block;min-width:0;max-width:280px}.light-message-tag{display:block;font:10px/1.5 -apple-system,'PingFang SC',sans-serif;letter-spacing:.15em;color:#8c7c58;margin-bottom:9px}.light-message-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font:17px/1.8 'Songti SC',serif;letter-spacing:.015em;white-space:pre-line;overflow-wrap:anywhere}.light-message-by{display:block;font:9px/1.5 -apple-system,'PingFang SC',sans-serif;color:#72857b;margin-top:10px}
.light-message:hover svg,.light-message:focus-visible svg{filter:drop-shadow(0 4px 22px #e8bd526b) brightness(1.1)}.light-message:hover .light-message-text{color:#284b42}
.light-scene.is-changing .light-reading-field{opacity:0;transform:translateY(-32px)}
.light-tongchen{display:grid;grid-template-columns:180px 1fr auto;gap:26px;align-items:center;border-top:1px solid #6c8f733b;padding:20px 0 16px;flex-shrink:0}.light-tongchen-name>span{font:9px/1.5 -apple-system,'PingFang SC',sans-serif;letter-spacing:.15em;color:#76867a}.light-tongchen h3{font:400 22px/1.5 'Songti SC',serif;letter-spacing:.12em;margin:5px 0 0}.light-tongchen-copy p{font:15px/1.5 'Songti SC',serif;margin:0 0 5px}.light-tongchen-copy>span{font:11px/1.6 -apple-system,'PingFang SC',sans-serif;color:#657c70}.light-coming{font:10px/1.5 -apple-system,'PingFang SC',sans-serif;color:#718477;letter-spacing:.1em}
.light-footer{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #6c8f7326;color:#748579;font:9px/1.5 -apple-system,'PingFang SC',sans-serif;flex-shrink:0}.light-footer>span:first-child{letter-spacing:.2em}
.light-editor,.light-letter{position:absolute;inset:44px 0 35px;display:flex;flex-direction:column;min-height:0;z-index:3}.light-scene [hidden]{display:none!important}.light-editor-head{display:flex;justify-content:space-between;align-items:center;color:#61786e;font:12px/1.5 'Songti SC',serif}.light-writing-paper{position:relative;flex:1;min-height:0;padding:22px 18px 30px 28%;display:flex;flex-direction:column;justify-content:center}.light-writing-paper>svg{position:absolute;left:0;top:50%;transform:translateY(-50%);width:24%;height:auto;filter:saturate(.4);opacity:.76}.light-writing-paper label{font-size:16px;margin-bottom:16px}.light-writing-paper textarea{resize:none;display:block;width:100%;flex:1;max-height:190px;min-height:65px;background:transparent;border:0;border-bottom:1px solid #82958777;border-radius:0;font:16px/1.9 'Songti SC',serif;color:var(--light-ink);padding:0 0 12px;outline-offset:4px}.light-writing-paper textarea::placeholder{color:#7e9084;font-size:13px}.light-count{text-align:right;font:10px/1.6 -apple-system,'PingFang SC',sans-serif;margin-top:8px;color:#76877a}.light-demo-note{font:10px/1.6 -apple-system,'PingFang SC',sans-serif;color:#748173;text-align:right;margin:0 0 13px}.light-send{align-self:flex-end;background:none;border:0;border-bottom:1px solid #9b835b;color:#536b53;font:16px/1.6 'Songti SC',serif;padding:6px 0 10px;cursor:pointer;min-width:130px;display:flex;justify-content:space-between;gap:25px}
.light-letter>svg{width:68px;height:90px;align-self:center;margin:15px 0 4px}.light-letter-text{white-space:pre-wrap;overflow:auto;font:18px/2 'Songti SC',serif;letter-spacing:.035em;max-width:440px;align-self:center;margin:12px 0;padding:0 12px;overflow-wrap:anywhere}
.light-flight{position:absolute;left:40%;top:60%;width:94px;opacity:0;pointer-events:none}.light-flight svg{display:block;width:100%}.light-scene[data-view=flying] .light-flight{animation:light-release 6s ease-in-out both}.light-scene[data-view=flying] .light-reading-field{visibility:hidden}
.light-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.light-scene button:focus-visible,.light-scene a:focus-visible,.light-scene textarea:focus-visible{outline:2px solid #a18d59;outline-offset:5px}.light-scene button:disabled{opacity:.55;cursor:default}
.light-scene.is-paused .light-air,.light-scene.is-paused .light-distant,.light-scene.is-paused .light-message svg,.light-scene:not(.is-visible) .light-air,.light-scene:not(.is-visible) .light-distant,.light-scene:not(.is-visible) .light-message svg{animation-play-state:paused}
@keyframes light-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes light-air{from{transform:translateY(8px);opacity:.4}to{transform:translateY(-8px);opacity:.7}}
@keyframes light-ascend{0%{opacity:0;transform:translate(0,0) scale(1)}12%{opacity:.46}80%{opacity:.4}100%{opacity:0;transform:translate(var(--drift),-530px) scale(.45)}}
@keyframes light-release{0%{opacity:.4;transform:translate(-50%,0) scale(.8);filter:saturate(.3)}24%{opacity:1;transform:translate(-50%,-12px) scale(1.08);filter:saturate(1) drop-shadow(0 0 26px #eac96e77)}75%{opacity:1;transform:translate(15%,-150px) scale(.68)}100%{opacity:0;transform:translate(50%,-250px) scale(.25)}}
@media(min-width:721px) and (max-width:1050px){.light-layout{grid-template-columns:.85fr 1.15fr;gap:24px}.light-copy h2{font-size:40px}.light-message{gap:7px}.light-message-text{font-size:14px}.light-message-tag{margin-bottom:5px}.light-message-by{margin-top:5px}.light-tongchen{grid-template-columns:140px 1fr auto;gap:18px}}
@media(min-width:721px) and (max-height:760px){.light-scene{padding-top:25px;padding-bottom:25px}.light-layout{padding:12px 0}.light-copy h2{margin:18px 0;font-size:44px}.light-copy{padding-bottom:10px}.light-intro{font-size:15px}.light-write{margin:22px 0}.light-message-text{font-size:15px}.light-message svg{max-width:66px}.light-message-tag{margin-bottom:5px}.light-message-by{margin-top:5px}.light-tongchen{padding:13px 0}}
@media(max-width:720px){.light-scene{min-height:620px;padding:18px 24px}.light-topline{font-size:10px;padding-bottom:10px}.light-layout{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:20px 0 10px}.light-copy{position:relative;padding:0}.light-eyebrow{font-size:10px}.light-copy h2{font-size:38px;margin:9px 0 8px;letter-spacing:.1em}.light-intro{font-size:12px;line-height:1.85}.light-write{position:absolute;right:0;bottom:2px;padding:10px 12px;font-size:12px;gap:14px;margin:0;min-height:42px}.light-steps{display:none}.light-stage{flex:1;min-height:215px}.light-stage-top{font-size:10px;min-height:26px}.light-pause{font-size:9px;padding:5px 0}.light-message{width:91%;gap:10px}.light-message[data-message='0']{left:0;top:6%}.light-message[data-message='1']{left:15%;top:52%;width:85%}.light-message[data-message='2']{display:none}.light-message svg{width:57px}.light-message[data-message='1'] svg{width:47px}.light-message-text{font-size:14px;line-height:1.75}.light-message-tag{font-size:9px;margin-bottom:4px}.light-message-by{font-size:8px;margin-top:4px}.light-stage-bottom{font-size:9px;min-height:23px}.light-page{font-size:9px}.light-tongchen{grid-template-columns:82px 1fr;column-gap:15px;row-gap:0;padding:12px 0 9px;position:relative}.light-tongchen-name>span{font-size:8px}.light-tongchen h3{font-size:16px;letter-spacing:.03em;margin:3px 0 2px}.light-tongchen-copy p{font-size:12px;margin-bottom:4px}.light-tongchen-copy>span{display:block;font-size:10px;line-height:1.65}.light-coming{grid-column:1;grid-row:2;font-size:8px}.light-tongchen-copy{grid-column:2;grid-row:1/3}.light-footer{font-size:8px;padding-top:9px;gap:5px}.light-editor,.light-letter{inset:32px 0 25px}.light-editor-head{font-size:11px}.light-writing-paper{padding:8px 0 17px 22%}.light-writing-paper>svg{width:20%}.light-writing-paper label{font-size:13px;margin-bottom:7px}.light-writing-paper textarea{font-size:14px;line-height:1.7;max-height:130px;min-height:46px}.light-writing-paper textarea::placeholder{font-size:11px}.light-count{font-size:9px;margin-top:4px}.light-demo-note{font-size:9px;margin-bottom:5px}.light-send{font-size:13px;min-width:110px;padding:5px 0}.light-letter>svg{width:40px;height:53px;margin:3px 0}.light-letter-text{font-size:14px;line-height:1.8;margin:5px 0}.light-close{font-size:9px;padding:3px 0}.light-flight{width:67px;top:66%}.light-atmosphere{inset:24px -14px 22px}.companion-next{display:block;margin-left:0;width:max-content}}
@media(max-width:720px) and (max-height:740px){.light-scene{padding:12px 20px}.light-layout{padding:13px 0 8px;gap:9px}.light-copy h2{font-size:33px;margin:7px 0}.light-intro{font-size:11px}.light-write{font-size:11px;min-height:39px;padding:9px 10px;gap:9px}.light-stage{min-height:207px}.light-message svg{width:48px}.light-message[data-message='1'] svg{width:42px}.light-message-text{font-size:13px}.light-message-tag{font-size:8px}.light-tongchen{padding:10px 0 7px}.light-footer{padding-top:7px}}
@media(max-width:720px){.companion-next{display:inline-block;margin-left:7px;padding:0;font-size:8px}}
@media(prefers-reduced-motion:reduce){.light-scene *{animation:none!important;transition:none!important}.light-distant{opacity:.35;bottom:var(--still-y)}.light-scene[data-view=flying] .light-flight{opacity:1}}