@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--text:#f5f4f6;--muted:#a29fa8;--subtle:#87838f;--surface:#0c0c0e;--surface-raised:#141416;--field:#111113;--line:#28272c;--line-soft:#1d1c21;--accent:#d3c2f1;--accent-ink:#1b1427;--accent-soft:#201b2a;--button:#f3f1f5;--button-ink:#17141c;--hover:#222125;--error:#ffadb6;--shadow:0 18px 70px #0004;--transition:.38s cubic-bezier(.2,.65,.25,1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--text:#18161d;--muted:#68636f;--subtle:#75707c;--surface:#f9f8fa;--surface-raised:#fff;--field:#fff;--line:#dcd9e1;--line-soft:#eae7ed;--accent:#7852a2;--accent-ink:#fff;--accent-soft:#f0eaf8;--button:#211a2b;--button-ink:#fff;--hover:#efecf2;--error:#b52d43;--shadow:0 18px 70px #3224480d}*,:before,:after{box-sizing:border-box;transition:color var(--transition), background-color var(--transition), border-color var(--transition)}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;background:var(--bg);transition:background-color var(--transition);scroll-padding-top:30px}body{min-width:320px;padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);background:var(--bg);color:var(--text);transition:background-color var(--transition), color var(--transition);margin:0}button,input,textarea{font:inherit}button,a,input,textarea,label,.editor-panel,.preview-panel,.theme-orbit,dialog,footer,header,.studio-section{transition:color var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition), transform .23s cubic-bezier(.2,.8,.3,1)}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.6;cursor:wait}button svg,a svg{flex-shrink:0}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}em{font-family:Instrument Serif,Georgia,serif;font-weight:400}.shell{width:min(1240px,100% - 112px);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--button);color:var(--button-ink);border-radius:8px;padding:15px 22px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:15px}.button{min-height:46px;transform:translate(var(--mx,0px), var(--my,0px));background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex;position:relative}.button:active{transform:translate(var(--mx,0px), var(--my,0px)) scale(.96);box-shadow:none}.button svg{transition:transform .24s}.button:hover>svg:last-child{transform:translate(2px,-2px)}.primary{background:var(--button);color:var(--button-ink);min-height:54px;padding:15px 24px;overflow:hidden;box-shadow:0 4px #00000008}.primary:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 25%,#ffffff2b 45%,#0000 65%);transition:transform .65s;position:absolute;inset:0;transform:translate(-110%)}.primary:hover:after{transform:translate(110%)}.primary:hover{box-shadow:0 5px 22px #9b83c018}.primary:active{box-shadow:0 1px #0001}.secondary{border-color:var(--line);background:var(--surface-raised)}.secondary:hover{border-color:var(--muted);background:var(--hover)}.text-button{border:0;border-radius:4px;gap:7px;min-height:44px;padding:8px 0;font-size:11px}.text-button:hover{color:var(--accent)}.site-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:109px;display:flex}.wordmark{letter-spacing:-1.4px;align-items:center;gap:10px;font-size:29px;font-weight:600;display:inline-flex}.wordmark>svg{color:var(--accent)}.logo-period{color:var(--accent);margin-left:-10px}.site-header nav{align-items:center;gap:25px;display:flex}.nav-link{color:var(--muted);gap:7px;min-height:44px;padding:10px 0;font-size:12px}.nav-link:hover{color:var(--text)}.theme-toggle{border:1px solid var(--line);background:var(--surface);border-radius:30px;gap:7px;min-height:44px;padding:8px 12px;font-size:11px}.theme-toggle:hover{border-color:var(--muted)}.theme-orbit{width:21px;height:21px;display:block;position:relative}.theme-orbit svg{transition:opacity .35s,transform .45s cubic-bezier(.25,.7,.25,1);position:absolute;top:2px;left:2px}.theme-orbit.dark .sun{opacity:0;transform:rotate(-100deg)scale(.4)}.theme-orbit.light .moon{opacity:0;transform:rotate(100deg)scale(.4)}.theme-orbit.dark .moon,.theme-orbit.light .sun{opacity:1;transform:rotate(0)scale(1)}.header-create{border-color:var(--line);min-height:44px;padding:9px 15px;font-size:11px}.header-create:hover{background:var(--hover);border-color:var(--muted)}.hero{grid-template-columns:1fr 1fr;column-gap:32px;padding-top:86px;display:grid;position:relative}.eyebrow{color:var(--muted);letter-spacing:1.65px;align-items:center;gap:10px;font-size:9px;font-weight:500;line-height:1.6;display:flex}.tiny-star{color:var(--accent);font-size:15px;line-height:1}.hero h1{letter-spacing:-4.4px;margin:25px 0 24px;font-size:clamp(58px,6.15vw,88px);line-height:1.045;position:relative}.hero h1 em{color:var(--accent);letter-spacing:-3.6px;font-size:1.17em;line-height:.9}.headline-spark{color:var(--accent);margin-left:16px;font-size:43px;font-weight:400;position:absolute;bottom:8px}.hero-description{color:var(--muted);font-size:14px;line-height:1.85}.hero-actions{align-items:center;gap:22px;margin-top:28px;display:flex}.free-note{color:var(--subtle);font-size:10px;line-height:1.7}.hero-art{min-width:0;padding-top:43px;position:relative}.hero-art-top{letter-spacing:1.8px;color:var(--subtle);justify-content:space-between;padding:0 25px 21px;font-size:8px;display:flex}.hero-art-top>span:last-child{font-size:23px;line-height:.5}.hero-card-wrap{isolation:isolate;margin:18px -3px 0 12px;position:relative}.hero-card-wrap .scratch-card{transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .35s;transform:rotate(-7deg)}.hero-card-wrap:hover .scratch-card{transform:rotate(-4deg)translateY(-3px)}.hero-card-wrap:before{content:"";aspect-ratio:1.54;background:var(--surface-raised);border:1px solid var(--line);z-index:-1;border-radius:20px;position:absolute;inset:12px 10px auto;transform:rotate(-1deg)}.hero-card-wrap .scratch-toolbar{margin-top:29px}.hero-art-bottom{color:var(--muted);justify-content:flex-end;align-items:center;gap:15px;margin-top:29px;padding-right:10px;display:flex}.handwritten{font-family:Instrument Serif,Georgia,serif;font-size:21px;font-style:italic}.hero-art-bottom svg{color:var(--subtle);transform:rotate(-10deg)}.hero-bottom{border-top:1px solid var(--line-soft);color:var(--subtle);letter-spacing:1.3px;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:73px;padding:26px 0 25px;font-size:8px;display:flex}.hero-bottom>span:first-child{align-items:center;gap:8px;display:flex}.small-dot{background:var(--accent);border-radius:50%;width:4px;height:4px}.hero-bottom a{letter-spacing:0;color:var(--muted);align-items:center;gap:13px;font-size:10px;display:flex}.hero-bottom a:hover{color:var(--text)}.scratch-experience{width:100%;min-width:0}.scratch-card{aspect-ratio:1.54;isolation:isolate;border-radius:19px;width:100%;transition:box-shadow .35s;position:relative;box-shadow:0 24px 45px #0003,0 2px 5px #0002;container-type:inline-size}.scratch-card:hover{box-shadow:0 28px 55px #0004,0 2px 5px #0002}.scratch-foil{z-index:2;border-radius:inherit;touch-action:none;cursor:crosshair;opacity:1;width:100%;height:100%;transition:opacity .75s,filter .75s;position:absolute;inset:0}.scratch-foil:active{cursor:grabbing}.is-revealed .scratch-foil{opacity:0;filter:blur(7px);pointer-events:none}.message-surface{border-radius:inherit;text-align:center;background:var(--paper);color:var(--ink);border:1px solid #ffffff30;flex-direction:column;align-items:center;padding:7% 9% 6%;display:flex;position:absolute;inset:0;overflow:hidden}.finish-silver{--paper:#ededef;--ink:#33323a;--paper-muted:#64616e;background:linear-gradient(120deg,#edecef,#b8bbc0 30%,#f0eff1 58%,#b5b6bb 80%,#d8dadd)}.finish-midnight{--paper:#1c1b16;--ink:#e7d4a1;--paper-muted:#c3b38d;background:linear-gradient(120deg,#2c2b22,#0c0d0b 38%,#3f3b29 62%,#161711)}.finish-aurora{--paper:#e9e6f2;--ink:#4c405b;--paper-muted:#706078;background:linear-gradient(125deg,#c7c1ec,#beddd2 30%,#e6c6d4 58%,#b7c7e9 80%,#d9e7cf)}.finish-rose{--paper:#f9e7e5;--ink:#773e49;--paper-muted:#905c66;background:linear-gradient(125deg,#efcbcc,#d6a1ac 30%,#f5dcd9 60%,#dcb0b5 80%,#f1cbc1)}.message-eyebrow{letter-spacing:.1em;overflow-wrap:anywhere;width:100%;color:var(--paper-muted);flex-shrink:0;font-size:2.1cqw;line-height:1.5}.occasion-symbol{width:8cqw;height:8cqw;color:var(--ink);flex-shrink:0;margin-top:2%;margin-bottom:1%;display:flex}.occasion-symbol .occasion-icon{width:100%;height:100%}.is-revealed .occasion-symbol .occasion-icon{animation:.6s cubic-bezier(.2,.75,.25,1) both occasion-reveal}.message-content{scrollbar-width:thin;scrollbar-color:var(--paper-muted) transparent;overscroll-behavior:contain;flex:1;width:100%;min-height:0;padding:1% 4%;overflow:auto}.message-to{overflow-wrap:anywhere;margin-bottom:2%;font-size:2.8cqw;font-weight:500}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Instrument Serif,Georgia,serif;font-size:5.8cqw;font-style:italic;line-height:1.18}.message-text:has(+*){margin-bottom:1em}.message-signature{letter-spacing:.2em;color:var(--paper-muted);padding-top:4%;font-size:1.7cqw}.is-revealed .message-content{animation:.75s cubic-bezier(.2,.7,.2,1) both message-arrive}.scratch-toolbar{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:12px;min-height:44px;margin-top:12px;padding-inline:2px;display:grid}.scratch-hint{min-width:0;color:var(--muted);align-items:center;gap:7px;font-size:10px;line-height:1.5;display:flex}.scratch-hint>span{min-width:0}.scratch-hint svg{flex-shrink:0}.scratch-toolbar .scratch-action{white-space:nowrap;justify-self:end;gap:6px;min-height:44px;padding:10px 8px;line-height:1.5}.foil-fallback{border-radius:inherit;color:var(--ink);background:inherit;flex-direction:column;justify-content:center;align-items:center;gap:15px;font:italic 38px Instrument Serif,serif;display:flex;position:absolute;inset:0}.foil-fallback span{font:12px DM Sans,sans-serif}.celebration{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:visible}.celebration i{background:var(--ink);width:5px;height:5px;animation:sparkle 1s var(--delay) cubic-bezier(.15,.55,.3,1) both;border-radius:1px;position:absolute;top:45%;left:50%}.celebration i:nth-child(3n){background:#bd97d9;width:4px;height:8px}.celebration i:nth-child(2n){background:#d3b77d;border-radius:50%}.studio-section{border-block:1px solid var(--line-soft);background:var(--surface);padding:75px 0 76px;scroll-margin-top:0}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:44px;display:flex}.section-number{color:var(--accent);margin-right:2px}.section-heading h2{letter-spacing:-1.8px;margin-top:19px;font-size:46px;line-height:1.13}.section-heading h2 em{color:var(--accent);font-size:1.16em}.section-heading>p{color:var(--muted);padding-bottom:5px;font-size:12px;line-height:1.8}.studio-layout{grid-template-columns:1fr 1fr;gap:58px;display:grid}.editor-panel{min-width:0}.creator-fields{margin:0}.field-group{margin-bottom:24px;position:relative}.field-label{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.field-label>span{letter-spacing:1px;color:var(--subtle);font-size:8px}.field-label>svg{color:var(--muted)}input,textarea{background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:8px;outline:none;width:100%;padding:14px 15px;font-size:13px;line-height:1.6}textarea{resize:vertical;min-height:134px;max-height:330px;display:block}input:hover,textarea:hover{border-color:var(--subtle)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--subtle);opacity:1}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error)}.field-counter{text-align:right;color:var(--subtle);font-variant-numeric:tabular-nums;margin-top:6px;font-size:9px;display:block}.invalid{color:var(--error)}fieldset{border:0;min-width:0;margin:0 0 27px;padding:0}legend{margin-bottom:12px;padding:0;font-size:12px}legend>span{color:var(--subtle);margin-left:4px;font-size:10px}.occasion-options{flex-wrap:wrap;gap:7px;display:flex}.occasion-support{color:var(--muted);margin:-5px 0 12px;font-size:10px;line-height:1.6}.occasion-note{color:var(--subtle);margin-top:10px;font-size:9px;line-height:1.7}.occasion-note>span{color:var(--muted)}.occasion-option{border:1px solid var(--line);background:var(--field);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:9px 11px;font-size:10px;display:inline-flex;position:relative}.occasion-option .occasion-icon{flex-shrink:0;width:14px;height:14px;transition:transform .28s}.occasion-option:hover .occasion-icon{transform:rotate(-8deg)scale(1.08)}.occasion-option.selected .occasion-icon{animation:.38s cubic-bezier(.2,.8,.3,1.15) occasion-select}.occasion-option:hover{border-color:var(--muted);background:var(--hover);transform:translateY(-1px)}.occasion-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.occasion-option:active,.finish-option:active{transform:scale(.96)}.occasion-option input,.finish-option input{opacity:0;width:1px;height:1px;padding:0;position:absolute}label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.custom-occasion-reveal{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .25s;display:grid}.custom-occasion-reveal.is-open{opacity:1;grid-template-rows:1fr}.custom-occasion-clip{min-height:0;overflow:hidden}.custom-occasion-field{padding:16px 3px 3px}.custom-occasion-field .field-label .occasion-icon{color:var(--muted);width:14px;height:14px}.finish-options{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.finish-option{cursor:pointer;color:var(--muted);border-radius:7px;flex-direction:column;align-items:flex-start;gap:9px;font-size:10px;display:flex;position:relative}.finish-swatch{border-radius:8px;justify-content:center;align-items:center;width:100%;height:65px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff25}.swatch-star{color:var(--ink);opacity:.75;font-size:23px}.swatch-check{color:#fff;opacity:0;background:#19151f;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;transition:opacity .2s,transform .3s;display:flex;position:absolute;top:6px;right:6px;transform:scale(.6)}.finish-option.selected .swatch-check{opacity:1;transform:scale(1)}.finish-option.selected{color:var(--text)}.finish-option.selected .finish-swatch{outline:1px solid var(--accent);outline-offset:3px}.finish-option:hover .finish-swatch{transform:translateY(-3px)}.finish-swatch{transition:transform .25s,outline-color .25s}.create-button{justify-content:space-between;width:100%;margin-top:0}.privacy-note{color:var(--subtle);align-items:flex-start;gap:8px;margin-top:14px;font-size:9px;line-height:1.75;display:flex}.privacy-note svg{flex-shrink:0;margin-top:2px}.privacy-note strong{font-weight:500}.form-error{color:var(--error);margin-bottom:14px;font-size:12px;line-height:1.6}.preview-panel{background:var(--field);border:1px solid var(--line);border-radius:14px;align-self:start;min-width:0;padding:25px 28px 24px;position:sticky;top:30px}.preview-heading{color:var(--subtle);letter-spacing:1.35px;justify-content:space-between;align-items:center;font-size:8px;display:flex}.preview-heading>span:first-child{align-items:center;gap:7px;display:flex}.live-dot{background:var(--accent);width:4px;height:4px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.preview-stage{padding:53px 0 20px}.preview-stage .scratch-card{animation:.42s cubic-bezier(.2,.7,.2,1) card-select}.preview-stage .scratch-hint{font-size:9px}.preview-stage .scratch-toolbar .button{gap:4px;font-size:9px}.preview-caption{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding-top:19px;display:flex}.finish-caption{font-size:13px}.preview-caption p{color:var(--subtle);margin-top:4px;font-size:10px;line-height:1.8}.preview-caption>svg{color:var(--muted)}.preview-footnote{color:var(--subtle);text-align:center;padding:41px 0 8px;font-family:Instrument Serif,Georgia,serif;font-size:18px;font-style:italic}.success-panel{padding-top:2px;animation:.45s both fade-up}.success-symbol{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.success-panel h3{letter-spacing:-1.6px;margin:18px 0;font-size:50px;line-height:1.05}.success-panel h3 em{color:var(--accent);font-size:1.12em}.success-panel>p:not(.privacy-note){color:var(--muted);max-width:340px;font-size:13px;line-height:1.8}.share-label{color:var(--muted);letter-spacing:1.3px;margin:27px 0 9px;font-size:8px;display:block}.share-link-field{position:relative}.share-link-field input{font-size:11px}.short-share-link>svg{color:var(--muted);position:absolute;top:17px;left:14px}.short-share-link input{text-overflow:ellipsis;padding-left:40px}.loading-dot{vertical-align:middle;border:1.5px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;margin-left:8px;animation:.85s linear infinite loading-turn;display:inline-block}.retry-surprise{margin:0 10px 12px 0}.full-link-details{margin-top:26px}.full-link-details summary{background:var(--field);border:1px solid var(--line);cursor:pointer;border-radius:8px;grid-template-columns:16px minmax(0,1fr) max-content;align-items:center;gap:10px;min-height:52px;padding:12px 13px;list-style:none;display:grid}.full-link-details summary::-webkit-details-marker{display:none}.full-link-details summary:hover{border-color:var(--muted)}.full-link-details summary>svg{color:var(--accent)}.compact-share-link{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.fragment-ellipsis{color:var(--subtle)}.full-link-toggle{align-items:center;gap:4px;font-size:10px;display:inline-flex}.full-link-toggle svg{transition:transform .25s}.full-link-details[open] .full-link-toggle svg{transform:rotate(90deg)}.full-link-content{padding-top:1px;animation:.22s fade-up}.full-link-content .share-label{margin-top:15px}.share-actions{grid-template-columns:minmax(0,1fr);gap:10px;margin:13px 0;display:grid}.share-actions.has-native-share{grid-template-columns:minmax(0,1fr) auto}.share-actions .primary{white-space:nowrap;gap:9px;min-width:0;padding-inline:16px;font-size:12px}.share-actions .secondary{gap:8px;padding-inline:16px}.copied{background:var(--accent);color:var(--accent-ink)}.copied>svg:first-child{animation:.35s cubic-bezier(.2,.8,.3,1.25) both check-arrive}.open-surprise{min-height:44px;color:var(--muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.open-surprise:hover{color:var(--text)}.success-divider{background:var(--line);height:1px;margin:13px 0}.reset-button{float:right}.how-section{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:24px;padding-block:57px 62px;display:grid}.how-intro>svg{width:21px;height:21px;color:var(--accent);margin-bottom:13px}.how-intro h2{letter-spacing:-.2px;font-size:15px;line-height:1.55}.how-step{gap:12px;padding-top:4px;display:flex}.how-step>span{color:var(--accent);font-family:Instrument Serif,Georgia,serif;font-size:22px;font-style:italic;line-height:1}.how-step h3{margin:4px 0 9px;font-size:12px}.how-step p{color:var(--muted);font-size:10px;line-height:1.8}.site-footer{border-top:1px solid var(--line-soft);min-height:109px;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-between;align-items:center;display:flex}.site-footer .wordmark{gap:8px;font-size:22px}.site-footer .wordmark svg{width:21px;height:21px}.site-footer .logo-period{margin-left:-8px}.site-footer>span{color:var(--subtle);font-size:10px}.footer-love{align-items:center;gap:9px;display:flex}.footer-love svg{color:var(--accent)}.recipient-section{text-align:center;max-width:830px;padding-top:64px;padding-bottom:64px}.recipient-section>.eyebrow{color:var(--muted);justify-content:center}.recipient-section>.eyebrow svg{color:var(--accent)}.recipient-section h1{letter-spacing:-2.5px;overflow-wrap:anywhere;margin:24px 0 20px;font-size:clamp(42px,5.5vw,68px);line-height:1.1}.recipient-section h1 em{color:var(--accent);font-size:1.17em}.recipient-description{color:var(--muted);font-size:13px;line-height:1.8}.recipient-card-wrap{max-width:570px;margin:43px auto 0;animation:.7s both fade-up}.recipient-card-wrap .scratch-card{aspect-ratio:1.5}.recipient-create{border-top:1px solid var(--line-soft);flex-direction:column;align-items:center;gap:17px;margin:35px auto 0;padding:28px 0 0;display:flex}.recipient-create>span{color:var(--subtle);font-size:11px}.error-section{text-align:center;padding-top:85px;padding-bottom:110px}.error-icon{border:1px solid var(--line);width:70px;height:70px;color:var(--accent);border-radius:22px;justify-content:center;align-items:center;margin:auto auto 24px;display:flex}.error-section .eyebrow{justify-content:center}.error-section h1{letter-spacing:-2px;margin:21px 0;font-size:clamp(42px,6vw,70px);line-height:1.05}.error-section h1 em{color:var(--accent)}.error-section p{color:var(--muted);max-width:400px;margin:0 auto 30px;font-size:13px;line-height:1.8}.toast{left:50%;bottom:max(25px, env(safe-area-inset-bottom));z-index:50;background:var(--surface-raised);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:11px;width:max-content;max-width:min(520px,100% - 32px);padding:14px 16px;font-size:12px;line-height:1.5;animation:.25s both toast-arrive;display:flex;position:fixed;transform:translate(-50%)}.toast>svg{color:var(--accent);flex-shrink:0}.toast button{min-width:32px;min-height:32px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;margin:-7px -7px -7px 3px;padding:4px;display:flex}.how-dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:20px;width:min(520px,100% - 32px);max-height:min(90dvh,850px);padding:0;overflow:auto;box-shadow:0 30px 100px #0007}.how-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0009}.how-dialog[open]{animation:.3s both fade-up}.dialog-content{padding:36px;position:relative}.dialog-close{width:44px;min-height:44px;padding:10px;position:absolute;top:14px;right:15px}.dialog-close:hover{background:var(--hover)}.dialog-content>svg{color:var(--accent);margin-bottom:25px}.dialog-content h2{letter-spacing:-1.5px;margin:15px 0 26px;font-size:41px;line-height:1.1}.dialog-content h2 em{color:var(--accent);font-size:1.12em}.dialog-content ol{gap:23px;margin:0;padding:0;list-style:none;display:grid}.dialog-content li{gap:13px;display:flex}.dialog-content li>span{border:1px solid var(--line);width:37px;height:37px;color:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dialog-content h3{margin-bottom:6px;font-size:13px}.dialog-content li p{color:var(--muted);font-size:12px;line-height:1.7}.dialog-privacy{color:var(--muted);border-top:1px solid var(--line);align-items:flex-start;gap:10px;margin:25px 0;padding-top:18px;font-size:10px;line-height:1.7;display:flex}.dialog-privacy svg{flex-shrink:0;margin-top:2px}.dialog-content>.primary{width:100%}.enter{animation:.75s cubic-bezier(.2,.65,.25,1) both fade-up}.delay-one{animation-delay:80ms}.delay-two{animation-delay:.16s}.delay-three{animation-delay:.24s}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes message-arrive{0%{opacity:.2;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-select{0%{opacity:.65;transform:translateY(7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sparkle{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.5)}18%{opacity:.8}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--travel) * -1)) rotate(180deg) scale(.3)}}@keyframes toast-arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes check-arrive{0%{opacity:0;transform:scale(.5)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes loading-turn{to{transform:rotate(360deg)}}@keyframes occasion-select{0%{transform:scale(.8)rotate(-12deg)}65%{transform:scale(1.12)rotate(5deg)}to{transform:scale(1)rotate(0)}}@keyframes occasion-reveal{0%{opacity:.2;transform:scale(.8)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width>=1450px){.hero{padding-top:110px}.hero-art{padding-top:50px}.hero-bottom{margin-top:100px}}@media (width<=1100px){.shell{width:calc(100% - 72px)}.hero{gap:25px;padding-top:65px}.hero h1{letter-spacing:-3.8px;font-size:clamp(54px,6.8vw,68px)}.hero h1 em{letter-spacing:-2.6px}.hero-art{padding-top:60px}.hero-art-top{padding-inline:12px;font-size:7px}.hero-art-bottom{margin-top:35px}.hero-card-wrap{margin-left:5px;margin-right:0}.headline-spark{margin-left:8px;font-size:33px}.studio-layout{gap:35px}.preview-panel{padding:22px}.preview-stage{padding-top:45px}.occasion-option{padding-inline:9px;font-size:9px}.how-section{grid-template-columns:1.15fr 1fr 1fr 1fr;gap:15px}.how-step{gap:8px}.how-step h3{font-size:11px}.how-step p{font-size:9px}.hero-bottom .edition{display:none}}@media (width<=800px){.shell{width:calc(100% - 48px)}.site-header{height:88px}.site-header nav{gap:15px}.wordmark{font-size:26px}.how-link{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero h1{margin:23px 0;font-size:clamp(64px,10vw,82px);line-height:1.02}.hero-copy{padding-right:0}.hero-description{font-size:14px}.hero-art{width:min(540px,100% - 20px);margin:0 auto;padding-top:34px}.hero-art-top{padding:0 6px 17px;font-size:8px}.hero-card-wrap{margin:15px 0 0}.hero-card-wrap .scratch-card{transform:rotate(-5deg)}.hero-card-wrap:hover .scratch-card{transform:rotate(-3deg)}.hero-art-bottom{margin-top:24px}.hero-bottom{margin-top:14px;padding:24px 0}.studio-section{padding:52px 0}.section-heading{gap:20px;margin-bottom:32px}.section-heading h2{font-size:39px}.section-heading>p{font-size:10px}.studio-layout{grid-template-columns:1fr;gap:32px}.editor-panel{width:100%;max-width:600px;margin:auto}.preview-panel{width:100%;max-width:600px;margin:auto;padding:24px;position:static}.preview-stage{padding-top:32px}.preview-footnote{padding-top:25px}.occasion-option{padding-inline:12px;font-size:11px}.finish-swatch{height:75px}.finish-option{font-size:11px}.how-section{grid-template-columns:1fr 1fr;gap:32px 20px;padding-block:42px}.how-step{gap:12px}.how-step h3{font-size:12px}.how-step p{font-size:11px}.footer-love{display:none!important}.recipient-section{padding-top:50px}.recipient-card-wrap{max-width:550px}}@media (width<=480px){.shell{width:calc(100% - 40px)}.site-header{height:80px}.site-header nav{gap:10px}.wordmark{gap:8px;font-size:25px}.wordmark svg{width:24px;height:24px}.logo-period{margin-left:-8px}.theme-toggle{width:44px;min-height:44px;padding:9px}.theme-label{display:none}.header-create{gap:8px;padding-inline:11px;font-size:10px}.hero{padding-top:39px}.hero .eyebrow{letter-spacing:1.3px;gap:7px;font-size:7.5px}.hero h1{letter-spacing:-3.4px;font-size:clamp(48px,15.5vw,72px)}.hero h1 em{letter-spacing:-2px}.headline-spark{display:none}.hero-description{font-size:13px;line-height:1.85}.hero-actions{gap:17px;margin-top:24px}.hero-actions .primary{padding-inline:20px;font-size:12px}.hero-art{width:calc(100% - 10px);padding-top:32px}.hero-art-top{letter-spacing:1.4px;font-size:7px}.hero-art-bottom{margin-top:15px}.handwritten{font-size:18px}.hero-art-bottom svg{width:37px;height:34px}.hero-bottom{letter-spacing:.85px;gap:8px;margin-top:2px;padding-block:21px;font-size:6.5px}.hero-bottom a{gap:6px;font-size:9px}.scratch-card{border-radius:14px}.scratch-hint{font-size:8px}.scratch-toolbar{gap:10px;margin-top:9px}.scratch-toolbar .button{font-size:9px}.section-heading{display:block}.section-heading h2{margin-top:15px;font-size:38px}.section-heading>p{margin-top:19px;font-size:11px}.studio-section .eyebrow{font-size:8px}input,textarea{padding:12px 13px;font-size:16px}input::placeholder,textarea::placeholder{font-size:13px}.field-label,legend{font-size:12px}.occasion-option{min-height:44px;padding:9px 10px;font-size:10px}.finish-options{gap:10px}.finish-swatch{height:59px}.finish-option,.privacy-note{font-size:9px}.preview-panel{border-radius:12px;padding:18px}.preview-heading{font-size:7px}.preview-stage{padding-top:30px;padding-bottom:13px}.preview-stage .scratch-hint,.preview-stage .scratch-toolbar .button{font-size:8px}.preview-caption{padding-top:16px}.preview-caption p{font-size:9px}.preview-footnote{font-size:16px}.how-section{grid-template-columns:1fr;gap:28px}.how-intro{align-items:center;gap:16px;display:flex}.how-intro>svg{width:26px;height:26px;margin:0}.how-intro h2{font-size:17px}.how-step{gap:20px}.how-step>span{width:23px;font-size:26px}.how-step h3{margin-top:2px;font-size:13px}.how-step p{font-size:12px}.how-step p br{display:none}.site-footer{gap:12px;min-height:90px}.site-footer>span{font-size:8px}.site-footer .wordmark{font-size:21px}.recipient-section{padding-top:44px;padding-bottom:45px}.recipient-section>.eyebrow{letter-spacing:1.4px;font-size:7px}.recipient-section h1{letter-spacing:-1.7px;font-size:44px}.recipient-description{font-size:11px}.recipient-description br{display:none}.recipient-card-wrap{margin-top:33px}.recipient-card-wrap .scratch-card{aspect-ratio:1.3}.recipient-card-wrap .scratch-hint{font-size:8px}.recipient-create>span{font-size:10px}.recipient-create .secondary{font-size:12px}.dialog-content{padding:28px 24px}.dialog-content h2{font-size:37px}.dialog-content .eyebrow{font-size:7px}.share-link-field input{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}html{scroll-behavior:auto}.hero-card-wrap .scratch-card,.hero-card-wrap:hover .scratch-card{transform:rotate(-4deg)}.celebration{display:none}}