@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-vietnamese-600-normal-BjlAJixd.woff2) format("woff2"),url(/assets/fraunces-vietnamese-600-normal-DlAl5EAR.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-ext-600-normal-BtzmzP0X.woff2) format("woff2"),url(/assets/fraunces-latin-ext-600-normal-B0Dy4lqi.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2) format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-vietnamese-700-normal-DH94m5DZ.woff2) format("woff2"),url(/assets/fraunces-vietnamese-700-normal-DxawQjq2.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-ext-700-normal-CanUGppC.woff2) format("woff2"),url(/assets/fraunces-latin-ext-700-normal-DuBstVeD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2) format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-ext-400-normal-CXAzuTZb.woff2) format("woff2"),url(/assets/figtree-latin-ext-400-normal-Gbh-3PTk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2) format("woff2"),url(/assets/figtree-latin-400-normal-BD4aNku5.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-ext-500-normal-Du0rIuHj.woff2) format("woff2"),url(/assets/figtree-latin-ext-500-normal-BOEJvrb_.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-500-normal-BWnGEVsr.woff2) format("woff2"),url(/assets/figtree-latin-500-normal-B_yy1phn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-ext-600-normal-DJlfifZj.woff2) format("woff2"),url(/assets/figtree-latin-ext-600-normal-CQqsimlV.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2) format("woff2"),url(/assets/figtree-latin-600-normal-BM_oTo4n.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-ext-700-normal-CS4sQkGV.woff2) format("woff2"),url(/assets/figtree-latin-ext-700-normal-BoDi4KL2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2) format("woff2"),url(/assets/figtree-latin-700-normal-BCCt2T1q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Figtree,sans-serif;color:#173a32;background:#073d33;font-synthesis:none;text-rendering:optimizeLegibility;--spruce-950: #052e28;--spruce-900: #073d33;--spruce-800: #0c5a48;--cranberry: #c93632;--cranberry-dark: #9e2526;--cream: #fff7e6;--cream-deep: #f2e7cc;--gold: #e1b957;--ice: #bce4e1;--ink: #173a32;--muted: #6e766e;--danger-bg: #f9dfd9;--shadow: 0 22px 65px rgba(1, 24, 20, .34)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--spruce-900)}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.app-shell{min-height:100vh;position:relative;overflow:hidden;color:var(--cream);display:grid;grid-template-rows:auto 1fr auto}.scene{position:fixed;inset:0;background:var(--spruce-900) url(/christmas-frame.png) center / cover no-repeat;z-index:-3}.scene:after{content:"";position:absolute;inset:0;background:#01262029}.snow-field{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.snow-field i{position:absolute;top:-8vh;width:4px;height:4px;border-radius:50%;background:#ffffffbd;animation:snowfall linear infinite}.snow-field i:nth-child(3n){width:2px;height:2px;opacity:.5}.snow-field i:nth-child(1){left:5%;animation-duration:14s;animation-delay:-6s}.snow-field i:nth-child(2){left:11%;animation-duration:19s;animation-delay:-3s}.snow-field i:nth-child(3){left:17%;animation-duration:16s;animation-delay:-11s}.snow-field i:nth-child(4){left:23%;animation-duration:21s;animation-delay:-8s}.snow-field i:nth-child(5){left:29%;animation-duration:13s;animation-delay:-4s}.snow-field i:nth-child(6){left:35%;animation-duration:18s;animation-delay:-14s}.snow-field i:nth-child(7){left:41%;animation-duration:23s;animation-delay:-9s}.snow-field i:nth-child(8){left:47%;animation-duration:15s;animation-delay:-7s}.snow-field i:nth-child(9){left:53%;animation-duration:20s;animation-delay:-2s}.snow-field i:nth-child(10){left:59%;animation-duration:17s;animation-delay:-13s}.snow-field i:nth-child(11){left:65%;animation-duration:22s;animation-delay:-6s}.snow-field i:nth-child(12){left:71%;animation-duration:14s;animation-delay:-10s}.snow-field i:nth-child(13){left:77%;animation-duration:19s;animation-delay:-15s}.snow-field i:nth-child(14){left:83%;animation-duration:16s;animation-delay:-5s}.snow-field i:nth-child(15){left:89%;animation-duration:24s;animation-delay:-12s}.snow-field i:nth-child(16){left:95%;animation-duration:18s;animation-delay:-1s}.snow-field i:nth-child(n+17){left:calc((var(--i, 1)) * 4%);animation-duration:20s}@keyframes snowfall{to{transform:translate3d(45px,112vh,0) rotate(180deg)}}.site-header{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:26px 0 14px;position:relative;z-index:5}.brand{display:grid;grid-template-columns:32px auto;grid-template-rows:auto auto;column-gap:10px;border:0;background:none;color:var(--cream);text-align:left;padding:0}.brand-mark{grid-row:1 / 3;width:32px;height:40px;display:grid;place-items:center;color:var(--gold);border:1px solid rgba(225,185,87,.6);border-radius:50% 50% 48% 48%}.brand-name{font:700 27px/1 Fraunces,serif;letter-spacing:-.03em}.brand-byline{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#fff7e6ad;margin-top:4px}.site-header nav{display:flex;gap:12px}.nav-link{border:0;background:#032e278f;color:var(--cream);border-radius:999px;padding:10px 14px;display:inline-flex;align-items:center;gap:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-link:hover{background:#fff7e624}main{display:grid;align-items:center;padding:24px;position:relative;z-index:1}footer{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:18px 0 24px;display:flex;justify-content:space-between;gap:20px;color:#fff7e6b8;font-size:12px}.footer-seal{display:inline-flex;align-items:center;gap:7px}.demo-ribbon{position:fixed;right:-35px;top:42px;transform:rotate(42deg);width:150px;padding:7px;text-align:center;background:var(--gold);color:var(--spruce-950);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;z-index:20;box-shadow:0 4px 16px #0000002e}.page-enter{animation:page-in .55s cubic-bezier(.2,.75,.25,1) both}@keyframes page-in{0%{opacity:0;transform:translateY(14px)}}.step-animate{animation:step-in .34s ease both}@keyframes step-in{0%{opacity:0;transform:translate(10px)}}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:11px;color:var(--gold);margin:0 0 13px}.eyebrow span{margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Fraunces,serif}h1{font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-.045em;margin-bottom:22px}h1 em{color:var(--gold);font-weight:600}.home-stage{width:min(1020px,100%);margin:0 auto;display:grid;grid-template-columns:.83fr 1.17fr;gap:clamp(28px,6vw,80px);align-items:center;padding:42px 0 62px}.hero-copy{text-shadow:0 3px 22px rgba(0,25,20,.45)}.hero-intro{max-width:440px;font-size:18px;line-height:1.65;color:#fff7e6db}.paper-card{background:var(--cream);color:var(--ink);border:1px solid rgba(225,185,87,.7);box-shadow:var(--shadow),inset 0 0 0 7px #f2e7cc94;position:relative}.role-card{border-radius:24px;padding:46px 38px 34px}.ribbon-knot{position:absolute;top:-23px;left:50%;width:52px;height:45px;transform:translate(-50%)}.ribbon-knot:before,.ribbon-knot:after{content:"";position:absolute;top:0;width:31px;height:26px;background:var(--cranberry);border:3px solid var(--cranberry-dark)}.ribbon-knot:before{left:0;border-radius:80% 20% 70% 30%;transform:rotate(-28deg)}.ribbon-knot:after{right:0;border-radius:20% 80% 30% 70%;transform:rotate(28deg)}.ribbon-knot span{position:absolute;z-index:2;left:19px;top:12px;width:16px;height:16px;border-radius:50%;background:var(--gold);border:3px solid var(--cranberry-dark)}.role-heading{display:flex;align-items:center;gap:13px;justify-content:center;margin-bottom:23px;color:#73684e}.role-heading p{margin:0;font:600 14px/1.3 Fraunces,serif;text-align:center}.ornament-line{height:1px;flex:1;max-width:70px;background:#d9c99f}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.role-option{border-radius:16px;padding:23px 20px 18px;min-height:260px;border:1px solid transparent;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:var(--cream);transition:transform .2s ease,box-shadow .2s ease}.role-option:hover{transform:translateY(-4px);box-shadow:0 13px 24px #0e342b2e}.giver-option{background:var(--cranberry)}.recipient-option{background:var(--spruce-800)}.role-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#ffffff21;margin-bottom:24px}.role-icon svg{width:27px;height:27px}.role-kicker{text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.17em;opacity:.74}.role-option strong{font:650 22px/1.05 Fraunces,serif;margin:7px 0 9px}.role-option small{line-height:1.45;opacity:.78}.role-action{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13px}.home-note{grid-column:1 / 3;justify-self:center;margin:-20px 0 0;display:flex;align-items:center;gap:8px;font-size:12px;color:#fff7e6bf}.flow-stage{width:min(790px,100%);margin:0 auto;padding:24px 0 54px}.flow-title{text-align:center;max-width:690px;margin:0 auto 25px;text-shadow:0 3px 18px rgba(0,25,20,.4)}.flow-title h1{font-size:clamp(34px,5vw,53px);margin-bottom:0}.flow-card{border-radius:24px;overflow:hidden}.stepper{list-style:none;margin:0;padding:24px 58px 20px;display:grid;grid-template-columns:repeat(4,1fr);background:#f3ead6;border-bottom:1px solid #dfd1ae}.stepper li{position:relative;text-align:center;color:#aaa28f}.stepper li:not(:last-child):after{content:"";position:absolute;top:12px;left:calc(50% + 14px);right:calc(-50% + 14px);height:1px;background:#d7ceb9}.stepper li.done:not(:last-child):after{background:var(--cranberry)}.stepper li>span{position:relative;z-index:1;width:25px;height:25px;display:grid;place-items:center;margin:0 auto 6px;background:#d7ceb9;color:#fff;border-radius:50%;font-size:11px;font-weight:800}.stepper li.active>span{background:var(--cranberry);box-shadow:0 0 0 5px #c936321f}.stepper li.done>span{background:var(--spruce-800)}.stepper small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.stepper .active small{color:var(--cranberry-dark)}.stepper .done small{color:var(--spruce-800)}.flow-body{padding:32px 52px 36px;min-height:390px}.panel-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:27px}.heading-icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e4f0e8;color:var(--spruce-800)}.panel-heading p{margin:0 0 4px;color:var(--cranberry);text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800}.panel-heading h2{font-size:29px;line-height:1.05;margin:0 0 6px;letter-spacing:-.025em}.panel-heading div>span{color:var(--muted);font-size:13px}.field-label,.subheading{display:block;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}.message-input{width:100%;min-height:154px;resize:vertical;border:1px solid #b8b29f;border-radius:12px;padding:17px;background:#fffdfa;color:var(--ink);line-height:1.6;box-shadow:inset 0 2px 3px #2e382d0a}.message-input::placeholder,input::placeholder{color:#a9a697}.message-input:focus,.code-fields input:focus,.unlock-card input:focus,.edit-login input:focus{border-color:var(--spruce-800)}.character-count{display:flex;justify-content:space-between;gap:20px;margin-top:8px;color:var(--muted);font-size:11px}.character-count strong{font-variant-numeric:tabular-nums}.character-count.near-limit strong{color:var(--cranberry)}.effect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.effect-option{position:relative;border:1px solid #d1c8ae;border-radius:14px;background:#fffcf4;color:var(--ink);padding:18px 12px 16px;min-height:145px;text-align:left;transition:border-color .2s,transform .2s}.effect-option:hover{transform:translateY(-2px);border-color:var(--spruce-800)}.effect-option.selected{background:var(--spruce-800);color:var(--cream);border-color:var(--spruce-800)}.effect-option>span{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#e4f0e8;color:var(--spruce-800);margin-bottom:15px}.effect-option.selected>span{color:var(--cream);background:#ffffff1f}.effect-option strong,.effect-option small{display:block}.effect-option strong{font:650 18px/1 Fraunces,serif;margin-bottom:7px}.effect-option small{font-size:11px;opacity:.72;line-height:1.35}.effect-option>i{position:absolute;right:10px;top:10px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--spruce-950)}.mini-preview{margin-top:18px;min-height:76px;border:1px dashed #c8bfa8;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:13px;color:#716c5f;font-size:12px;overflow:hidden;position:relative}.mini-preview p{margin:0}.preview-gift{color:var(--cranberry);animation:tiny-bounce 2.2s ease-in-out infinite}@keyframes tiny-bounce{50%{transform:translateY(-5px) rotate(-3deg)}}.code-explainer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}.code-explainer>div{display:flex;gap:10px;padding:11px;border-radius:10px;background:#edf4ec;color:var(--spruce-800)}.code-explainer span{font-size:11px;line-height:1.4;color:#647067}.code-explainer strong{display:block;color:var(--spruce-800)}.code-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.code-fields label>span{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:800;margin-bottom:7px}.code-fields label small{color:var(--muted);font-weight:500}.code-fields input,.unlock-card input,.edit-login input{width:100%;border:1px solid #b8b29f;border-radius:10px;background:#fffdfa;color:var(--ink);padding:14px;font-weight:700;letter-spacing:.06em}.code-fields .code-note{display:block;margin-top:7px;color:var(--muted);font-size:10px;font-weight:500;line-height:1.4}.field-status{min-height:18px;margin-top:7px;display:flex;align-items:center;gap:5px;font-size:10px}.field-status.idle{color:var(--muted)}.field-status.checking{color:#8b7135}.field-status.available{color:#18734e}.field-status.unavailable{color:var(--cranberry-dark)}.field-status.checking svg{animation:spin 1s linear infinite}.text-button{border:0;background:transparent;color:var(--spruce-800);padding:11px 0;font-weight:700;font-size:12px;display:inline-flex;gap:7px;align-items:center}.text-button:hover{color:var(--cranberry)}.flow-actions{border-top:1px solid #e0d5bd;background:#f8f0df;padding:18px 52px;display:flex;justify-content:space-between;gap:14px}.primary-button,.secondary-button,.danger-button{border-radius:999px;min-height:46px;padding:0 22px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:13px;transition:transform .18s,background .18s}.primary-button{background:var(--cranberry);color:#fff;box-shadow:0 7px 16px #9e252633}.primary-button:hover:not(:disabled){transform:translateY(-2px);background:var(--cranberry-dark)}.primary-button:disabled{opacity:.45;box-shadow:none}.primary-button.wide{width:100%}.secondary-button{background:transparent;border-color:#c8bfa8;color:#696557}.secondary-button:hover{background:#fffaf0}.danger-button{background:transparent;color:var(--cranberry-dark);border-color:#dba7a1}.notice{display:flex;align-items:flex-start;gap:9px;border-radius:10px;padding:12px 14px;margin-bottom:18px;font-size:12px;line-height:1.45}.notice svg{width:17px;height:17px;flex:0 0 auto}.notice.error{background:var(--danger-bg);color:#8d2929}.notice.success{background:#e2f1e6;color:#256a46}.notice.compact{margin:12px 0}.completion{text-align:center;padding:18px 0 2px}.completion-icon{width:62px;height:62px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:var(--spruce-800);color:var(--cream);box-shadow:0 0 0 9px #e4eee6}.completion h2{font-size:34px;margin-bottom:10px}.completion>p:not(.eyebrow):not(.expiry-note){color:var(--muted)}.saved-codes{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:25px 0 14px;text-align:left}.saved-codes>div{position:relative;border:1px dashed #c3b68f;background:#fffdf7;padding:14px;border-radius:10px}.saved-codes span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.saved-codes strong{font:700 18px/1 Figtree,sans-serif;letter-spacing:.08em}.saved-codes button{position:absolute;right:8px;bottom:8px;border:0;background:#e7efe9;color:var(--spruce-800);width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.expiry-note{color:var(--muted);font-size:10px;margin-bottom:22px}.recipient-stage{width:min(900px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:clamp(30px,8vw,90px);padding:50px 0 80px}.recipient-copy>p:last-child,.edit-intro>p:last-child{color:#fff7e6c9;max-width:440px;font-size:17px;line-height:1.6}.unlock-card,.edit-login{border-radius:23px;padding:48px 36px 33px}.hanging-tag{position:absolute;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;top:-29px;left:50%;transform:translate(-50%);background:var(--cranberry);color:#fff;border:6px solid var(--cream-deep)}.unlock-card>label,.edit-login>label{display:block;text-align:center;font:650 25px/1.1 Fraunces,serif;margin-bottom:19px}.unlock-input-wrap{position:relative;margin-bottom:13px}.unlock-input-wrap input{padding-right:45px;text-align:center;font-size:18px}.unlock-input-wrap>svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--gold)}.demo-hint{width:100%;border:0;background:none;color:#777060;margin-top:12px;font-size:10px}.demo-hint strong{color:var(--spruce-800);letter-spacing:.08em;margin-left:4px}.reveal-scene{width:min(760px,100%);min-height:520px;margin:12px auto 55px;display:grid;place-items:center;position:relative}.message-reveal{width:min(610px,100%);text-align:center;background:var(--cream);color:var(--ink);border:1px solid var(--gold);box-shadow:var(--shadow),inset 0 0 0 8px var(--cream-deep);border-radius:22px;padding:50px 60px 35px;position:relative}.message-star{position:absolute;top:-23px;left:50%;transform:translate(-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--spruce-950);font-size:22px}.message-reveal blockquote{font:600 clamp(24px,4vw,37px)/1.32 "Fraunces",serif;margin:27px 0;white-space:pre-wrap}.message-signoff{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--cranberry);font:600 13px/1 Fraunces,serif}.message-signoff span{width:40px;height:1px;background:#d9c99f}.text-button.light{margin-top:30px;color:#706b60}.effect-option{overflow:hidden;isolation:isolate}.effect-option:before{content:"";position:absolute;inset:0;z-index:-1;background-position:center;background-size:cover;opacity:.08;transition:opacity .2s ease}.effect-option:hover:before,.effect-option.selected:before{opacity:.16}.effect-gift:before{background:radial-gradient(circle at 50% 38%,var(--gold) 0 9%,transparent 10%),linear-gradient(135deg,var(--cranberry),var(--spruce-800))}.effect-letter:before{background:linear-gradient(145deg,var(--cream) 0 58%,var(--cranberry) 59% 64%,var(--gold) 65%)}.effect-snowglobe:before{background:radial-gradient(circle at 50% 42%,var(--ice) 0 34%,transparent 35%),linear-gradient(var(--spruce-800),var(--spruce-950))}.effect-scratch:before{background-image:url(/effects/scratch-card-cover.png)}.effect-status{position:absolute;z-index:6;margin:0;color:#fff4dad1;font-size:11px;letter-spacing:.04em;transition:opacity .25s ease}.effect-status.is-hidden{opacity:0}.simple-reveal-stage{width:min(720px,100%);min-height:520px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:28px;isolation:isolate;background:radial-gradient(circle at 50% 38%,rgba(228,185,87,.12),transparent 34%),linear-gradient(180deg,#163f36,#062d27);box-shadow:0 35px 90px #00000047,inset 0 0 0 1px #e4b95752;animation:simple-stage-in .65s ease both}@keyframes simple-stage-in{0%{opacity:0;transform:translateY(18px) scale(.97)}}.simple-inner-message{z-index:3;width:min(570px,86%);opacity:0;transform:translateY(20px) scale(.88);pointer-events:none;transition:opacity .7s .72s ease,transform .8s .68s cubic-bezier(.2,.8,.2,1)}.simple-reveal-stage.is-open .simple-inner-message{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.simple-status{bottom:20px;left:50%;transform:translate(-50%);width:100%;text-align:center}.simple-reveal-stage.is-open .simple-status{opacity:0}.ambient-magic{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;transition:opacity .45s ease}.reading-snow{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .48s ease}.reading-snow.is-active{opacity:1}.ambient-magic i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 9px currentColor;opacity:.5;animation:ambient-float ease-in-out infinite alternate}@keyframes ambient-float{0%{transform:translate3d(-4px,9px,0) scale(.7);opacity:.18}to{transform:translate3d(8px,-14px,0) scale(1.2);opacity:.75}}.ambient-letter i{top:-14px!important;width:4px;height:4px;color:var(--ice);background:var(--cream);animation-name:gentle-snow;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes gentle-snow{0%{transform:translate3d(-8px,-20px,0);opacity:0}12%{opacity:.75}to{transform:translate3d(22px,550px,0) rotate(180deg);opacity:.2}}.ambient-gift b{position:absolute;width:4px;height:4px;border-radius:50%;color:var(--gold);background:currentColor;opacity:0;box-shadow:0 -18px currentColor,13px -13px var(--ice),18px 0 currentColor,13px 13px var(--cranberry),0 18px currentColor,-13px 13px var(--ice),-18px 0 currentColor,-13px -13px var(--cranberry);animation:tiny-firework 5.8s ease-out infinite}@keyframes tiny-firework{0%,72%{opacity:0;transform:scale(.12)}78%{opacity:.75}94%,to{opacity:0;transform:scale(1)}}.warm-glow{position:absolute;z-index:2;width:120px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(255,244,218,.95),rgba(228,185,87,.3) 42%,transparent 72%);filter:blur(7px);opacity:0;transform:translateY(40px) scale(.4);pointer-events:none}.gift-box-stage.is-open .warm-glow{animation:warm-bloom 1.2s .25s ease-out both}@keyframes warm-bloom{45%{opacity:1}to{opacity:0;transform:translateY(-35px) scale(4.5)}}.gift-package{position:relative;z-index:4;width:190px;height:170px;border:0;padding:0;background:transparent;transition:opacity .35s .72s ease,transform .6s .65s ease;animation:gift-breathe 2.4s ease-in-out infinite}@keyframes gift-breathe{50%{transform:translateY(-5px)}}.gift-base{position:absolute;left:15px;right:15px;bottom:0;height:125px;border-radius:5px 5px 13px 13px;background:linear-gradient(90deg,var(--cranberry) 0 43%,var(--gold) 44% 56%,var(--cranberry) 57%);border:3px solid #8f2529;box-shadow:0 22px 30px #00000047;transition:transform .75s .1s cubic-bezier(.2,.8,.2,1)}.gift-base:after{content:"";position:absolute;inset:14px;border:1px dashed rgba(255,244,218,.42);border-radius:5px}.gift-lid{position:absolute;z-index:2;left:0;right:0;top:28px;height:50px;border-radius:9px;background:linear-gradient(90deg,#a9252e 0 43%,var(--gold) 44% 56%,#a9252e 57%);border:3px solid #802126;box-shadow:0 8px 13px #0003;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.gift-bow,.gift-bow:before,.gift-bow:after{position:absolute;background:var(--gold)}.gift-bow{left:50%;top:-9px;width:20px;height:45px;transform:translate(-50%)}.gift-bow:before,.gift-bow:after{content:"";top:-29px;width:48px;height:32px;border:4px solid #b17d2d}.gift-bow:before{right:11px;border-radius:60% 16%;transform:rotate(9deg)}.gift-bow:after{left:11px;border-radius:16% 60%;transform:rotate(-9deg)}.gift-box-stage.is-open .gift-package{opacity:0;transform:translateY(90px) scale(.82);pointer-events:none;animation-play-state:paused}.gift-box-stage.is-open .gift-lid{transform:translate(-42px,-105px) rotate(-18deg)}.gift-box-stage.is-open .gift-base{transform:scaleX(1.05)}.reveal-scene.reveal-letter{width:min(980px,100%)}.vintage-letter-stage{width:min(940px,100%);min-height:clamp(570px,78vh,760px);--reading-scale: 1.075;overflow:visible}.letter-reading-backdrop{position:absolute;inset:0;z-index:2;background:#190c0745;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;border-radius:inherit;pointer-events:none;transition:opacity .4s ease-out}.envelope-ground-shadow{position:absolute;z-index:2;left:50%;top:calc(50% + clamp(150px,19vw,190px));width:min(540px,68%);height:32px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.38),rgba(0,0,0,.12) 48%,transparent 73%);filter:blur(3px);opacity:.72;transform:translate(-50%) scaleX(1);transform-origin:center;animation:envelope-shadow-breathe 2.8s ease-in-out infinite;transition:width .55s ease,opacity .55s ease,transform .55s ease,filter .55s ease;pointer-events:none}@keyframes envelope-shadow-breathe{50%{transform:translate(-50%) scaleX(.96);opacity:.62}}.vintage-envelope-composition{position:absolute;z-index:3;left:50%;top:50%;width:min(700px,86vw);aspect-ratio:4 / 3;perspective:1200px;transform:translate3d(-50%,-45%,0);transform-style:preserve-3d;filter:drop-shadow(0 20px 22px rgba(0,0,0,.24));animation:vintage-envelope-breathe 2.8s ease-in-out infinite;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s ease}@keyframes vintage-envelope-breathe{50%{transform:translate3d(-50%,calc(-45% - 3px),0)}}.vintage-envelope-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.envelope-closed-cover{z-index:7;opacity:1;object-fit:contain;transform:translateZ(0);transition:opacity .18s ease}.envelope-back-layer{z-index:1;transition:transform .5s ease,opacity .5s ease}.envelope-front-layer{z-index:3;transition:transform .5s ease,opacity .5s ease}.envelope-flap-layer{z-index:4;transform:rotateX(0);transform-origin:50% 16.7%;transform-box:border-box;transform-style:preserve-3d;backface-visibility:visible;will-change:transform;transition:opacity .5s ease}.wax-seal-layer{z-index:5;inset:0;width:100%;height:100%;transform:translateZ(0);transform-origin:50% 62.25%;filter:drop-shadow(0 8px 7px rgba(75,17,13,.32));-webkit-user-select:none;user-select:none;pointer-events:none;animation:vintage-seal-pulse 2.4s ease-in-out infinite}@keyframes vintage-seal-pulse{50%{transform:translate3d(0,-1px,0) scale(1.035)}}.vintage-letter-mask{position:absolute;inset:0;clip-path:inset(-120% 0 0 0)}.vintage-letter-sheet{position:absolute;z-index:2;inset:0;width:100%;height:100%;aspect-ratio:3 / 2;color:#493626;transform:translate3d(0,23.5%,0) scale(.739) rotate(-.35deg);transform-origin:50% 50%;transition:transform 1s cubic-bezier(.16,1,.3,1),filter .8s ease-out,opacity .35s ease-out;will-change:transform;pointer-events:none}.vintage-letter-sheet>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.vintage-letter-copy{position:absolute;z-index:1;inset:17% 17% 12%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding:4px 8px;text-align:center;opacity:0;transition:opacity .3s ease}.vintage-letter-copy .eyebrow{margin-bottom:8px;color:#a32e27;font-size:clamp(8px,1.2vw,11px)}.vintage-letter-copy blockquote{max-width:100%;margin:8px 0 13px;color:#3d372d;font:600 clamp(15px,2.25vw,27px)/1.3 "Fraunces",serif;overflow-wrap:anywhere;white-space:pre-wrap}.vintage-letter-copy .message-signoff{font-size:clamp(9px,1.2vw,13px)}.vintage-letter-copy .text-button{display:inline-flex;align-items:center;gap:6px;margin-top:13px;padding:8px 10px;font-size:11px}.letter-close-button{position:absolute;z-index:3;top:6%;right:5%;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(137,48,36,.35);border-radius:50%;background:#fff7e6eb;color:#9e3029;box-shadow:0 7px 18px #46221224;font:400 27px/1 Figtree,sans-serif;opacity:0;transform:scale(.82);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.envelope-open-trigger{position:absolute;z-index:6;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;border-radius:14px;cursor:pointer}.envelope-open-trigger:disabled{pointer-events:none}.vintage-letter-status{z-index:10;bottom:19px;left:50%;width:100%;text-align:center;transform:translate(-50%)}.phase-opening-seal .wax-seal-layer,.phase-opening-flap .wax-seal-layer{animation:vintage-seal-release .35s ease-out both}.phase-closed .envelope-back-layer,.phase-closed .vintage-letter-mask,.phase-closed .envelope-front-layer,.phase-closed .envelope-flap-layer,.phase-closed .wax-seal-layer,.phase-opening-seal .envelope-back-layer,.phase-opening-seal .vintage-letter-mask,.phase-opening-seal .envelope-front-layer,.phase-opening-seal .envelope-flap-layer,.phase-opening-seal .wax-seal-layer{opacity:0}.phase-opening-seal .envelope-closed-cover{animation:closed-envelope-release .35s ease-out both}.phase-opening-flap .envelope-closed-cover,.phase-pulling-letter .envelope-closed-cover,.phase-letter-free .envelope-closed-cover,.phase-centering-letter .envelope-closed-cover,.phase-reading .envelope-closed-cover,.phase-closing .envelope-closed-cover{opacity:0}@keyframes closed-envelope-release{35%{transform:translate3d(0,-1px,0) scale(1.012);filter:brightness(1.035)}to{transform:translateZ(0) scale(1);filter:brightness(1)}}@keyframes vintage-seal-release{35%{transform:translate3d(0,1px,0) scale(1.05) rotate(3deg);opacity:1}to{transform:translate3d(0,5px,0) scale(.85) rotate(3deg);opacity:0}}.phase-opening-flap .vintage-envelope-composition,.phase-pulling-letter .vintage-envelope-composition,.phase-letter-free .vintage-envelope-composition,.phase-centering-letter .vintage-envelope-composition,.phase-reading .vintage-envelope-composition,.phase-closing .vintage-envelope-composition{animation-play-state:paused;transform:translate3d(-50%,calc(-45% + 18px),0);filter:drop-shadow(0 13px 16px rgba(0,0,0,.22))}.phase-opening-flap .envelope-ground-shadow{width:min(430px,57%);transform:translate(-50%) scaleX(.9);opacity:.58;animation-play-state:paused}.phase-pulling-letter .envelope-ground-shadow,.phase-letter-free .envelope-ground-shadow{width:min(330px,45%);transform:translate(-50%) scaleX(.78);opacity:.4;filter:blur(5px);animation-play-state:paused}.phase-pulling-letter .wax-seal-layer,.phase-letter-free .wax-seal-layer,.phase-centering-letter .wax-seal-layer,.phase-reading .wax-seal-layer{opacity:0;animation:none;transform:translate3d(0,5px,0) scale(.85)}.phase-opening-flap .envelope-flap-layer,.phase-pulling-letter .envelope-flap-layer,.phase-letter-free .envelope-flap-layer,.phase-centering-letter .envelope-flap-layer,.phase-reading .envelope-flap-layer{animation:vintage-flap-open .9s cubic-bezier(.22,1,.36,1) both}@keyframes vintage-flap-open{0%{z-index:4;transform:rotateX(0) translateZ(0)}35%{z-index:4;transform:rotateX(55deg) translate3d(0,-2px,0)}49%{z-index:4;transform:rotateX(88deg) translate3d(0,-2px,0)}51%{z-index:1;transform:rotateX(94deg) translate3d(0,-2px,0)}72%{z-index:1;transform:rotateX(132deg) translate3d(0,-1px,0)}to{z-index:1;transform:rotateX(178deg) translateZ(0)}}.phase-pulling-letter .vintage-letter-sheet,.phase-letter-free .vintage-letter-sheet{transform:translate3d(0,-60.5%,0) scale(.806) rotate(0)}.phase-letter-free .vintage-letter-sheet,.phase-centering-letter .vintage-letter-sheet{z-index:8}.phase-letter-free .vintage-letter-mask,.phase-centering-letter .vintage-letter-mask,.phase-reading .vintage-letter-mask{clip-path:none}.phase-centering-letter .letter-reading-backdrop,.phase-reading .letter-reading-backdrop{opacity:1}.phase-centering-letter .letter-reading-backdrop{transition-delay:.2s}.phase-reading .letter-reading-backdrop{transition-delay:0s}.phase-centering-letter .envelope-ground-shadow,.phase-reading .envelope-ground-shadow{width:min(250px,34%);opacity:.16;transform:translate(-50%) scaleX(.7);filter:blur(7px);animation-play-state:paused}.phase-centering-letter .envelope-back-layer,.phase-reading .envelope-back-layer,.phase-centering-letter .envelope-front-layer,.phase-reading .envelope-front-layer{opacity:.74;transform:translate3d(0,25px,0) scale(.96)}.phase-centering-letter .envelope-flap-layer,.phase-reading .envelope-flap-layer{opacity:.74}.phase-reading .vintage-envelope-composition{animation-play-state:paused}.phase-centering-letter .vintage-letter-sheet,.phase-reading .vintage-letter-sheet{z-index:8;transform:translate3d(0,6.7%,0) scale(var(--reading-scale)) rotate(0);filter:drop-shadow(0 12px 20px rgba(0,0,0,.18));pointer-events:auto;transition:transform .9s cubic-bezier(.22,1,.36,1),filter .75s ease-out,opacity .35s ease-out}.phase-reading .vintage-letter-copy{opacity:1;transition-delay:.12s}.phase-reading .letter-close-button{opacity:1;transform:scale(1);pointer-events:auto;transition-delay:.2s}.phase-reading .vintage-letter-status,.phase-closing .letter-reading-backdrop{opacity:0}.phase-closing .envelope-ground-shadow{width:min(430px,57%);opacity:.54;transform:translate(-50%) scaleX(.9);animation-play-state:paused}.phase-closing .vintage-envelope-composition{animation-play-state:paused}.phase-closing .vintage-letter-sheet{z-index:2;transform:translate3d(0,23.5%,0) scale(.739) rotate(-.35deg);transition-duration:.72s}.phase-closing .vintage-letter-copy,.phase-closing .letter-close-button{opacity:0;pointer-events:none;transition-delay:0s}.phase-closing .envelope-back-layer,.phase-closing .envelope-front-layer{opacity:1;transform:none;transition-delay:.1s}.phase-closing .envelope-flap-layer{animation:vintage-flap-close .64s .46s cubic-bezier(.22,1,.36,1) both}@keyframes vintage-flap-close{0%{z-index:1;opacity:.74;transform:rotateX(178deg) translateZ(0)}47%{z-index:1;opacity:1;transform:rotateX(96deg) translate3d(0,-1px,0)}51%{z-index:4;transform:rotateX(86deg) translate3d(0,-1px,0)}to{z-index:4;opacity:1;transform:rotateX(0) translateZ(0)}}.phase-closing .wax-seal-layer{opacity:1;animation:none;transition:opacity .2s .9s ease}.phase-closing .vintage-letter-status{opacity:0}@media(hover:hover)and (pointer:fine){.phase-closed .vintage-envelope-composition:hover{filter:drop-shadow(0 24px 25px rgba(0,0,0,.29))}.phase-closed .vintage-envelope-composition:hover .wax-seal-layer{transform:scale(1.04)}}.snow-globe{position:relative;z-index:4;width:230px;height:280px;border:0;padding:0;background:transparent;filter:drop-shadow(0 24px 25px rgba(0,0,0,.3));transition:opacity .4s .95s ease,transform .7s .82s ease;animation:globe-breathe 3.2s ease-in-out infinite}@keyframes globe-breathe{50%{transform:translateY(-4px)}}.globe-dome{position:absolute;left:20px;top:0;width:190px;height:190px;overflow:hidden;border-radius:50%;border:7px solid rgba(255,244,218,.8);background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.7) 0 5%,transparent 6%),linear-gradient(180deg,#8bc5c3,#174e43);box-shadow:inset -18px -15px 30px #052e2840,inset 8px 8px 18px #ffffff57}.globe-base{position:absolute;left:32px;right:32px;bottom:10px;height:88px;display:grid;place-items:center;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);border-radius:12px;background:linear-gradient(90deg,#8d2027,var(--cranberry),#8d2027);color:var(--gold);font:650 16px/1 Fraunces,serif;letter-spacing:.08em}.globe-tree{position:absolute;left:50%;bottom:27px;width:80px;height:120px;transform:translate(-50%)}.globe-tree i{position:absolute;left:50%;width:0;height:0;transform:translate(-50%);border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:58px solid var(--spruce-800)}.globe-tree i:nth-child(1){top:0;scale:.58}.globe-tree i:nth-child(2){top:26px;scale:.8}.globe-tree i:nth-child(3){top:55px}.globe-snow i{position:absolute;left:calc(9% + (var(--snow-i, 1) * 6%));top:-10px;width:5px;height:5px;border-radius:50%;background:#fff;animation:globe-snow 3.8s linear infinite}.globe-snow i:nth-child(1){left:12%;animation-delay:-.4s}.globe-snow i:nth-child(2){left:22%;animation-delay:-1.8s}.globe-snow i:nth-child(3){left:31%;animation-delay:-.9s}.globe-snow i:nth-child(4){left:40%;animation-delay:-2.5s}.globe-snow i:nth-child(5){left:49%;animation-delay:-1.2s}.globe-snow i:nth-child(6){left:58%;animation-delay:-3s}.globe-snow i:nth-child(7){left:67%;animation-delay:-.2s}.globe-snow i:nth-child(8){left:76%;animation-delay:-2.1s}.globe-snow i:nth-child(9){left:84%;animation-delay:-1.4s}.globe-snow i:nth-child(10){left:17%;animation-delay:-2.8s}.globe-snow i:nth-child(11){left:36%;animation-delay:-3.4s}.globe-snow i:nth-child(12){left:54%;animation-delay:-.7s}.globe-snow i:nth-child(13){left:71%;animation-delay:-1.7s}.globe-snow i:nth-child(14){left:88%;animation-delay:-3.1s}@keyframes globe-snow{to{transform:translate(16px,190px) rotate(180deg)}}.snowglobe-stage.is-open .snow-globe{animation:globe-shake .7s ease-in-out both;opacity:0;transform:translateY(90px) scale(.82);pointer-events:none}@keyframes globe-shake{0%,to{rotate:0deg}20%{rotate:-7deg}40%{rotate:7deg}60%{rotate:-4deg}80%{rotate:3deg}}.ambient-snowglobe i{top:-14px!important;color:var(--ice);background:var(--ice);animation-name:globe-ambient-snow;animation-timing-function:linear;animation-iteration-count:infinite}.snowglobe-stage.is-open .ambient-snowglobe,.phase-reading .ambient-letter{opacity:0}@keyframes globe-ambient-snow{0%{transform:translate3d(-5px,-18px,0);opacity:0}15%{opacity:.5}to{transform:translate3d(20px,540px,0);opacity:.08}}.reveal-scene.reveal-scratch{width:min(760px,100%)}.scratch-experience{position:relative;isolation:isolate;width:100%;display:grid;justify-items:center;text-align:center}.scratch-experience .reading-snow{z-index:0}.scratch-message{position:relative;z-index:1;width:min(520px,92vw,calc((100svh - 130px)*.6667));aspect-ratio:2 / 3;overflow:hidden;isolation:isolate;border-radius:2.1%;filter:drop-shadow(0 28px 32px rgba(0,0,0,.3));animation:scratch-card-arrive .65s cubic-bezier(.2,.8,.2,1) both;transition:transform .42s ease,filter .42s ease}@keyframes scratch-card-arrive{0%{opacity:0;transform:translateY(24px) rotate(-1.2deg) scale(.95)}}.scratch-card-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.scratch-content-region{position:absolute;z-index:1;inset:19.2% 21% 15.2%;overflow:hidden;border-radius:3%}.scratch-secret-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding:clamp(12px,3vw,30px) clamp(10px,2.6vw,26px);color:#473829;scrollbar-width:thin;scrollbar-color:rgba(159,55,42,.35) transparent;transition:opacity .38s ease,transform .38s ease}.scratch-secret-content .eyebrow{margin:0 0 11px;color:#a3352b;font-size:clamp(7px,1.3vw,10px)}.scratch-secret-content blockquote{max-width:100%;margin:0 0 15px;font:600 clamp(14px,3.2vw,24px)/1.34 "Fraunces",serif;overflow-wrap:anywhere;white-space:pre-wrap}.scratch-secret-content .message-signoff{font-size:clamp(8px,1.5vw,12px)}.scratch-cover{position:absolute;inset:0;z-index:2;width:100%;height:100%;border-radius:inherit;cursor:grab;touch-action:none;opacity:1;transition:opacity .46s ease-out}.state-scratchLocked .scratch-cover{pointer-events:none;background:center / cover no-repeat url(/effects/scratch-card-cover.png)}.state-scratching .scratch-message{transform:scale(1.002);filter:drop-shadow(0 30px 35px rgba(0,0,0,.32))}.state-scratching .scratch-cover{cursor:grabbing}.scratch-cover:focus-visible{outline:3px solid #fff3c9;outline-offset:-6px}.scratch-cover.scratch-complete{opacity:0;pointer-events:none;animation:none}.scratch-revealed .scratch-secret-content{animation:scratch-message-settle .4s ease-out both}@keyframes scratch-message-settle{0%{opacity:.97;transform:scale(.99)}}.scratch-hint{position:absolute;z-index:3;left:34%;top:49%;width:32%;height:3px;border-radius:999px;background:#fffae3c7;box-shadow:0 0 8px #fff7dac7;transform:rotate(-8deg) scaleX(0);transform-origin:left;pointer-events:none;animation:scratch-hint-stroke 1.5s ease-in-out infinite}@keyframes scratch-hint-stroke{35%,65%{opacity:.85;transform:rotate(-8deg) scaleX(1)}to{opacity:0;transform:rotate(-8deg) scaleX(1)}}.scratch-controls{min-height:68px;display:flex;align-items:center;justify-content:center;gap:18px;color:#fff7e6c7;font-size:11px;flex-wrap:wrap}.scratch-progress-wrap{display:flex;align-items:center;gap:9px}.scratch-progress{width:96px;height:5px;overflow:hidden;border-radius:999px;background:#fff4da2e}.scratch-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ice),var(--gold));transition:width .22s ease}.scratch-controls .text-button.light{margin-top:0;color:var(--cream)}.edit-stage{width:min(880px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 390px;gap:80px;align-items:center;padding:50px 0 80px}.large-icon{width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(225,185,87,.7);border-radius:50%;color:var(--gold);margin-bottom:24px}.large-icon svg{width:32px;height:32px}.edit-login{padding-top:37px}.edit-login>label{text-align:left;font-size:22px}.edit-login>p{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;line-height:1.4;margin:9px 0 17px}.edit-workspace{max-width:840px}.edit-body{min-height:0}.subheading{margin-top:26px}.split-actions{align-items:center}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.home-stage,.recipient-stage,.edit-stage{grid-template-columns:1fr;max-width:600px;gap:32px;padding-top:30px}.hero-copy,.recipient-copy,.edit-intro{text-align:center}.hero-intro,.recipient-copy>p:last-child,.edit-intro>p:last-child{margin-left:auto;margin-right:auto}.large-icon{margin-left:auto;margin-right:auto}.home-note{grid-column:1;margin-top:0}.scene{background-position:center top}}@media(max-width:620px){.site-header{width:calc(100% - 28px);padding-top:17px}.site-header nav{gap:5px}.nav-link{padding:9px;font-size:0}.nav-link svg{width:18px;height:18px}main{padding:16px 14px}footer{width:calc(100% - 28px);flex-direction:column;align-items:center;text-align:center}.role-card{padding:44px 20px 22px}.role-options{grid-template-columns:1fr}.role-option{min-height:215px}.flow-body{padding:26px 21px 30px}.flow-actions{padding:15px 20px}.stepper{padding:20px 18px 16px}.stepper small{font-size:8px}.effect-grid{grid-template-columns:1fr}.effect-option{min-height:100px;display:grid;grid-template-columns:50px 1fr;column-gap:10px;align-items:center}.effect-option>span{grid-row:1 / 3;margin:0}.effect-option strong,.effect-option small{grid-column:2}.code-fields,.code-explainer,.saved-codes{grid-template-columns:1fr}.unlock-card,.edit-login{padding-left:22px;padding-right:22px}.message-reveal{padding:48px 26px 30px}.simple-reveal-stage{min-height:500px;border-radius:20px}.simple-inner-message{width:91%}.gift-package{scale:.88}.vintage-letter-stage{min-height:min(680px,calc(100svh - 32px));--reading-scale: .907}.vintage-envelope-composition{width:92vw}.vintage-letter-copy{inset:15% 14% 10%}.vintage-letter-copy blockquote{font-size:clamp(14px,4.3vw,19px)}.vintage-letter-copy .text-button{margin-top:8px;font-size:10px}.letter-close-button{width:40px;height:40px;top:4%;right:3%}.snow-globe{scale:.86}.scratch-controls{flex-direction:column;gap:4px;padding-top:12px}.split-actions{flex-direction:column-reverse}.split-actions button{width:100%}h1{font-size:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.simple-inner-message,.gift-package,.gift-lid,.gift-base,.vintage-letter-sheet,.vintage-envelope-layer,.wax-seal-layer,.letter-reading-backdrop,.letter-close-button,.snow-globe,.scratch-cover{transition-duration:.01ms!important;transition-delay:0ms!important}.snow-field,.ambient-magic{display:none}.reading-snow{transition:none}.reading-snow.is-active{opacity:.62}}