.letter-audio-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#53615c;border-top:1px solid #d5c7a9;padding-top:12px;margin-top:16px;letter-spacing:0}.letter-audio-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #d5c7a9;border-radius:4px;background:transparent;color:#27454a}.letter-audio-toggle:hover:not(:disabled){background:#e6dac1}.letter-audio-toggle:disabled{cursor:wait;opacity:.6}.letter-audio-progress{flex:1;min-width:64px;width:0;height:44px;margin:0;accent-color:#536f65;cursor:pointer}.letter-audio-progress:disabled{cursor:default}.letter-audio-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.letter-audio-status{flex-basis:100%;font-size:12px;line-height:1.5;min-height:18px}.letter-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding-right:30px}.letter-audio-quick{background:#e8dbc0;border-color:#c8af86}:root{font-family:-apple-system,BlinkMacSystemFont,Songti SC,STSong,Kaiti SC,serif;color:#f6edda;background:#0e2730;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #f5cf8c;outline-offset:4px}.experience{position:relative;width:100%;min-height:720px;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 58% 47%,#28515a,#183b46 35%,#102d39 69%,#0d2530)}.experience:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 63% 63%,transparent 30%,rgba(5,20,27,.45) 100%);z-index:1}.sky-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.16;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.scene{position:absolute;inset:0;z-index:0;touch-action:none}.scene canvas{display:block}.piano-acknowledgement{position:absolute;z-index:1;top:40%;left:50%;transform:translate(-50%);color:#fff2d5;font-size:14px;line-height:1.5;text-align:center;text-shadow:0 1px 4px #234541;pointer-events:none;white-space:nowrap}.rose-quote{position:absolute;z-index:1;top:30%;left:50%;transform:translate(-50%);width:min(300px,calc(100% - 48px));color:#fff2d5;font-family:Songti SC,STSong,Kaiti SC,serif;font-size:15px;line-height:1.8;text-align:center;text-shadow:0 1px 4px #234541;pointer-events:none;animation:rose-quote-in .2s ease .25s both}@keyframes rose-quote-in{0%{opacity:0}to{opacity:1}}@media(max-width:700px){.rose-quote{top:max(214px,29%);width:min(280px,calc(100% - 48px));font-size:14px}}@media(max-height:600px)and (min-width:701px){.rose-quote{top:95px;width:220px;font-size:14px}}.scene-loading{position:absolute;inset:0;z-index:0;display:grid;place-items:center;pointer-events:none}.scene-loading-orbit{position:absolute;width:clamp(210px,28vw,390px);aspect-ratio:1;border:1px solid rgba(232,205,151,.2);border-radius:50%;animation:scene-orbit 2.4s linear infinite;transform:rotateX(66deg)}.scene-loading-orbit:before,.scene-loading-orbit:after{content:"";position:absolute;border-radius:50%;inset:14%;border:1px solid rgba(145,185,174,.13)}.scene-loading-orbit:after{inset:32%;border-color:#e8cd9729}.scene-loading-orbit i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:#efd090;box-shadow:0 0 18px 5px #efd09052}.scene-loading-star{color:#eed39c;font-size:20px;animation:scene-pulse 1.4s ease-in-out infinite}.scene-recovery,.fox-recovery{position:absolute;z-index:4;top:36%;left:50%;transform:translate(-50%);width:min(300px,calc(100% - 32px));padding:14px 17px;border:1px solid rgba(239,211,155,.5);background:#113037f5;color:#f5e8d2;font-size:13px;line-height:1.6;text-align:center}.scene-recovery button,.fox-recovery button{display:block;margin:9px auto 0;min-height:44px;border:1px solid #d6b986;background:transparent;color:#f5e8d2;padding:0 12px}.fox-recovery{top:auto;bottom:44%;width:min(280px,calc(100% - 32px))}.canvas-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:32px clamp(24px,4.2vw,70px)}.brand{border:0;background:none;color:#f5e8d2;display:flex;gap:10px;align-items:center;padding:0;font-weight:700;font-size:19px;letter-spacing:0}.brand small{font-size:13px;font-weight:500;margin-left:3px}.brand-symbol{font-size:24px;color:#e6bc7b;font-weight:400;line-height:1}.header-actions{display:flex;align-items:center;gap:24px}.chapter-index{font-size:12px;color:#b4c4bb;letter-spacing:2px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(220,224,199,.25);border-radius:50%;background:#0c232a61;color:#efdfc0;transition:background .2s,border-color .2s}.icon-button:hover{background:#31575b;border-color:#d9c59d}.series-button{display:flex;align-items:center;gap:18px;border:1px solid rgba(230,219,191,.45);border-radius:2px;background:#0d28308a;color:#f1e6ce;padding:12px 15px 12px 18px;font-size:12px;letter-spacing:1px;min-height:44px;transition:background .2s}.series-button:hover{background:#3a5c60}.series-plus{font-size:19px;line-height:12px;font-weight:300}.intro{position:absolute;z-index:2;top:21%;left:clamp(32px,8.4vw,140px);pointer-events:none;max-width:385px}.eyebrow{color:#ddc59a;font-size:12px;letter-spacing:3px;display:flex;align-items:center;gap:14px;margin:0 0 24px}.eyebrow-line{width:23px;height:1px;background:#dfc89c}.intro h1{font-family:Songti SC,STSong,Kaiti SC,serif;font-weight:500;font-size:clamp(50px,5.7vw,88px);line-height:1.15;margin:0;color:#f7e9cf;text-shadow:0 5px 30px rgba(4,20,25,.15);white-space:nowrap;letter-spacing:0}.intro h1 span{display:block;margin-left:1.52em}.intro-copy{font-family:Songti SC,STSong,Kaiti SC,serif;color:#d4d8c7;font-size:16px;line-height:2.1;margin:30px 0 0}.intro-footer{font-size:12px;color:#b9c4b9;letter-spacing:2px;margin-top:38px;display:flex;align-items:center;gap:12px}.tiny-spark{font-size:17px;color:#edce91}.scene-caption{position:absolute;z-index:2;top:20%;right:clamp(35px,6.7vw,110px);display:flex;align-items:center;gap:12px;color:#c7d4c7;font-size:11px;letter-spacing:2px;writing-mode:vertical-rl}.scene-caption i{height:55px;width:1px;background:#e2dbb873}.drag-note{position:absolute;z-index:2;left:50%;bottom:74px;transform:translate(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;color:#d8dfd0;font-size:11px;letter-spacing:1px;opacity:.8;pointer-events:none}.journey-panel{position:absolute;z-index:3;left:clamp(32px,8.4vw,140px);bottom:72px;width:min(324px,calc(100vw - 64px));background:#113037d1;border:1px solid rgba(221,214,181,.25);box-shadow:0 20px 50px #0012182e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:22px 23px 19px}.journey-head{display:flex;justify-content:space-between;align-items:center;color:#f0ddb9;font-family:Songti SC,STSong,Kaiti SC,serif;font-size:14px;margin-bottom:15px}.journey-count{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;color:#f2dfb6}.journey-count em{font-size:11px;font-style:normal;color:#a7beb7}.journey-list{border-top:1px solid rgba(219,224,203,.16)}.journey-item{border:0;border-bottom:1px solid rgba(219,224,203,.16);background:transparent;color:#d8dfd0;width:100%;display:flex;align-items:center;text-align:left;gap:15px;min-height:48px;padding:4px 1px;transition:color .2s,padding .2s}.journey-item:hover,.journey-item.is-selected{color:#ffdfaa;padding-left:5px}.journey-number{font-size:11px;color:#d9b87e;width:24px}.journey-title{font-family:Songti SC,STSong,Kaiti SC,serif;font-size:13px;flex:1}.journey-status{display:grid;place-items:center;color:#ddc996;width:20px}.journey-item.is-discovered:not(.is-complete) .journey-status{color:#f3cf8c;filter:drop-shadow(0 0 5px rgba(243,207,140,.55))}.letter-trigger{margin-top:16px;width:100%;display:flex;align-items:center;gap:10px;min-height:43px;padding:0 13px;border:1px solid rgba(222,211,178,.18);background:#9fb0a317;color:#9eaea8;font-size:12px;letter-spacing:1px;transition:background .2s,color .2s}.letter-trigger span{flex:1;text-align:left}.letter-trigger:disabled{cursor:not-allowed}.letter-trigger.is-ready{background:#dcb880;color:#173743;border-color:#dcb880;font-weight:700}.letter-trigger.is-ready:hover{background:#f0d19c}.chapter-footer{position:absolute;z-index:2;bottom:29px;right:clamp(28px,4.2vw,70px);display:flex;align-items:center;gap:15px;color:#9eb8b4;font-size:10px;letter-spacing:2px;pointer-events:none}.footer-line{width:34px;height:1px;background:#73918d}.story-panel{position:absolute;z-index:6;right:clamp(30px,8vw,130px);bottom:13%;width:min(350px,calc(100vw - 60px));padding:30px 32px 22px;background:#f3e9d1;color:#27454a;box-shadow:0 20px 60px #00121857;animation:rise .35s ease both}.story-panel:before{content:"";position:absolute;inset:10px;border:1px solid #d8c7a4;pointer-events:none}.close-button{position:absolute;z-index:2;top:16px;right:16px;border:0;background:transparent;color:inherit;width:44px;height:44px;display:grid;place-items:center}.story-kicker{font-size:10px;color:#9b7b55;letter-spacing:2px}.story-panel h2{font-family:Songti SC,STSong,Kaiti SC,serif;font-size:24px;margin:18px 0;font-weight:600}.story-text{font-family:Songti SC,STSong,Kaiti SC,serif;font-size:14px;line-height:2.15;color:#53615c;min-height:115px;margin:0}.story-bottom{border-top:1px solid #d5c7a9;margin-top:18px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8d7556}.story-star{font-size:16px;margin-right:4px}.story-bottom button{border:0;background:transparent;color:#a67c50;width:44px;height:44px;display:grid;place-items:center}.modal-scrim,.series-scrim{position:absolute;z-index:20;inset:0;background:#06191eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px;animation:fade .25s ease}.letter-modal{position:relative;background:#f4ead4;color:#23434a;width:min(470px,100%);min-height:560px;padding:47px 60px 35px;text-align:center;box-shadow:0 30px 85px #00000047}.letter-modal:before,.opened-letter:before{content:"";position:absolute;inset:12px;border:1px solid #dacbab;pointer-events:none}.wax-seal{margin:17px auto 26px;border:1px solid #c59d6b;color:#a97c53;border-radius:50%;width:62px;height:62px;display:grid;place-items:center}.modal-kicker{font-size:11px;letter-spacing:3px;color:#9d7c55;margin:0 0 22px}.letter-modal h2{font-family:Songti SC,STSong,Kaiti SC,serif;font-size:29px;line-height:1.55;font-weight:500;margin:0 0 17px}.gate-copy{font-family:Songti SC,STSong,Kaiti SC,serif;font-size:13px;line-height:2;color:#69736b;margin:0 0 28px}.letter-modal form{text-align:left}.letter-modal label{display:block;color:#836f54;font-size:11px;letter-spacing:1px;margin-bottom:9px}.answer-row{display:flex;border-bottom:1px solid #9d9d87}.answer-row input{border:0;background:transparent;outline:0;color:#25444a;font-size:16px;min-width:0;flex:1;padding:12px 3px}.answer-row input:focus-visible{outline:2px solid #9b7b55;outline-offset:3px;border-radius:2px}.answer-row input::placeholder{color:#a4a994}.answer-row button{border:0;background:transparent;color:#6d795c;width:44px;display:grid;place-items:center}.answer-error{color:#ac4e45;font-size:12px;line-height:1.6;margin:8px 0 0}.gate-footnote{font-size:10px;color:#a19780;margin:38px 0 0}.letter-scrim{overflow-y:auto;align-items:start;padding-top:max(36px,6vh);padding-bottom:36px}.opened-letter{position:relative;background:#f5ecd9;color:#2b4b4a;width:min(620px,100%);padding:48px clamp(30px,6vw,68px) 40px;box-shadow:0 35px 90px #0000004d;animation:rise .5s ease both}.letter-topline{font-size:10px;letter-spacing:3px;color:#9e8463}.letter-mark{font-size:34px;color:#c59562;margin:25px 0 26px}.letter-dear{font-family:Songti SC,STSong,Kaiti SC,serif;color:#7c705d;font-size:15px}.opened-letter h2{font-family:Songti SC,STSong,Kaiti SC,serif;font-size:clamp(25px,3vw,36px);line-height:1.65;font-weight:500;margin:18px 0 24px}.opened-letter p:not(.letter-dear){font-family:Songti SC,STSong,Kaiti SC,serif;line-height:2.15;font-size:14px;color:#657069}.letter-signature{border-top:1px solid #dccdb2;padding-top:20px;margin-top:28px;display:flex;justify-content:space-between;color:#967957;font-size:12px}.letter-signature span{font-size:20px}.replay-button{margin-top:28px;display:inline-flex;align-items:center;gap:9px;background:transparent;border:0;color:#3d6868;padding:8px 0;font-size:12px}.series-scrim{display:block;padding:0}.series-drawer{position:absolute;right:0;top:0;bottom:0;width:min(430px,100%);background:#f1e9d5;color:#29474a;padding:40px 38px;box-shadow:-25px 0 80px #0000003b;animation:slide .3s ease both}.drawer-head{display:flex;justify-content:space-between;align-items:center;font-family:Songti SC,STSong,Kaiti SC,serif;font-size:27px}.drawer-head .close-button{position:static}.drawer-intro{color:#8a8e7b;font-family:Songti SC,STSong,Kaiti SC,serif;font-size:13px;margin:16px 0 47px}.series-entry{width:100%;border:0;border-top:1px solid #cfc6af;background:transparent;min-height:86px;display:grid;grid-template-columns:36px 1fr 80px 18px;align-items:center;gap:8px;color:#2e5050;text-align:left}.series-entry span{color:#ac8b62;font-size:11px}.series-entry strong{font-family:Songti SC,STSong,Kaiti SC,serif;font-size:17px;font-weight:500}.series-entry small{font-size:11px;color:#a7794e}.series-entry.coming{opacity:.48}.series-entry.coming small{grid-column:3/5}.series-entry.active:hover{background:#e8ddc6}.drawer-footer{border-top:1px solid #cfc6af;padding-top:28px;font-size:12px;color:#9c9a84}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scene-orbit{0%{transform:rotateX(66deg) rotate(0)}to{transform:rotateX(66deg) rotate(360deg)}}@keyframes scene-pulse{0%,to{opacity:.4;transform:scale(.78)}50%{opacity:1;transform:scale(1.08)}}@media(max-width:1100px){.intro{top:18%;left:5vw}.intro h1{font-size:58px}.journey-panel{left:5vw}.scene-caption{right:35px}.story-panel{right:4vw}.intro-copy{font-size:14px}}@media(max-width:700px){.experience{min-height:680px;height:100svh}.site-header{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left))}.brand{font-size:17px}.brand-symbol{font-size:21px}.header-actions{gap:9px}.chapter-index{display:none}.series-button{padding:10px;gap:5px;font-size:11px}.series-plus{display:none}.icon-button{width:44px;height:44px}.intro{top:max(91px,calc(env(safe-area-inset-top) + 72px));left:max(24px,env(safe-area-inset-left));max-width:270px}.eyebrow{font-size:10px;letter-spacing:1.5px;gap:8px;margin-bottom:7px}.eyebrow-line{width:12px}.intro h1{font-size:39px;line-height:1.25}.intro h1 span{display:inline;margin-left:.18em}.intro-copy{font-size:12px;line-height:1.75;margin-top:7px}.intro-copy br,.intro-footer,.scene-caption{display:none}.drag-note{left:50%;bottom:315px;font-size:10px}.journey-panel{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:auto;padding:15px 17px 12px}.journey-head{margin-bottom:8px}.journey-item{min-height:44px}.letter-trigger{min-height:44px;margin-top:11px}.chapter-footer{display:none}.story-panel{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:auto;padding:24px 27px 17px}.story-panel h2{font-size:20px;margin:10px 0}.story-text{font-size:13px;line-height:1.85;min-height:0}.story-bottom{margin-top:12px;padding-top:8px}.letter-modal{padding:38px 38px 25px;min-height:520px}.series-drawer{padding:27px 25px}}@media(max-width:390px){.intro h1{font-size:34px}.intro-copy{max-width:235px}.drag-note{bottom:316px;font-size:9px}.journey-panel{bottom:13px}.journey-head{font-size:13px}.journey-item,.letter-trigger{min-height:44px}}@media(max-height:740px)and (min-width:701px){.intro{top:17%}.intro h1{font-size:62px}.intro-copy{margin-top:18px}.intro-footer{margin-top:20px}.journey-panel{bottom:35px}.drag-note{bottom:32px}.chapter-footer{bottom:18px}}@media(max-height:720px)and (max-width:700px){.experience{min-height:0}.intro-copy{max-width:195px}.journey-panel{bottom:10px}.journey-item{min-height:44px}.drag-note{bottom:287px}}@media(max-height:600px)and (min-width:701px){.experience{min-height:0}.site-header{padding:14px 25px}.intro{top:82px;left:28px}.intro h1{font-size:40px}.intro h1 span{display:inline;margin-left:.15em}.eyebrow{margin-bottom:8px}.intro-copy,.intro-footer,.scene-caption,.drag-note,.chapter-footer{display:none}.journey-panel{left:auto;right:18px;bottom:16px;width:260px;padding:10px 16px}.journey-head{margin-bottom:3px}.journey-item{min-height:44px}.letter-trigger{min-height:44px;margin-top:7px}.story-panel{left:auto;right:20px;bottom:18px;width:310px}.letter-scrim{padding-top:18px}}@media(max-width:390px){.intro-copy{max-width:140px}.rose-quote{left:24px;top:240px;width:140px;transform:none;text-align:left}}@media(max-width:390px)and (max-height:720px){.rose-quote{top:312px}}@media(min-width:701px)and (max-height:430px){.rose-quote{left:28px;top:170px;width:220px;transform:none;text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.planet-background{position:absolute;inset:0}.letter-experience{position:relative;width:min(620px,100%);display:grid;perspective:1100px;color:#23434a}.letter-experience>.close-button{z-index:8;position:absolute;top:20px;right:20px;width:44px;height:44px;background:#f5ecd9;color:#23434a}.letter-experience[data-phase=letter]>.close-button{position:sticky;grid-area:1/1;align-self:start;justify-self:end;margin:20px 20px 0 0}.letter-experience .replay-button{min-height:44px}.letter-experience .answer-panel,.letter-experience .opening-paper{grid-area:1/1;width:100%;margin:0;animation:none;transform-origin:center center}.letter-experience .answer-panel{width:min(470px,100%);justify-self:center;z-index:3}.letter-experience .opening-paper{opacity:0;visibility:hidden;transform:translateY(0) rotateX(0) scale(1)}.letter-experience[data-phase=opening] .opening-paper,.letter-experience[data-phase=letter] .opening-paper{visibility:visible}.letter-experience[data-phase=letter] .opening-paper{opacity:1}.letter-experience[data-phase=letter] .answer-panel{visibility:hidden}.opening-envelope{position:absolute;z-index:2;left:15%;top:22%;width:70%;height:220px;background:#dac5a0;border:1px solid #bca57c;opacity:0;perspective:900px}.opening-flap{position:absolute;inset:0;transform-origin:top;background:#e8d8b9;clip-path:polygon(0 0,100% 0,50% 70%);backface-visibility:visible}.opening-seal{position:absolute;width:58px;height:58px;border-radius:50%;background:#a75d55;left:calc(50% - 29px);top:80px;box-shadow:inset 0 0 0 5px #ba7565}.opening-seal i{position:absolute;left:28px;top:8px;height:40px;width:1px;background:#ead3a5;opacity:0;transform:rotate(25deg)}.opening-seal i:nth-child(2){transform:rotate(-48deg)}.opening-seal i:nth-child(3){transform:rotate(80deg)}.opening-stars{position:absolute;inset:0;pointer-events:none;z-index:5;display:none}.opening-stars span{position:absolute;top:40%;left:50%;color:#f1d18a;opacity:0;font-size:13px}[data-phase=opening] .answer-panel{animation:answer-recede 2.6s ease both}[data-phase=opening] .opening-envelope{animation:envelope-arrive 2.6s ease both}[data-phase=opening] .opening-flap{animation:flap-open 2.6s ease both}[data-phase=opening] .opening-seal{animation:seal-pulse 2.6s ease both}[data-phase=opening] .opening-seal i{animation:seal-crack 2.6s ease both}[data-phase=opening] .opening-paper{z-index:4;animation:paper-unfold 2.6s cubic-bezier(.22,.61,.36,1) both}[data-phase=opening] .opening-stars{display:block}[data-phase=opening] .opening-stars span{animation:stars-gather calc(2.5s - var(--delay)) ease both;animation-delay:var(--delay)}@keyframes answer-recede{0%{opacity:1;transform:scale(1)}15.3846%,to{opacity:0;transform:scale(.92)}}@keyframes envelope-arrive{0%{opacity:0}15.3846%,76.9231%{opacity:1}to{opacity:0}}@keyframes seal-pulse{0%,15.3846%{transform:scale(1)}28%{transform:scale(1.12)}42.3077%,to{transform:scale(1);opacity:0}}@keyframes seal-crack{0%,15.3846%{opacity:0}30%,42.3076%{opacity:1}42.3077%,to{opacity:0}}@keyframes flap-open{0%,42.3077%{transform:rotateX(0)}76.9231%,to{transform:rotateX(-150deg)}}@keyframes paper-unfold{0%,42.3077%{opacity:0;transform:translateY(95px) rotateX(65deg) scale(.32,.12)}76.9231%{opacity:1;transform:translateY(-35px) rotateX(20deg) scale(.75,.46)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes stars-gather{0%{opacity:0;transform:translate(calc(var(--x)*2),calc(var(--y)*2))}15.3846%{opacity:1;transform:translate(var(--x),var(--y))}42.3077%,76.9231%{opacity:.5;transform:translate(0)}90%{opacity:.8;transform:translate(calc(var(--x)*2.4),calc(var(--y)*5))}to{opacity:0;transform:translate(calc(var(--x)*2.4),calc(var(--y)*5))}}.letter-experience.opening-reduced[data-phase=opening] .answer-panel{animation:answer-crossfade .35s ease both!important;transform:none!important}.letter-experience.opening-reduced[data-phase=opening] .opening-paper{animation:letter-crossfade .35s ease both!important;transform:none!important}.letter-experience.opening-reduced .opening-stars,.letter-experience.opening-reduced .opening-envelope{display:none}@keyframes answer-crossfade{0%{opacity:1}to{opacity:0}}@keyframes letter-crossfade{0%{opacity:0}to{opacity:1}}