:root{--bg: #08080c;--bg-deep: #050507;--ink: #ece6d8;--ink-dim: #b3ad9f;--ink-faint: rgba(236, 230, 216, .32);--line: rgba(236, 230, 216, .22);--amber: #ffb677;--amber-deep: #ff9a56;--aura-cyan: rgba(125, 240, 210, .5);--aura-violet: rgba(184, 138, 255, .45);--font-en: "Cormorant Garamond", "EB Garamond", Georgia, "Times New Roman", serif;--font-zh: "LXGW WenKai", "Songti SC", "Noto Serif SC", "Source Han Serif SC", "PingFang SC", serif;--font: var(--font-en);--max-w: 600px;--font-size: 22px;--line-height: 2.05;--ls: .02em;--blur: 0px;--op: 1;--ws: normal;--fs-scale: 1;--lh: 2.05;--px: 0;--py: 0}html[lang=zh]{--font: var(--font-zh);--font-size: 20px;--line-height: 2.1;--lh: 2.1}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none}html.js-ready,html.js-ready body{cursor:none}html:not(.js-ready) *,html:not(.js-ready) *:before,html:not(.js-ready) *:after{cursor:auto!important}@media (hover: none){html,body{cursor:auto}.cursor-glow{display:none!important}}body{position:relative}::selection{background:#ffb67738;color:var(--ink)}.bg-layer{position:fixed;inset:-6%;pointer-events:none;will-change:transform}.bg-stars{z-index:0;background:radial-gradient(ellipse at 50% 55%,#15131e,#0a0910 62%,#060509)}.bg-stars:before{content:"";position:absolute;inset:-8%;background-image:url(/assets/milkyway-DpRhSgvZ.jpg);background-size:cover;background-position:center;filter:blur(6px) brightness(.62) saturate(.7);opacity:.6;transform:translate3d(calc(var(--px) * -14px),calc(var(--py) * -14px),0) scale(1.12);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.bg-nebula{z-index:0;opacity:.42;mix-blend-mode:screen}.bg-nebula:before{content:"";position:absolute;inset:-10%;background-image:url(/assets/nebula-0yYrjSTU.jpg);background-size:cover;background-position:60% 40%;filter:blur(10px) brightness(.5) saturate(1.25) hue-rotate(-12deg);transform:translate3d(calc(var(--px) * -20px),calc(var(--py) * -16px),0) scale(1.18);transition:transform 1s cubic-bezier(.2,.8,.2,1);animation:nebula-drift 60s ease-in-out infinite alternate}@keyframes nebula-drift{0%{background-position:58% 38%;opacity:.85}to{background-position:64% 46%;opacity:1}}.bg-fog{z-index:1;background-image:url(/assets/fog-BhFr8jRK.jpg);background-size:145% 145%;background-position:50% 50%;filter:blur(3px) brightness(.78) contrast(1.05);opacity:.36;mix-blend-mode:screen;transform:translate3d(calc(var(--px) * -30px),calc(var(--py) * -30px),0) scale(1.16);transition:transform .55s cubic-bezier(.2,.8,.2,1);animation:fog-drift 70s ease-in-out infinite alternate}@keyframes fog-drift{0%{background-position:46% 42%}to{background-position:54% 58%}}.bg-aurora{z-index:1;opacity:.3;mix-blend-mode:screen;overflow:hidden}.bg-aurora:before{content:"";position:absolute;inset:-15% -25%;background-image:url(/assets/aurora-DxwvLT17.jpg);background-size:cover;background-position:center;filter:blur(8px) brightness(.55) saturate(1.4) hue-rotate(-8deg);transform:translate3d(calc(var(--px) * -42px),calc(var(--py) * -22px),0) scale(1.25);transition:transform 1.1s cubic-bezier(.2,.8,.2,1);animation:aurora-flow 38s ease-in-out infinite alternate}@keyframes aurora-flow{0%{transform:translate3d(calc(var(--px) * -42px),calc(var(--py) * -22px),0) scale(1.25) skew(-3deg);opacity:.7}to{transform:translate3d(calc(var(--px) * -42px),calc(var(--py) * -22px),0) scale(1.32) skew(3deg);opacity:1}}.bg-moonlight{z-index:2;background:radial-gradient(circle at 82% 18%,#f4f0e638,#f4f0e614 14%,#0000 26%),radial-gradient(circle at 82% 18%,#ffdcaa1f,#0000 40%);transform:translate3d(calc(var(--px) * 26px),calc(var(--py) * 26px),0);transition:transform .9s cubic-bezier(.2,.8,.2,1);animation:moon-pulse 11s ease-in-out infinite}.bg-moonlight:after{content:"";position:absolute;top:14%;right:16%;width:90px;height:90px;border-radius:50%;background:url(/assets/moon-COAIdXjr.jpg) center / cover no-repeat;filter:blur(.4px) brightness(.85) saturate(.7);opacity:.42;box-shadow:0 0 80px 30px #ffdcaa2e}@keyframes moon-pulse{0%,to{opacity:.85}50%{opacity:1}}.bg-glow{z-index:2;background:radial-gradient(ellipse 60% 52% at 50% 48%,#ffc48424,#ffa8680f 38%,#0000 72%);transform:translate3d(calc(var(--px) * 22px),calc(var(--py) * 22px),0);transition:transform .7s cubic-bezier(.2,.8,.2,1);animation:glow-breathe 9s ease-in-out infinite}@keyframes glow-breathe{0%,to{opacity:.6}50%{opacity:1}}.ambient-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:3}.bg-bokeh{z-index:4;mix-blend-mode:screen;opacity:.55}.bg-bokeh:before,.bg-bokeh:after{content:"";position:absolute;border-radius:50%;filter:blur(28px)}.bg-bokeh:before{width:320px;height:320px;left:12%;top:62%;background:radial-gradient(circle,#ffaa6e66,#0000 70%);transform:translate3d(calc(var(--px) * 30px),calc(var(--py) * 30px),0);transition:transform 1.2s cubic-bezier(.2,.8,.2,1);animation:bokeh-a 24s ease-in-out infinite alternate}.bg-bokeh:after{width:260px;height:260px;right:14%;top:20%;background:radial-gradient(circle,#96c8ff52,#0000 70%);transform:translate3d(calc(var(--px) * -26px),calc(var(--py) * -26px),0);transition:transform 1.2s cubic-bezier(.2,.8,.2,1);animation:bokeh-b 30s ease-in-out infinite alternate}@keyframes bokeh-a{0%{transform:translate3d(calc(var(--px) * 30px),calc(var(--py) * 30px),0) scale(1)}to{transform:translate3d(calc(var(--px) * 30px),calc(var(--py) * 30px),0) scale(1.25) translateY(-30px)}}@keyframes bokeh-b{0%{transform:translate3d(calc(var(--px) * -26px),calc(var(--py) * -26px),0) scale(1.1)}to{transform:translate3d(calc(var(--px) * -26px),calc(var(--py) * -26px),0) scale(.9) translateY(40px)}}.bg-vignette{z-index:5;background:radial-gradient(ellipse at center,#0000 36%,#00000085 80%,#000000e6)}.bg-noise{z-index:6;opacity:.05;background-repeat:repeat;background-size:140px 140px;mix-blend-mode:screen;animation:grain 1.8s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-6px,4px)}66%{transform:translate(5px,-7px)}to{transform:translate(-3px,6px)}}.particle-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:20}.cursor-glow{position:fixed;top:0;left:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;pointer-events:none;z-index:60;background:#fff4e0f5;mix-blend-mode:screen;box-shadow:0 0 10px 2px #ffd6a8f2,0 0 34px 8px #ffb88080,0 0 80px 18px #ffa26638;transition:width .25s ease,height .25s ease,margin .25s ease,box-shadow .3s ease,opacity .4s ease;will-change:transform}.cursor-glow.on-target{width:14px;height:14px;margin:-7px 0 0 -7px;box-shadow:0 0 14px 3px #ffe2b8,0 0 50px 12px #ffc48c9e,0 0 120px 28px #ffaa6e4d}.frame{position:fixed;inset:26px;pointer-events:none;z-index:12}.corner{position:absolute;width:26px;height:26px;border-color:#ece6d847;border-style:solid;border-width:0;opacity:.7}.corner.tl{top:0;left:0;border-top-width:1px;border-left-width:1px}.corner.tr{top:0;right:0;border-top-width:1px;border-right-width:1px}.corner.bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.corner.br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.brand{position:fixed;top:34px;left:50%;transform:translate(-50%);z-index:13;display:flex;align-items:center;gap:16px;opacity:0;animation:brand-in 2s ease .6s forwards}html[lang=zh] .brand{letter-spacing:.3em}@keyframes brand-in{to{opacity:1}}.brand-line{display:block;width:40px;height:1px;background:linear-gradient(90deg,#ece6d800,#ece6d866,#ece6d800)}.brand-mark{font-family:var(--font-en);font-size:11px;font-weight:500;letter-spacing:.42em;color:#ece6d899;text-transform:uppercase;white-space:nowrap}.controls{position:fixed;top:30px;right:34px;z-index:14;display:flex;align-items:center;gap:14px;opacity:0;animation:brand-in 2s ease .9s forwards}.ctrl-btn{appearance:none;background:transparent;border:1px solid rgba(236,230,216,.2);color:#ece6d8a6;border-radius:999px;cursor:none;font-family:var(--font-en);-webkit-tap-highlight-color:transparent;transition:color .4s ease,border-color .4s ease,box-shadow .4s ease,background .4s ease;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}@media (hover: none){.ctrl-btn{cursor:pointer}}.lang-toggle{font-size:12px;letter-spacing:.16em;padding:7px 14px;display:inline-flex;align-items:center;gap:6px}.lang-opt{opacity:.45;transition:opacity .3s ease,color .3s ease}.lang-opt.active{opacity:1;color:var(--amber)}.lang-sep{opacity:.3}.music-toggle{width:36px;height:36px;padding:0;overflow:hidden;position:relative}.music-toggle .icon-music{width:17px;height:17px;transition:opacity .4s ease,transform .4s ease}.music-toggle .eq-bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2px;opacity:0;transition:opacity .4s ease}.music-toggle .eq-bars i{width:2px;height:4px;background:var(--amber);border-radius:1px;transform-origin:bottom}.music-toggle.is-on .icon-music{opacity:0;transform:scale(.6)}.music-toggle.is-on .eq-bars{opacity:1}.music-toggle.is-on .eq-bars i{animation:eq .9s ease-in-out infinite}.music-toggle.is-on .eq-bars i:nth-child(1){animation-delay:0s}.music-toggle.is-on .eq-bars i:nth-child(2){animation-delay:.2s}.music-toggle.is-on .eq-bars i:nth-child(3){animation-delay:.4s}.music-toggle.is-on .eq-bars i:nth-child(4){animation-delay:.1s}@keyframes eq{0%,to{height:4px}50%{height:14px}}.ctrl-btn:hover{color:var(--ink);border-color:#ffb67780;box-shadow:0 0 24px #ffaa6e2e,inset 0 0 12px #ffaa6e0f}.theme-toggle{width:36px;height:36px;padding:0}.theme-dots{display:inline-flex;align-items:center;gap:4px}.theme-dots i{width:6px;height:6px;border-radius:50%;background:#ece6d852;transition:background .45s ease,box-shadow .45s ease,transform .45s ease}.theme-dots i.active{transform:scale(1.3)}body[data-theme=stardust] .theme-dots i[data-theme=stardust],body[data-theme=mist] .theme-dots i[data-theme=mist],body[data-theme=aurora] .theme-dots i[data-theme=aurora]{background:var(--amber);box-shadow:0 0 8px var(--amber)}body[data-theme=mist]{--amber: #a8cce4;--amber-deep: #82b4d4}body[data-theme=mist] .bg-stars:before{opacity:.28;filter:blur(9px) brightness(.38) saturate(.35) hue-rotate(175deg)}body[data-theme=mist] .bg-nebula{opacity:.08}body[data-theme=mist] .bg-fog{opacity:.72;filter:blur(4px) brightness(.72) contrast(.98) saturate(.45) hue-rotate(160deg)}body[data-theme=mist] .bg-aurora{opacity:.06}body[data-theme=mist] .bg-moonlight{opacity:.4;filter:hue-rotate(175deg) brightness(.85)}body[data-theme=mist] .bg-glow{background:radial-gradient(ellipse 60% 52% at 50% 48%,#b0d2ea29,#94b8d40f 38%,#0000 72%)}body[data-theme=mist] .bg-bokeh:before{background:radial-gradient(circle,#96c8f05c,#0000 70%)}body[data-theme=aurora]{--amber: #76e8b6;--amber-deep: #48c894}body[data-theme=aurora] .bg-stars:before{opacity:.5;filter:blur(7px) brightness(.5) saturate(.55)}body[data-theme=aurora] .bg-nebula{opacity:.16}body[data-theme=aurora] .bg-fog{opacity:.14}body[data-theme=aurora] .bg-aurora{opacity:.66}body[data-theme=aurora] .bg-aurora:before{filter:blur(6px) brightness(.72) saturate(1.55)}body[data-theme=aurora] .bg-moonlight{opacity:.28}body[data-theme=aurora] .bg-glow{background:radial-gradient(ellipse 60% 52% at 50% 48%,#78eeba26,#60d29e0f 38%,#0000 72%)}body[data-theme=aurora] .bg-bokeh:before{background:radial-gradient(circle,#6ef0b457,#0000 70%)}body[data-theme=aurora] .bg-bokeh:after{background:radial-gradient(circle,#96beff42,#0000 70%)}.entrance-veil{position:fixed;inset:0;background:radial-gradient(ellipse at center,#0b0b13,#060609 65%,#000);z-index:100;pointer-events:none;opacity:1;animation:veil-lift 1.8s cubic-bezier(.4,0,.2,1) .4s forwards}@keyframes veil-lift{to{opacity:0}}.entrance-spark{position:fixed;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#ffecce;box-shadow:0 0 18px 5px #ffce9ed9,0 0 54px 14px #ffb0746b,0 0 120px 30px #ff9c6029;z-index:101;pointer-events:none;opacity:0;mix-blend-mode:screen;animation:spark-bloom 2.4s ease-out .4s forwards}@keyframes spark-bloom{0%{opacity:0;transform:scale(.2)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(10)}}body:not(.revealed) .writing-view>.memory-input,body:not(.revealed) .writing-view>.meta-row,body:not(.revealed) .writing-view>.submit-btn{opacity:0;animation:fe-failsafe-show .01s 5s forwards}body.revealed .writing-view>.memory-input{animation:rise-in 1s cubic-bezier(.2,.8,.2,1) .7s both}body.revealed .writing-view>.meta-row{animation:rise-in 1s cubic-bezier(.2,.8,.2,1) .9s both}body.revealed .writing-view>.submit-btn{animation:rise-in 1s cubic-bezier(.2,.8,.2,1) 1.1s both}@keyframes rise-in{0%{opacity:0;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media (prefers-reduced-motion: reduce){.entrance-veil,.entrance-spark{display:none}body:not(.revealed) .writing-view>.memory-input,body:not(.revealed) .writing-view>.meta-row,body:not(.revealed) .writing-view>.submit-btn{opacity:1}}.app{position:relative;z-index:10;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 28px;transition:opacity 1.2s ease}.app.is-hidden{opacity:0;pointer-events:none;animation:fe-failsafe-show .01s 5s forwards}@keyframes fe-failsafe-show{to{opacity:1;pointer-events:auto}}.writing-view,.epilogue-view{width:100%;max-width:var(--max-w);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;animation:view-in 1.1s cubic-bezier(.2,.8,.2,1) both}.stage-view{position:fixed;inset:0;display:block;animation:view-in 1.1s cubic-bezier(.2,.8,.2,1) both}@keyframes view-in{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hint{font-size:19px;line-height:2;text-align:center;color:var(--ink);letter-spacing:.03em;font-weight:300;text-shadow:0 0 28px rgba(255,200,140,.28),0 0 72px rgba(255,180,120,.12);margin:0}html[lang=zh] .hint{font-size:17px;letter-spacing:.05em;font-weight:400}.breathe{animation:breathe 5.5s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.45}50%{opacity:.85}}.memory-input{width:100%;min-height:156px;resize:none;background:transparent;border:none;border-bottom:1px dashed var(--line);outline:none;color:var(--ink);font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:.02em;text-align:center;padding:12px 4px 18px;caret-color:var(--amber);transition:border-image .4s ease,border-bottom-style .4s ease}.memory-input::placeholder{color:#ece6d852;font-style:italic}.memory-input:focus{border-bottom:1px solid rgba(255,182,119,.5)}.meta-row{width:100%;display:flex;justify-content:center;min-height:1em}.char-count{font-size:11px;letter-spacing:.28em;color:#ece6d866;text-transform:uppercase;font-family:var(--font-en);transition:color .3s ease}.char-count.ok{color:#ffb677cc}.char-count.bad{color:#ece6d852}.round-btn{position:relative;appearance:none;background:transparent;border:1px solid rgba(236,230,216,.28);color:var(--ink);font-family:var(--font);font-size:15px;font-weight:400;letter-spacing:.2em;padding:14px 34px;border-radius:999px;cursor:none;opacity:.88;overflow:hidden;transition:opacity .5s ease,border-color .5s ease,transform .4s ease,color .5s ease,box-shadow .5s ease;-webkit-tap-highlight-color:transparent;user-select:none;isolation:isolate}@media (hover: none){.round-btn{cursor:pointer}}html[lang=zh] .round-btn{letter-spacing:.16em;font-weight:400}.btn-label{position:relative;z-index:2}.btn-glow{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at center,#ffb67747,#ffaa6e0d 60%,#0000 75%);opacity:0;transition:opacity .5s ease;z-index:1}.round-btn:hover:not(:disabled){opacity:1;color:#fff6e8;border-color:#ffb677b3;box-shadow:0 0 30px #ffaa6e47,0 0 60px #ffaa6e1f,inset 0 0 18px #ffaa6e1a;letter-spacing:.24em}html[lang=zh] .round-btn:hover:not(:disabled){letter-spacing:.2em}.round-btn:hover:not(:disabled) .btn-glow{opacity:1}.round-btn:active:not(:disabled){transform:scale(.97)}.round-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#ece6d824}@media (hover: none){.round-btn:disabled{cursor:not-allowed}}.submit-btn:before,.stage-btn:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#ffb67700 30%,#ffb67799,#ffb67700 70%);background-size:250% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s ease;animation:border-sweep 4s linear infinite;pointer-events:none;z-index:1}.submit-btn:hover:not(:disabled):before,.stage-btn:hover:not(:disabled):before{opacity:1}@keyframes border-sweep{0%{background-position:0% 0}to{background-position:250% 0}}.stage-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 56px));text-align:center;white-space:pre;color:var(--ink);font-size:calc(var(--font-size) * var(--fs-scale));line-height:var(--lh);letter-spacing:var(--ls);word-spacing:var(--ws);opacity:var(--op);filter:blur(var(--blur));text-shadow:0 0 30px rgba(255,200,140,.32),0 0 80px rgba(255,180,120,.16);margin:0;transition:letter-spacing 1.2s ease,filter 1.2s ease,opacity 1.2s ease,word-spacing 1.2s ease,font-size 1.2s ease,line-height 1.2s ease,color 1.2s ease;will-change:opacity,filter,transform}.stage-text[data-stage="2"] .blur-name{opacity:.55;transition:opacity 1.2s ease}.stage-text[data-stage="3"]{color:var(--ink-dim)}.stage-text[data-stage="4"] .loose-char{display:inline-block;transform:translateY(var(--dy, 0)) rotate(var(--rot, 0deg));transition:transform 1.2s ease}.stage-text[data-stage="5"] .fragment{display:inline-block;transform:translateY(var(--fy, 0));transition:transform 1.2s ease}.stage-foot{position:absolute;bottom:16vh;left:0;right:0;min-height:48px;display:flex;align-items:center;justify-content:center}.loading-line{font-size:12px;letter-spacing:.3em;font-family:var(--font-en);color:#ece6d880;margin:0;animation:breathe 3s ease-in-out infinite}html[lang=zh] .loading-line{font-family:var(--font-zh);letter-spacing:.22em}.epilogue-view{gap:28px}.epilogue-primary{font-size:19px;line-height:2.1;text-align:center;letter-spacing:.06em;font-weight:300;color:var(--ink);text-shadow:0 0 28px rgba(255,200,140,.24);opacity:0;margin:0}html[lang=zh] .epilogue-primary{font-size:18px;font-weight:400}.epilogue-secondary{font-size:11px;letter-spacing:.36em;font-family:var(--font-en);color:#ece6d880;opacity:0;margin:0;text-align:center;text-transform:uppercase}html[lang=zh] .epilogue-secondary{font-family:var(--font-zh);letter-spacing:.28em;text-transform:none}.epilogue-primary.shown,.epilogue-secondary.shown{animation:fade-in-slow 4s ease both}@keyframes fade-in-slow{0%{opacity:0;transform:translateY(4px);filter:blur(3px)}to{opacity:.88;transform:translateY(0);filter:blur(0)}}.reset-link{margin-top:18px;font-size:13px;letter-spacing:.24em;font-family:var(--font-en);color:#ece6d88c;text-decoration:none;border-bottom:1px solid rgba(236,230,216,.2);padding-bottom:4px;cursor:none;transition:color .4s ease,border-color .4s ease,letter-spacing .4s ease,text-shadow .4s ease}@media (hover: none){.reset-link{cursor:pointer}}html[lang=zh] .reset-link{font-family:var(--font-zh);letter-spacing:.2em}.reset-link:hover{color:var(--amber);border-color:#ffb67799;letter-spacing:.28em;text-shadow:0 0 18px rgba(255,170,110,.3)}.progress{position:fixed;top:50%;right:38px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;z-index:13;opacity:0;transition:opacity .8s ease;pointer-events:none}.progress:before,.progress:after{content:"";width:1px;height:22px;background:linear-gradient(#ece6d800,#ece6d82e,#ece6d800)}.progress.active{opacity:1}.dot{width:2px;height:16px;border-radius:1px;background:#ece6d81f;transition:background 1.2s ease,box-shadow 1.2s ease,opacity 1.2s ease,height 1.2s ease}.dot.current{height:22px;background:linear-gradient(#ffb677f2,#ffaa6e80);box-shadow:0 0 10px #ffaa6eb3,0 0 22px #ffaa6e4d}.dot.passed{background:#ece6d80a;opacity:.3}.foot-mark{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:13;font-family:var(--font-en);font-size:10px;letter-spacing:.38em;text-transform:uppercase;color:#ece6d847;opacity:0;animation:brand-in 2s ease 1.2s forwards;white-space:nowrap}html[lang=zh] .foot-mark{font-family:var(--font-zh);letter-spacing:.28em;text-transform:none}.fading-out{opacity:0!important;transition:opacity .6s ease!important}@media (max-width: 768px){:root{--font-size: 18px}html[lang=zh]{--font-size: 17px}.app{padding:28px 26px}.hint{font-size:16px}html[lang=zh] .hint{font-size:15px}.progress{right:18px;gap:11px}.progress:before,.progress:after{height:16px}.round-btn{font-size:13px;padding:12px 28px;letter-spacing:.18em}.brand{top:24px;gap:10px}.brand-line{width:22px}.brand-mark{font-size:9px;letter-spacing:.32em}.controls{top:22px;right:18px;gap:10px}.frame{inset:16px}.foot-mark{bottom:22px;font-size:9px;letter-spacing:.3em}.bg-moonlight:after{width:64px;height:64px}}@media (max-width: 380px){.app{padding:24px 20px}.brand-mark{font-size:8px}}@media (prefers-reduced-motion: reduce){.breathe,.noise-layer,.bg-fog,.bg-aurora,.bg-nebula,.bg-glow,.bg-bokeh:before,.bg-bokeh:after,.bg-moonlight,.brand,.foot-mark{animation:none}*{transition-duration:.001ms!important}}.memory-stars-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:7}.now-playing{position:fixed;left:34px;bottom:30px;z-index:14;font-family:var(--font-en);font-size:11px;letter-spacing:.14em;color:#ece6d873;opacity:0;pointer-events:none;cursor:none;transition:opacity .8s ease,color .4s ease;white-space:nowrap;user-select:none;transform:translateZ(0)}.now-playing.show{opacity:1;pointer-events:auto}.now-playing.show:hover{color:var(--amber)}@media (hover: none){.now-playing{cursor:pointer}}html[lang=zh] .now-playing{font-family:var(--font-zh);letter-spacing:.08em}.memory-panel{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:15;display:flex;align-items:flex-start;direction:rtl}.memory-panel-toggle{appearance:none;background:#1210188c;border:1px solid rgba(236,230,216,.18);border-radius:999px;color:#ece6d8b3;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:none;backdrop-filter:blur(8px);position:relative;flex-shrink:0;direction:ltr;transition:border-color .4s ease,box-shadow .4s ease,color .4s ease}.memory-panel-toggle:hover{border-color:#ffb67780;box-shadow:0 0 24px #ffaa6e2e;color:var(--ink)}.memory-panel-toggle .mp-star{font-size:14px;color:var(--amber);line-height:1;text-shadow:0 0 8px var(--amber)}.memory-panel-toggle .mp-count{position:absolute;bottom:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ffb677eb;color:#1a1208;font-size:10px;font-weight:700;line-height:17px;text-align:center;font-family:var(--font-en)}.memory-panel-body{margin-right:12px;width:280px;max-height:60vh;overflow-y:auto;background:#0e0c14b8;border:1px solid rgba(236,230,216,.14);border-radius:14px;padding:20px 18px;backdrop-filter:blur(14px);box-shadow:0 12px 40px #0006;direction:ltr;opacity:1;transform:translate(0);transition:opacity .4s ease,transform .4s ease}.memory-panel.collapsed .memory-panel-body{opacity:0;transform:translate(24px);pointer-events:none}.mp-title{font-family:var(--font-en);font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin:0 0 6px}html[lang=zh] .mp-title{font-family:var(--font-zh);letter-spacing:.22em;text-transform:none}.mp-sub{font-size:11px;line-height:1.55;color:#ece6d86b;margin:0 0 16px;font-style:italic}html[lang=zh] .mp-sub{font-style:normal;font-family:var(--font-zh)}.memory-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ml-item{border-left:1px solid rgba(236,230,216,.14);padding:7px 0 7px 12px;cursor:none;border-radius:0 6px 6px 0;transition:border-color .3s ease,background .3s ease}.ml-item:hover{border-left-color:var(--amber);background:#ffaa6e0d}.ml-head{display:flex;align-items:center;gap:8px}.ml-dot{width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px var(--amber);flex-shrink:0}.ml-preview{font-size:12px;color:#ece6d89e;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[lang=zh] .ml-preview,html[lang=zh] .ml-full{font-family:var(--font-zh)}.ml-full{font-size:12px;line-height:1.65;color:#ece6d86b;margin-top:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .4s ease,margin .4s ease}.ml-item.open .ml-full{max-height:240px;opacity:1;margin-top:7px}@media (max-width: 640px){.memory-panel{right:14px;top:auto;bottom:64px;transform:none}.memory-panel-body{width:240px}.now-playing{left:14px;bottom:14px;font-size:10px}}
