:root{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#39465a;background:#e9f0f5;font-synthesis:none;text-rendering:optimizeLegibility;--mist:#E9F0F5;--cream:#F8F4ED;--blue:#7C9CB9;--ink:#425E7C;--rose:#BD7C89;--mauve:#AB91B4;--text:#39465A;--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;scroll-behavior:smooth}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:#d8b8c2;color:#253d58}:focus-visible{outline:2px solid var(--rose);outline-offset:4px}.page-shell{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.26em;color:var(--rose);text-transform:uppercase}.site-header{position:absolute;z-index:30;top:0;left:0;width:100%;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid rgba(66,94,124,.16);color:var(--ink)}.brand{font-family:var(--serif);font-size:29px;font-weight:600;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{position:relative;width:23px;height:23px;display:inline-block}.brand-mark i{position:absolute;width:12px;height:12px;border-radius:50%;top:5px}.brand-mark i:first-child{left:1px;background:var(--blue)}.brand-mark i:last-child{right:1px;background:var(--rose);opacity:.82}.nav{display:flex;gap:clamp(16px,2.5vw,34px);align-items:center}.nav a{font-size:12px;letter-spacing:.14em;transition:color .25s}.nav a:hover{color:var(--rose)}.header-actions{display:flex;align-items:center;gap:9px}.header-edit,.header-signout,.menu-toggle{border:1px solid rgba(66,94,124,.28);color:var(--ink);background:#f8f4ed66;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border-radius:100px;padding:0 15px;font-size:12px;letter-spacing:.04em}.header-edit:hover,.header-signout:hover,.menu-toggle:hover{background:var(--cream)}.header-signout{width:36px;padding:0}.menu-toggle{display:none;width:36px;padding:0}.hero{min-height:760px;height:100svh;max-height:1100px;background:radial-gradient(circle at 84% 46%,#f1e8e9 0,transparent 25%),radial-gradient(circle at 16% 73%,#e0ebf3 0,transparent 32%),linear-gradient(135deg,#e9f0f5 8%,#eef1f0 55%,#f6efeb);position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.17;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.hero:before,.hero:after{content:"";position:absolute;top:102px;right:5.3%;bottom:80px;left:5.3%;border:1px solid rgba(77,105,134,.13);pointer-events:none}.hero:after{top:116px;right:6.2%;bottom:94px;left:6.2%;border-color:#4d698613}.hero-inner{width:min(1120px,88%);position:relative;z-index:2;margin-top:65px}.hero-topline{display:flex;align-items:center;gap:20px;color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.27em}.hero-topline-rule{width:45px;height:1px;background:var(--rose)}.hero-frame-number{position:absolute;right:2%;top:0;font-size:10px;line-height:1.9;letter-spacing:.19em;text-align:right;color:#657c96}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(100px,16vw,234px);letter-spacing:-.085em;line-height:.8;margin:75px 0 42px;color:var(--ink)}.hero h1 em{font-weight:400;color:var(--rose);font-style:italic}.hero-period{font-style:normal;color:var(--mauve)}.hero-copy{border-left:1px solid var(--rose);padding-left:24px}.hero-chinese{font-size:clamp(21px,2.3vw,31px);font-weight:400;letter-spacing:.17em;margin:0 0 9px}.hero-english{font-family:var(--serif);font-size:27px;font-style:italic;letter-spacing:.03em;color:#6f849d;margin:0}.button-primary,.button-outline{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 23px;border-radius:100px;border:1px solid var(--ink);font-size:13px;font-weight:600;letter-spacing:.05em;transition:background .25s,transform .25s,color .25s}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:#587796;transform:translateY(-2px)}.button-primary:disabled{opacity:.6;cursor:wait}.button-outline{background:transparent;color:var(--ink)}.button-outline:hover{background:var(--ink);color:#fff}.hero-cta{margin-top:52px;min-width:211px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:76px;color:#637c98;font-size:10px;letter-spacing:.24em}.scroll-cue{display:flex;align-items:center;gap:9px}.hero-orbit{position:absolute;border:1px solid rgba(124,156,185,.18);border-radius:50%;width:390px;height:390px;right:-120px;top:16%}.hero-orbit-two{width:260px;height:260px;right:-55px;top:24%;border-color:#bd7c8924}.hero-lights{position:absolute;right:14%;bottom:19%;width:150px;height:50px}.hero-lights i,.ending-lights i{position:absolute;border-radius:50%;filter:blur(1px)}.light-blue{left:28px;top:5px;width:23px;height:23px;background:#88afc9;box-shadow:0 0 35px 15px #7c9cb933}.light-rose{right:29px;top:13px;width:19px;height:19px;background:#c9929b;box-shadow:0 0 32px 13px #bd7c892e}.section{position:relative;padding:125px 0 145px}.section-inner{width:min(1120px,86%);margin:auto}.beginning{background:#f8f4ed}.days{background:#edf2f5}.fragments{background:#f1f0ec}.letter-section{background:linear-gradient(145deg,#f8f4ed 10%,#f7eff0)}.ahead{background:#edf1f4}.scene-heading{max-width:780px;margin-bottom:73px}.scene-label{display:flex;align-items:center;gap:16px;color:var(--rose);font-size:10px;font-weight:600;letter-spacing:.24em}.scene-line{width:45px;height:1px;background:#d2b1b9}.scene-heading h2{font-size:clamp(36px,4.2vw,56px);font-weight:400;letter-spacing:.1em;color:var(--ink);margin:19px 0 15px}.scene-heading p{font-size:17px;line-height:1.9;letter-spacing:.06em;margin:0;color:#53677e}.beginning-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.date-art{height:420px;position:relative;border:1px solid rgba(66,94,124,.23);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 60% 37%,rgba(219,230,238,.76),transparent 44%),#f5f3ef}.date-art:before,.date-art:after{content:"";position:absolute;width:14px;height:14px;border-top:1px solid var(--rose);border-left:1px solid var(--rose);left:18px;top:18px}.date-art:after{left:auto;top:auto;right:18px;bottom:18px;transform:rotate(180deg)}.date-art-label{position:absolute;top:35px;font-size:10px;letter-spacing:.25em;color:#7488a0}.date-art strong{font-family:var(--serif);font-size:clamp(94px,11vw,158px);font-weight:400;letter-spacing:-.07em;color:var(--ink);line-height:1}.date-art strong span{color:var(--rose)}.date-art-line{width:94px;height:1px;background:var(--rose);margin:13px 0 21px}.date-art small{color:#76869a;letter-spacing:.15em}.beginning-copy h3{font-family:var(--serif);font-size:clamp(40px,5vw,67px);font-weight:400;line-height:1.16;color:var(--ink);margin:18px 0 27px}.beginning-copy p{font-size:17px;line-height:2.05;max-width:425px;color:#52647a}.beginning-copy .faint-note{font-size:12px;border-top:1px solid rgba(66,94,124,.18);margin-top:34px;padding-top:20px;color:#8290a1}.timeline{max-width:850px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:96px;top:8px;bottom:8px;width:1px;background:linear-gradient(#b2c3d3,#cbabb7)}.timeline-item{display:grid;grid-template-columns:78px 38px 1fr;gap:0;margin:0 0 38px;position:relative}.timeline-index{font-family:var(--serif);font-size:38px;color:#9bafc3;text-align:right;padding-right:24px}.timeline-dot{width:10px;height:10px;background:var(--rose);border-radius:50%;border:3px solid #EDF2F5;box-sizing:content-box;margin:16px 0 0 10px;z-index:1}.timeline-card{background:#ffffff8f;border:1px solid rgba(112,139,165,.16);border-radius:4px;padding:28px 34px;min-height:148px}.timeline-card time{font-size:10px;letter-spacing:.2em;color:var(--rose)}.timeline-card h3{font-size:21px;font-weight:500;color:var(--ink);margin:10px 0}.timeline-card p{margin:0;font-size:15px;line-height:1.8;color:#647386}.gallery-intro,.wish-board-head{display:flex;justify-content:space-between;border-bottom:1px solid rgba(66,94,124,.25);font-size:10px;letter-spacing:.25em;color:#7a8da2;padding-bottom:13px;margin-bottom:24px}.gallery-featured{display:grid;grid-template-columns:1fr 1fr;gap:22px}.film-frame{display:block;text-align:left;padding:0;border:0;background:none;color:inherit;width:100%;min-width:0}.frame-wide{grid-column:span 2}.frame-art{position:relative;display:block;aspect-ratio:4/5;border:1px solid rgba(66,94,124,.16);border-radius:14px;overflow:hidden;background:#e4ebef}.frame-wide .frame-art{aspect-ratio:16/8}.frame-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.film-frame:hover .frame-art img{transform:scale(1.035)}.frame-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;position:relative;overflow:hidden;background:radial-gradient(circle at 19% 78%,rgba(188,209,224,.9),transparent 27%),radial-gradient(circle at 83% 19%,rgba(222,195,201,.72),transparent 29%),linear-gradient(132deg,#e9f0f3 5%,#f4f2ed 56%,#eadfe1);color:var(--ink)}.film-frame:nth-child(2) .frame-placeholder{background:radial-gradient(circle at 79% 77%,rgba(183,204,221,.8),transparent 32%),linear-gradient(150deg,#f6f1ea,#e4ebf1 70%,#e8dde2)}.film-frame:nth-child(3) .frame-placeholder{background:radial-gradient(circle at 21% 24%,rgba(213,174,184,.43),transparent 26%),linear-gradient(130deg,#e6eaf1,#f8f4ed 65%,#dde8ee)}.placeholder-orbit{position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(255,255,255,.66);border-radius:50%}.placeholder-orbit:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:1px solid rgba(255,255,255,.52);border-radius:50%}.placeholder-title{font-family:var(--serif);font-size:clamp(29px,3.5vw,54px);font-style:italic;position:relative;text-align:center;padding:0 12px}.frame-placeholder small{font-size:9px;letter-spacing:.2em;position:relative}.frame-meta{display:flex;justify-content:space-between;gap:8px;padding:12px 2px 0;font-size:10px;letter-spacing:.18em;color:#677d93}.film-strip{margin-top:48px;display:flex;gap:14px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory}.film-strip .film-frame{flex:0 0 180px;scroll-snap-align:start}.film-strip .frame-art{aspect-ratio:3/2;border-radius:7px}.film-strip .placeholder-title{font-size:20px}.film-strip .frame-placeholder small{display:none}.film-strip .frame-meta{font-size:9px}.lightbox,.modal-backdrop,.editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#213041d6;display:flex;align-items:center;justify-content:center}.lightbox{padding:50px 70px;gap:25px}.lightbox-content{max-width:min(100%,1040px);width:100%;display:flex;flex-direction:column;align-items:center;min-width:0}.lightbox-content>img,.lightbox-placeholder{max-width:100%;max-height:66vh;object-fit:contain;border-radius:7px}.lightbox-placeholder{width:min(760px,100%);min-height:360px;background:linear-gradient(130deg,#e8edf1,#f8f4ed,#e8dde2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);font:italic 48px var(--serif)}.lightbox-placeholder small{font:12px Noto Sans SC,sans-serif;margin-top:14px}.lightbox-close,.lightbox-prev,.lightbox-next{border:1px solid rgba(255,255,255,.35);background:#ffffff12;color:#fff;border-radius:50%;width:43px;height:43px;display:flex;align-items:center;justify-content:center;flex:none}.lightbox-close{position:absolute;top:23px;right:24px}.lightbox-caption{text-align:center;color:#e9f0f5;padding:18px}.lightbox-caption span,.lightbox-caption time{font-size:10px;letter-spacing:.2em;color:#c9dae8}.lightbox-caption h3{font-family:var(--serif);font-size:34px;margin:5px 0}.lightbox-caption p{font-size:14px;margin:0 0 8px}.letter-wrap{display:flex;flex-direction:column;align-items:center;position:relative;min-height:320px}.letter-ornament{position:absolute;left:8%;top:1%;font-size:40px;color:#c7a7b4;opacity:.6}.envelope{width:min(480px,90%);height:260px;border:0;background:transparent;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0;transition:transform .3s}.envelope:hover{transform:translateY(-5px)}.envelope-body{height:200px;width:100%;position:absolute;bottom:35px;background:#f3ebe3;border:1px solid #DFCFCA;box-shadow:0 18px 40px #675d6b1f;overflow:hidden}.envelope-body:before,.envelope-body:after{content:"";position:absolute;bottom:-90px;width:75%;height:170px;background:#f8f1ea;border:1px solid #E6D7D0;transform:rotate(30deg);left:-16%}.envelope-body:after{left:auto;right:-16%;transform:rotate(-30deg)}.envelope-top{position:absolute;z-index:1;top:25px;left:0;width:100%;height:130px;background:#efe4dd;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 1px #D6C4BC)}.envelope-seal{position:absolute;z-index:2;top:83px;left:calc(50% - 26px);width:52px;height:52px;border-radius:50%;background:var(--rose);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;box-shadow:0 3px 10px #bd7c8938}.envelope-seal span{margin:0 2px}.envelope-instruction{font-size:11px;letter-spacing:.2em;color:var(--ink);position:relative;z-index:3}.letter-paper{width:min(700px,96%);padding:60px clamp(30px,7vw,78px);background:#fffcf7;border:1px solid #E6DCD4;box-shadow:0 18px 45px #6955581c;margin:24px auto 0;animation:paper-in .5s ease-out}.letter-text{white-space:pre-wrap;font-size:16px;line-height:2.4;color:#536176;margin-top:33px}.letter-signature{text-align:right;color:var(--rose);font-family:var(--serif);font-size:30px;margin-top:37px}.letter-signature span{font-size:14px}.wish-board{max-width:830px;margin:auto;background:#ffffff9e;border:1px solid rgba(66,94,124,.14);padding:36px clamp(24px,5vw,55px) 15px}.wish-board-head{margin-bottom:0}.wish-row{display:grid;grid-template-columns:47px 34px 1fr 88px;gap:14px;align-items:center;min-height:82px;border-bottom:1px solid rgba(66,94,124,.13)}.wish-number{font-family:var(--serif);font-size:25px;color:#9cafc2}.wish-check{width:22px;height:22px;border-radius:50%;border:1px solid var(--rose);color:#fff;display:flex;align-items:center;justify-content:center}.wish-done .wish-check{background:var(--rose)}.wish-row>span:nth-child(3){font-size:16px;line-height:1.5;color:var(--ink)}.wish-done>span:nth-child(3){text-decoration:line-through;color:#8493a3}.wish-row small{text-align:right;color:#a28c98;font-size:9px;letter-spacing:.16em}.wish-footer{text-align:center;font-size:12px;color:#8795a5;margin:26px 0}.ending{min-height:640px;background:linear-gradient(150deg,#dce6ef 4%,#d8e2ef 53%,#efe9ec);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.ending:before{content:"";position:absolute;top:45px;right:45px;bottom:45px;left:45px;border:1px solid rgba(66,94,124,.2)}.ending-content{position:relative;z-index:2;padding:90px 24px}.ending h2{font-family:var(--serif);font-weight:400;color:var(--ink);font-size:clamp(68px,10vw,126px);line-height:.86;letter-spacing:-.045em;margin:28px 0}.ending h2 em{font-weight:400;color:var(--rose)}.ending p{font-size:20px;letter-spacing:.16em;color:var(--ink)}.ending-rule{display:block;width:62px;height:1px;background:var(--rose);margin:33px auto}.ending strong,.ending small{display:block;font-weight:400;font-size:11px;letter-spacing:.22em;color:#6d819a}.ending small{font-family:var(--serif);font-style:italic;font-size:23px;letter-spacing:.03em;margin-top:24px}.ending-lights{position:absolute;bottom:18%;left:calc(50% - 70px);width:140px;height:50px}.ending-lights i{width:18px;height:18px;top:13px;background:#8aaac4;box-shadow:0 0 36px 15px #8aaac459;left:35px}.ending-lights i:last-child{background:#cd9ca9;box-shadow:0 0 36px 15px #cd9ca94f;left:88px}.site-footer{background:#e5ecf2;display:flex;justify-content:space-between;gap:16px;padding:31px clamp(25px,5vw,80px);font-size:9px;letter-spacing:.19em;color:#7388a0}.site-footer a:hover{color:var(--rose)}.demo-note{background:#f6f0e9;color:#68798b;padding:14px 24px;text-align:center;font-size:11px;line-height:1.6}.demo-note span{color:var(--rose);font-weight:600;margin-right:8px}.private-notice,.empty-card{text-align:center;border:1px solid rgba(66,94,124,.2);background:#ffffff75;padding:55px 24px;color:var(--ink)}.private-notice{display:flex;align-items:center;flex-direction:column;max-width:720px;margin:auto}.private-notice svg{color:var(--rose);margin-bottom:15px}.private-notice h3{font-size:27px;font-weight:400;margin:10px 0}.private-notice p{font-size:14px;line-height:1.9;color:#68798b;max-width:430px}.private-notice .button-outline{margin-top:9px}.app-error{position:fixed;z-index:80;bottom:15px;left:15px;background:#fff7f4;border:1px solid var(--rose);padding:14px 18px;border-radius:8px;font-size:13px;box-shadow:0 8px 25px #425e7c22}.app-error button{border:0;background:none;color:var(--rose);margin-left:12px;text-decoration:underline}.music-control{position:fixed;z-index:55;bottom:22px;left:22px;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 120px)}.music-main{border:1px solid rgba(66,94,124,.23);border-radius:100px;background:#f8f4edf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);display:flex;align-items:center;gap:10px;min-height:49px;padding:7px 14px;box-shadow:0 8px 23px #425e7c15}.music-main span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:nowrap}.music-main small{font-size:8px;letter-spacing:.16em;color:var(--rose)}.music-main strong{font-size:10px;font-weight:500}.music-bars{height:16px;display:flex;align-items:end;gap:2px}.music-bars i{height:6px;width:2px;background:var(--rose)}.music-bars.active i{animation:bar 1s infinite alternate}.music-bars.active i:nth-child(2){animation-delay:.25s}.music-bars.active i:nth-child(3){animation-delay:.5s}.volume-control{display:flex;align-items:center;gap:4px;background:#f8f4edf0;padding:10px;border-radius:20px;color:var(--ink);border:1px solid rgba(66,94,124,.23)}.volume-control input{width:58px;accent-color:var(--rose)}.music-error{font-size:11px;background:#fff7f4;padding:6px;border-radius:6px}.zumi-dock{position:fixed;z-index:60;right:25px;bottom:19px;display:flex;flex-direction:column;align-items:center}.zumi-controls{display:flex;gap:4px;margin-bottom:-6px;z-index:2}.zumi-controls button,.zumi-reveal{border:1px solid rgba(66,94,124,.2);background:#f8f4ede6;color:var(--ink);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0}.zumi-reveal{width:auto;height:37px;border-radius:100px;gap:6px;padding:0 11px;font-size:11px}.zumi-body{border:0;background:transparent;width:96px;height:96px;padding:0;position:relative;--zumi-main:#F4F0EB;--zumi-light:#FFFFFF;--zumi-edge:#DDE5E8;--zumi-outline:#C8D3DC;--zumi-accent:#D6A7B4;--zumi-blush:#D6A7B4;filter:drop-shadow(0 9px 12px rgba(66,94,124,.17));transition:opacity .4s,transform .4s}.zumi-svg{width:100%;height:100%;position:relative;z-index:1}.zumi-body.skin-pearl:before{content:"";position:absolute;left:18%;top:28%;width:27%;height:46%;border-radius:50%;background:#a9c6df;filter:blur(12px);opacity:.5;z-index:2;pointer-events:none}.zumi-body.skin-pearl:after{content:"";position:absolute;right:18%;top:36%;width:18%;height:29%;border-radius:50%;background:#d6a7b4;filter:blur(11px);opacity:.36;z-index:2;pointer-events:none}.skin-blue{--zumi-main:#A9C6DF;--zumi-light:#F3FAFF;--zumi-edge:#86AAC8;--zumi-outline:#6F95B6;--zumi-accent:#EEF5FC;--zumi-blush:#9CB9D4}.skin-rose{--zumi-main:#E7BBC4;--zumi-light:#FFF7F4;--zumi-edge:#D8A0AE;--zumi-outline:#C88899;--zumi-accent:#F9E9E8;--zumi-blush:#C88899}.skin-moon{--zumi-main:#EEF2F2;--zumi-light:#FFFFFF;--zumi-edge:#B9CDD7;--zumi-outline:#A4B9C6;--zumi-accent:#DDC690;--zumi-blush:#D6B8A3}.zumi-halo{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;box-shadow:0 0 25px 10px #d9cddf52}.zumi-body.is-moving{animation:zumi-float 6s ease-in-out infinite}.zumi-body.is-moving .zumi-halo{animation:halo 4.5s ease-in-out infinite}.zumi-body:hover{transform:translateY(-5px) rotate(-4deg)}.zumi-body.is-jumping{animation:zumi-jump .45s ease-out}.zumi-body.is-waving .zumi-svg{animation:zumi-wave 1.3s ease-in-out 1}.zumi-svg .eye{transform-box:fill-box;transform-origin:center}.zumi-svg .eye.blink{transform:scaleY(.1)}.zumi-stars{position:absolute;white-space:nowrap;top:-14px;left:7px;font-size:14px;color:#a997b8;animation:stars .45s ease-out both}.zumi-bubble{background:#fffdf8;border:1px solid #DAD1D8;color:var(--ink);font-size:11px;padding:10px 13px;border-radius:12px;margin-bottom:8px;white-space:nowrap;box-shadow:0 8px 22px #425e7c1a}.wardrobe{position:absolute;right:0;bottom:118px;width:310px;background:#fffcf8;border:1px solid #D9DDE2;border-radius:14px;box-shadow:0 17px 48px #425e7c26;padding:18px}.wardrobe-head{display:flex;justify-content:space-between;align-items:start}.wardrobe h3{font-family:var(--serif);font-size:27px;margin:2px 0 16px;color:var(--ink);font-weight:500}.icon-button{background:none;border:0;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;padding:6px}.skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skin-choice{border:1px solid #E2E2E1;background:#faf8f4;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink)}.skin-choice.selected{border-color:var(--rose);box-shadow:0 0 0 1px var(--rose)}.skin-swatch{display:block;width:41px;height:41px;border-radius:50%;background:radial-gradient(circle at 35% 28%,var(--zumi-light),var(--zumi-main) 65%,var(--zumi-edge));border:1px solid var(--zumi-outline);margin-bottom:5px;position:relative}.skin-swatch.skin-pearl{--zumi-main:#F4F0EB;--zumi-light:#fff;--zumi-edge:#DDE5E8;--zumi-outline:#C8D3DC}.skin-swatch i{position:absolute;top:21px;left:14px;width:3px;height:4px;border-radius:50%;background:#526378;box-shadow:10px 0 #526378}.skin-choice strong{font-size:10px}.skin-choice small{font-size:9px;color:#8190a0}.motion-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:#65788b;margin-top:14px}.motion-toggle input{accent-color:var(--rose)}.modal-backdrop{background:#27384b94;padding:20px}.auth-dialog{position:relative;background:#f8f4ed;width:min(450px,100%);padding:44px;border-radius:8px;box-shadow:0 20px 80px #26394d33}.modal-close{position:absolute;right:17px;top:16px}.auth-dialog h2{font-size:29px;font-weight:400;color:var(--ink);margin:12px 0}.auth-dialog p{font-size:14px;line-height:1.8;color:#68798b}.auth-dialog form,.editor-form{display:flex;flex-direction:column;gap:11px}.auth-dialog form{margin-top:25px}.auth-dialog label,.editor-form label{font-size:12px;color:var(--ink);font-weight:600}.auth-dialog input,.editor-form input:not([type=checkbox]),.editor-form textarea{border:1px solid #CDD7DE;background:#fffefb;color:var(--text);border-radius:5px;min-height:43px;padding:10px 12px;width:100%;outline:none}.auth-dialog input:focus,.editor-form input:focus,.editor-form textarea:focus{border-color:var(--rose)}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:12px;top:13px;color:#8a9aaa}.input-with-icon input{padding-left:38px}.auth-dialog .button-primary{margin-top:7px}.form-message{border-left:2px solid var(--rose);padding:10px 12px;background:#f6eee9;color:#66768a;font-size:12px;line-height:1.7}.editor-backdrop{justify-content:flex-end;background:#1f2d3b80}.editor-panel{height:100%;width:min(540px,100%);background:#f8f4ed;box-shadow:-15px 0 55px #26394d33;display:flex;flex-direction:column;overflow:hidden}.editor-header{display:flex;align-items:start;justify-content:space-between;padding:29px 30px 18px}.editor-header h2{font-family:var(--serif);font-weight:500;font-size:35px;color:var(--ink);margin:4px 0}.editor-tabs{display:flex;overflow-x:auto;padding:0 20px;border-bottom:1px solid #DCE1E2}.editor-tabs button{flex:none;background:none;border:0;border-bottom:2px solid transparent;padding:12px;color:#7b8b9b;font-size:12px}.editor-tabs button.active{border-color:var(--rose);color:var(--ink)}.editor-content{padding:27px 30px 45px;overflow-y:auto;flex:1}.editor-hint,.editor-form p{font-size:13px;line-height:1.8;color:#728295}.editor-add{margin:10px 0 24px}.editor-list{display:flex;flex-direction:column;gap:8px}.editor-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffdf9;border:1px solid #E5E7E7;padding:12px;border-radius:7px}.editor-row>div:first-child{display:flex;gap:11px;align-items:center;min-width:0}.editor-row img,.editor-row-icon{width:44px;height:44px;object-fit:cover;border-radius:4px;background:#e5ebf0;display:flex;align-items:center;justify-content:center;color:var(--ink);font-family:var(--serif);font-size:20px;flex:none}.editor-row strong,.editor-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-row strong{font-size:13px;color:var(--ink);font-weight:500}.editor-row small{font-size:10px;color:#8b98a5;margin-top:4px}.editor-row-actions{display:flex;align-items:center;gap:3px;flex:none}.editor-row-actions button{background:none;border:0;color:var(--rose);font-size:11px;padding:6px}.editor-form{gap:12px}.editor-form textarea{resize:vertical;line-height:1.7}.editor-form .letter-input{min-height:350px}.editor-form input[type=file]{font-size:11px;min-height:0;padding:10px}.editor-form input[type=file]::file-selector-button{border:1px solid #CAD5DE;background:#e9f0f5;border-radius:4px;padding:6px;margin-right:9px;color:var(--ink)}.editor-form small{font-size:11px;color:#8292a1}.editor-form .button-primary{margin-top:14px}.back-link{background:none;border:0;display:flex;align-items:center;gap:5px;color:var(--rose);align-self:start;padding:0 0 7px;font-size:12px}.check-label{display:flex;align-items:center;gap:9px}.check-label input{accent-color:var(--rose)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease-out,transform .65s ease-out}.reveal.shown{opacity:1;transform:translateY(0)}@keyframes zumi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes zumi-jump{0%,to{transform:translateY(0)}45%{transform:translateY(-14px)}70%{transform:translateY(2px)}}@keyframes halo{0%,to{opacity:.55}50%{opacity:.95}}@keyframes stars{0%{opacity:0;transform:translateY(7px) scale(.8)}to{opacity:1;transform:translateY(-6px) scale(1)}}@keyframes zumi-wave{0%,to{transform:rotate(0)}40%{transform:rotate(8deg)}70%{transform:rotate(-5deg)}}@keyframes bar{to{height:15px}}@keyframes paper-in{0%{opacity:0;transform:translateY(-13px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.site-header{height:70px}.nav{position:absolute;top:70px;left:0;right:0;background:#f8f4ed;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 25px 20px;box-shadow:0 15px 25px #425e7c16}.nav.open{display:flex}.nav a{padding:12px;border-bottom:1px solid #E8E5E0}.menu-toggle{display:flex}.hero h1{font-size:clamp(96px,18vw,180px)}.hero-bottom{margin-top:80px}.beginning-layout{gap:5%}}@media(max-width:650px){.site-header{padding:0 18px;height:65px}.brand{font-size:25px}.nav{top:65px}.header-edit{font-size:0;width:35px;padding:0}.header-edit svg{width:16px}.header-signout{width:35px}.hero{min-height:680px;height:100svh;max-height:900px;align-items:center}.hero:before{top:80px;right:16px;bottom:64px;left:16px}.hero:after{top:88px;right:23px;bottom:72px;left:23px}.hero-inner{width:calc(100% - 64px);margin-top:40px}.hero-topline{font-size:9px;gap:9px;letter-spacing:.18em}.hero-topline-rule{width:24px}.hero-frame-number{top:32px;right:0;font-size:8px}.hero h1{font-size:clamp(91px,17.5vw,125px);margin:85px 0 34px;letter-spacing:-.09em}.hero-chinese{font-size:18px;letter-spacing:.08em}.hero-english{font-size:22px}.hero-cta{margin-top:42px}.hero-bottom{margin-top:85px;font-size:8px;letter-spacing:.12em}.hero-bottom>span:last-child{max-width:115px;text-align:right;line-height:1.7}.hero-lights{right:8%;bottom:15%}.section{padding:85px 0 100px}.section-inner{width:calc(100% - 42px)}.scene-heading{margin-bottom:48px}.scene-label{font-size:9px;gap:10px;letter-spacing:.15em}.scene-line{width:25px}.scene-heading h2{font-size:34px;letter-spacing:.05em}.scene-heading p{font-size:16px}.beginning-layout{grid-template-columns:1fr;gap:45px}.date-art{height:320px}.date-art strong{font-size:115px}.beginning-copy h3{font-size:44px}.beginning-copy p{font-size:16px}.timeline:before{left:44px}.timeline-item{grid-template-columns:33px 29px 1fr;margin-bottom:22px}.timeline-index{font-size:25px;padding-right:7px}.timeline-dot{margin:9px 0 0 5px;width:8px;height:8px}.timeline-card{padding:20px 17px;min-height:130px}.timeline-card h3{font-size:17px}.timeline-card p{font-size:14px}.gallery-featured{gap:12px}.frame-art{border-radius:10px}.frame-wide .frame-art{aspect-ratio:16/10}.placeholder-title{font-size:25px}.frame-wide .placeholder-title{font-size:33px}.frame-placeholder small{font-size:7px;letter-spacing:.1em}.frame-meta{font-size:8px;letter-spacing:.08em}.film-strip{margin-top:34px}.film-strip .film-frame{flex-basis:150px}.lightbox{padding:65px 13px 45px;gap:4px}.lightbox-prev,.lightbox-next{position:absolute;bottom:20px;width:37px;height:37px}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-placeholder{min-height:300px;font-size:34px}.lightbox-caption h3{font-size:28px}.letter-wrap{min-height:270px}.envelope{height:215px}.envelope-body{height:168px}.envelope-top{top:15px;height:118px}.envelope-seal{top:67px}.letter-paper{padding:37px 25px}.letter-text{font-size:15px}.wish-board{padding:25px 18px 10px}.wish-row{grid-template-columns:25px 25px 1fr;gap:8px;min-height:76px}.wish-number{font-size:21px}.wish-check{width:19px;height:19px}.wish-row>span:nth-child(3){font-size:14px}.wish-row small{display:none}.ending{min-height:590px}.ending:before{top:22px;right:22px;bottom:22px;left:22px}.ending h2{font-size:70px}.ending p{font-size:16px}.site-footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:24px;line-height:1.8}.site-footer>span:nth-child(2){display:none}.music-control{left:11px;bottom:11px;max-width:calc(100vw - 95px)}.music-main{min-height:44px;padding:6px 10px;gap:7px}.music-main strong{font-size:9px}.music-main small{font-size:7px}.volume-control{display:none}.zumi-dock{right:8px;bottom:8px}.zumi-body{width:72px;height:72px}.zumi-controls button{width:23px;height:23px}.wardrobe{bottom:90px;right:0;width:min(300px,calc(100vw - 20px))}.zumi-bubble{white-space:normal;max-width:180px}.auth-dialog{padding:37px 25px}.editor-header{padding:24px 20px 14px}.editor-content{padding:22px 20px 40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:650px)and (max-height:700px){.hero-bottom{display:none}}.zumi-dock{opacity:0;transition:opacity .65s ease-out}.zumi-dock.zumi-arrived{opacity:1}.zumi-dock-gallery .zumi-svg{transform:rotate(-7deg) translate(-3px)}.zumi-dock-letter .zumi-body.is-moving{animation:none;transform:scale(.94)}