@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{--ink:#f0e9de;--muted:#9ca5ab;--gold:#e9c58d;--line:#ddd8cb1f;--navy:#101c27;--serif:"Noto Serif SC","Songti SC","SimSun",serif}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#101c27;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}svg{vertical-align:middle;flex-shrink:0}input,textarea{min-width:0}button{transition:background .2s,opacity .2s,transform .2s}button:hover:not(:disabled){filter:brightness(1.08)}.studio{background:radial-gradient(at 63% 40%,#26313a 0,#14212c 42%,#101b26 75%);min-height:100svh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:12;justify-content:space-between;align-items:center;gap:20px;height:102px;margin:0 4.4%;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand-star{color:var(--gold);font-family:Georgia,serif;font-size:48px;line-height:1}.brand>span:last-child{letter-spacing:-1px;font:28px Georgia,serif}.brand small{letter-spacing:2px;color:#9ba5ab;margin-top:6px;font:9px sans-serif;display:block}.top-location{color:#adada9;letter-spacing:1.5px;align-items:center;gap:11px;font-size:10px;display:flex}.live-dot{background:#a9bf9a;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #a9bf9a50}.divider{color:#657077;margin:0 7px}.top-actions{align-items:center;gap:16px;display:flex}.icon-button{color:#d1cdc5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-button:hover{background:#ffffff0c}.make-button{color:#e8d6b6;border:1px solid #d8c3a544;border-radius:5px;align-items:center;gap:9px;padding:12px 16px;font-size:12px;display:flex}.experience{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.5fr);align-items:center;max-width:1560px;min-height:calc(100svh - 102px);margin:auto;padding:0 4.4% 70px;transition:padding .4s;display:grid;position:relative}.intro-copy{z-index:2;pointer-events:none;margin-top:-65px;padding-left:2%}.eyebrow{letter-spacing:3px;color:var(--gold);font:9px/1.5 sans-serif;display:block}h1{font:400 clamp(30px,3.2vw,48px)/1.65 var(--serif);letter-spacing:1px;margin:24px 0 20px}h1 span{color:#e9c997}.intro-copy p{color:var(--muted);letter-spacing:1px;font-size:12px;line-height:2.2}.dedication{align-items:center;gap:15px;margin-top:34px;display:flex}.dedication>span:first-child{color:#8d969b;letter-spacing:2px;font:9px Georgia,serif}.dedication strong{font:400 17px var(--serif);letter-spacing:2px}.tiny-star{color:var(--gold);margin-left:14px;font-size:12px}.intro-detail{color:#7f8c93;letter-spacing:2px;align-items:center;gap:12px;margin-top:60px;font-size:10px;display:flex}.intro-detail i{background:#a8997b;width:28px;height:1px}.scene-area{height:calc(100svh - 178px);min-height:510px;max-height:920px;position:relative}.room-stage{z-index:1;position:absolute;inset:0 0 40px}.webgl-host{touch-action:pan-y;width:100%;height:100%}.webgl-host canvas{outline:none;display:block}.scene-halo{filter:blur(50px);background:radial-gradient(#c19a6230,#0000 65%);border-radius:50%;position:absolute;inset:13% 10% 10%}.scene-number{color:#bba98b;z-index:3;font:italic 13px Georgia,serif;position:absolute;top:23px;left:32px}.scene-number span{letter-spacing:2px;color:#728089;margin-left:14px;font:8px sans-serif}.scene-drag{letter-spacing:1px;color:#7d8990;font-size:9px;position:absolute;top:24px;right:22px}.scene-cta{z-index:4;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:4px;left:0;right:0}.primary-button{color:#302820;background:linear-gradient(110deg,#edcf9d,#dcb77e);border:1px solid #f4dbb13d;border-radius:5px;justify-content:center;align-items:center;gap:13px;min-height:45px;padding:15px 23px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 8px 30px #d9ae6010}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.open-gift{min-width:278px}.open-gift svg:last-child{margin-left:14px}.scene-cta>span{letter-spacing:1.7px;color:#8f999e;font-size:9px}.experience-footer{border-top:1px solid var(--line);color:#7b8991;letter-spacing:1px;justify-content:space-between;align-items:center;padding-top:18px;font-size:9px;display:flex;position:absolute;bottom:25px;left:4.4%;right:4.4%}.experience-footer>div{align-items:center;gap:12px;display:flex}.foot-star{color:#baa480;font-size:21px}.foot-controls button{color:#94a0a7;align-items:center;gap:7px;padding:5px;font-size:9px;display:flex}.scene-loading{color:#b4ac9c;letter-spacing:2px;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:11px;display:flex;position:absolute;inset:0}.loading-orbit{color:var(--gold);font-size:32px;animation:2s ease-in-out infinite pulse}.scene-fallback{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px;display:flex}.scene-fallback img{object-fit:contain;border-radius:8px;max-width:100%;height:90%}.scene-fallback p{font-size:11px}.opening-note{font-family:var(--serif);letter-spacing:2px;color:#e1c89f}.wish-panel,.finish-panel,.celebration-caption{z-index:5;text-align:center;background:linear-gradient(#0000,#111e29e8 40%,#111e29);border-radius:0 0 20px 20px;padding:32px 12px 8px;position:absolute;bottom:10px;left:-10%;right:0}.wish-panel h2,.finish-panel h2,.celebration-caption h2{font:400 25px/1.6 var(--serif);color:#ead2ad;margin:12px 0}.wish-panel p,.finish-panel p,.celebration-caption p{color:#a4aaa9;letter-spacing:1px;margin:0 0 18px;font-size:11px}.wish-panel>.text-button{margin:10px auto 0;display:block}.text-button{color:#bbab90;justify-content:center;align-items:center;gap:9px;padding:9px;font-size:11px;display:inline-flex}.finish-buttons{justify-content:center;gap:10px;display:flex}.outline-button{color:#dacbac;border:1px solid #c5ba9f36;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-size:11px;display:inline-flex}.celebration-caption{animation:2s both fadeIn}.editor{z-index:15;color:#373b38;background:#f6f3ec;border-left:1px solid #d3cbbd;flex-direction:column;width:420px;animation:.35s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 80px #0002}.editor-heading{justify-content:space-between;align-items:center;padding:30px 25px 22px;display:flex}.editor .eyebrow{color:#968062;letter-spacing:2px;font-size:9px}.editor-heading h2{font:500 21px var(--serif);margin:10px 0 0}.editor-tabs{border-bottom:1px solid #d9d7cf;gap:3px;margin:0 25px;display:flex}.editor-tabs button{color:#9b9b90;border-bottom:2px solid #0000;flex:1;padding:14px 0;font-size:12px}.editor-tabs button span{margin-right:6px;font:10px Georgia,serif}.editor-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;padding:26px 25px 30px;overflow-y:auto}.section-kicker{letter-spacing:1.7px;color:#9b9d92;margin:3px 0 12px;font:9px sans-serif}.editor h3{font:500 18px/1.5 var(--serif);margin:0 0 10px}.field-description{color:#8c8f83;margin:0 0 21px;font-size:11px;line-height:1.9}.scene-option{text-align:left;background:#fff;border:1px solid #aeb6a3;border-radius:7px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.scene-option>img{object-fit:cover;object-position:50% 48%;width:100%;height:170px;display:block}.scene-option>span:not(.selected-check){flex-direction:column;gap:6px;padding:13px 15px;display:flex}.scene-option strong{font-size:12px;font-weight:500}.scene-option small{color:#92948b;font-size:10px}.selected-check{color:#fff;background:#6b7b67;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:flex;position:absolute;bottom:22px;right:15px}.future-scenes{grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;display:grid}.future-scenes>div{border-radius:5px;position:relative;overflow:hidden}.future-scenes img{object-fit:cover;filter:saturate(.65)brightness(.75);width:100%;height:102px;display:block}.future-scenes span{color:#fff;font-size:11px;position:absolute;bottom:9px;left:10px}.future-scenes small{opacity:.7;margin-left:5px;font-size:8px}.field-block{margin-top:23px}.field-block label{justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.field-block small{color:#a0a194;font-size:10px}.field-block input,.field-block textarea,.photo-edit input{color:#343e37;background:#ffffffa6;border:1px solid #dbdcd2;border-radius:5px;width:100%;padding:11px 12px;font-size:12px;line-height:1.7}.field-block textarea{resize:vertical;min-height:190px;font-family:var(--serif);line-height:2}.paper-colors{gap:15px;display:flex}.paper-colors button{color:#666a5f;border:3px solid #f6f3ec;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;box-shadow:0 0 0 1px #d3d5cc}.paper-colors button.chosen{box-shadow:0 0 0 1.5px #76866c}.editor-tip{color:#7c856f;background:#ebece3;border-radius:5px;gap:10px;margin-top:25px;padding:16px 13px;display:flex}.editor-tip p{margin:0;font-size:11px;line-height:1.8}.editor-bottom{background:#f6f3ec;border-top:1px solid #dedfd5;padding:14px 25px 22px}.save-status{color:#a0a195;align-items:center;gap:7px;margin-bottom:12px;font-size:9px;display:flex}.editor-bottom>div:last-child{gap:10px;display:flex}.editor-bottom .primary-button{color:#fff;box-shadow:none;background:#78856d;border-color:#78856d;flex:1;padding:13px 10px;font-size:11px}.editing .topbar{margin-right:450px}.editing .top-location{display:none}.editing .experience{grid-template-columns:1fr;margin-right:420px;padding-left:15px;padding-right:15px}.editing .intro-copy{display:none}.editing .scene-area{min-height:620px}.editing .scene-number{left:20px}.editing .experience-footer{left:30px;right:30px}.editing .experience-footer>div:first-child{display:none}.upload-area{color:#7b8971;background:#f0f1e9;border:1px dashed #b7beab;border-radius:6px;flex-direction:column;align-items:center;gap:11px;width:100%;padding:26px 12px;display:flex}.upload-area strong{font-size:12px;font-weight:500}.upload-area span{color:#a0a391;font-size:9px}.upload-area.small{margin-top:12px;padding:19px 10px}.upload-area.small strong{text-overflow:ellipsis;white-space:nowrap;max-width:270px;overflow:hidden}.photo-summary{color:#969c8e;justify-content:space-between;margin:21px 0 10px;font-size:10px;display:flex}.photo-summary button{color:#977e69;font-size:10px;text-decoration:underline}.photo-list{flex-direction:column;gap:10px;display:flex}.photo-edit{background:#fff9;border:1px solid #e0e1d8;border-radius:5px;gap:11px;padding:9px;display:flex}.photo-edit>img{object-fit:cover;border-radius:3px;width:60px;height:78px}.photo-edit>div{flex:1;min-width:0}.photo-edit input{background:0 0;border:0;border-bottom:1px solid #e8e8e1;border-radius:0;margin:3px 0 10px;padding:4px 0;font-size:10px}.photo-tools{align-items:center;gap:5px;display:flex}.photo-tools button{color:#aaa99e;padding:3px;font-size:15px}.photo-tools button:first-child{margin-right:auto}.photo-tools button span{margin-left:3px;font-size:9px}.music-options{flex-direction:column;gap:10px;display:flex}.music-option{background:#fff8;border:1px solid #e1e0d6;border-radius:6px;display:flex;overflow:hidden}.music-option.selected{background:#edf0e7;border-color:#94a287}.music-select{text-align:left;flex:1;align-items:center;gap:11px;padding:15px 10px 15px 13px;display:flex}.music-icon{color:#859077;background:#e6e8de;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.music-select strong{font-size:12px;font-weight:500;display:block}.music-select small{color:#9b9e91;margin-top:5px;font-size:9px;display:block}.radio-dot{border:1px solid #c6cbbc;border-radius:50%;width:13px;height:13px;margin-left:auto}.music-preview{color:#8b967f;padding:12px}.audio-stop{color:#8e927e;margin:10px auto 0;display:flex}.audio-selected{background:#e8ecdf;border-style:solid}.no-music{color:#939785;align-items:center;gap:8px;margin-top:20px;font-size:11px;display:flex}.reading-backdrop{z-index:30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#081420c7;justify-content:center;align-items:center;padding:35px 20px;animation:.5s fadeIn;display:flex;position:fixed;inset:0}.reading-modal{width:min(520px,100%);max-height:90svh;position:relative}.reading-close{color:#ddd2bd;position:absolute;top:-2px;right:-48px}.photo-head{color:#a8a59d;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 8px;font:11px Georgia,serif;display:flex}.photo-head .eyebrow{font-size:8px}.polaroid{background:#f2ece1;padding:14px 14px 4px;animation:.5s photoIn;transform:rotate(-1.5deg);box-shadow:0 15px 70px #0004}.polaroid img{object-fit:contain;background:#e2ded3;width:100%;height:min(51svh,480px);display:block}.polaroid p{text-align:center;font:400 13px/1.7 var(--serif);color:#777364;min-height:22px;margin:16px 4px 15px}.photo-navigation{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.photo-dots{flex-wrap:wrap;justify-content:center;gap:7px;max-width:330px;display:flex}.photo-dots button{background:#aeb4b040;border-radius:50%;width:6px;height:6px;padding:0}.photo-dots button.active{background:#e9c58d;box-shadow:0 0 10px #e9c58d50}.photo-actions{justify-content:center;gap:30px;margin-top:5px;display:flex}.letter-modal{border-radius:5px;flex-direction:column;width:min(540px,100%);display:flex;box-shadow:0 15px 70px #0003}.letter-scroll{color:#514a3e;scrollbar-width:thin;background-image:repeating-linear-gradient(0deg,#fff0 0 30px,#9a825505 30px 31px);border-radius:5px 5px 0 0;max-height:75svh;padding:43px 43px 35px;overflow-y:auto}.letter-stamp{text-align:center;color:#b69a65;margin-bottom:20px;font-size:25px;display:block}.letter-scroll>.eyebrow{text-align:center;color:#a49174;font-size:8px}.letter-scroll h2{font:500 22px/1.6 var(--serif);margin:34px 0 8px}.letter-scroll time{color:#a99e8a;letter-spacing:2px;font:10px Georgia,serif}.letter-body{white-space:pre-wrap;overflow-wrap:anywhere;font:400 14px/2.4 var(--serif);margin-top:28px}.letter-sign{flex-direction:column;align-items:flex-end;gap:10px;margin-top:40px;display:flex}.letter-sign span{color:#a39680;font-size:10px}.letter-sign strong{font:500 16px var(--serif)}.letter-sign i{color:#a29175;font:italic 16px Georgia,serif}.letter-actions{background:#e9e0cf;border-top:1px solid #c8b89c30;border-radius:0 0 5px 5px;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}.letter-actions .text-button{color:#8e7b60}.letter-actions .primary-button{color:#eee5d2;background:#344239;padding:12px 16px;font-size:11px}.share-modal{color:#4e5348;text-align:center;background:#f4efe5;border-radius:9px;flex-direction:column;align-items:center;width:min(430px,100%);padding:38px 30px 30px;display:flex;position:relative;box-shadow:0 20px 100px #0003}.share-modal>.reading-close{color:#8d9385;top:10px;right:10px}.share-star{color:#9c8356;margin-bottom:20px;font:50px Georgia,serif}.share-modal .eyebrow{color:#a29070;font-size:8px}.share-modal h2{font:500 25px var(--serif);margin:18px 0}.share-modal p{color:#9b9c8e;font-size:11px;line-height:2}.share-modal input{color:#7e8775;background:#fff8;border:1px solid #dedcd0;border-radius:4px;width:100%;margin:17px 0;padding:13px;font-size:10px}.share-modal>.primary-button{color:#fff;background:#78856d;width:100%}.share-modal>.text-button{color:#939a86;margin-top:13px}.share-modal small{color:#a9a898;margin-top:15px;font-size:9px;line-height:1.7}.toast{z-index:100;color:#4b5045;text-align:center;background:#f1e9d9;border:1px solid #fff3;border-radius:7px;max-width:90%;padding:15px 22px;font-size:12px;animation:.25s fadeIn;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0003}.clean-mode .topbar,.clean-mode .intro-copy,.clean-mode .experience-footer,.clean-mode .scene-number,.clean-mode .scene-drag{display:none}.clean-mode .experience{grid-template-columns:1fr;max-width:1100px;min-height:100svh;padding:0}.clean-mode .scene-area{height:100svh;max-height:none}.clean-mode .scene-cta{bottom:30px}.clean-mode .wish-panel,.clean-mode .finish-panel,.clean-mode .celebration-caption{bottom:30px;left:0}.exit-clean{z-index:28;opacity:.4;position:fixed;top:20px;right:20px}.exit-clean:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{50%{opacity:.4;transform:scale(.8)}}@keyframes photoIn{0%{opacity:0;transform:translateY(15px)rotate(0)}to{opacity:1;transform:translateY(0)rotate(-1.5deg)}}@media (min-width:1600px){.intro-copy{padding-left:30px}.scene-area{height:calc(100svh - 180px)}}@media (max-width:1100px){.top-location{display:none}.experience{grid-template-columns:.65fr 1.3fr;padding-left:25px;padding-right:25px}.intro-copy{padding-left:0}h1{font-size:30px}.scene-area{min-height:510px}.editing .top-actions>.make-button,.editing .scene-drag{display:none}.editing .scene-area{min-height:600px}.editing .wish-panel,.editing .finish-panel,.editing .celebration-caption{left:0}.editing .experience-footer{justify-content:center}.editing .topbar{margin-right:440px}}@media (max-width:760px){.topbar{gap:8px;height:78px;margin:0 22px}.brand>span:last-child{font-size:25px}.brand-star{font-size:36px}.brand{gap:8px}.brand small{letter-spacing:1.2px;margin-top:4px;font-size:7px}.top-actions{gap:7px}.top-actions .icon-button{width:32px;height:32px}.make-button{gap:5px;padding:9px 10px;font-size:10px}.make-button svg{width:13px}.experience{flex-direction:column;min-height:calc(100svh - 78px);padding:0 0 65px;display:flex}.intro-copy{text-align:center;width:100%;margin:0;padding:29px 25px 0}.intro-copy .eyebrow{letter-spacing:2.5px;font-size:7px}.intro-copy h1{letter-spacing:2px;margin:12px 0 0;font-size:25px;line-height:1.6}.intro-copy h1 br{display:none}.intro-copy h1 span{display:block}.intro-copy p{display:none}.dedication{justify-content:center;gap:11px;margin:18px 0 0}.dedication>span:first-child{font-size:8px}.dedication strong{font-size:13px}.tiny-star{margin-left:6px;font-size:9px}.intro-detail{display:none}.scene-area{width:100%;height:max(440px,100svh - 335px);min-height:440px;max-height:680px}.room-stage{inset:-10px 0 35px}.scene-number{font-size:10px;top:12px;left:23px}.scene-number span{display:none}.scene-drag{font-size:8px;top:15px;right:22px}.scene-cta{gap:12px;bottom:0}.open-gift{min-width:256px;padding:14px 18px}.scene-cta>span{font-size:8px}.experience-footer{justify-content:center;padding-top:13px;bottom:17px;left:22px;right:22px}.experience-footer>div:first-child{display:none}.foot-controls{gap:25px!important}.foot-controls button{font-size:9px}.wish-panel,.finish-panel,.celebration-caption{padding-top:40px;bottom:0;left:0}.wish-panel h2,.finish-panel h2,.celebration-caption h2{font-size:21px}.wish-panel p,.finish-panel p,.celebration-caption p{font-size:10px}.wish-panel>.eyebrow,.finish-panel>.eyebrow,.celebration-caption>.eyebrow{font-size:8px}.editor{z-index:20;border:0;width:100%;top:0}.editor-heading{padding:22px 22px 18px}.editor-heading h2{font-size:20px}.editor-tabs{margin:0 22px}.editor-scroll{padding:22px}.editor-bottom{padding:13px 22px max(20px,env(safe-area-inset-bottom))}.editor-bottom .primary-button{min-height:46px}.editing .topbar{margin:0 22px}.editing .experience{margin:0;padding:0}.reading-backdrop{background:#081420e5;padding:25px 22px}.reading-modal{max-height:88svh}.reading-close{top:-44px;right:0}.photo-head{margin-bottom:20px}.polaroid{padding:10px 10px 3px}.polaroid img{height:48svh}.polaroid p{margin:15px 4px;font-size:12px}.photo-navigation{margin-top:17px}.photo-actions{gap:20px}.photo-actions .text-button{font-size:10px}.letter-scroll{max-height:70svh;padding:28px 24px}.letter-scroll h2{margin-top:25px;font-size:20px}.letter-body{font-size:13px;line-height:2.2}.letter-actions{gap:4px;padding:12px}.letter-actions .text-button{padding:5px;font-size:10px}.letter-actions .primary-button{gap:7px;padding:12px 10px;font-size:10px}.letter-sign{margin-top:30px}.share-modal{padding:30px 23px 24px}.share-modal h2{font-size:23px}.clean-mode .room-stage{inset:0 0 70px}.clean-mode .scene-area{min-height:100svh}.scene-fallback img{max-height:370px}.toast{width:max-content;padding:13px 18px;font-size:11px;bottom:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.immersive .intro-copy,.immersive .top-location,.immersive .scene-number,.immersive .scene-drag{display:none}.immersive .topbar{pointer-events:none;border:0;height:76px;margin:0;position:absolute;inset:0 28px auto}.immersive .topbar a,.immersive .topbar button{pointer-events:auto}.immersive .brand>span:last-child{font-size:24px}.immersive .brand-star{font-size:34px}.immersive .brand small{display:none}.immersive .experience,.immersive.clean-mode .experience{max-width:none;min-height:100svh;margin:0;padding:0;display:block}.immersive .scene-area,.immersive.clean-mode .scene-area{height:100svh;min-height:540px;max-height:none}.immersive .room-stage,.immersive.clean-mode .room-stage{inset:0}.immersive .scene-cta{bottom:max(64px,env(safe-area-inset-bottom));gap:12px}.immersive .experience-footer{pointer-events:none;border:0;justify-content:flex-end;padding:0;bottom:18px;left:28px;right:28px}.immersive .experience-footer>div:first-child{display:none}.immersive .experience-footer button{pointer-events:auto}.immersive .wish-panel,.immersive .finish-panel,.immersive .celebration-caption{left:0;bottom:max(65px,env(safe-area-inset-bottom));text-shadow:0 2px 18px #071421;background:0 0;border-radius:0;padding:12px}.immersive .wish-panel h2{margin:0 0 17px;font-size:21px}.immersive .wish-panel .primary-button{min-height:46px}.immersive .celebration-caption{pointer-events:none;animation:16s linear both celebrationReveal}@keyframes celebrationReveal{0%,34%{opacity:0;transform:translateY(8px)}41%,to{opacity:1;transform:translateY(0)}}.step-celebrate .experience-footer,.step-celebrate .topbar{opacity:0;pointer-events:none}.step-celebrate .topbar button,.step-celebrate .topbar a,.step-celebrate .experience-footer button{pointer-events:none}.immersive.editing .experience{margin-right:420px}.immersive.editing .topbar{right:448px}.exit-clean{opacity:.8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#112330b3;font-size:11px}.editor-heading,.editor-tabs,.editor-bottom{flex-shrink:0}.editor-scroll{min-height:0}.editor{--blue:#bed7e8;--blue-ink:#42647d;--blue-pale:#eaf3f9}.editor-tabs button.active{color:var(--blue-ink);border-color:#8ab3cf}.scene-option.selected,.music-option.selected{background:var(--blue-pale);border-color:#a0c3dd}.selected-check{color:#345974;background:#bed7e8}.paper-colors button.chosen{color:#42647d;box-shadow:0 0 0 2px #8ab3cf}.editor-tip{color:#678198;background:#e8f0f5}.editor-bottom .primary-button{color:#314f66;background:#bed7e8;border-color:#adcce1}.editor-bottom .outline-button{color:#52758f;border-color:#b6cede}.editor .live-dot{box-shadow:none;background:#8cb6d2}.upload-area{color:#5b7a90;background:#eef4f8;border-color:#abc5d7}.upload-area span{color:#8397a6}.music-icon{color:#6b8da6;background:#e4eff6}.selected .radio-dot{background:#87afcb;border:3px solid #eaf3f9;box-shadow:0 0 0 1px #87afcb}.music-preview,.audio-stop,.no-music{color:#67869c}.audio-selected{background:#e5f0f8}.no-music input{accent-color:#88b3d1}.photo-tools button.starred{color:#6088a5}:is(.editor input:focus-visible,.editor textarea:focus-visible,.editor button:focus-visible){outline-color:#8bb6d4}.letter-actions .primary-button{background:#3d586d}.share-modal>.primary-button{color:#314f66;background:#bed7e8}.photo-modal{width:min(1020px,100%)}.photo-modal .reading-close{top:-40px;right:0}.photo-head{max-width:580px;margin:0 auto 16px}.photo-navigation,.photo-actions{max-width:560px;margin-left:auto;margin-right:auto}.memory-carousel{perspective:1000px;width:100%;padding:10px 0 16px;overflow:hidden}.memory-track{height:min(61svh,590px);position:relative}.memory-photo{transform-origin:50% 60%;will-change:transform;background:#f2ece1;flex-direction:column;width:clamp(240px,46vw,440px);height:100%;margin:0;padding:12px 12px 0;transition:transform .75s cubic-bezier(.22,.65,.25,1),opacity .75s;display:flex;position:absolute;top:0;left:50%;box-shadow:0 15px 55px #0005}.memory-photo img{object-fit:contain;background:#e8e3d9;width:100%;height:calc(100% - 65px);min-height:0;display:block}.memory-photo figcaption{color:#746b5e;font:400 13px/1.65 var(--serif);text-align:center;overflow-wrap:anywhere;max-height:65px;margin:auto 3px;padding:12px 0;overflow:auto}.memory-photo:not(.is-current){pointer-events:none}.photo-dots button{width:8px;height:8px}.photo-dots{gap:10px}@media (max-width:760px){.immersive .topbar{height:64px;inset:0 16px auto}.immersive .brand>span:last-child{font-size:20px}.immersive .brand-star{font-size:28px}.immersive .make-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14233180;font-size:10px}.immersive .experience,.immersive .scene-area,.immersive.clean-mode .scene-area{height:100svh;min-height:480px}.immersive .scene-cta{bottom:max(66px,calc(env(safe-area-inset-bottom) + 42px))}.immersive .experience-footer{bottom:max(16px,env(safe-area-inset-bottom));justify-content:center;left:16px;right:16px}.immersive .wish-panel,.immersive .finish-panel,.immersive .celebration-caption{bottom:max(67px,calc(env(safe-area-inset-bottom) + 44px));padding:0 16px}.immersive .wish-panel h2{margin:0 0 15px;font-size:19px}.immersive .wish-panel .primary-button{padding:13px 22px}.immersive .finish-panel h2,.immersive .celebration-caption h2{font-size:21px}.immersive.editing .experience{margin:0}.editing .topbar{visibility:hidden}.editor{height:100dvh;bottom:auto}.editor-heading{padding:15px 18px 10px}.editor-heading .eyebrow{font-size:8px}.editor-heading h2{margin-top:5px;font-size:18px}.editor-tabs{margin:0 18px}.editor-tabs button{padding:11px 0}.editor-scroll{padding:20px 18px 25px}.editor-bottom{padding:10px 18px max(12px,env(safe-area-inset-bottom))}.save-status{margin-bottom:8px;font-size:9px}.editor .field-block input,.editor .field-block textarea{font-size:16px}.editor .photo-edit input{font-size:14px}.reading-backdrop:has(.photo-modal){padding:55px 0 24px}.photo-modal{max-height:calc(100svh - 110px)}.photo-modal .reading-close{top:-43px;right:15px}.photo-head{margin-bottom:16px;padding:0 24px}.memory-track{height:min(55svh,480px)}.memory-photo{width:72vw;padding:9px 9px 0}.memory-photo img{height:calc(100% - 65px)}.memory-photo figcaption{font-size:12px}.photo-navigation{margin:8px 24px 0}.photo-actions{gap:12px;margin-top:4px}.photo-actions .text-button{font-size:11px}.exit-clean{padding:9px 12px;top:15px;right:15px}}@media (max-height:580px){.memory-track{height:48svh}.photo-head{margin-bottom:4px}.memory-carousel{padding-bottom:0}.photo-navigation{margin-top:0}.immersive .wish-panel,.immersive .finish-panel{bottom:45px}.editor-heading{padding-top:10px;padding-bottom:8px}}@media (prefers-reduced-motion:reduce){.memory-photo{transition:none}.immersive .celebration-caption{opacity:1;animation:none}}.immersive .wish-panel h2{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f3dfbd;background:#13222dcc;border:1px solid #e9c58d20;border-radius:30px;margin:0 auto 16px;padding:9px 17px;font-size:18px;display:table}.immersive .finish-panel{background:linear-gradient(#0000,#101c2780);padding:20px 12px 12px}.finish-buttons .outline-button{background:#132330aa}.immersive .topbar{transition:opacity .4s}.editor,.editor-bottom{color:#344553;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f8fcf0}.editor{border-color:#dce5ed}.editor-tabs{border-color:#dbe5ed}.editor-heading h2{margin:0;font:500 21px/1.5 Inter,PingFang SC,Microsoft YaHei,sans-serif}.editor h3{margin-bottom:16px;font:500 18px/1.5 Inter,PingFang SC,Microsoft YaHei,sans-serif}.editor .field-description,.editor .scene-option small{color:#718292}.paper-colors button{border-color:#f5f8fc}.editor-bottom{border-color:#dce5ed}.field-block input,.field-block textarea,.photo-edit input{color:#344553;background:#fff;border-color:#d7e2ec}.editor .field-block small,.save-status,.photo-summary{color:#7c8c9c}.editor .icon-button{color:#6e8191}.editor-tabs button{color:#8192a0}.letter-scroll h2{margin-top:0}.letter-sign{margin-top:28px}.photo-head{justify-content:flex-end}.memory-photo figcaption:empty{min-height:20px;padding:0}.memory-photo:has(figcaption:empty) img{height:calc(100% - 24px)}.finish-panel{background:0 0!important;padding-top:0!important}.share-modal{background:#f5f8fc}.share-modal h2{margin-top:0}.editor .field-block textarea{font-family:inherit}.immersive .experience-footer>div.foot-controls{display:flex}html,body{background:#101d2b}.studio{background:radial-gradient(at 52% 42%,#243545 0%,#152536 58%,#0e1928 100%)}.immersive .scene-area{background-image:radial-gradient(circle at 3% 24%,#dce5f080 0 .8px,#0000 1.5px),radial-gradient(circle at 94% 18%,#dce5f066 0 1px,#0000 1.8px),radial-gradient(circle at 97% 47%,#dce5f055 0 .7px,#0000 1.4px),radial-gradient(circle at 5% 70%,#dce5f055 0 1px,#0000 1.6px),radial-gradient(circle at 90% 83%,#dce5f066 0 .8px,#0000 1.5px),radial-gradient(circle at 12% 10%,#dce5f044 0 .7px,#0000 1.3px)}.immersive .brand{color:#f0e9de;text-shadow:0 2px 15px #08111c80}.immersive .brand-star{color:#ddbd84}.immersive .make-button{color:#d7e1eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#132334b8;border-color:#bbcbd544}.immersive .top-actions .icon-button{color:#d7e1eb}.immersive .experience-footer .foot-controls button{color:#ced9e4}.immersive .experience-footer{z-index:6}.immersive .scene-loading,.immersive .scene-fallback{color:#c4d1df}.immersive .experience-footer .foot-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#122131c9;border:1px solid #c9d5e322;border-radius:24px;padding:3px 12px}html,body,.editor-heading h2,.editor h3{font-family:var(--serif)}.immersive .make-button,.immersive .primary-button,.immersive .outline-button,.immersive .text-button,.immersive .foot-controls button,.immersive .scene-cta>span{font-family:var(--serif);font-weight:400}.immersive .make-button{letter-spacing:.04em;font-size:14px}.immersive .open-gift{letter-spacing:.08em;font-size:16px}.immersive .scene-cta>span{letter-spacing:.08em;font-size:11px}.immersive .foot-controls button{letter-spacing:.04em;font-size:11px}@media (max-width:760px){.immersive .make-button{font-size:12px}.immersive .open-gift{font-size:15px}.immersive .scene-cta>span{font-size:10px}.immersive .foot-controls button{font-size:11px}}.immersive .brand>span:last-child{white-space:nowrap;letter-spacing:-.035em}@media (max-width:760px){.immersive .brand{gap:6px}.immersive .brand-star{font-size:24px}.immersive .brand>span:last-child{font-size:17px}.immersive .top-actions{gap:4px}.immersive .make-button{padding:9px 10px}}.available-scenes{gap:12px;margin-bottom:16px;display:grid}.available-scenes .scene-option{margin:0}.scene-option:focus-visible{outline-offset:3px;outline:2px solid #c3a26c}