:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#050306}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}.experience{width:100%;height:100%;background:radial-gradient(circle at 52% 47%,#21040d 0%,#0b0408 38%,#030204 76%);height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.scene{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.scene:active{cursor:grabbing}.scene:focus-visible{outline-offset:-3px;outline:2px solid #ee8896}.scene canvas{pointer-events:none;width:100%;height:100%;display:block}.scene canvas,#rose-fallback{position:absolute;top:0;bottom:0;left:0;right:0}#rose-fallback{pointer-events:none;width:100%;height:100%;display:block}.scene--ready #rose-fallback{visibility:hidden}.ambient-glow{pointer-events:none;background:radial-gradient(circle,#0000 35%,#0201047a 100%);position:absolute;top:0;bottom:0;left:0;right:0}.letter-star{z-index:3;color:#ffe4bd;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:64px;height:64px;margin:-32px 0 0 -32px;padding:0;transition:opacity .6s,transform .6s;position:absolute;top:34%;left:50%}.letter-star[hidden]{display:none}.star-light{text-shadow:0 0 8px #fff0d7,0 0 25px #ffc089,0 0 60px #ff7157;font:27px/64px Georgia,serif;animation:2.8s ease-in-out infinite star-breathe;display:block}.star-orbit{border:1px solid #e9bb7959;border-radius:50%;animation:3s ease-out infinite star-ripple;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.is-arriving{animation:2.4s cubic-bezier(.19,1,.22,1) both star-arrive}.is-remembered .star-orbit{opacity:.35}.is-opening{opacity:0;pointer-events:none;transform:scale(2)}.letter-star:focus-visible{outline-offset:3px;border-radius:50%;outline:1px solid #edc697}.scene{transition:opacity 1.4s}.experience--letter .scene{opacity:.36}.letter-dialog{width:100%;max-width:none;height:100%;height:100dvh;max-height:none;padding:max(64px, env(safe-area-inset-top)) 28px max(40px, env(safe-area-inset-bottom));color:#f2ddd0;overscroll-behavior:contain;background:radial-gradient(#160c13d9,#0705096b 75%);border:0;margin:0;font-family:Songti SC,STSong,SimSun,serif;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.letter-dialog[open]{animation:1.2s both letter-appear;display:grid}.letter-dialog::backdrop{background:#05030638}.letter-paper{text-align:left;width:100%;max-width:420px;margin:auto}.letter-emblem{color:#e2b98d;text-align:center;text-shadow:0 0 25px #e8a57166;margin-bottom:28px;font-size:25px}.letter-paper h1{letter-spacing:.1em;text-align:center;text-wrap:balance;margin:0;font-size:max(20px,min(5.4vw,28px));font-weight:400;line-height:1.8}.letter-rule{background:#bd8e655c;width:32px;height:1px;margin:28px auto 36px}.letter-salutation{letter-spacing:.08em;margin:0 0 24px;font-size:16px}.letter-body{letter-spacing:.06em;color:#dbc6be;overflow-wrap:anywhere;font-size:16px;line-height:2.15}.letter-body p{margin:0 0 22px}.letter-signoff{text-align:right;letter-spacing:.08em;margin-top:32px;font-size:15px}.letter-signoff p{margin:8px 0}.letter-date{color:#aa8e80;font-size:12px}.letter-return{color:#c6a287;letter-spacing:.18em;cursor:pointer;background:0 0;border:0;min-height:44px;margin:48px auto 0;padding:8px 12px;font-family:inherit;font-size:12px;line-height:1.8;display:block}.letter-return span{padding-right:8px;font-size:18px}.letter-close{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:#d8bca4;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font:28px/1 serif;position:fixed}.letter-close:focus-visible{outline-offset:4px;outline:1px solid #d8bca4}.letter-return:focus-visible{outline-offset:4px;outline:1px solid #d8bca4}@keyframes star-arrive{0%{opacity:0;transform:translateY(12vh)scale(.15)}35%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes star-breathe{0%,to{opacity:.7;transform:scale(.8)}50%{opacity:1;transform:scale(1.08)}}@keyframes star-ripple{0%{opacity:.65;transform:scale(.45)}to{opacity:0;transform:scale(1.3)}}@keyframes letter-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.letter-star,.star-light,.star-orbit,.letter-dialog[open]{animation:none}.scene,.letter-star{transition:none}}