:root{--ink:#3f374b;--muted:#7b7483;--line:#ddd6e3;--paper:#fffef9;--yellow:#fff2a8;--lavender:#b7a3e5;--purple:#8069bd;--purple-dark:#493c62;--coral:#ed7569;--pink:#f1b4c6;--mint:#b9e7d0;--shadow:0 14px 36px #493c621a}*{box-sizing:border-box}html{background:#f8f6f2}body{min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font-nunito), Arial, sans-serif;letter-spacing:0;background:#f8f6f2;margin:0}button,input,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #8069bd40}button:disabled{cursor:not-allowed;opacity:.46}a{color:inherit;text-decoration:none}img{display:block}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;position:absolute;overflow:hidden;border:0!important;width:1px!important;height:1px!important;padding:0!important}.mascot{object-fit:contain;-webkit-user-select:none;user-select:none}.site-shell{min-height:100vh}.site-header{z-index:50;border-bottom:1px solid var(--line);background:#fffef9f5;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.site-brand{color:var(--purple-dark);align-items:baseline;gap:8px;font-size:23px;font-weight:1000;display:flex}.site-brand small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:900}.site-header nav{gap:5px;display:flex}.site-header nav a{height:39px;color:var(--muted);border-radius:6px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:900;display:flex}.site-header nav a:hover,.site-header nav a.active{color:var(--purple-dark);background:#eee9f6}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--purple-dark);cursor:pointer;background:#fff;border-radius:6px;flex:0 0 38px;place-items:center;padding:0;display:grid}.icon-button:hover{background:#f1edf7}.primary-button,.secondary-button,.primary-link,.secondary-link{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:0 18px;font-size:13px;font-weight:1000;display:inline-flex}.primary-button,.primary-link{border:1px solid var(--purple);background:var(--purple);color:#fff}.secondary-button,.secondary-link{border:1px solid var(--line);color:var(--purple-dark);background:#fff}.primary-button:hover,.primary-link:hover{background:#6d57ac}.secondary-button:hover,.secondary-link:hover{background:#f4f1f7}.form-error{color:#9d3f38;background:#fff1f0;border:1px solid #eeb4b0;border-radius:6px;margin:15px 0 0;padding:11px 13px;font-size:12px;font-weight:800}.creator-layout{grid-template-columns:205px minmax(420px,1fr) 330px;min-height:calc(100vh - 64px);display:grid}.creator-steps{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;gap:6px;height:calc(100vh - 64px);padding:22px 15px;display:flex;position:sticky;top:64px}.step-mascot{border-bottom:1px solid var(--line);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:14px;padding:0 7px 18px;display:grid}.step-mascot .mascot{width:54px;height:66px}.step-mascot>div{flex-direction:column;min-width:0;display:flex}.step-mascot strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.step-mascot span,.creator-steps>small{color:var(--muted);font-size:9px}.creator-steps>button{height:49px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:12px;font-weight:900;display:flex}.creator-steps>button>span{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.creator-steps>button.active{color:var(--purple-dark);background:#eee9f6}.creator-steps>button.active>span{border-color:var(--purple);background:var(--purple);color:#fff}.creator-steps>button.done>span{color:#347961;background:#e3f3ec;border-color:#7eb69f}.creator-steps>small{border-top:1px solid var(--line);margin-top:auto;padding:12px 8px 0;line-height:1.5}.creator-workspace{background-color:#fbf7de;background-image:repeating-linear-gradient(90deg,#fff9 0 14px,#0000 14px 29px);min-width:0;padding:38px clamp(24px,4vw,58px) 32px}.workspace-title{max-width:760px;margin:0 auto 26px}.workspace-title span{color:var(--purple);text-transform:uppercase;font-size:10px;font-weight:1000}.workspace-title h1{color:var(--purple-dark);margin:5px 0 0;font-size:31px;line-height:1.16}.template-grid,.form-stack,.publish-stage{width:min(100%,760px);margin:0 auto}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.template-grid>button{min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:2px solid #493c6224;border-radius:8px;flex-direction:column;align-items:flex-start;padding:11px 11px 15px;display:flex;position:relative}.template-grid>button:hover,.template-grid>button.selected{border-color:var(--purple)}.template-grid>button>svg{color:var(--purple);position:absolute;top:17px;right:17px}.template-grid strong{color:var(--purple-dark);margin:12px 4px 2px;font-size:15px}.template-grid small{color:var(--muted);margin:0 4px;font-size:10px;line-height:1.45}.template-swatch{border-radius:5px;width:100%;height:155px;position:relative;overflow:hidden}.template-swatch:before{content:"";background-image:repeating-linear-gradient(90deg,#ffffff85 0 10px,#0000 10px 21px);position:absolute;inset:0}.template-swatch img{z-index:2;object-fit:contain;width:135px;height:148px;position:absolute;bottom:-11px;right:12px}.template-swatch i{z-index:2;border-radius:6px;width:76px;height:9px;position:absolute;bottom:24px;left:22px;box-shadow:0 -21px #ffffffc2}.form-stack{flex-direction:column;gap:17px;display:flex}.form-stack label,.field-grid label{flex-direction:column;gap:7px;min-width:0;display:flex}.form-stack label>span,.field-grid label>span{color:var(--purple-dark);font-size:11px;font-weight:1000}.form-stack label>small,.field-grid label>small{color:var(--muted);font-size:9px}.form-stack input,.form-stack textarea,.field-grid input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:6px}.form-stack input,.field-grid input{height:45px;padding:0 13px}.form-stack textarea{resize:vertical;min-height:92px;padding:12px 13px;line-height:1.65}.form-stack input:focus,.form-stack textarea:focus,.field-grid input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #8069bd21}.resume-banner{background:linear-gradient(135deg,#b7a3e524,#fff2a838);border:1px solid #8069bd52;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.resume-banner-copy{color:var(--purple-dark);align-items:flex-start;gap:10px;display:flex}.resume-banner-copy>svg{color:var(--purple);flex:none;margin-top:2px}.resume-banner-copy strong{color:var(--purple-dark);font-size:13px;font-weight:900;display:block}.resume-banner-copy small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.5;display:block}.resume-banner-form{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.resume-banner-form input{border:1px solid var(--line);min-width:0;height:40px;color:var(--ink);background:#fff;border-radius:8px;flex:180px;padding:0 12px;font-size:16px}.resume-banner-form input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #8069bd21}.resume-banner-primary,.resume-banner-dismiss{cursor:pointer;border-radius:8px;align-items:center;gap:6px;height:40px;padding:0 14px;font-size:12px;font-weight:900;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.resume-banner-primary{border:1px solid var(--purple);background:var(--purple);color:#fff}.resume-banner-primary:disabled{opacity:.55;cursor:not-allowed}.resume-banner-primary:not(:disabled):hover{background:var(--purple-dark);border-color:var(--purple-dark)}.resume-banner-dismiss{color:var(--muted);background:0 0;border:1px solid #0000}.resume-banner-dismiss:not(:disabled):hover{color:var(--purple-dark)}.resume-banner-done{color:var(--purple-dark);background:#b9e7d059;border-color:#589c8066;flex-direction:row;align-items:center;gap:10px;font-size:12px;font-weight:700}.resume-banner-done>svg{color:#3b8f6c;flex:none}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.mascot-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mascot-picker>button{border:1px solid var(--line);min-width:0;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;grid-template-rows:58px minmax(0,1fr);align-content:start;justify-items:center;gap:6px;padding:10px 6px 12px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative}.mascot-picker>button:hover,.mascot-picker>button.selected{border-color:var(--card-accent,var(--purple));background:color-mix(in srgb, var(--card-bg,#fff4ad) 24%, #fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--card-accent,var(--purple)) 12%, transparent)}.mascot-picker img{object-fit:contain;pointer-events:none;width:46px;height:58px}.mascot-picker span{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.mascot-picker strong{font-size:12px}.mascot-picker small{color:var(--muted);text-wrap:balance;font-size:9px;line-height:1.35}.mascot-picker svg{color:var(--card-accent,var(--purple));position:absolute;top:6px;right:6px}.input-with-icon{position:relative}.input-with-icon svg{color:var(--purple);pointer-events:none;position:absolute;top:13px;left:13px}.input-with-icon input{padding-left:42px}.upload-panel,.published-panel,.publish-checklist{border:1px solid var(--line);background:#ffffffeb;border-radius:8px}.upload-panel{padding:14px}.upload-panel>header{justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-bottom:12px;display:flex}.upload-panel>header>div{flex-direction:column;display:flex}.upload-panel>header strong{font-size:12px}.upload-panel>header small{color:var(--muted);font-size:9px}.upload-panel>header button{border:1px solid var(--line);min-height:36px;color:var(--purple-dark);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:900;display:inline-flex}.empty-upload{width:100%;min-height:155px;color:var(--purple);cursor:pointer;background:#fbf9fd;border:1px dashed #bcb1c7;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.empty-upload strong{color:var(--purple-dark);font-size:12px}.empty-upload span{color:var(--muted);font-size:9px}.photo-editor{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:96px;gap:9px;display:grid}.photo-editor>div{background:#eee;border-radius:5px;height:100%;position:relative;overflow:hidden}.photo-editor>div:first-child{grid-area:span 2/span 2}.photo-editor img{object-fit:cover;width:100%;height:100%}.photo-editor .icon-button{color:#a34742;background:#ffffffeb;border-color:#fffc;flex-basis:30px;width:30px;height:30px;position:absolute;top:6px;right:6px}.publish-stage{grid-template-columns:minmax(260px,1fr) minmax(260px,.85fr);align-items:start;gap:20px;display:grid}.publish-preview{flex-direction:column;gap:12px;display:flex;position:sticky;top:90px}.publish-scene-tabs{border:1px solid var(--line);background:#ffffffb3;border-radius:8px;gap:4px;padding:4px;display:flex;overflow-x:auto}.publish-scene-tabs>button{min-width:70px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:1 0 auto;padding:7px 10px;font-size:10px;font-weight:800}.publish-scene-tabs>button.active{color:var(--purple-dark);background:#fff;box-shadow:0 1px 3px #0000000f}.publish-preview-note{color:var(--muted);text-align:center;font-size:9px;line-height:1.5}.publish-side{flex-direction:column;gap:14px;display:flex}.publish-summary,.publish-checklist,.publish-checkout,.published-panel{border:1px solid var(--line);background:#fffffff0;border-radius:10px;flex-direction:column;gap:11px;padding:18px;display:flex}.publish-missing{background:#fff5dcd9;border:1px solid #b8811a66;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.publish-missing-head{color:#8a5f10;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.publish-missing>ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.publish-missing>ul>li{color:var(--purple-dark);background:#ffffffb3;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:10px;font-weight:700;display:flex}.publish-missing>ul>li>button{border:1px solid var(--purple-dark);min-height:24px;color:var(--purple-dark);cursor:pointer;background:#fff;border-radius:5px;padding:0 9px;font-size:9px;font-weight:900}.publish-missing>ul>li>button:hover{background:var(--purple-dark);color:#fff}.publish-invoice{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 8px 22px #2d1e4614}.publish-invoice.minimal{text-align:center;align-items:center;gap:10px;padding:22px 20px}.publish-invoice.minimal .publish-step-tag{margin-bottom:6px}.publish-invoice-title{color:#24222f;margin:0;font-size:16px;font-weight:800}.publish-invoice-sub{color:#6a6580;margin:0 0 6px;font-size:12px}.publish-invoice-price{align-items:baseline;gap:10px;padding:6px 0 2px;display:inline-flex}.publish-invoice-price>strong{color:#24222f;letter-spacing:-.02em;font-size:34px;font-weight:900}.publish-invoice-strike{color:#a89fb8;font-size:14px;font-weight:600;text-decoration:line-through}.publish-invoice.minimal .publish-invoice-pay{width:100%;margin-top:4px}.publish-invoice.minimal .publish-invoice-note{color:#6a6580;font-size:11px}.publish-invoice>header{border-bottom:1px solid #493c621a;justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:10px;display:flex}.publish-invoice>header>div:first-child{flex-direction:column;gap:1px;display:flex}.publish-invoice>header small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:9px}.publish-invoice>header strong{color:var(--purple-dark);font-size:16px}.publish-invoice-provider{color:var(--purple-dark);letter-spacing:.02em;background:#8069bd21;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:900;display:inline-flex}.publish-invoice-line{justify-content:space-between;align-items:flex-start;gap:10px;padding:2px 0;display:flex}.publish-invoice-line>div{flex-direction:column;gap:2px;min-width:0;display:flex}.publish-invoice-line strong{color:var(--purple-dark);font-size:12px}.publish-invoice-line small{color:var(--muted);font-size:9px}.publish-invoice-line>span{color:var(--purple-dark);white-space:nowrap;font-size:13px;font-weight:900}.publish-invoice-total{background:linear-gradient(135deg,#f4f0fa,#ecebfa);border-radius:8px;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;display:flex}.publish-invoice-total>span{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:700}.publish-invoice-total>strong{color:var(--purple-dark);font-size:20px;font-weight:900}.publish-invoice-banks{flex-direction:column;gap:6px;display:flex}.publish-invoice-banks>small{color:var(--muted);font-size:9px}.publish-invoice-banks>div{flex-wrap:wrap;gap:5px;display:flex}.publish-invoice-banks span{border:1px solid var(--line);color:var(--purple-dark);background:#ffffffb3;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:9px;font-weight:800;display:inline-flex}.publish-invoice-pay{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a4a94,#7160b0);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 6px 16px #5a4a9459}.publish-invoice-pay:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #5a4a946b}.publish-invoice-pay:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.publish-invoice-pay .spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.publish-invoice-note{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:5px;font-size:9px;display:inline-flex}.publish-summary>strong,.publish-checklist>strong,.published-panel strong{color:var(--purple-dark);letter-spacing:.02em;font-size:13px}.publish-summary>dl{grid-template-columns:82px minmax(0,1fr);gap:6px 10px;margin:0;display:grid}.publish-summary>dl>div{display:contents}.publish-summary>dl dt{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;padding-top:2px;font-size:9px;font-weight:700}.publish-summary>dl dd{color:var(--purple-dark);word-break:break-word;margin:0;font-size:11px;font-weight:700}.publish-summary>dl dd>small{color:var(--muted);font-weight:500}.publish-summary>dl dd>em{color:#b03a3a;font-style:normal;font-weight:700}.publish-checklist>ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.publish-checklist>ul>li{background:#493c6208;border:1px solid #493c621a;border-radius:7px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;display:grid}.publish-checklist>ul>li.ready{background:#34796114;border-color:#34796140}.publish-checklist>ul>li.missing{background:#b8811a14;border-color:#b8811a47}.publish-checklist .check-icon{background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.publish-checklist>ul>li.ready .check-icon{color:#347961}.publish-checklist>ul>li.missing .check-icon{color:#b8811a}.publish-checklist .check-body{flex-direction:column;gap:1px;min-width:0;display:flex}.publish-checklist .check-body>strong{color:var(--purple-dark);font-size:11px}.publish-checklist .check-body>small{color:var(--muted);font-size:9px}.publish-checklist .check-fix{border:1px solid var(--purple-dark);min-height:26px;color:var(--purple-dark);cursor:pointer;background:#fff;border-radius:5px;padding:0 10px;font-size:9px;font-weight:900}.publish-checklist .check-fix:hover{background:var(--purple-dark);color:#fff}.publish-checkout .primary-button{width:100%}.checkout-email{display:block}.card-preview.scene-countdown,.card-preview.scene-photos,.card-preview.scene-letter,.card-preview.scene-music,.card-preview.scene-finale{min-height:320px}.preview-photo-gallery{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:260px;margin-top:4px;display:grid}.preview-photo-gallery img{aspect-ratio:1;object-fit:cover;border:2px solid #ffffffa6;border-radius:6px;width:100%}.preview-scene-body.photos>.mascot{width:80px;height:90px}.preview-scene-body{text-align:center;color:var(--card-text,#493c62);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.preview-scene-body>small{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:10px;font-weight:800}.preview-scene-body>h2{margin:0;font-size:22px;line-height:1.2}.preview-scene-body>.mascot{width:120px;height:130px;margin-top:4px}.preview-scene-body.letter>h2{font-size:16px}.preview-letter{text-align:left;white-space:pre-wrap;background:#ffffff80;border-radius:6px;max-height:140px;padding:8px 10px;font-size:11px;line-height:1.55;overflow-y:auto}.preview-music-source{background:#ffffff8c;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:10px;font-weight:800;display:inline-flex}.preview-hollow{opacity:.7;background:#0000000f;border-radius:6px;padding:8px 14px;font-size:10px;font-style:italic}.checkout-email>span{color:var(--purple-dark);margin-bottom:6px;font-size:10px;font-weight:900;display:block}.checkout-email input{border:1px solid var(--line);width:100%;height:42px;color:var(--ink);background:#fff;border-radius:6px;padding:0 11px;font-size:12px}.checkout-offer{background:#f4f0fa;border:1px solid #d6cdea;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:12px;display:grid}.checkout-offer>span{color:var(--purple-dark);font-size:11px;font-weight:900}.checkout-offer>strong{grid-row:span 2;font-size:20px}.checkout-offer>small,.free-preview-note{color:var(--muted);font-size:9px;line-height:1.45}.free-preview-note{text-align:center}.published-panel>svg{color:#347961}.published-panel>div:first-of-type{flex-direction:column;display:flex}.published-panel small{color:var(--muted);font-size:9px;line-height:1.5}.share-field{border:1px solid var(--line);background:#f8f7f5;border-radius:6px;align-items:center;gap:8px;min-width:0;height:44px;padding-left:10px;display:flex}.share-field span{min-width:0;font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:9px;overflow:hidden}.share-field .icon-button{border-width:0 0 0 1px;border-radius:0 5px 5px 0}.publish-actions{flex-wrap:wrap;gap:7px;display:flex}.publish-actions>button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 9px;font-size:10px}.creator-footer{border-top:1px solid #493c621f;justify-content:space-between;width:min(100%,760px);margin:24px auto 0;padding-top:17px;display:flex}.creator-preview{border-left:1px solid var(--line);background:#fffefb;height:calc(100vh - 64px);padding:25px 21px;position:sticky;top:64px}.creator-preview>span{color:var(--muted);margin-bottom:12px;font-size:9px;font-weight:1000;display:block}.payment-page{background-color:#fbf7de;background-image:repeating-linear-gradient(90deg,#ffffff94 0 14px,#0000 14px 29px);min-height:calc(100vh - 64px);padding:38px 20px 60px}.payment-heading{text-align:center;width:min(100%,920px);margin:0 auto 23px}.payment-heading>a{color:var(--muted);align-items:center;gap:6px;margin-bottom:18px;font-size:11px;font-weight:900;display:inline-flex}.payment-heading>span{color:var(--purple);font-size:9px;font-weight:1000;display:block}.payment-heading h1{color:var(--purple-dark);margin:4px 0;font-size:31px;line-height:1.15}.payment-heading p{color:var(--muted);margin:0;font-size:12px}.payment-layout{grid-template-columns:minmax(0,1.18fr) minmax(240px,.82fr);gap:15px;width:min(100%,820px);margin:0 auto;display:grid}.payment-main,.payment-summary,.payment-success,.payment-loading,.recovery-panel{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:8px}.payment-main{min-width:0;padding:20px;overflow:hidden}.payment-total{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;margin:-20px -20px 19px;padding:15px 20px;display:flex}.payment-total>div{flex-direction:column;display:flex}.payment-total small{color:var(--muted);font-size:8px;font-weight:1000}.payment-total strong{color:var(--purple-dark);font-size:25px}.payment-total>span{color:#fff;background:#e84d68;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:1000}.qpay-qr{aspect-ratio:1;border:1px solid var(--line);color:#bbb3c4;background:#fff;border-radius:12px;place-items:center;width:min(248px,100%);margin:0 auto 12px;padding:11px;display:grid}.qpay-qr img{object-fit:contain;width:100%;height:100%}.qpay-qr-hint{max-width:260px;color:var(--muted);text-align:center;margin:0 auto 16px;font-size:11px;font-weight:800;line-height:1.5}.qpay-memo-lead{color:var(--ink);text-align:center;margin:0 0 9px;font-size:10px;font-weight:800;line-height:1.55}.qpay-memo{background:#fffdf5;border:1px dashed #d8c48a;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:11px 12px;display:flex}.qpay-memo>div{flex-direction:column;gap:2px;min-width:0;display:flex}.qpay-memo small{color:#9a854a;letter-spacing:.06em;font-size:8px;font-weight:1000}.qpay-memo strong{overflow-wrap:anywhere;color:var(--purple-dark);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:13px;font-weight:1000}.qpay-memo button{color:#fff;background:#e84d68;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;min-height:38px;padding:0 14px;font-size:10px;font-weight:1000;display:flex}.payment-state{min-height:57px;color:var(--purple);background:#f1edf7;border-radius:7px;align-items:center;gap:10px;padding:10px 12px;display:flex}.payment-state>div{flex-direction:column;min-width:0;display:flex}.payment-state strong{color:var(--purple-dark);font-size:11px}.payment-state small{color:var(--muted);font-size:9px}.inapp-notice{background:#f2f8f3;border:1px solid #d9e7dc;border-radius:8px;margin-bottom:15px;padding:12px 13px}.inapp-notice strong{color:#23412e;margin-bottom:5px;font-size:12px;font-weight:1000;line-height:1.4;display:block}.inapp-notice p{color:#3f5545;margin:0 0 10px;font-size:10px;line-height:1.55}.inapp-notice-steps{flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.inapp-notice-steps li{color:#3f5545;align-items:center;gap:7px;font-size:10px;font-weight:800;line-height:1.4;display:flex}.inapp-notice-steps span{color:#fff;background:#2f9e5e;border-radius:50%;flex-shrink:0;place-items:center;width:17px;height:17px;font-size:9px;font-weight:1000;display:grid}.inapp-notice>div{flex-wrap:wrap;gap:7px;display:flex}.inapp-notice a,.inapp-notice button{border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 13px;font-size:10px;font-weight:1000;display:flex}.inapp-notice-open{color:#fff;background:#2f9e5e}.inapp-notice button{border:1px solid var(--line);color:var(--ink);background:#fff}.qpay-checkout-button{color:#fff;background:#e84d68;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:54px;margin:0 auto 15px;padding:0 20px;font-size:13px;font-weight:1000;display:flex;box-shadow:0 6px 16px #e84d6847}.qpay-short-link{color:#c73550;border:1px solid #e84d68;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:42px;margin-top:10px;font-size:11px;font-weight:1000;display:flex}.bank-links{margin-bottom:17px}.bank-links>span{color:var(--ink);text-align:center;margin-bottom:9px;font-size:10px;font-weight:1000;display:block}.bank-links-primary{border:2px solid var(--purple);min-height:62px;color:var(--purple-dark);background:#f4f0fc;border-radius:10px;justify-content:center;align-items:center;gap:11px;margin-bottom:8px;padding:8px 14px;font-size:13px;font-weight:1000;display:flex}.bank-links-primary img{object-fit:contain;flex-shrink:0;width:33px;height:33px}.bank-links>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.bank-links-more{width:100%;min-height:38px;color:var(--purple-dark);background:#f1edf7;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:10px;font-weight:1000;display:flex}.bank-links>div a{border:1px solid var(--line);min-width:0;min-height:74px;color:var(--ink);text-align:center;background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:9px;font-weight:900;line-height:1.3;display:flex}.bank-links>div a img{object-fit:contain;width:30px;height:30px}.bank-links>div a span{-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;display:-webkit-box;overflow:hidden}.payment-summary{align-self:start;min-width:0;padding:22px 18px 18px;position:relative;overflow:hidden}.payment-summary>img{object-fit:contain;width:95px;height:111px;margin:-9px auto 2px}.payment-summary h2{color:var(--purple-dark);text-align:center;margin:0 0 13px;font-size:15px}.payment-summary ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.payment-summary li{color:var(--muted);align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.payment-summary li svg{color:#347961}.payment-progress{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:5px;margin:16px 0;padding:11px 0;display:grid}.payment-progress>span{color:#aaa3ae;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.payment-progress>span.done{color:#347961}.payment-progress>span.active{color:var(--purple)}.payment-summary>small{color:var(--muted);font-size:8px}.payment-summary>code{color:var(--purple-dark);font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.payment-summary>.primary-button{width:100%;margin-top:14px}.payment-loading{width:min(100%,480px);min-height:180px;color:var(--purple);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:0 auto;display:flex}.payment-loading strong{color:var(--purple-dark);font-size:13px}.payment-success{text-align:center;flex-direction:column;align-items:center;width:min(100%,530px);margin:0 auto;padding:31px 28px 27px;display:flex;position:relative}.payment-success>img{object-fit:contain;width:145px;height:165px;margin-top:-21px}.payment-success>svg{color:#347961}.payment-success>small{color:#347961;margin-top:9px;font-size:8px;font-weight:1000}.payment-success h2{color:var(--purple-dark);margin:3px 0;font-size:25px}.payment-success>p{color:var(--muted);margin:0 0 16px;font-size:11px}.payment-success .share-field{width:100%}.access-code-line{width:100%;color:var(--purple);background:linear-gradient(#f8f4ff,#f1edf7);border:1px dashed #8069bd59;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:14px 16px;font-size:11px;display:flex}.access-code-line>svg{color:var(--purple);flex-shrink:0}.access-code-line>span{min-width:0;color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.1em;flex-direction:column;flex:1;gap:2px;font-size:10px;font-weight:900;display:flex}.access-code-line strong{color:var(--purple-dark);font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:none;font-size:20px;font-weight:900}.access-code-line button{width:40px;height:40px;color:var(--purple-dark);cursor:pointer;background:#8069bd24;border:0;border-radius:10px;place-items:center;transition:background .12s;display:grid}.access-code-line button:hover{background:#8069bd3d}.payment-success-actions{gap:8px;margin-top:15px;display:flex}.share-copy-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1c5a26,#2a9d59);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:14px;padding:18px 22px;font-size:16px;font-weight:800;line-height:1.25;transition:transform .15s;animation:2.4s ease-in-out infinite share-cta-glow;display:inline-flex;box-shadow:0 10px 26px #1c5a2659}.share-copy-cta:active{transform:scale(.98)}.share-copy-cta.done{background:linear-gradient(135deg,#2a9d59,#3fb56b);animation:none}@keyframes share-cta-glow{0%,to{box-shadow:0 10px 26px #1c5a2659}50%{box-shadow:0 14px 36px #2a9d598c}}.share-save-note{color:#7a5710;text-align:center;background:#ffeab28c;border-radius:8px;margin:10px 0 4px;padding:8px 12px;font-size:11px;line-height:1.4}.payment-success-secondary{flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:12px;display:flex}.payment-success-secondary a,.payment-success-secondary button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:11px;font-weight:700;-webkit-text-decoration:underline #786c9c59;text-decoration:underline #786c9c59}.payment-success-secondary a:hover,.payment-success-secondary button:hover{color:var(--purple-dark);text-decoration-color:currentColor}.payment-failed{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.payment-failed>svg{color:#c4534a}.payment-failed h2{color:var(--purple-dark);margin:11px 0 3px;font-size:20px}.payment-failed p{max-width:300px;color:var(--muted);margin:0 0 16px;font-size:10px}.recovery-panel{flex-direction:column;gap:10px;width:min(100%,420px);margin:0 auto;padding:24px;display:flex}.recovery-panel>svg{color:var(--purple)}.recovery-panel h2{color:var(--purple-dark);margin:0;font-size:19px}.recovery-panel>p{color:var(--muted);margin:-5px 0 6px;font-size:10px}.recovery-panel label{flex-direction:column;gap:5px;display:flex}.recovery-panel label span{color:var(--purple-dark);font-size:9px;font-weight:900}.recovery-panel input{border:1px solid var(--line);background:#fff;border-radius:6px;height:42px;padding:0 11px}.recovery-panel>small{color:#347961;font-size:9px}.payment-error{width:min(100%,820px);margin:14px auto 0}.payment-security-note{width:min(100%,820px);color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:15px auto 0;font-size:9px;font-weight:800;display:flex}.spin{animation:.85s linear infinite spin}.card-preview{--card-accent:var(--purple);--card-bg:var(--yellow);--card-surface:var(--paper);--card-text:var(--purple-dark);aspect-ratio:4/5;background-color:var(--card-bg);width:100%;color:var(--card-text);box-shadow:var(--shadow);background-image:repeating-linear-gradient(90deg,#ffffff7a 0 11px,#0000 11px 23px);border:1px solid #493c6229;border-radius:7px;position:relative;overflow:hidden}.card-preview.compact{max-height:calc(100vh - 132px)}.preview-photos{background:#d8d8dc;border:2px solid #6b6680;border-radius:7px;height:46%;padding:9% 8% 11%;position:absolute;top:13%;left:9%;right:9%;transform:rotate(-1deg)}.preview-photos img{object-fit:cover;border:3px solid #fff;width:100%;height:100%}.preview-photos.collage{background:var(--card-surface);grid-template-columns:repeat(2,1fr);gap:4px;padding:7%;display:grid}.preview-photos.collage img{border:0;min-width:0}.preview-copy{z-index:3;text-align:right;width:58%;position:absolute;bottom:10%;right:8%}.preview-copy small{color:var(--card-accent);text-transform:uppercase;font-size:clamp(8px,1.2vw,13px);font-weight:1000}.preview-copy h2{margin:3px 0;font-size:clamp(17px,2.5vw,31px);line-height:1.04}.preview-copy p{margin:0;font-size:clamp(8px,1vw,11px);font-weight:800}.card-preview>.mascot{z-index:4;width:44%;height:47%;position:absolute;bottom:-2%;left:-8%}.paper-star{z-index:2;color:var(--card-accent);font-size:15px;position:absolute}.star-a{top:6%;left:6%}.star-b{color:#e5b92b;font-size:11px;bottom:4%;right:4%}.recipient-experience{--card-accent:var(--purple);--card-bg:var(--yellow);--card-surface:var(--paper);--card-text:var(--purple-dark);background-color:var(--card-bg);min-height:100dvh;color:var(--card-text);background-image:repeating-linear-gradient(90deg,#ffffff7a 0 14px,#0000 14px 29px);position:relative;overflow:hidden}.recipient-toolbar{z-index:40;grid-template-columns:100px minmax(150px,430px) 40px;align-items:center;gap:18px;height:65px;padding:0 23px;display:grid;position:absolute;top:0;left:0;right:0}.recipient-brand{color:var(--card-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:20px;font-weight:1000}.recipient-toolbar .icon-button{background:#ffffffb8;border-color:#493c622b}.story-progress{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.story-progress span{background:#493c6229;border-radius:4px;height:4px}.story-progress span.active{background:var(--card-accent)}.recipient-screen{z-index:2;place-items:center;width:min(100%,1080px);min-height:100dvh;margin:0 auto;padding:82px 40px 30px;display:grid;position:relative}.recipient-theme-name{color:#493c626e;text-transform:uppercase;font-size:8px;font-weight:1000;position:absolute;bottom:10px;right:14px}.recipient-state{background:var(--yellow);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:100dvh;padding:24px;display:flex}.recipient-state .mascot{width:200px;height:240px}.recipient-state h1{max-width:520px;color:var(--purple-dark);margin:0;font-size:28px}.recipient-state a{color:var(--purple);font-size:12px;font-weight:1000}.envelope-scene,.countdown-scene,.gift-scene,.music-scene,.finale-scene{text-align:center;flex-direction:column;align-items:center;width:min(100%,760px);display:flex}.envelope-scene>p,.countdown-scene>small,.gift-scene>small,.music-scene>small,.finale-scene>small{color:var(--card-accent);text-transform:uppercase;margin:0;font-size:11px;font-weight:1000}.envelope-scene h1,.countdown-scene h1,.gift-scene h1,.music-scene h1,.finale-scene h1{color:var(--card-text)}.envelope-scene h1{max-width:560px;margin:5px 0 19px;font-size:34px;line-height:1.1;animation:.6s ease-out .4s both env-fade-up}.envelope-scene>p{animation:.5s ease-out both env-fade-up}.envelope-scene .primary-button{animation:.6s ease-out .7s both env-fade-up}.envelope-scene>.mascot{width:185px;height:218px;margin-top:-48px;animation:.7s cubic-bezier(.34,1.56,.64,1) .55s both env-mascot-in;transform:translate(-150px)}.envelope-stage{perspective:900px;place-items:center;margin-top:18px;transition:transform .9s cubic-bezier(.34,1.4,.5,1),opacity .6s ease-out;animation:.95s cubic-bezier(.34,1.4,.5,1) .12s both env-drop-in;display:grid;position:relative}.envelope-sparks{pointer-events:none;z-index:5;position:absolute;inset:-34px -22px}.envelope-sparks span{background:var(--card-accent,#ff4f8b);width:9px;height:9px;color:var(--card-accent,#ff4f8b);opacity:0;border-radius:50%;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .75s ease-out;animation:2.6s ease-in-out infinite env-spark-twinkle;position:absolute;box-shadow:0 0 12px}.envelope-sparks span:first-child{animation-delay:.1s;top:6%;left:8%}.envelope-sparks span:nth-child(2){animation-delay:.55s;top:10%;right:10%}.envelope-sparks span:nth-child(3){animation-delay:1s;top:44%;left:-2%}.envelope-sparks span:nth-child(4){animation-delay:.32s;top:46%;right:-4%}.envelope-sparks span:nth-child(5){animation-delay:.78s;bottom:6%;left:14%}.envelope-sparks span:nth-child(6){animation-delay:1.2s;bottom:8%;right:12%}.envelope-sparks span:nth-child(7){width:7px;height:7px;animation-delay:.22s;top:22%;left:44%}.envelope-sparks span:nth-child(8){width:7px;height:7px;animation-delay:.9s;bottom:22%;right:46%}.envelope-sparks span:nth-child(9){animation-delay:.65s;top:-6%;left:48%}.envelope-sparks span:nth-child(10){animation-delay:1.35s;bottom:-6%;right:40%}.envelope{width:300px;height:188px;color:var(--card-accent);background:#fffaf0;border:2px solid #d4c2ad;border-radius:7px;place-items:center;transition:transform .9s cubic-bezier(.22,1,.36,1),box-shadow .6s ease-out,opacity .7s ease-out;display:grid;position:relative;box-shadow:0 16px 28px #493c621f}.envelope:before,.envelope:after{content:"";border-style:solid;width:0;height:0;position:absolute;bottom:0}.envelope:before{border-width:92px 0 0 150px;border-color:#0000 #0000 #0000 #f1e6d7;left:0}.envelope:after{border-width:92px 150px 0 0;border-color:#0000 #eee1d2 #0000 #0000;right:0}.envelope-flap{z-index:3;transform-origin:top;backface-visibility:hidden;background:#fffdf7;border:2px solid #d4c2ad;border-radius:7px 7px 50% 50%;height:105px;transition:transform .75s cubic-bezier(.76,0,.24,1);animation:3.8s ease-in-out 1.1s infinite envelope-breath;position:absolute;top:-2px;left:-2px;right:-2px}.envelope>svg,.envelope>i{z-index:4;transition:transform .75s cubic-bezier(.34,1.4,.5,1),opacity .5s ease-out;position:relative}.envelope>svg{filter:drop-shadow(0 4px 10px #493c622e)}.envelope>i{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;margin-top:-18px;font-size:17px;font-style:normal;animation:1.9s ease-in-out 1.3s infinite envelope-heart;display:grid}.envelope-scene.is-opening .envelope-stage{transform:translateY(-14px)}.envelope-scene.is-opening .envelope-flap{animation:none;transform:rotateX(-172deg);box-shadow:0 -8px 14px #493c621a}.envelope-scene.is-opening .envelope>svg{animation:.95s cubic-bezier(.34,1.4,.5,1) forwards env-letter-out}.envelope-scene.is-opening .envelope>i{animation:.7s ease-out .12s forwards env-heart-burst}.envelope-scene.is-opening .envelope{animation:.9s cubic-bezier(.34,1.4,.5,1) .28s forwards env-lift-away}.envelope-scene.is-opening .envelope-sparks span{animation:.9s cubic-bezier(.22,1,.36,1) forwards env-spark-burst}.envelope-scene.is-opening .envelope-sparks span:nth-child(odd){animation-delay:50ms}@keyframes envelope-breath{0%,to{transform:rotateX(0)}50%{transform:rotateX(8deg)}}@keyframes envelope-heart{0%,to{transform:scale(1);box-shadow:0 4px 10px #ed756947}50%{transform:scale(1.14);box-shadow:0 6px 22px #ed756980}}@keyframes env-drop-in{0%{opacity:0;transform:translateY(-180px)rotate(-6deg)scale(.82)}55%{opacity:1}75%{transform:translateY(6px)rotate(1.5deg)scale(1.02)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes env-mascot-in{0%{opacity:0;scale:.55}to{opacity:1;scale:1}}@keyframes env-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes env-spark-twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:.95;transform:scale(1)}}@keyframes env-letter-out{0%{opacity:1;transform:translateY(0)scale(1)}45%{opacity:1;transform:translateY(-44px)scale(1.08)}to{opacity:0;transform:translateY(-130px)scale(.5)}}@keyframes env-heart-burst{0%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1.9)}to{opacity:0;transform:scale(.3)}}@keyframes env-lift-away{0%{opacity:1;transform:translateY(0)rotate(0)}40%{opacity:1;transform:translateY(-10px)rotate(-2.5deg)}to{opacity:0;transform:translateY(-42px)rotate(-5deg)}}@keyframes env-spark-burst{0%{opacity:1;transform:scale(.8)}55%{opacity:1}to{opacity:0;transform:scale(2.4)translateY(-18px)}}.countdown-scene h1{margin:7px 0 20px;font-size:36px}.countdown-grid{grid-template-columns:repeat(4,108px);gap:9px;display:grid}.countdown-grid>div{background:#ffffffbd;border:2px solid #493c622b;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:102px;display:flex}.countdown-grid strong{color:var(--card-accent);font-size:33px;line-height:1}.countdown-grid span{color:var(--card-text);text-transform:uppercase;margin-top:8px;font-size:9px;font-weight:900}.countdown-scene>.mascot{width:175px;height:205px;margin:9px 0 -4px}.cover-scene{grid-template-columns:minmax(300px,1.1fr) minmax(260px,.9fr);align-items:center;gap:35px;width:min(100%,920px);min-height:620px;display:grid;position:relative}.cover-photo{background:#d6d6da;border:3px solid #777280;border-radius:8px;width:100%;height:470px;padding:48px 38px 60px;position:relative;transform:rotate(-1deg)}.cover-photo img{object-fit:cover;border:4px solid #fff;width:100%;height:100%}.cover-photo svg{color:#57515f;position:absolute;bottom:20px;right:21px}.cover-copy{z-index:4;flex-direction:column;align-items:flex-start;display:flex;position:relative}.cover-copy small{color:var(--card-accent);text-transform:uppercase;font-size:13px;font-weight:1000}.cover-copy h1{color:var(--card-text);margin:5px 0 8px;font-size:43px;line-height:1.03}.cover-copy p{margin:0 0 22px;font-size:12px;font-weight:800}.cover-scene>.mascot{z-index:3;pointer-events:none;width:230px;height:280px;position:absolute;bottom:-15px;right:-25px}.gift-scene h1{margin:6px 0 24px;font-size:36px}.gift-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin-bottom:21px;display:grid}.gift-grid>button{min-height:236px;color:var(--card-text);cursor:pointer;background:#ffffffb8;border:2px solid #493c622b;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:11px;display:flex;position:relative}.gift-grid>button:hover{border-color:var(--card-accent);background:#fff;transform:translateY(-3px)}.gift-grid .mascot{width:155px;height:165px}.gift-grid strong{font-size:14px}.gift-grid>button>svg{color:#347961;position:absolute;top:10px;right:10px}.memories-scene,.letter-scene{flex-direction:column;align-items:center;width:min(100%,800px);display:flex}.memories-scene>header,.letter-scene>header{justify-content:center;align-items:center;gap:10px;display:flex}.memories-scene header .mascot,.letter-scene header .mascot{width:120px;height:135px}.memories-scene header div,.letter-scene header div{flex-direction:column;align-items:flex-start;display:flex}.memories-scene header small,.letter-scene header small{color:var(--card-accent);text-transform:uppercase;font-size:10px;font-weight:1000}.memories-scene header h1,.letter-scene header h1{color:var(--card-text);margin:0;font-size:35px}.memory-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:130px;gap:14px;width:100%;margin:10px 0 19px;display:grid}.memory-grid img{object-fit:cover;background:#fff;border:1px solid #d4ced8;width:100%;height:100%;padding:8px 8px 26px;transition:transform .25s;transform:rotate(-1.5deg);box-shadow:0 10px 22px #493c6224}.memory-grid img:nth-child(2n){transform:rotate(2deg)}.memory-grid img:nth-child(3n){transform:rotate(-.5deg)}.memory-grid img:hover{z-index:2;transform:rotate(0)scale(1.03)}.memory-grid img:first-child{grid-area:span 2/span 2;height:100%;padding:12px 12px 34px;transform:rotate(-1deg);box-shadow:0 14px 30px #493c622e}.letter-scene>article{width:100%;max-height:58vh;box-shadow:var(--shadow);background:#fffdf5;border:1px solid #ddd1c0;border-radius:4px;margin:10px 0 18px;padding:32px 38px;overflow-y:auto}.letter-scene article p{color:#544d51;white-space:pre-wrap;margin:0;font-size:17px;line-height:1.9}.letter-scene article strong{color:var(--card-accent);text-align:right;margin-top:18px;font-size:12px;display:block}.music-scene>.mascot{width:220px;height:255px}.music-scene h1{margin:5px 0 17px;font-size:34px}.music-play{background:var(--card-accent);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:70px;height:70px;display:grid}.music-scene>p{color:var(--muted);margin:8px 0 19px;font-size:10px;font-weight:800}.no-music{min-height:58px;color:var(--muted);background:#ffffffb3;border:1px solid #493c622b;border-radius:7px;align-items:center;gap:9px;margin-bottom:20px;padding:0 15px;font-size:10px;display:flex}.no-music-failed{flex-direction:column;justify-content:center;align-items:flex-start;min-height:0;padding:13px 15px;line-height:1.5}.music-external-link{align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:800;text-decoration:underline;display:inline-flex}.music-audio-error{opacity:.85;margin-top:8px;font-size:12px;font-weight:700}.form-section{border:1px solid var(--line,#493c6224);background:#ffffff8c;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.form-section-title{border-bottom:1px dashed #493c6226;flex-direction:column;gap:2px;padding-bottom:6px;display:flex}.form-section-title>strong{color:var(--purple-dark);letter-spacing:.02em;font-size:12px}.form-section-title>small{color:var(--muted);font-size:9px}.form-section label>span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.form-section label>span>em{color:var(--muted);letter-spacing:.01em;font-size:9px;font-style:normal;font-weight:700}.form-section label>span>em.count-warn{color:#b8811a}.form-section label>span>em.count-limit{color:#b03a3a}.field-block{flex-direction:column;gap:7px;min-width:0;display:flex}.field-block>.field-label{color:var(--purple-dark);font-size:11px;font-weight:1000}.date-picker{display:block;position:relative}.date-picker-trigger{border:1px solid var(--line);width:100%;min-height:45px;color:var(--muted);cursor:pointer;text-align:left;background:#fff;border-radius:6px;align-items:center;gap:10px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.date-picker-trigger.has-value{color:var(--purple-dark)}.date-picker-trigger:focus,.date-picker-trigger:hover{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #8069bd21}.date-picker-trigger>svg{color:var(--purple-dark);flex-shrink:0}.date-picker-popover{z-index:30;border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;gap:8px;width:288px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #2d1e4629}.date-picker-popover>header{grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;display:grid}.date-picker-popover>header button{border:1px solid var(--line);width:32px;height:32px;color:var(--purple-dark);cursor:pointer;background:#fff;border-radius:6px;place-items:center;display:grid}.date-picker-popover>header button:hover{background:#faf8ff}.date-picker-title{justify-content:center;align-items:center;gap:8px;display:flex}.date-picker-title>strong{color:var(--purple-dark);font-size:12px}.date-picker-title>select{border:1px solid var(--line);color:var(--purple-dark);cursor:pointer;background:#fff;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:700}.date-picker-weekdays{color:var(--muted);text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:0 2px;font-size:9px;font-weight:700;display:grid}.date-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.date-picker-grid>span{height:34px}.date-picker-grid>button{height:34px;color:var(--ink,#322845);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:11px;font-weight:700}.date-picker-grid>button:hover{color:var(--purple-dark);background:#8069bd24}.date-picker-grid>button.today{color:var(--purple-dark);outline-offset:-1px;outline:1px solid #8069bd73}.date-picker-grid>button.selected{background:var(--purple-dark);color:#fff;outline:0}.date-picker-popover>footer{border-top:1px dashed #493c6226;gap:6px;padding-top:4px;display:flex}.date-picker-popover>footer button{border:1px solid var(--line);min-height:30px;color:var(--purple-dark);cursor:pointer;background:#fff;border-radius:5px;flex:1;font-size:10px;font-weight:800}.date-picker-popover>footer button:hover{background:#faf8ff}.days-hint{border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.days-hint.upcoming{color:var(--purple-dark);background:#8069bd24}.days-hint.today{color:#a4322a;background:#e45f572e}.days-hint.past{color:var(--muted);background:#493c6217}.photo-cover-badge{color:var(--purple-dark);letter-spacing:.03em;background:#fffffff0;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;font-size:9px;font-weight:900;display:inline-flex;position:absolute;top:6px;left:6px;box-shadow:0 2px 6px #0000001f}.photo-editor .icon-button.photo-promote{width:30px;height:30px;color:var(--purple-dark);background:#ffffffeb;border-color:#fffc;flex-basis:30px;top:6px;right:42px}.music-selected{border:1px solid var(--line);background:#ffffffeb;border-radius:8px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.music-selected-icon{width:46px;height:46px;color:var(--purple-dark);background:#8069bd24;border-radius:50%;place-items:center;display:grid}.music-selected-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.music-selected-meta>strong{color:var(--purple-dark);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.music-selected-meta>small{color:var(--muted);font-size:9px}.music-panel{border:1px solid var(--line);background:#ffffffd9;border-radius:8px;flex-direction:column;gap:10px;display:flex;overflow:hidden}.music-tabs{background:#493c620a;border-bottom:1px solid #493c621a;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:4px;display:grid}.music-tabs>button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 6px;font-size:10px;font-weight:800}.music-tabs>button.active{color:var(--purple-dark);background:#fff;box-shadow:0 1px 3px #0000000f}.music-tab-body{flex-direction:column;gap:8px;padding:12px;display:flex}.music-file-body{align-items:flex-start}.music-file-body>p{color:var(--muted);margin:0;font-size:10px}.music-tab-primary{border:1px solid var(--purple-dark);background:var(--purple-dark);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:10px;font-weight:900;display:inline-flex}.music-tab-primary:disabled{opacity:.55;cursor:not-allowed}.mend-yt-host{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-9999px;left:-9999px;overflow:hidden}.mend-yt-host .mend-yt-frame,.mend-yt-host iframe{border:0;width:320px;height:180px}.sound-dock{z-index:40;position:fixed;top:12px;right:12px}.sound-dock>.sound{border:1px solid var(--line,#493c6233);color:var(--purple-dark,#493c62);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff0;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #0000001a}.sound-dock>.sound[aria-pressed=true]{background:var(--card-accent,#8069bd);color:#fff;border-color:#0000;animation:1.6s ease-in-out infinite sound-pulse}.sound-dock>.sound[aria-pressed=true] .sound-icon{animation:.9s ease-in-out infinite sound-bounce}.sound-dock>.sound[data-sound-state=failed]{color:#a33b3b;border-color:#c64c4c73}.sound-dock>.sound[aria-busy=true]{cursor:progress;opacity:.85}.sound-dock>.sound[aria-busy=true] .sound-icon{border:2px solid #493c6240;border-top-color:var(--purple-dark,#493c62);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite sound-spin;position:relative}.sound-dock .sound-icon{transform-origin:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}@keyframes sound-pulse{0%,to{box-shadow:0 4px 12px #8069bd66}50%{box-shadow:0 4px 22px #8069bdd9}}@keyframes sound-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes sound-spin{to{transform:rotate(360deg)}}.music-dock-hint{color:var(--muted,#6a5f80);background:#ffffffb3;border:1px dashed #493c6238;border-radius:8px;margin:6px 0 20px;padding:12px 14px;font-size:11px}.music-youtube-search{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.music-youtube-search>input,.music-youtube-manual>input{border:1px solid var(--line);min-height:36px;color:var(--purple-dark);background:#fff;border-radius:6px;padding:0 11px;font-size:11px}.music-youtube-search>button,.music-youtube-manual>button{border:1px solid var(--line);min-height:36px;color:var(--purple-dark);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:900;display:inline-flex}.music-youtube-search>button:disabled,.music-youtube-manual>button:disabled{opacity:.55;cursor:not-allowed}.music-youtube-error{color:#b03a3a;margin:0;padding:0 4px;font-size:10px;font-weight:700}.music-youtube-results{gap:6px;max-height:320px;margin:4px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.music-youtube-results>li>button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:6px;grid-template-columns:82px 1fr;align-items:center;gap:10px;width:100%;padding:6px;display:grid}.music-youtube-results>li>button:hover{border-color:var(--purple-dark);background:#faf8ff}.music-youtube-results img,.music-youtube-results .thumb-fallback{object-fit:cover;width:82px;height:46px;color:var(--muted);background:#eee;border-radius:4px;place-items:center;display:grid}.music-youtube-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.music-youtube-meta>strong{color:var(--purple-dark);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.music-youtube-meta>small{color:var(--muted);font-size:9px}.music-youtube-manual{gap:6px;display:grid}.finale-scene{padding-bottom:12px}.finale-scene>.mascot{width:185px;height:215px}.finale-scene h1{max-width:690px;margin:5px 0 18px;font-size:33px;line-height:1.12}.reaction-row{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.reaction-row button{min-height:56px;color:var(--card-text);cursor:pointer;background:#ffffffbf;border:1px solid #493c622e;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:19px;display:flex}.reaction-row button span{font-size:10px;font-weight:900}.reaction-row button:hover,.reaction-row button.selected{border-color:var(--card-accent);background:#fff}.guestbook-form{text-align:left;background:#ffffffc7;border:1px solid #493c622b;border-radius:8px;width:100%;margin-top:11px;padding:13px}.guestbook-form header{color:var(--card-text);align-items:center;gap:8px;margin-bottom:9px;font-size:11px;display:flex}.guestbook-form>input,.guestbook-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:6px;font-size:11px}.guestbook-form>input{height:38px;margin-bottom:7px;padding:0 10px}.guestbook-form>div{grid-template-columns:minmax(0,1fr) 42px;gap:7px;display:grid}.guestbook-form textarea{resize:none;min-height:74px;padding:9px 10px}.guestbook-form>small{color:#347961;margin-top:7px;font-size:9px;font-weight:900;display:block}.dashboard-page{width:min(100%,1060px);margin:0 auto;padding:37px 24px 60px}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.dashboard-heading small{color:var(--purple);font-size:9px;font-weight:1000}.dashboard-heading h1{color:var(--purple-dark);margin:4px 0 3px;font-size:31px}.dashboard-heading p{color:var(--muted);margin:0;font-size:11px}.dashboard-heading>button{border:1px solid var(--line);height:39px;color:var(--purple-dark);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:900;display:flex}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:9px;margin:25px 0 17px;display:grid}.dashboard-stats>div{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:11px;min-height:88px;padding:15px;display:flex}.dashboard-stats>div>svg{color:var(--purple)}.dashboard-stats span{flex-direction:column;display:flex}.dashboard-stats strong{color:var(--purple-dark);font-size:23px;line-height:1}.dashboard-stats small{color:var(--muted);margin-top:5px;font-size:9px;font-weight:800}.dashboard-list{flex-direction:column;gap:12px;display:flex}.dashboard-list>article{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.dashboard-list article>header{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:104px;padding:13px;display:grid}.dashboard-list article>header>img{object-fit:cover;border-radius:5px;width:76px;height:76px}.dashboard-list article>header>div{min-width:0}.dashboard-list header small{color:var(--purple);text-transform:uppercase;font-size:8px;font-weight:1000}.dashboard-list header h2{color:var(--purple-dark);margin:2px 0 4px;font-size:18px}.dashboard-list header span{color:var(--muted);align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.dashboard-list header a{border:1px solid var(--line);height:36px;color:var(--purple-dark);border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:900;display:flex}.reaction-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#faf8fb;align-items:center;gap:7px;min-height:47px;padding:8px 13px;display:flex}.reaction-summary span{background:#fff;border:1px solid #e5dfeb;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:900}.reaction-summary button{color:var(--purple);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;padding:0;font-size:9px;font-weight:1000;display:flex}.guestbook-list{padding:13px}.guestbook-list h3{color:var(--purple-dark);margin:0 0 9px;font-size:11px}.guestbook-list>div{border-top:1px solid #eee9f1;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px;padding:8px 0;display:grid}.guestbook-list>div>span{width:30px;height:30px;color:var(--purple);background:#eee9f6;border-radius:50%;place-items:center;font-size:10px;font-weight:1000;display:grid}.guestbook-list p{color:var(--ink);margin:0;font-size:10px;line-height:1.5}.guestbook-list p strong{color:var(--purple-dark);font-size:10px;display:block}.guestbook-list .no-response{color:var(--muted)}.dashboard-empty{border:1px solid var(--line);text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:30px;display:flex}.dashboard-empty .mascot{width:170px;height:190px}.dashboard-empty h2{color:var(--purple-dark);margin:0;font-size:21px}.dashboard-empty p{max-width:420px;color:var(--muted);margin:6px 0 15px;font-size:10px}.dashboard-empty a{color:var(--purple);font-size:11px;font-weight:1000}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.browser-handoff{min-height:100dvh;color:var(--purple-dark);background:radial-gradient(circle at 18% 14%,#ffd3523d,#0000 31%),radial-gradient(circle at 86% 88%,#ff4f8b29,#0000 34%),#f7f2fb;place-items:center;padding:26px;display:grid;position:relative;overflow:hidden}.browser-handoff-glow{pointer-events:none;border:1px solid #8069bd1f;border-radius:50%;width:min(780px,120vw);height:min(780px,120vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 80px #8069bd09,0 0 0 160px #8069bd06}.browser-handoff-card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffef9eb;border:1px solid #8069bd29;border-radius:30px;flex-direction:column;align-items:center;width:min(100%,510px);padding:34px 34px 27px;display:flex;position:relative;box-shadow:0 28px 80px #3e2a5229}.browser-handoff-brand{color:var(--purple-dark);margin-bottom:23px;font-size:20px;font-weight:1000}.browser-handoff-icon{width:74px;height:74px;color:var(--purple-dark);background:linear-gradient(145deg,#fff2a8,#ffd9e5);border:1px solid #8069bd33;border-radius:24px;place-items:center;margin-bottom:17px;display:grid;transform:rotate(-3deg);box-shadow:0 12px 30px #8069bd24}.browser-handoff-card>small{color:var(--purple);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:1000}.browser-handoff-card>h1{letter-spacing:-.055em;max-width:410px;margin:7px 0 12px;font-size:clamp(29px,6vw,43px);line-height:1}.browser-handoff-card>p{max-width:420px;color:var(--muted);margin:0 0 22px;font-size:13px;font-weight:750;line-height:1.55}.browser-handoff-actions{grid-template-columns:1.15fr 1fr;gap:10px;width:100%;display:grid}.browser-handoff-actions>a,.browser-handoff-actions>button,.browser-handoff-card>.primary-button{border-radius:999px;width:100%;min-height:52px}.browser-handoff-steps{text-align:left;gap:8px;width:100%;margin:0 0 14px;padding:0;list-style:none;display:grid}.browser-handoff-steps li{background:#fff;border:1px solid #8069bd21;border-radius:14px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.browser-handoff-steps li>span{width:30px;height:30px;color:var(--purple-dark);background:#eee8f7;border-radius:50%;place-items:center;font-size:11px;font-weight:1000;display:grid}.browser-handoff-steps li>strong{font-size:11px;line-height:1.35}.browser-handoff-continue{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #493c626b;margin-top:17px;padding:5px 9px;font-size:10px;font-weight:900}@media (width<=560px){.browser-handoff{padding:14px}.browser-handoff-card{border-radius:24px;padding:27px 19px 22px}.browser-handoff-brand{margin-bottom:16px}.browser-handoff-icon{border-radius:20px;width:65px;height:65px;margin-bottom:14px}.browser-handoff-card>h1{font-size:clamp(28px,9.5vw,39px)}.browser-handoff-card>p{margin-bottom:18px;font-size:11px}.browser-handoff-actions{grid-template-columns:1fr}}@media (width<=1120px){.creator-layout{grid-template-columns:190px minmax(0,1fr)}.creator-preview{display:none}}@media (width<=760px){.site-header{height:58px;padding:0 13px}.site-brand small{display:none}.site-header nav a{height:36px;padding:0 9px;font-size:11px}.payment-page{min-height:calc(100vh - 58px);padding:26px 13px 42px}.payment-heading{margin-bottom:18px}.payment-heading>a{margin-bottom:14px}.payment-heading h1{font-size:26px}.payment-heading p{max-width:330px;margin:0 auto;font-size:10px}.payment-layout{grid-template-columns:1fr}.payment-main{padding:15px}.payment-total{margin:-15px -15px 16px;padding:13px 15px}.qpay-qr{width:min(70vw,220px)}.bank-links>div{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-summary{padding:18px 16px}.payment-summary>img{width:82px;height:93px}.payment-success{padding:25px 15px 22px}.payment-success>img{width:125px;height:142px}.payment-success h2{font-size:22px}.payment-success-actions{flex-direction:column;width:100%}.recovery-panel{padding:20px 16px}.payment-security-note{text-align:left;align-items:flex-start}.creator-layout{min-height:calc(100vh - 58px);display:block}.creator-steps{z-index:20;border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:4px;width:100%;height:61px;padding:7px 9px;display:grid;position:sticky;top:58px}.step-mascot,.creator-steps>small{display:none}.creator-steps>button{justify-content:center;gap:5px;height:46px;padding:0 4px;font-size:9px}.creator-steps>button>span{width:22px;height:22px}.creator-workspace{min-height:calc(100vh - 119px);padding:27px 15px 30px}.workspace-title{margin-bottom:19px}.workspace-title h1{font-size:25px}.template-grid{gap:9px}.template-swatch{height:120px}.template-swatch img{width:108px;height:123px;right:3px}.template-grid>button{padding:8px 8px 12px}.template-grid strong{margin-top:9px;font-size:13px}.template-grid small{font-size:8px}.field-grid{grid-template-columns:1fr}.photo-editor{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:90px}.photo-editor>div:first-child{grid-area:span 2/span 2}.music-selected{grid-template-columns:42px minmax(0,1fr) auto}.publish-stage{grid-template-columns:minmax(0,1fr)}.publish-preview{position:relative;top:auto}.publish-preview>.card-preview{max-width:390px;margin:0 auto}.creator-footer{margin-top:18px}.recipient-toolbar{grid-template-columns:65px minmax(100px,1fr) 36px;gap:8px;height:59px;padding:0 9px}.recipient-brand{font-size:17px}.recipient-toolbar .icon-button{flex-basis:34px;width:34px;height:34px}.story-progress{gap:3px}.recipient-screen{padding:71px 15px 22px}.envelope{width:244px;height:153px}.envelope:before{border-width:74px 0 0 122px}.envelope:after{border-width:74px 122px 0 0}.envelope-flap{height:87px}.envelope-scene>.mascot{width:145px;height:175px;margin-top:-38px;transform:translate(-112px)}.envelope-scene h1{max-width:360px;font-size:27px}.countdown-scene h1,.gift-scene h1,.music-scene h1,.finale-scene h1{font-size:28px}.countdown-grid{grid-template-columns:repeat(4,minmax(65px,1fr));gap:5px}.countdown-grid>div{height:79px}.countdown-grid strong{font-size:25px}.countdown-scene>.mascot{width:145px;height:175px}.cover-scene{flex-direction:column;justify-content:center;gap:16px;min-height:660px;display:flex}.cover-photo{width:min(100%,390px);height:330px;padding:38px 27px 49px}.cover-copy{text-align:center;align-items:center}.cover-copy h1{max-width:390px;font-size:31px}.cover-copy p{margin-bottom:14px}.cover-scene>.mascot{width:125px;height:155px;bottom:11px;left:-20px;right:auto}.gift-grid{grid-template-columns:1fr;gap:8px;margin-bottom:16px}.gift-grid>button{flex-direction:row;justify-content:flex-start;min-height:99px;padding:8px 20px}.gift-grid .mascot{width:80px;height:82px}.memories-scene header .mascot,.letter-scene header .mascot{width:92px;height:105px}.memories-scene header h1,.letter-scene header h1{font-size:27px}.memory-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:110px;gap:10px}.memory-grid img{padding:6px 6px 20px}.memory-grid img:first-child{padding:9px 9px 26px}.letter-scene>article{max-height:58vh;padding:23px 20px}.letter-scene article p{font-size:14px}.music-scene>.mascot{width:170px;height:195px}.finale-scene>.mascot{width:145px;height:168px}.reaction-row{grid-template-columns:1fr}.reaction-row button{min-height:47px}.dashboard-page{padding:27px 13px 45px}.dashboard-heading{align-items:flex-start}.dashboard-heading h1{font-size:25px}.dashboard-heading p{max-width:310px}.dashboard-heading>button{justify-content:center;width:39px;padding:0;font-size:0}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-stats>div{min-height:73px}.dashboard-list article>header{grid-template-columns:60px minmax(0,1fr) 35px;gap:9px;padding:10px}.dashboard-list article>header>img{width:60px;height:60px}.dashboard-list header a{justify-content:center;width:35px;padding:0;font-size:0}.reaction-summary{flex-wrap:wrap}.reaction-summary button{justify-content:flex-end;width:100%;margin:2px 0 0}}.template-grid>button{border:1px solid #2318381f;border-radius:18px;padding:10px 10px 16px;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden;box-shadow:0 8px 24px #2a1b3f0f}.template-grid>button:hover{transform:translateY(-3px);box-shadow:0 16px 38px #2a1b3f1f}.template-grid>button.selected{border-color:var(--card-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--card-accent) 18%, transparent), 0 16px 38px #2a1b3f1f}.template-grid>button>svg{z-index:5;color:var(--card-accent);background:#fff;border-radius:50%;padding:3px;top:18px;right:18px;box-shadow:0 4px 14px #1d132e2e}.template-grid strong{letter-spacing:-.02em;margin:13px 4px 3px;font-size:16px}.template-grid small{min-height:29px;font-size:9px}.template-swatch{isolation:isolate;border-radius:12px;height:174px;box-shadow:inset 0 0 0 1px #ffffff40}.template-swatch:before{z-index:-1;background:0 0}.template-swatch img{z-index:4;filter:drop-shadow(0 12px 9px #1f142e2e);width:142px;height:157px;transition:transform .22s;bottom:-15px;right:7px}.template-grid>button:hover .template-swatch img{transform:translateY(-3px)rotate(2deg)}.template-swatch>i{z-index:3;width:66px;height:6px;box-shadow:none;bottom:28px;left:18px}.swatch-index,.swatch-name{z-index:5;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-style:normal;font-weight:800;position:absolute;left:17px}.swatch-index{opacity:.72;font-size:9px;top:15px}.swatch-name{max-width:118px;font-size:11px;line-height:1.05;bottom:40px}.swatch-art,.swatch-art b{display:block;position:absolute}.swatch-art{z-index:1;inset:0}.swatch-art b:first-child{opacity:.15;border:12px solid;border-radius:50%;width:68px;height:68px;top:18px;right:25px}.swatch-art b:nth-child(2){opacity:.12;background:currentColor;border-radius:18px;width:74px;height:74px;bottom:-20px;right:85px;transform:rotate(32deg)}.swatch-art b:nth-child(3){opacity:.25;background:currentColor;border-radius:999px;width:6px;height:34px;top:45px;left:15px;transform:rotate(-25deg);box-shadow:12px 10px}.template-swatch.template-cute{background-image:radial-gradient(#ff4f8b 1.7px,#0000 1.7px),linear-gradient(90deg,#ffffff57 50%,#0000 50%),linear-gradient(#ffffff57 50%,#0000 50%)!important;background-size:22px 22px,32px 32px,32px 32px!important}.template-swatch.template-elegant{color:#efd39f!important;background-image:radial-gradient(circle at 74% 30%,#d5aa684d,#0000 25%),linear-gradient(135deg,#3b1d45,#160e24)!important}.template-swatch.template-elegant .swatch-art b:first-child{opacity:.6;border-width:1px;border-radius:80px 80px 4px 4px}.template-swatch.template-party{background-image:repeating-conic-gradient(from 25deg at 84% 28%, #3154e8 0 12deg, #5270ff 12deg 24deg)!important;color:#f7ff72!important}.template-swatch.template-party .swatch-art b:nth-child(2){opacity:.75;background:#f7ff72}.template-swatch.template-collage{background-image:linear-gradient(#172a551a 1px,#0000 1px),linear-gradient(90deg,#172a551a 1px,#0000 1px)!important;background-size:22px 22px!important}.template-swatch.template-collage .swatch-art b:first-child{border-radius:0;transform:rotate(-9deg)}.template-swatch.template-dreamy{color:#b8ffea!important;background-image:radial-gradient(circle at 75% 20%,#b8ffea4d,#0000 24%),radial-gradient(circle at 20% 100%,#c970ff59,#0000 40%),linear-gradient(150deg,#242052,#11102f)!important}.template-swatch.template-dreamy .swatch-art b:first-child{opacity:.6;border-width:1px;box-shadow:0 0 30px}.template-swatch.template-retro{background-image:radial-gradient(120% 60% at 50% 110%,#e84b2c 0 34%,#0000 35%),radial-gradient(100% 55% at 50% 110%,#6f722e 0 55%,#0000 56%)!important}.template-swatch.template-retro .swatch-art b:first-child{border-width:18px}.template-swatch.template-minimal{background-image:linear-gradient(90deg,#0000 31%,#1111111f 31% 31.5%,#0000 31.5%),linear-gradient(#0000 64%,#1111111f 64% 64.5%,#0000 64.5%)!important}.template-swatch.template-minimal .swatch-art b:first-child{opacity:.95;background:#ff3d20;border:0;border-radius:0;width:52px;height:52px}.template-swatch.template-boho{background-image:radial-gradient(#3f35271f 1.5px,#0000 1.5px),linear-gradient(145deg,#fff7e966,#0000)!important;background-size:21px 21px,auto!important}.template-swatch.template-boho .swatch-art b:first-child{opacity:.55;border-color:#7e8c61;border-radius:90px 90px 0 0}.card-preview{isolation:isolate;background-image:none;border:0;border-radius:28px;box-shadow:0 26px 70px #23163838,inset 0 0 0 1px #ffffff47}.preview-atmosphere,.preview-atmosphere span{display:block;position:absolute}.preview-atmosphere{z-index:0;pointer-events:none;inset:0;overflow:hidden}.preview-orbit{aspect-ratio:1;opacity:.18;border:1px solid;border-radius:50%;width:68%;top:-9%;right:-20%}.preview-shape{color:var(--card-accent)}.preview-shape.shape-a{aspect-ratio:1;opacity:.3;border:2px solid;border-radius:50%;width:18%;top:8%;left:7%}.preview-shape.shape-b{aspect-ratio:1;opacity:.28;background:currentColor;border-radius:4px;width:11%;bottom:11%;right:6%;transform:rotate(18deg)}.preview-shape.shape-c{opacity:.3;background:currentColor;border-radius:999px;width:17%;height:4px;bottom:5%;left:31%;box-shadow:0 10px}.preview-edition{z-index:4;font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.68;font-size:clamp(6px,.8vw,9px);font-weight:800;position:absolute;top:5.5%;left:7%}.card-preview .preview-photos{z-index:1;background:var(--card-surface);border:0;border-radius:20px;overflow:hidden;box-shadow:0 18px 44px #1b122b2e}.card-preview .preview-photos img{border:0;border-radius:12px}.card-preview .preview-copy small{letter-spacing:.13em}.card-preview .preview-copy h2{text-wrap:balance}.card-preview .paper-star{z-index:3}.card-preview .preview-scene-body{z-index:2;min-height:100%;position:relative}.card-preview .preview-letter,.card-preview .preview-music-source,.card-preview .preview-hollow{background:color-mix(in srgb, var(--card-surface) 82%, transparent);color:var(--card-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff40}.card-preview.template-cute .preview-photos{background:#fffdf6;border-radius:18px;padding:6% 6% 12%;top:14%;transform:rotate(-3deg)}.card-preview.template-cute .preview-photos:after{color:#ff4f8b;font-family:var(--font-caveat), cursive;content:"best day ever!";font-size:clamp(10px,1.6vw,17px);font-weight:700;position:absolute;bottom:4%;right:9%}.card-preview.template-cute .shape-a{opacity:.72;background:#8be1d1;border:0;border-radius:48% 52% 67% 33%/47% 36% 64% 53%}.card-preview.template-elegant .preview-photos img{filter:saturate(.82)contrast(1.05);border-radius:210px 210px 12px 12px}.card-preview.template-elegant .preview-orbit{opacity:.4;border-color:#d5aa68}.card-preview.template-party .preview-photos img{border-radius:2px}.card-preview.template-party .preview-copy small{color:#111b57;background:#f7ff72;padding:3px 7px;display:inline-flex;transform:rotate(-2deg)}.card-preview.template-party .shape-b{opacity:1;background:#f7ff72}.card-preview.template-collage .preview-photos:before{z-index:2;content:"";background:#fff287bf;width:29%;height:22px;position:absolute;top:-9px;left:37%;transform:rotate(2deg)}.card-preview.template-collage .preview-copy{width:68%;bottom:7%;right:9%}.card-preview.template-dreamy .preview-photos img{border-radius:170px 170px 25px 25px}.card-preview.template-dreamy .preview-copy h2,.card-preview.template-dreamy .preview-scene-body h2{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.card-preview.template-dreamy .preview-orbit{opacity:.42;border-color:#b8ffea;box-shadow:0 0 24px #b8ffea59}.card-preview.template-retro .preview-copy small,.card-preview.template-retro .preview-edition{color:#4b2b16}.card-preview.template-minimal .preview-photos{height:48%;box-shadow:none;border-radius:0;padding:0;top:10%;left:33%;right:7%}.card-preview.template-minimal .preview-photos img{filter:grayscale(.2)contrast(1.06);border-radius:0}.card-preview.template-minimal .preview-copy{width:auto;bottom:8%;left:7%;right:7%}.card-preview.template-minimal .shape-a{opacity:1;background:#ff3d20;border:0;border-radius:0;width:18%;top:10%}.card-preview.template-minimal>.mascot{filter:grayscale(.35);left:-3%}.card-preview.template-boho .preview-photos img{border-radius:220px 220px 12px 12px}.card-preview.template-boho .preview-copy h2,.card-preview.template-boho .preview-scene-body h2{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-weight:400}.card-preview.template-boho .shape-a{opacity:.62;background:#7e8c61;border:0;border-radius:67% 33% 58% 42%/41% 59%}.recipient-experience{--theme-panel:#ffffffc7;--theme-panel-solid:#fff;--theme-panel-ink:#352a42;--theme-button-ink:#fff;background-image:none}.recipient-atmosphere,.recipient-atmosphere span{pointer-events:none;display:block;position:fixed}.recipient-atmosphere{z-index:0;inset:0;overflow:hidden}.recipient-orbit{border:1px solid var(--card-accent);opacity:.12;border-radius:50%;width:74vw;height:74vw;top:-34vw;right:-25vw}.recipient-shape{color:var(--card-accent)}.recipient-shape.shape-a{opacity:.12;border:2px solid;border-radius:50%;width:9vw;min-width:70px;height:9vw;min-height:70px;animation:7s ease-in-out infinite recipientFloat;top:14%;left:4%}.recipient-shape.shape-b{opacity:.09;background:currentColor;border-radius:18px;width:7vw;min-width:58px;height:7vw;min-height:58px;bottom:8%;right:5%;transform:rotate(22deg)}.recipient-shape.shape-c{opacity:.1;background:currentColor;border-radius:999px;width:9vw;height:5px;bottom:9%;left:7%;transform:rotate(-12deg);box-shadow:0 16px,0 32px}.recipient-toolbar{background:color-mix(in srgb, var(--theme-panel) 84%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff52;border-radius:999px;height:54px;top:12px;left:14px;right:14px;box-shadow:0 10px 36px #180e281c}.recipient-toolbar .icon-button{background:color-mix(in srgb, var(--theme-panel-solid) 84%, transparent);color:var(--theme-panel-ink);border-radius:50%}.recipient-brand{color:var(--card-text)}.recipient-screen{padding-top:88px}.recipient-experience .primary-button{border-color:var(--card-accent);background:var(--card-accent);color:var(--theme-button-ink);box-shadow:0 12px 28px color-mix(in srgb, var(--card-accent) 28%, transparent);border-radius:999px;transition:transform .16s,box-shadow .16s,filter .16s}.recipient-experience .primary-button:hover{background:var(--card-accent);filter:brightness(1.04);box-shadow:0 16px 34px color-mix(in srgb, var(--card-accent) 36%, transparent);transform:translateY(-2px)}.recipient-experience .secondary-button{border-color:color-mix(in srgb, var(--card-accent) 34%, transparent);background:var(--theme-panel);color:var(--theme-panel-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px}.recipient-experience .countdown-grid>div,.recipient-experience .gift-grid>button,.recipient-experience .reaction-row button,.recipient-experience .guestbook-form,.recipient-experience .no-music{border:1px solid color-mix(in srgb, var(--card-accent) 28%, transparent);background:var(--theme-panel);color:var(--theme-panel-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;box-shadow:0 16px 44px #1d122d1a}.recipient-experience .gift-grid>button{transition:transform .18s,box-shadow .18s,background .18s}.recipient-experience .gift-grid>button:hover{border-color:var(--card-accent);background:var(--theme-panel-solid);transform:translateY(-7px)rotate(-1deg);box-shadow:0 24px 54px #1d122d29}.recipient-experience .letter-scene>article{border:1px solid color-mix(in srgb, var(--card-accent) 28%, transparent);background:var(--theme-panel);color:var(--theme-panel-ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 24px 70px #1d122d21}.recipient-experience .letter-scene article p{color:var(--theme-panel-ink)}.recipient-experience .memory-grid img{border-radius:16px;box-shadow:0 18px 44px #1c122b29}.recipient-theme-name{font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;bottom:15px;right:23px}.recipient-experience.template-cute .cover-photo:after{color:#ff4f8b;font-family:var(--font-caveat), cursive;content:"make a wish ♡";font-size:24px;font-weight:700;position:absolute;bottom:15px;right:24px}.recipient-experience.template-cute .recipient-shape.shape-a{opacity:.22;background:#8be1d1;border:0;border-radius:48% 52% 67% 33%/47% 36% 64% 53%}.recipient-experience.template-elegant .recipient-toolbar .icon-button{color:#fff3df;background:#fff8ef1f;border-color:#d5aa6852}.recipient-experience.template-elegant .cover-photo{background:#fff8ef14;border:1px solid #d5aa68bf;border-radius:340px 340px 22px 22px;padding:9px;box-shadow:0 28px 80px #00000057}.recipient-experience.template-elegant .envelope{background:#fff8ef;border:1px solid #d5aa68;border-radius:2px;box-shadow:0 22px 70px #00000057}.recipient-experience.template-elegant .recipient-orbit{opacity:.18;border-color:#d5aa68;box-shadow:0 0 60px #d5aa6826}.recipient-experience.template-party .envelope{background:#f7ff72;border:5px solid #111b57;border-radius:8px;box-shadow:14px 14px #ff5a4f}.recipient-experience.template-party .gift-grid>button:nth-child(2){transform:rotate(1.5deg)}.recipient-experience.template-party .recipient-shape.shape-b{opacity:.24;background:#f7ff72}.recipient-experience.template-collage .cover-photo:before{z-index:2;content:"";background:#ffef84d1;width:30%;height:28px;position:absolute;top:-12px;left:36%;transform:rotate(2deg)}.recipient-experience.template-collage .memory-grid img{background:#fffef8;border:1px solid #172a55;border-radius:2px;padding:7px 7px 24px}.recipient-experience.template-collage .letter-scene>article{border-radius:2px;box-shadow:10px 10px #ff5c356b}.recipient-experience.template-dreamy .recipient-toolbar .icon-button{color:#f7f2ff;background:#ffffff14;border-color:#b8ffea33}.recipient-experience.template-dreamy .cover-photo{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #b8ffea80;border-radius:340px 340px 34px 34px;padding:10px;box-shadow:0 0 80px #b8ffea1f,0 28px 80px #00000047}.recipient-experience.template-dreamy .memory-grid img{background:#ffffff14;border:1px solid #b8ffea52;padding:5px;box-shadow:0 0 34px #b8ffea1a}.recipient-experience.template-dreamy .recipient-orbit{opacity:.2;border-color:#b8ffea;box-shadow:0 0 70px #b8ffea29}.recipient-experience.template-retro .envelope{background:#fff4d3;border:4px solid #4b2b16;border-radius:4px;box-shadow:12px 12px #e84b2c}.recipient-experience.template-retro .recipient-shape.shape-a{opacity:.2;border-width:16px;border-color:#e84b2c}.recipient-experience.template-minimal .recipient-toolbar .icon-button{background:#fff;border:1px solid #111;border-radius:0}.recipient-experience.template-minimal .cover-photo{background:0 0;border:0;border-radius:0;padding:0;box-shadow:14px 14px #ff3d20}.recipient-experience.template-minimal .recipient-shape.shape-a{opacity:.16;background:#ff3d20;border:0;border-radius:0}.recipient-experience.template-boho .cover-photo{background:#fff7e9;border:2px solid #b64f33;border-radius:350px 350px 26px 26px;padding:10px;box-shadow:0 28px 70px #3f35272e}.recipient-experience.template-boho .gift-grid>button{border-radius:100px 100px 24px 24px}.recipient-experience.template-boho .recipient-shape.shape-a{opacity:.2;background:#7e8c61;border:0;border-radius:67% 33% 58% 42%/41% 59%}.creator-layout[class*=template-] .creator-workspace{background-image:none}.creator-layout.template-elegant .workspace-title h1,.creator-layout.template-elegant .workspace-title span,.creator-layout.template-dreamy .workspace-title h1,.creator-layout.template-dreamy .workspace-title span,.creator-layout.template-party .workspace-title h1,.creator-layout.template-party .workspace-title span{color:var(--card-text)}@media (width<=760px){.template-swatch{height:132px}.template-swatch img{width:112px;height:127px}.swatch-name{max-width:85px;font-size:8px}.recipient-toolbar{border-radius:18px;height:51px;top:8px;left:8px;right:8px}.recipient-screen{padding-top:72px}.recipient-shape.shape-a{top:10%;left:-26px}.recipient-shape.shape-b{bottom:5%;right:-20px}.recipient-experience.template-party .cover-photo{box-shadow:10px 10px #ff5a4f}.recipient-experience.template-collage .cover-photo,.recipient-experience.template-retro .cover-photo,.recipient-experience.template-minimal .cover-photo{box-shadow:8px 8px 0 var(--card-accent)}}.landing-shell{background:radial-gradient(1200px 600px at 92% -12%,#b482f02e,#0000 60%),radial-gradient(900px 500px at -8% 22%,#ffca5c2e,#0000 60%),#fbfaf6}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffef9d9}.landing-header nav{align-items:center;gap:8px}.landing-header nav a{color:var(--ink);border-radius:8px;align-items:center;gap:5px;padding:8px 12px;font-size:13px;font-weight:900;transition:background .12s;display:inline-flex}.landing-header nav a:hover{background:#8069bd14}.landing{max-width:1200px;margin:0 auto;padding:24px}.btn{cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;height:46px;padding:0 20px;font-size:14px;font-weight:900;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 6px 18px #8069bd4d}.btn-primary:hover{background:var(--purple-dark);box-shadow:0 10px 24px #493c6247}.btn-ghost{color:var(--purple-dark);background:#8069bd1a}.btn-ghost:hover{background:#8069bd2e}.btn-sm{height:36px;padding:0 14px;font-size:12px}.btn-lg{height:54px;padding:0 26px;font-size:15px}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:64px;padding:64px 0 80px;display:grid}.hero-eyebrow{color:var(--purple-dark);text-transform:uppercase;letter-spacing:.08em;background:#8069bd1f;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-flex}.landing-hero-copy h1{color:var(--purple-dark);letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(38px,5vw,60px);line-height:1.02}.landing-hero-copy h1 em{background:linear-gradient(120deg, var(--purple) 15%, var(--coral) 85%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.landing-hero-copy p{max-width:480px;color:var(--muted);margin:0 0 28px;font-size:16px;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.hero-bullets{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;font-size:13px;font-weight:700;list-style:none;display:flex}.hero-bullets li{align-items:center;gap:6px;display:inline-flex}.hero-bullets svg{color:var(--purple)}.landing-hero-preview{flex-direction:column;gap:14px;display:flex}.hero-preview-frame{background:linear-gradient(140deg,#ffffffe6,#ffffff80);border-radius:24px;padding:22px;transition:transform .3s;position:relative;transform:rotate(-1.5deg);box-shadow:0 28px 60px #493c622e}.hero-preview-frame:hover{transform:rotate(0)}.hero-preview-frame:before{content:"";pointer-events:none;background:linear-gradient(140deg,#b482f024,#0000 60%);border-radius:24px;position:absolute;inset:0}.hero-preview-caption{text-align:center;color:var(--muted);flex-direction:column;align-items:center;font-size:13px;display:flex}.hero-preview-caption strong{color:var(--purple-dark);font-size:15px}.landing-gallery{padding:60px 0}.gallery-title{text-align:center;max-width:640px;margin:0 auto 40px}.gallery-title span{color:var(--purple-dark);text-transform:uppercase;letter-spacing:.08em;background:#8069bd1a;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:900;display:inline-flex}.gallery-title h2{color:var(--purple-dark);letter-spacing:-.01em;margin:14px 0 10px;font-size:clamp(28px,3.4vw,40px)}.gallery-title p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.gallery-item{background:#fff;border:1px solid #493c621a;border-radius:20px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.gallery-item:hover{border-color:#8069bd59;transform:translateY(-4px);box-shadow:0 22px 44px #493c621f}.gallery-item.is-active{border-color:var(--purple);box-shadow:0 0 0 3px #8069bd26}.gallery-preview{cursor:pointer;background:linear-gradient(160deg,#fff9,#00000005);border:0;padding:22px;position:relative}.gallery-preview .card-preview{transition:transform .26s;transform:scale(.92)}.gallery-preview:hover .card-preview{transform:scale(.97)}.gallery-preview-hover{color:#fff;opacity:0;background:#1c162adb;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:900;transition:opacity .2s;display:inline-flex;position:absolute;bottom:14px;right:14px}.gallery-preview:hover .gallery-preview-hover{opacity:1}.gallery-copy{padding:16px 18px 20px}.gallery-copy header{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.gallery-copy strong{color:var(--purple-dark);font-size:17px;font-weight:1000}.gallery-copy em{color:var(--purple-dark);text-transform:uppercase;letter-spacing:.08em;background:#8069bd1a;border-radius:999px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:900}.gallery-copy p{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.45}.gallery-actions{gap:8px;display:flex}.gallery-actions .btn{flex:1;justify-content:center}.section-title{text-align:center;margin:0 auto 32px}.section-title span{color:var(--coral);text-transform:uppercase;letter-spacing:.08em;background:#ed756924;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:900;display:inline-flex}.section-title h2{color:var(--purple-dark);margin:12px 0 0;font-size:clamp(26px,3.2vw,36px)}.landing-steps{padding:60px 0}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps-grid li{background:#fff;border:1px solid #493c621a;border-radius:18px;padding:24px}.step-num{background:var(--purple-dark);color:#fff;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;border-radius:999px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:900;display:inline-block}.steps-grid strong{color:var(--purple-dark);margin-bottom:6px;font-size:17px;font-weight:1000;display:block}.steps-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.steps-grid code{color:var(--purple-dark);font-family:var(--font-geist-mono), monospace;background:#8069bd1a;border-radius:5px;padding:1px 6px;font-size:12px}.landing-price{padding:60px 0 80px}.price-card{text-align:center;background:radial-gradient(600px 300px at 100% 0,#ffd25c47,#0000 60%),linear-gradient(#fff,#fbfaf6);border:1px solid #493c621f;border-radius:24px;max-width:520px;margin:0 auto;padding:40px;box-shadow:0 30px 80px #493c621f}.price-eyebrow{color:var(--coral);text-transform:uppercase;letter-spacing:.08em;background:#ed756924;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-block}.price-tag{color:var(--purple-dark);letter-spacing:-.02em;margin:4px 0 8px;font-size:clamp(46px,6vw,62px);font-weight:1000;display:block}.price-card p{max-width:380px;color:var(--muted);margin:0 auto 20px;font-size:14px;line-height:1.55}.price-card ul{text-align:left;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:grid}.price-card li{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.price-card li svg{color:var(--purple);flex-shrink:0}.price-card code{color:var(--purple-dark);font-family:var(--font-geist-mono), monospace;background:#8069bd1a;border-radius:5px;padding:1px 6px;font-size:13px}.landing-footer{color:var(--muted);justify-content:space-between;padding:20px 0 40px;font-size:12px;display:flex}.landing-footer a{color:var(--purple-dark);text-decoration:underline}.preview-modal{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c162ab8;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-modal-body{background:#fff;border-radius:22px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:0;width:min(920px,96vw);max-height:92vh;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 100px #00000059}.preview-modal-close{z-index:2;color:#fff;cursor:pointer;background:#1c162abf;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .12s;display:inline-flex;position:absolute;top:12px;right:12px}.preview-modal-close:hover{background:#1c162af2}.preview-modal-stage{background:radial-gradient(500px 260px at 50% 30%,#ffd25c24,#0000 65%),linear-gradient(160deg,#f6f4f0,#ecebe4);justify-content:center;align-items:center;padding:32px;display:flex;overflow:auto}.preview-modal-stage .card-preview{width:100%;max-width:380px}.preview-modal-side{border-left:1px solid #493c621a;flex-direction:column;gap:20px;padding:28px;display:flex;overflow:auto}.preview-modal-eyebrow{color:var(--purple-dark);text-transform:uppercase;letter-spacing:.1em;background:#8069bd1a;border-radius:999px;margin-bottom:6px;padding:3px 9px;font-size:10px;font-weight:900;display:inline-block}.preview-modal-side h3{color:var(--purple-dark);margin:0 0 6px;font-size:22px;font-weight:1000}.preview-modal-side>div>p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.preview-modal-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:10px;font-weight:900;display:block}.scene-chips{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.scene-chips button{color:var(--muted);cursor:pointer;background:#fff;border:1px solid #493c6226;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;transition:all .12s}.scene-chips button:hover{border-color:var(--purple);color:var(--purple-dark)}.scene-chips button.is-active{border-color:var(--purple);background:var(--purple);color:#fff}.preview-modal-scenes small{color:var(--muted);font-size:11px;font-weight:700}.preview-modal-features ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.preview-modal-features li{color:var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.preview-modal-features svg{color:var(--purple)}.preview-modal-side .btn{justify-content:center;margin-top:auto}@media (width<=900px){.landing-hero{grid-template-columns:1fr;gap:40px;padding:32px 0 48px}.landing-hero-preview{order:-1;max-width:360px;margin:0 auto}.preview-modal-body{grid-template-columns:1fr;max-height:96vh}.preview-modal-side{border-top:1px solid #493c621a;border-left:0;padding:20px}.preview-modal-stage{padding:20px}.preview-modal-stage .card-preview{max-width:280px}}@media (width<=640px){.landing-header nav a:not(.btn){display:none}}.card-preview.template-dreamy{background:0 0,0 0,linear-gradient(160deg,#f0e6ff,#e6f0ff)}.card-preview.template-dreamy:before{content:"";pointer-events:none;background-image:radial-gradient(140% 100% at 20% 0,#ffc8ff80,#0000 60%),radial-gradient(120% 90% at 100% 100%,#a0c8ff8c,#0000 65%);position:absolute;inset:0}.card-preview.template-dreamy .preview-copy h2{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.card-preview.template-dreamy .paper-star{color:#b090e6;animation:5s ease-in-out infinite floatStar}.card-preview.template-dreamy .star-b{animation-delay:-2s}@keyframes floatStar{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(3px,-4px)rotate(180deg)}}.card-preview.template-retro .preview-copy small{font-family:var(--font-geist-mono), monospace;letter-spacing:.15em}.card-preview.template-retro .preview-copy h2{letter-spacing:-.01em;text-transform:uppercase;font-weight:900}.card-preview.template-retro .preview-photos{background:#fffaf1;border:4px solid #c5623a;transform:rotate(-2deg)}.card-preview.template-retro .paper-star{color:#c5623a}.card-preview.template-minimal{background:#fff;border:1px solid #1a1a1a}.card-preview.template-minimal .preview-copy{text-align:left;width:auto;bottom:10%;left:8%;right:8%}.card-preview.template-minimal .preview-copy small{color:#1a1a1a;font-family:var(--font-geist-mono), monospace;letter-spacing:.2em}.card-preview.template-minimal .preview-copy h2{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.card-preview.template-minimal .preview-copy p{color:#666}.card-preview.template-minimal .preview-photos{background:#f5f4f0;border:0;border-radius:0;transform:none}.card-preview.template-minimal .preview-photos img{border:0}.card-preview.template-minimal .paper-star{display:none}.card-preview.template-minimal>.mascot{filter:grayscale(.65);width:32%;height:34%;bottom:-4%;left:-2%}.card-preview.template-boho{background-color:#f2e4d3;background-image:radial-gradient(circle at 50% 100%,#fdf7ef 0% 40%,#0000 41%),radial-gradient(#a2593a24 1.5px,#0000 1.5px);background-position:0 0,0 0;background-size:100% 100%,18px 18px}.card-preview.template-boho .preview-copy h2{font-family:Georgia,Times New Roman,serif;font-weight:400}.card-preview.template-boho .preview-photos{background:#fdf7ef;border:3px solid #a2593a;border-radius:200px 200px 12px 12px;transform:none}.card-preview.template-boho .paper-star{color:#a2593a}.card-preview.template-elegant{background-image:repeating-linear-gradient(90deg,#ffffff7a 0 11px,#0000 11px 23px),radial-gradient(#b953760f 2px,#0000 2px);background-size:auto,22px 22px}.card-preview.template-elegant .preview-copy h2{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500}.card-preview.template-elegant .preview-photos{border-color:#b9537666;border-radius:200px 200px 8px 8px;transform:rotate(0)}.card-preview.template-party{background-image:repeating-conic-gradient(#e45f570f 0deg 8deg,#0000 8deg 16deg)}.card-preview.template-party .preview-copy h2{letter-spacing:-.02em;font-weight:1000}.card-preview.template-party .paper-star{animation:1.5s ease-in-out infinite partyPulse}@keyframes partyPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.35)}}.card-preview.template-cute{background-image:radial-gradient(#8069bd29 2px,#0000 2.5px),repeating-linear-gradient(90deg,#ffffff7a 0 11px,#0000 11px 23px);background-position:0 0,0 0;background-size:24px 24px,auto}.gallery-item.mood-playful .gallery-copy em{color:#8f6b0f;background:#ffd25c3d}.gallery-item.mood-romantic .gallery-copy em{color:#a03d63;background:#f1b4c659}.gallery-item.mood-festive .gallery-copy em{color:#2d5c4a;background:#b9e7d080}.gallery-item.mood-editorial .gallery-copy em{color:#1a1a1a;background:#1a1a1a14}.gallery-item.mood-cozy .gallery-copy em{color:#7a3a1a;background:#c5623a2e}@keyframes recipientFloat{0%,to{transform:translate(0)}50%{transform:translateY(-8px)}}@keyframes recipientPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.recipient-experience.template-cute{background-image:radial-gradient(#8069bd29 2px,#0000 2.5px),repeating-linear-gradient(90deg,#ffffff7a 0 14px,#0000 14px 29px);background-size:28px 28px,auto}.recipient-experience.template-elegant{background-image:radial-gradient(#b9537617 2px,#0000 2px),repeating-linear-gradient(90deg,#ffffff7a 0 14px,#0000 14px 29px);background-size:26px 26px,auto}.recipient-experience.template-elegant .envelope-scene h1,.recipient-experience.template-elegant .cover-copy h1,.recipient-experience.template-elegant .memories-scene header h1,.recipient-experience.template-elegant .letter-scene header h1,.recipient-experience.template-elegant .music-scene h1,.recipient-experience.template-elegant .countdown-scene h1,.recipient-experience.template-elegant .finale-scene h1,.recipient-experience.template-elegant .gift-scene h1{letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500}.recipient-experience.template-elegant .cover-photo{background:#fff5f7;border:2px solid #b9537666;border-radius:320px 320px 8px 8px;transform:none}.recipient-experience.template-elegant .memory-grid img{border-radius:80px 80px 6px 6px}.recipient-experience.template-party{background-image:repeating-conic-gradient(#e45f570d 0deg 12deg,#0000 12deg 24deg);background-color:var(--card-bg)}.recipient-experience.template-party .envelope-scene h1,.recipient-experience.template-party .cover-copy h1,.recipient-experience.template-party .music-scene h1,.recipient-experience.template-party .finale-scene h1{letter-spacing:-.03em;text-transform:uppercase;font-weight:1000}.recipient-experience.template-party .music-play{animation:1.8s ease-in-out infinite recipientPulse;box-shadow:0 0 #e45f5766}.recipient-experience.template-party .gift-grid>button:hover .mascot{animation:.9s ease-in-out infinite recipientFloat}.recipient-experience.template-collage{background-image:linear-gradient(#4f78b80f 1px,#0000 1px),linear-gradient(90deg,#4f78b80f 1px,#0000 1px);background-size:32px 32px;background-color:var(--card-bg)}.recipient-experience.template-collage .cover-photo{background:#fff;border:1px solid #4f78b84d;border-radius:0;padding:12px;transform:none}.recipient-experience.template-collage .cover-photo img{border:0}.recipient-experience.template-collage .memory-grid img{border:1px solid #4f78b840;border-radius:0;padding:4px;transform:none}.recipient-experience.template-collage .memory-grid img:hover{transform:scale(1.02)}.recipient-experience.template-dreamy{background-color:#0000;background-image:radial-gradient(120% 80% at 15% 0,#ffc8ff8c,#0000 60%),radial-gradient(140% 90% at 100% 100%,#a0c8ff8c,#0000 65%),radial-gradient(80% 60%,#ffdcff59,#0000 70%),linear-gradient(160deg,#f0e6ff,#e6f0ff);background-attachment:fixed}.recipient-experience.template-dreamy .envelope-scene h1,.recipient-experience.template-dreamy .cover-copy h1,.recipient-experience.template-dreamy .memories-scene header h1,.recipient-experience.template-dreamy .letter-scene header h1,.recipient-experience.template-dreamy .music-scene h1,.recipient-experience.template-dreamy .countdown-scene h1,.recipient-experience.template-dreamy .finale-scene h1,.recipient-experience.template-dreamy .gift-scene h1{letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.recipient-experience.template-dreamy .cover-photo{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;border:0;border-radius:220px 220px 22px 22px;padding:18px;transform:rotate(-1deg);box-shadow:0 24px 60px #7a5cc638}.recipient-experience.template-dreamy .memory-grid img{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffbf;border:0;border-radius:12px;padding:6px}.recipient-experience.template-dreamy .envelope{background:linear-gradient(160deg,#fbf7ff,#f0e6ff);border-color:#7a5cc659}.recipient-experience.template-dreamy .music-play{background:linear-gradient(135deg,#b48fff,#7a5cc6);box-shadow:0 12px 30px #7a5cc659}.recipient-experience.template-dreamy .letter-scene>article{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffbf;border-color:#7a5cc633}.recipient-experience.template-retro{background-color:#f6e7cf;background-image:repeating-linear-gradient(45deg,#c5623a14 0 14px,#0000 14px 30px)}.recipient-experience.template-retro .envelope-scene h1,.recipient-experience.template-retro .cover-copy h1,.recipient-experience.template-retro .memories-scene header h1,.recipient-experience.template-retro .letter-scene header h1,.recipient-experience.template-retro .music-scene h1,.recipient-experience.template-retro .countdown-scene h1,.recipient-experience.template-retro .finale-scene h1,.recipient-experience.template-retro .gift-scene h1{text-transform:uppercase;letter-spacing:-.01em;font-weight:900}.recipient-experience.template-retro .envelope-scene>p,.recipient-experience.template-retro .countdown-scene>small,.recipient-experience.template-retro .music-scene>small,.recipient-experience.template-retro .finale-scene>small,.recipient-experience.template-retro .memories-scene header small,.recipient-experience.template-retro .letter-scene header small{font-family:var(--font-geist-mono), monospace;letter-spacing:.15em}.recipient-experience.template-retro .cover-photo{background:#fffaf1;border:5px solid #c5623a;border-radius:4px;padding:22px 22px 42px;transform:rotate(-2deg)}.recipient-experience.template-retro .memory-grid img{background:#fffaf1;border:3px solid #c5623a;border-radius:0}.recipient-experience.template-retro .envelope{background:#fffaf1;border:3px dashed #c5623a}.recipient-experience.template-retro .music-play{background:#c5623a;border:3px solid #5c3a20}.recipient-experience.template-minimal{background-color:#f5f4f0;background-image:none}.recipient-experience.template-minimal .envelope-scene h1,.recipient-experience.template-minimal .cover-copy h1,.recipient-experience.template-minimal .memories-scene header h1,.recipient-experience.template-minimal .letter-scene header h1,.recipient-experience.template-minimal .music-scene h1,.recipient-experience.template-minimal .countdown-scene h1,.recipient-experience.template-minimal .finale-scene h1,.recipient-experience.template-minimal .gift-scene h1{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.recipient-experience.template-minimal .envelope-scene>p,.recipient-experience.template-minimal .countdown-scene>small,.recipient-experience.template-minimal .music-scene>small,.recipient-experience.template-minimal .finale-scene>small,.recipient-experience.template-minimal .memories-scene header small,.recipient-experience.template-minimal .letter-scene header small{color:#1a1a1a;font-family:var(--font-geist-mono), monospace;letter-spacing:.2em}.recipient-experience.template-minimal .cover-photo{background:0 0;border:0;border-radius:0;padding:0;transform:none}.recipient-experience.template-minimal .memory-grid img{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;transform:none}.recipient-experience.template-minimal .memory-grid img:hover{transform:scale(1.02)}.recipient-experience.template-minimal .envelope{box-shadow:none;background:#fff;border:1px solid #1a1a1a;border-radius:0}.recipient-experience.template-minimal .music-play{background:#1a1a1a}.recipient-experience.template-minimal .letter-scene>article{box-shadow:none;background:#fff;border:1px solid #1a1a1a;border-radius:0}.recipient-experience.template-minimal .gift-grid>button{background:#fff;border:1px solid #1a1a1a;border-radius:0}.recipient-experience.template-minimal .story-progress span.active{background:#1a1a1a}.recipient-experience.template-boho{background-color:#f2e4d3;background-image:radial-gradient(#a2593a29 1.8px,#0000 1.8px);background-size:22px 22px}.recipient-experience.template-boho .envelope-scene h1,.recipient-experience.template-boho .cover-copy h1,.recipient-experience.template-boho .memories-scene header h1,.recipient-experience.template-boho .letter-scene header h1,.recipient-experience.template-boho .music-scene h1,.recipient-experience.template-boho .countdown-scene h1,.recipient-experience.template-boho .finale-scene h1,.recipient-experience.template-boho .gift-scene h1{letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;font-weight:400}.recipient-experience.template-boho .cover-photo{background:#fdf7ef;border:4px solid #a2593a;border-radius:260px 260px 12px 12px;padding:22px;transform:none}.recipient-experience.template-boho .memory-grid img{background:#fdf7ef;border:2px solid #a2593a59;border-radius:100px 100px 8px 8px}.recipient-experience.template-boho .envelope{background:#fdf7ef;border:3px solid #a2593a;border-radius:120px 120px 8px 8px}.recipient-experience.template-boho .music-play{background:#a2593a}.recipient-experience.template-boho .letter-scene>article{background:#fdf7ef;border:1px solid #a2593a4d}.recipient-experience.template-boho .gift-grid>button{border-color:#a2593a4d;border-radius:60px 60px 8px 8px}@media (width<=640px){.recipient-experience.template-elegant .cover-photo,.recipient-experience.template-dreamy .cover-photo,.recipient-experience.template-boho .cover-photo{height:380px}}.creator-layout[class*=template-] .creator-workspace{background-color:color-mix(in srgb, var(--card-bg) 60%, #fbfaf6);background-image:repeating-linear-gradient(90deg,#ffffff8c 0 14px,#0000 14px 29px);transition:background-color .26s}.creator-layout[class*=template-] .workspace-title span{color:var(--card-accent)}.creator-layout[class*=template-] .workspace-title h1{color:var(--card-text)}.creator-layout[class*=template-] .creator-steps>button.active{background:color-mix(in srgb, var(--card-accent) 12%, transparent);color:var(--purple-dark)}.creator-layout[class*=template-] .creator-steps>button.active>span{border-color:var(--card-accent);background:var(--card-accent);color:#fff}.creator-layout[class*=template-] .form-section,.creator-layout[class*=template-] .resume-banner{background:#ffffffeb}.creator-layout[class*=template-] .creator-preview{background:color-mix(in srgb, var(--card-surface) 80%, #fff)}.creator-layout.template-elegant .creator-workspace{background-image:radial-gradient(#b953760d 2px,#0000 2px),repeating-linear-gradient(90deg,#ffffff8c 0 14px,#0000 14px 29px);background-size:24px 24px,auto}.creator-layout.template-elegant .workspace-title h1{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500}.creator-layout.template-party .creator-workspace{background-image:repeating-conic-gradient(#e45f570d 0deg 12deg,#0000 12deg 24deg)}.creator-layout.template-party .workspace-title h1{letter-spacing:-.02em;font-weight:1000}.creator-layout.template-collage .creator-workspace{background-image:linear-gradient(#4f78b80d 1px,#0000 1px),linear-gradient(90deg,#4f78b80d 1px,#0000 1px);background-size:32px 32px}.creator-layout.template-dreamy .workspace-title h1{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.creator-layout.template-dreamy .creator-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-left-color:#7a5cc62e}.creator-layout.template-retro .workspace-title span{font-family:var(--font-geist-mono), monospace;letter-spacing:.15em}.creator-layout.template-retro .workspace-title h1{text-transform:uppercase;letter-spacing:-.01em;font-weight:900}.creator-layout.template-minimal .workspace-title span{color:#1a1a1a;font-family:var(--font-geist-mono), monospace;letter-spacing:.2em}.creator-layout.template-minimal .workspace-title h1{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.creator-layout.template-minimal .creator-steps>button.active{color:#1a1a1a;background:#1a1a1a0f}.creator-layout.template-minimal .creator-steps>button.active>span{background:#1a1a1a;border-color:#1a1a1a}.creator-layout.template-minimal .creator-preview{background:#fff;border-left-color:#1a1a1a}.creator-layout.template-boho .workspace-title h1{font-family:Georgia,Times New Roman,serif;font-weight:400}.creator-layout[class*=template-] .step-mascot{border-bottom-color:color-mix(in srgb, var(--card-accent) 25%, var(--line))}.creator-layout[class*=template-] .step-mascot strong{color:var(--card-text)}.story-share-trigger{border:1px solid var(--purple,#8069bd);min-height:40px;color:var(--purple-dark,#493c62);font:inherit;cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:1000;display:inline-flex}.story-share-trigger:hover{background:#f4f1f7}.story-share-trigger.primary{background:var(--purple,#8069bd);color:#fff;min-height:45px}.story-share-trigger.primary:hover{background:#6d57ac}.story-share-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f1630a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.story-share-dialog{width:min(100%,820px);max-height:min(760px,100dvh - 48px);color:var(--purple-dark,#493c62);background:#fffdf9;border:1px solid #ffffff4d;border-radius:20px;overflow:auto;box-shadow:0 30px 90px #180f2a5c}.story-share-dialog>header{z-index:2;border-bottom:1px solid var(--line,#e8e2ec);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf9f5;justify-content:space-between;align-items:center;gap:16px;padding:19px 22px;display:flex;position:sticky;top:0}.story-share-dialog>header small{color:var(--purple,#8069bd);letter-spacing:.14em;font-size:9px;font-weight:1000}.story-share-dialog>header h2{margin:2px 0 0;font-size:24px}.story-share-body{grid-template-columns:260px minmax(0,1fr);align-items:center;gap:28px;padding:24px;display:grid}.story-share-preview{aspect-ratio:9/16;background:linear-gradient(145deg,#f4effc,#fff4ad);border:1px solid #493c6229;border-radius:18px;place-items:center;width:260px;display:grid;overflow:hidden;box-shadow:0 16px 38px #493c622b}.story-share-preview img{object-fit:cover;width:100%;height:100%}.story-share-preview>span{color:var(--muted,#6a5f80);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px;font-size:10px;font-weight:900;display:flex}.story-share-copy>strong{font-size:19px;display:block}.story-share-copy>p{color:var(--muted,#6a5f80);margin:7px 0 15px;font-size:12px;line-height:1.6}.story-share-copy>ol{gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.story-share-copy>ol li{align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.story-share-copy>ol span{width:25px;height:25px;color:var(--purple,#8069bd);background:#eee9f6;border-radius:50%;place-items:center;font-size:10px;display:grid}.story-share-feedback,.story-share-error{border-radius:7px;align-items:flex-start;gap:6px;padding:9px 11px;font-weight:800;display:flex;margin:0 0 12px!important;font-size:10px!important}.story-share-feedback{background:#edf8f2;color:#347961!important}.story-share-error{background:#fff1f0;color:#9d3f38!important}.story-share-actions{flex-wrap:wrap;gap:8px;display:flex}.story-share-actions>button{border:1px solid var(--line,#e8e2ec);min-height:42px;color:var(--purple-dark,#493c62);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:10px;font-weight:1000;display:inline-flex}.story-share-actions>button.primary{border-color:var(--purple,#8069bd);background:var(--purple,#8069bd);color:#fff}.story-share-actions>button:disabled{opacity:.5;cursor:wait}.finale-story-share{border:1px dashed color-mix(in srgb, var(--card-accent) 40%, transparent);background:#ffffff8c;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:11px;padding:10px;display:flex}.finale-story-share .story-share-trigger{border-color:var(--card-accent);background:var(--card-accent);color:#fff}.finale-story-share>small{color:var(--card-text);opacity:.7;font-size:9px;font-weight:800}.dashboard-share-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.reaction-summary .dashboard-share-actions>button{width:auto;min-height:34px;margin:0;padding:0 9px}@media (width<=640px){.story-share-backdrop{align-items:end;padding:0}.story-share-dialog{border-radius:20px 20px 0 0;max-height:92dvh}.story-share-dialog>header{padding:15px 16px}.story-share-body{grid-template-columns:110px minmax(0,1fr);align-items:start;gap:14px;padding:16px}.story-share-preview{border-radius:10px;width:110px;position:sticky;top:78px}.story-share-copy>strong{font-size:15px}.story-share-copy>p{font-size:10px}.story-share-actions{grid-template-columns:1fr;display:grid}.story-share-actions>button{width:100%}.finale-story-share{flex-direction:column}.finale-story-share .story-share-trigger{width:100%}.dashboard-share-actions{justify-content:flex-end;width:100%;margin:2px 0 0}.reaction-summary .dashboard-share-actions>button{width:auto}}.cake-scene{text-align:center;flex-direction:column;align-items:center;width:min(100%,760px);animation:.62s cubic-bezier(.2,.86,.24,1) both cakeSceneIn;display:flex;position:relative}.cake-scene:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(55% 45% at 50% 52%,#170c2338,#170c2314 55%,#0000 78%);position:absolute;inset:-8% -12%}.cake-scene>*{z-index:1;position:relative}.cake-scene:after{content:"";z-index:0;border:3px solid var(--card-accent);opacity:0;pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.4)}.cake-scene.is-blown:after{animation:1.4s cubic-bezier(.16,.84,.44,1) both cakeWishHalo}.cake-scene>small{color:var(--card-accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:1000}.cake-scene>h1{max-width:680px;color:var(--card-text);letter-spacing:-.045em;margin:6px 0 0;font-size:clamp(29px,5vw,54px);line-height:.98}.birthday-cake{filter:drop-shadow(0 24px 30px #22142f2b);flex:0 0 300px;width:350px;height:300px;margin:2px auto 0;position:relative}.cake-art,.cake-candles,.cake-layer,.cake-frosting,.cake-plate{display:block;position:absolute}.cake-art{animation:2.8s ease-in-out infinite cakeFloat;inset:0}.cake-plate{border:2px solid color-mix(in srgb, var(--card-accent) 25%, white);background:color-mix(in srgb, var(--theme-panel-solid) 82%, white);height:30px;box-shadow:inset 0 -8px 0 color-mix(in srgb, var(--card-accent) 11%, transparent);border-radius:50%;bottom:10px;left:18px;right:18px}.cake-layer{left:50%;overflow:hidden;transform:translate(-50%)}.cake-layer:before{content:"";opacity:.7;background:repeating-linear-gradient(90deg,#ffffffd1 0 13px,#0000 13px 25px);border-radius:999px;height:5px;position:absolute;inset:17px 15px auto}.cake-layer-top{background:color-mix(in srgb, var(--card-accent) 58%, #ffcad7);border-radius:14px 14px 25px 25px;width:224px;height:69px;bottom:112px;box-shadow:inset 0 -14px #4f1d361a}.cake-layer-bottom{background:color-mix(in srgb, var(--card-accent) 76%, #ce6e86);border-radius:17px 17px 33px 33px;width:276px;height:94px;bottom:30px;box-shadow:inset 0 -17px #471e3321}.cake-frosting{z-index:3;background:#fff6dd;border-radius:50% 50% 16px 16px;width:224px;height:30px;bottom:166px;left:50%;transform:translate(-50%);box-shadow:inset 0 -6px #f0aa7e26}.cake-frosting>i{background:#fff6dd;border-radius:0 0 14px 14px;width:23px;height:30px;position:absolute;bottom:-18px}.cake-frosting>i:first-child{height:24px;left:19px}.cake-frosting>i:nth-child(2){height:36px;left:57px}.cake-frosting>i:nth-child(3){height:27px;left:102px}.cake-frosting>i:nth-child(4){height:34px;right:55px}.cake-frosting>i:nth-child(5){height:22px;right:18px}.cake-candles{z-index:5;height:72px;bottom:190px;left:72px;right:72px}.cake-candle{background:repeating-linear-gradient(-45deg, #fff 0 6px, color-mix(in srgb, var(--card-accent) 76%, #ff7e9d) 6px 12px);border:2px solid #4c2a4921;border-radius:8px 8px 3px 3px;width:13px;height:53px;position:absolute;bottom:0;box-shadow:0 4px 9px #391d3721}.cake-candle.candle-1{height:42px;left:5%;transform:rotate(-3deg)}.cake-candle.candle-2{height:57px;left:27%;transform:rotate(2deg)}.cake-candle.candle-3{height:64px;left:48%;transform:rotate(-1deg)}.cake-candle.candle-4{height:55px;left:69%;transform:rotate(3deg)}.cake-candle.candle-5{height:43px;left:91%;transform:rotate(-2deg)}.candle-flame,.candle-smoke{display:block;position:absolute;left:50%;transform:translate(-50%)}.candle-flame{transform-origin:50% 100%;background:#ff9a2f;border-radius:52% 48% 48% 52%/68% 68% 32% 32%;width:17px;height:25px;animation:.92s ease-in-out infinite alternate candleFlicker;top:-27px;box-shadow:inset 0 -8px #ffd84c,0 0 16px 4px #ff992d94}.cake-candle:nth-child(2n) .candle-flame{animation-delay:-430ms}.cake-scene.is-listening .candle-flame{animation-duration:calc(.36s - var(--blow-level,0) * .22s);box-shadow:inset 0 -8px 0 #ffd84c, 0 0 calc(22px + var(--blow-level,0) * 22px) calc(7px + var(--blow-level,0) * 5px) rgba(255, 153, 45, calc(.72 + var(--blow-level,0) * .24))}.candle-smoke{opacity:0;border:2px solid #0000;border-top-color:#5145596b;border-radius:50%;width:7px;height:22px;top:-25px}.cake-tap-target{z-index:8;cursor:pointer;background:0 0;border:0;border-radius:38%;padding:0;position:absolute;inset:20px 8px 2px}.cake-tap-target:disabled{opacity:0;cursor:default}.cake-confetti{z-index:12;pointer-events:none;width:1px;height:1px;position:absolute;top:48%;left:50%}.cake-confetti>i{--confetti-x:0px;--confetti-y:-120px;--confetti-rotate:180deg;background:var(--card-accent);opacity:0;border-radius:3px;width:9px;height:16px;position:absolute}.cake-confetti>i:nth-child(3n){background:#ffd84c;border-radius:50%;width:13px;height:13px}.cake-confetti>i:nth-child(3n+1){background:#ff6f91}.cake-confetti>i:first-child{--confetti-x:-155px;--confetti-y:-145px;--confetti-rotate:-250deg}.cake-confetti>i:nth-child(2){--confetti-x:-120px;--confetti-y:-205px;--confetti-rotate:190deg}.cake-confetti>i:nth-child(3){--confetti-x:-78px;--confetti-y:-164px;--confetti-rotate:-160deg}.cake-confetti>i:nth-child(4){--confetti-x:-38px;--confetti-y:-225px;--confetti-rotate:300deg}.cake-confetti>i:nth-child(5){--confetti-x:8px;--confetti-y:-176px;--confetti-rotate:-230deg}.cake-confetti>i:nth-child(6){--confetti-x:53px;--confetti-y:-218px;--confetti-rotate:260deg}.cake-confetti>i:nth-child(7){--confetti-x:96px;--confetti-y:-168px;--confetti-rotate:-190deg}.cake-confetti>i:nth-child(8){--confetti-x:139px;--confetti-y:-202px;--confetti-rotate:310deg}.cake-confetti>i:nth-child(9){--confetti-x:168px;--confetti-y:-128px;--confetti-rotate:-280deg}.cake-confetti>i:nth-child(10){--confetti-x:-176px;--confetti-y:-76px;--confetti-rotate:240deg}.cake-confetti>i:nth-child(11){--confetti-x:-139px;--confetti-y:-112px;--confetti-rotate:-320deg}.cake-confetti>i:nth-child(12){--confetti-x:-93px;--confetti-y:-91px;--confetti-rotate:200deg}.cake-confetti>i:nth-child(13){--confetti-x:87px;--confetti-y:-96px;--confetti-rotate:-210deg}.cake-confetti>i:nth-child(14){--confetti-x:132px;--confetti-y:-105px;--confetti-rotate:270deg}.cake-confetti>i:nth-child(15){--confetti-x:181px;--confetti-y:-64px;--confetti-rotate:-300deg}.cake-confetti>i:nth-child(16){--confetti-x:-111px;--confetti-y:-238px;--confetti-rotate:220deg}.cake-confetti>i:nth-child(17){--confetti-x:113px;--confetti-y:-242px;--confetti-rotate:-260deg}.cake-confetti>i:nth-child(18){--confetti-x:4px;--confetti-y:-248px;--confetti-rotate:340deg}.cake-scene.is-blown .cake-art{animation:.76s cubic-bezier(.17,.84,.44,1) both cakeCelebrate}.cake-scene.is-blown .candle-flame{filter:brightness(1.35)saturate(1.2);animation:.52s cubic-bezier(.4,0,.2,1) both candleOut}.cake-scene.is-blown .candle-smoke{animation:1.7s ease-out .15s both candleSmoke}.cake-scene.is-blown .cake-confetti>i{animation:1.55s cubic-bezier(.14,.72,.34,1) both cakeConfettiBurst}.cake-scene.is-blown .cake-confetti>i:nth-child(2n){animation-delay:70ms}.cake-scene.is-blown .cake-confetti>i:nth-child(3n){animation-delay:.13s}.cake-instructions{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;min-height:82px;display:flex}.cake-instructions p{max-width:480px;color:color-mix(in srgb, var(--card-text) 78%, transparent);margin:0;font-size:13px;font-weight:800}.cake-listening-copy,.cake-wish-copy{justify-content:center;align-items:center;gap:8px;display:inline-flex}.cake-wish-copy{color:var(--card-accent)!important}.blow-meter{border:1px solid color-mix(in srgb, var(--card-accent) 32%, transparent);background:color-mix(in srgb, var(--theme-panel) 72%, transparent);border-radius:999px;width:min(280px,64vw);height:10px;padding:2px;overflow:hidden}.blow-meter>span{border-radius:inherit;background:linear-gradient(90deg, var(--card-accent), #ffd54a);height:100%;transition:width 80ms linear;display:block}.cake-fallback{color:color-mix(in srgb, var(--card-text) 63%, transparent);cursor:pointer;background:0 0;border:0;border-bottom:1px dashed;margin-top:3px;padding:6px 10px;font-size:10px;font-weight:900}@keyframes cakeSceneIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:none}}@keyframes cakeFloat{0%,to{transform:translateY(3px)}50%{transform:translateY(-4px)}}@keyframes candleFlicker{0%{transform:translate(-50%)rotate(-5deg)scale(.92,1.03)}to{transform:translate(-50%)rotate(5deg)scale(1.05,.94)}}@keyframes candleOut{0%{opacity:1;transform:translate(-50%)scale(1)}32%{opacity:1;transform:translate(-50%)scale(1.7,.7)translateY(4px)}60%{opacity:.7;transform:translate(-45%)scale(.55,1.35)translateY(-6px)}to{opacity:0;transform:translate(-50%)scale(.05,.4)translateY(-10px)}}@keyframes cakeWishHalo{0%{opacity:0;border-width:3px;transform:translate(-50%,-50%)scale(.4)}25%{opacity:.55}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(1.7)}}@keyframes candleSmoke{0%{opacity:0;transform:translate(-50%,7px)scale(.5)}25%{opacity:.6}to{opacity:0;transform:translate(-30%,-38px)scale(1.8)}}@keyframes cakeCelebrate{0%{transform:scale(1)}22%{transform:scale(.9)translateY(9px)}52%{transform:scale(1.12)translateY(-12px)rotate(-1.5deg)}74%{transform:scale(.98)translateY(-3px)rotate(1deg)}to{transform:scale(1)translateY(0)rotate(0)}}@keyframes cakeConfettiBurst{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:1}76%{opacity:1}to{opacity:0;transform:translate(var(--confetti-x), var(--confetti-y)) rotate(var(--confetti-rotate))}}@media (width<=640px){.cake-scene>h1{max-width:340px;font-size:clamp(27px,8.5vw,39px)}.birthday-cake{flex-basis:270px;width:300px;height:270px;margin-top:-5px;transform:scale(.9)}.cake-instructions{min-height:76px;margin-top:-10px}.cake-instructions p{max-width:320px;font-size:11px}}@media (height<=700px) and (width<=760px){.birthday-cake{flex-basis:238px;height:238px;margin-top:-20px;transform:scale(.78)}.cake-instructions{margin-top:-17px}}@media (prefers-reduced-motion:reduce){.cake-scene,.cake-art,.candle-flame,.cake-scene.is-blown .cake-art,.cake-scene.is-blown .cake-confetti>i,.cake-scene.is-blown .candle-smoke{animation-duration:1ms!important;animation-iteration-count:1!important}}.admin-shell{color:#24222f;max-width:960px;margin:0 auto;padding:32px 20px 80px;font-family:inherit}.admin-shell .spin{animation:1s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-login{background:#fff;border-radius:14px;flex-direction:column;gap:14px;max-width:420px;margin:60px auto 0;padding:28px;display:flex;box-shadow:0 10px 30px #32285a14}.admin-login h1{align-items:center;gap:8px;margin:0 0 8px;font-size:18px;display:flex}.admin-login label,.admin-create label{flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.admin-login input,.admin-create input{border:1px solid #d8d5e6;border-radius:8px;padding:10px 12px;font-size:16px}.admin-login button,.admin-create button{color:#fff;cursor:pointer;background:#4b3fa5;border:none;border-radius:8px;padding:10px 14px;font-weight:700}.admin-login button:disabled,.admin-create button:disabled{opacity:.6;cursor:not-allowed}.admin-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.admin-header h1{margin:0;font-size:22px}.admin-header small{color:#6a6580}.admin-logout{cursor:pointer;background:#fff;border:1px solid #d8d5e6;border-radius:8px;padding:6px 12px;font-size:13px}.admin-create{background:#f7f5fc;border-radius:12px;margin-bottom:24px;padding:18px 20px}.admin-create h2{margin:0 0 12px;font-size:16px}.admin-create form{grid-template-columns:1fr 2fr 1fr auto;align-items:end;gap:12px;display:grid}@media (width<=640px){.admin-create form{grid-template-columns:1fr}}.admin-list-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-filter{background:#eeebf6;border-radius:8px;gap:4px;padding:3px;display:inline-flex}.admin-filter button{cursor:pointer;color:#4b3fa5;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.admin-filter button.active{background:#fff;font-weight:700}.admin-refresh{cursor:pointer;background:#fff;border:1px solid #d8d5e6;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.admin-list table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;font-size:13px;overflow:hidden;box-shadow:0 4px 16px #32285a0f}.admin-list th,.admin-list td{text-align:left;vertical-align:middle;border-bottom:1px solid #efedf6;padding:10px 12px}.admin-list th{text-transform:uppercase;letter-spacing:.06em;color:#6a6580;background:#f7f5fc;font-size:11px}.admin-empty{color:#6a6580;text-align:center!important;padding:24px!important}.admin-code{cursor:pointer;color:#24222f;background:#faf9fd;border:1px dashed #cfcae0;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-family:inherit;display:inline-flex;position:relative}.admin-code code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.admin-copied{color:#fff;white-space:nowrap;background:#24222f;border-radius:6px;padding:3px 8px;font-size:10px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.admin-error{color:#b3261e;background:#fdecec;border-radius:8px;margin:8px 0;padding:10px 12px;font-size:13px}.publish-flow{background:linear-gradient(135deg,#eef1ff,#f6effc);border:1px solid #dedbf1;border-radius:12px;padding:14px 16px 16px}.publish-flow-title{letter-spacing:.14em;text-transform:uppercase;color:#6a6580;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.publish-flow-steps{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:grid}.publish-flow-steps>li{text-align:center;color:#3e3959;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.publish-flow-steps>li strong{font-size:12px;line-height:1.15;display:block}.publish-flow-steps>li small{color:#6a6580;font-size:10px;line-height:1.2}.publish-flow-steps>li.publish-flow-arrow{color:#a8a2c1}.publish-flow-badge{color:#fff;background:#4b3fa5;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;box-shadow:0 4px 12px #4b3fa540}.publish-flow-badge.accent{background:#f0a832;box-shadow:0 4px 12px #f0a83259}.publish-flow-badge.success{background:#2a9d59;box-shadow:0 4px 12px #2a9d5947}@media (width<=520px){.publish-flow-steps{grid-template-columns:1fr}.publish-flow-steps>li.publish-flow-arrow{justify-self:center;transform:rotate(90deg)}}.publish-step-tag{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#4b3fa5;border-radius:999px;margin-bottom:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.publish-step-tag.muted{color:#4b3fa5;background:#d8d5e6}.publish-or{text-align:center;margin:6px 0 2px;position:relative}.publish-or:before,.publish-or:after{content:"";background:#dedbf1;width:calc(50% - 90px);height:1px;position:absolute;top:50%}.publish-or:before{left:0}.publish-or:after{right:0}.publish-or span{letter-spacing:.04em;color:#6a6580;background:#fff;border-radius:999px;padding:2px 12px;font-size:11px;font-weight:700;display:inline-block}.publish-code{background:#f4f1fb;border:1px dashed #cfc6ea;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.publish-blocked-note{color:#8a5a1b;text-align:center;background:#fdf2e4;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:800;line-height:1.35;display:flex}.publish-code header{flex-direction:column;gap:4px;display:flex}.publish-code header strong{font-size:14px}.publish-code header small{color:#6a6580;font-size:12px;line-height:1.4}.publish-code input{letter-spacing:.06em;text-align:center;background:#fff;border:1px solid #cfc6ea;border-radius:8px;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:16px}.publish-code button{color:#fff;cursor:pointer;background:#4b3fa5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-weight:700;display:inline-flex}.publish-code button:disabled{opacity:.55;cursor:not-allowed}.publish-code-success{color:#1c5a26;background:linear-gradient(140deg,#e7f7ea,#d4f4ff);border:1px solid #b8e6c1;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.publish-code-success-head{align-items:flex-start;gap:10px;display:flex}.publish-code-success-head strong{margin-bottom:2px;font-size:15px;line-height:1.25;display:block}.publish-code-success-head small{color:#2a5a37;font-size:12px;line-height:1.4}.publish-invitation-link{background:#ffffffe6;border:1px dashed #a8d4b0;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.publish-invitation-link.readonly{border-style:solid;border-color:#cfe7d3;padding:12px 14px}.publish-invitation-link span{color:#24222f;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;overflow:hidden}.publish-invitation-cta{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#1c5a26,#2a9d59);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 20px;font-size:15px;font-weight:800;line-height:1.25;animation:2.4s ease-in-out infinite publish-cta-glow;display:inline-flex;box-shadow:0 8px 22px #1c5a2659}.publish-invitation-cta.done{background:linear-gradient(135deg,#2a9d59,#3fb56b);animation:none}@keyframes publish-cta-glow{0%,to{box-shadow:0 8px 22px #1c5a2659}50%{box-shadow:0 12px 32px #2a9d598c}}.publish-invitation-note{color:#7a5710;background:#ffeab280;border-radius:8px;margin:0;padding:8px 12px;font-size:12px;line-height:1.4}.publish-invitation-secondary{flex-wrap:wrap;justify-content:center;gap:4px 14px;padding-top:4px;display:flex}.publish-invitation-secondary a,.publish-invitation-secondary button{color:#2a5a37;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 2px;font-size:12px;font-weight:600;-webkit-text-decoration:underline #2a5a3759;text-decoration:underline #2a5a3759;display:inline-flex}.publish-invitation-secondary a:hover,.publish-invitation-secondary button:hover{text-decoration-color:currentColor}.payment-code-card{color:#5a3d0f;background:linear-gradient(135deg,#fff7e0,#ffe4a3);border-radius:10px;flex-direction:column;gap:6px;margin-top:10px;padding:12px;display:flex}.payment-code-head{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.payment-code-value{background:#ffffffb3;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.payment-code-value code{letter-spacing:.05em;color:#3b2708;flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;font-weight:700}.payment-code-value .icon-button{color:#5a3d0f;cursor:pointer;background:0 0;border:none;padding:4px}.payment-code-card small{color:#6a4a12;font-size:10px;line-height:1.35}.payment-code-card small a{color:#4b3fa5;font-weight:700}.payment-success-receipt{color:#3e3959;background:#4b3fa50f;border-radius:10px;align-self:center;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;display:inline-flex}.payment-success-receipt small{text-transform:uppercase;letter-spacing:.08em;color:#6a6580;margin-bottom:2px;font-size:9px;display:block}.payment-success-receipt code{letter-spacing:.04em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;font-weight:700}.confetti-layer{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-burst{width:0;height:0;position:absolute}.confetti-burst>i{opacity:0;width:7px;height:11px;animation:1.5s cubic-bezier(.16,.72,.34,1) forwards confettiFly;animation-delay:var(--confetti-delay,0s);border-radius:2px;position:absolute;top:-4px;left:-3px}.confetti-burst>i:nth-child(3n){border-radius:50%;width:9px;height:9px}.confetti-burst>i:nth-child(4n){width:6px;height:14px}@keyframes confettiFly{0%{opacity:1;transform:translate(0,0)rotate(0)scale(.6)}35%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-dx,0px), calc(var(--confetti-dy,0px) + 130px), 0) rotate(var(--confetti-rotate,180deg)) scale(1)}}@media (prefers-reduced-motion:reduce){.confetti-layer{display:none}}.recipient-experience.is-locked{place-items:center;min-height:100dvh;padding:24px 18px 40px;display:grid}.locked-scene{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:520px;display:flex}.locked-seal{border:2px solid var(--card-accent);width:58px;height:58px;color:var(--card-accent);background:#ffffffb8;border-radius:50%;place-items:center;animation:2.8s ease-in-out infinite lockedSealPulse;display:grid}.locked-scene .mascot{width:116px;height:auto}.locked-scene small{color:var(--card-text);letter-spacing:.1em;text-transform:uppercase;opacity:.72;font-size:10px;font-weight:900}.locked-scene h1{color:var(--card-text);text-wrap:balance;font-size:26px;line-height:1.25}.locked-note{max-width:38ch;color:var(--card-text);text-align:left;opacity:.86;align-items:baseline;gap:6px;font-size:12px;line-height:1.5;display:inline-flex}.locked-note svg{color:var(--card-accent);flex-shrink:0;transform:translateY(2px)}.locked-scene .countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin-top:6px}.locked-scene .countdown-grid>div{height:84px}.locked-scene .countdown-grid strong{font-size:27px}.locked-preview{border:1px solid color-mix(in srgb, var(--card-text) 26%, transparent);color:var(--card-text);cursor:pointer;opacity:.78;background:0 0;border-radius:999px;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;font-size:11px;font-weight:700;transition:opacity .16s,border-color .16s;display:inline-flex}.locked-preview:hover{border-color:var(--card-accent);opacity:1}@keyframes lockedSealPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--card-accent) 34%, transparent);transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 0 12px #0000}}@media (prefers-reduced-motion:reduce){.locked-seal{animation:none}}.finale-tap-hint{color:var(--card-text);opacity:.6;align-items:center;gap:6px;font-size:11px;display:inline-flex}.finale-tap-hint svg{color:var(--card-accent)}.toggle-field{margin-top:12px}.toggle-switch{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:6px;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;padding:12px;transition:border-color .16s,background .16s;display:grid}.toggle-field.is-on .toggle-switch{border-color:var(--card-accent,var(--purple));background:color-mix(in srgb, var(--card-bg,#fff4ad) 20%, #fff)}.toggle-track{background:#d9d5e4;border-radius:999px;width:40px;height:23px;margin-top:1px;transition:background .18s;display:block;position:relative}.toggle-field.is-on .toggle-track{background:var(--card-accent,var(--purple))}.toggle-thumb{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .18s cubic-bezier(.34,1.4,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1f163347}.toggle-field.is-on .toggle-thumb{transform:translate(17px)}.toggle-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.toggle-copy strong{align-items:center;gap:6px;font-size:12px;display:inline-flex}.toggle-copy strong svg{color:var(--card-accent,var(--purple))}.toggle-copy small{color:var(--muted);font-size:10px;line-height:1.45}@media (prefers-reduced-motion:reduce){.toggle-thumb,.toggle-track{transition:none}}.card-preview.template-cute{background-color:#fff2a8;background-image:radial-gradient(#ff4f8b 1.8px,#0000 1.8px),linear-gradient(90deg,#ffffff57 50%,#0000 50%),linear-gradient(#ffffff57 50%,#0000 50%);background-size:24px 24px,36px 36px,36px 36px}.card-preview.template-cute .preview-photos{background:#fffdf6;border:0;border-radius:18px;padding:6% 6% 12%;top:14%;transform:rotate(-3deg)}.card-preview.template-cute .preview-copy h2{letter-spacing:-.04em;text-shadow:2px 2px #fff;font-weight:1000}.card-preview.template-elegant{background-color:#24142d;background-image:radial-gradient(circle at 82% 12%,#d5aa6840,#0000 26%),radial-gradient(circle at 10% 88%,#84305f59,#0000 34%),linear-gradient(145deg,#33183c,#160d21)}.card-preview.template-elegant .preview-edition,.card-preview.template-elegant .preview-copy small{color:#d5aa68}.card-preview.template-elegant .preview-photos{background:#fff8ef14;border:1px solid #d5aa68b3;border-radius:220px 220px 18px 18px;height:49%;padding:6px;top:11%;left:14%;right:14%;transform:none}.card-preview.template-elegant .preview-photos img{filter:saturate(.82)contrast(1.05);border:0;border-radius:210px 210px 12px 12px}.card-preview.template-elegant .preview-copy{color:#fff3df;width:66%;bottom:8%;right:12%}.card-preview.template-elegant .preview-copy h2,.card-preview.template-elegant .preview-scene-body h2{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-style:normal;font-weight:400}.card-preview.template-party{background-color:#3154e8;background-image:repeating-conic-gradient(from 10deg at 83% 25%, #ffffff1f 0 8deg, transparent 8deg 17deg), linear-gradient(145deg, #3154e8, #2138b7)}.card-preview.template-party .preview-photos{background:#f7ff72;border:4px solid #111b57;border-radius:8px;height:45%;padding:8px;top:12%;left:11%;right:7%;transform:rotate(3deg);box-shadow:10px 10px #ff5a4f}.card-preview.template-party .preview-photos img{border:0;border-radius:2px}.card-preview.template-party .preview-copy{color:#fff}.card-preview.template-party .preview-copy h2{letter-spacing:-.055em;text-transform:uppercase;font-weight:1000}.card-preview.template-collage{background-color:#dcecff;background-image:linear-gradient(#172a551a 1px,#0000 1px),linear-gradient(90deg,#172a551a 1px,#0000 1px),linear-gradient(145deg,#eef6ff,#cfddf4);background-size:22px 22px,22px 22px,auto}.card-preview.template-collage .preview-photos{background:#fffef8;border:2px solid #172a55;border-radius:3px;gap:7px;height:52%;padding:14px;top:12%;left:6%;right:6%;transform:rotate(-1.5deg);box-shadow:9px 9px #ff5c35bf}.card-preview.template-collage .preview-copy h2{font-family:var(--font-geist-mono), monospace;letter-spacing:-.06em;font-size:clamp(15px,2.2vw,27px);font-weight:900}.card-preview.template-dreamy{background-color:#17143e;background-image:radial-gradient(90% 65% at 5% 5%,#c970ff7a,#0000 62%),radial-gradient(85% 60% at 100% 90%,#4affd14d,#0000 65%),linear-gradient(155deg,#211d55,#0d0d29)}.card-preview.template-dreamy:before{opacity:.12}.card-preview.template-dreamy .preview-edition,.card-preview.template-dreamy .preview-copy small{color:#b8ffea}.card-preview.template-dreamy .preview-photos{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff17;border:1px solid #b8ffea80;border-radius:180px 180px 32px 32px;height:48%;padding:8px;top:12%;left:11%;right:11%;transform:none;box-shadow:0 0 50px #b8ffea24}.card-preview.template-dreamy .preview-photos img{border:0;border-radius:170px 170px 25px 25px}.card-preview.template-dreamy .preview-copy{color:#f7f2ff}.card-preview.template-retro{background-color:#f3bd45;background-image:radial-gradient(120% 62% at 50% 108%,#e84b2c 0 25%,#0000 25.5%),radial-gradient(108% 58% at 50% 108%,#6f722e 0 45%,#0000 45.5%),radial-gradient(98% 55% at 50% 108%,#fbe19a 0 65%,#0000 65.5%)}.card-preview.template-retro .preview-photos{background:#fff4d3;border:3px solid #4b2b16;border-radius:4px;padding:8px 8px 13%;top:13%;transform:rotate(-2deg);box-shadow:8px 8px #e84b2c}.card-preview.template-retro .preview-copy h2,.card-preview.template-retro .preview-scene-body h2{letter-spacing:-.055em;text-transform:uppercase;font-weight:1000}.card-preview.template-retro .preview-copy{bottom:7%}.card-preview.template-retro .preview-copy small{color:#e84b2c;background:#fff4d3;margin-bottom:7px;padding:3px 8px;line-height:1.2;display:inline-block;box-shadow:3px 3px #4b2b1629}.card-preview.template-minimal{background-color:#f2f0e9;background-image:linear-gradient(90deg,#0000 33%,#11111121 33% 33.25%,#0000 33.25%),linear-gradient(#0000 67%,#11111121 67% 67.25%,#0000 67.25%);border:1px solid #111;border-radius:0;box-shadow:12px 12px #111}.card-preview.template-minimal .preview-photos{height:48%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;top:10%;left:33%;right:7%;transform:none}.card-preview.template-minimal .preview-copy h2{max-width:78%;font-family:var(--font-nunito), sans-serif;letter-spacing:-.07em;text-transform:uppercase;font-style:normal;font-weight:1000}.card-preview.template-boho{background-color:#efd9bd;background-image:radial-gradient(#3f35271f 1.5px,#0000 1.5px),radial-gradient(70% 45% at 0 100%,#7e8c61b3,#0000 70%);background-size:22px 22px,auto}.card-preview.template-boho .preview-photos{background:#fff7e9;border:2px solid #b64f33;border-radius:230px 230px 18px 18px;height:51%;padding:7px;top:11%;left:14%;right:14%;transform:none}.card-preview.template-boho .preview-photos img{border:0;border-radius:220px 220px 12px 12px}.recipient-experience.template-cute{--theme-panel:#fffdf6cc;--theme-panel-solid:#fffdf6;--theme-panel-ink:#43245d;--theme-button-ink:#fff;background-color:#fff2a8;background-image:radial-gradient(#ff4f8b1f 1.4px,#0000 1.4px),linear-gradient(90deg,#ffffff1f 50%,#0000 50%),linear-gradient(#ffffff1f 50%,#0000 50%);background-size:25px 25px,38px 38px,38px 38px}.recipient-experience.template-cute .cover-photo{background:#fffdf6;border:0;border-radius:24px;padding:22px 22px 58px;transform:rotate(-3deg);box-shadow:12px 14px #ff4f8b4d,0 22px 60px #43245d29}.recipient-experience.template-cute .cover-photo img{border:0;border-radius:14px}.recipient-experience.template-elegant{--theme-panel:#fff8efe0;--theme-panel-solid:#fff8ef;--theme-panel-ink:#3a1e35;--theme-button-ink:#28142d;background-color:#24142d;background-image:radial-gradient(circle at 85% 8%,#d5aa681f,#0000 25%),radial-gradient(circle at 5% 95%,#84305f2e,#0000 34%),linear-gradient(145deg,#2c1934,#1b1123)}.recipient-experience.template-elegant .recipient-toolbar{background:#1f1025b8;border-color:#d5aa6859}.recipient-experience.template-elegant .cover-photo{background:#fff8ef14;border:1px solid #d5aa68bf;border-radius:340px 340px 22px 22px;padding:9px;transform:none;box-shadow:0 28px 80px #00000057}.recipient-experience.template-elegant .cover-photo img{border:0;border-radius:330px 330px 15px 15px}.recipient-experience.template-elegant .cover-copy h1,.recipient-experience.template-elegant .envelope-scene h1,.recipient-experience.template-elegant .countdown-scene h1,.recipient-experience.template-elegant .gift-scene h1,.recipient-experience.template-elegant .memories-scene h1,.recipient-experience.template-elegant .letter-scene h1,.recipient-experience.template-elegant .music-scene h1,.recipient-experience.template-elegant .finale-scene h1{letter-spacing:-.04em;font-style:normal;font-weight:400}.recipient-experience.template-party{--theme-panel:#f7ff72eb;--theme-panel-solid:#f7ff72;--theme-panel-ink:#111b57;--theme-button-ink:#fff;background-color:#3154e8;background-image:repeating-conic-gradient(from 10deg at 84% 23%, #ffffff0b 0 8deg, transparent 8deg 17deg), linear-gradient(145deg, #3154e8, #2138b7)}.recipient-experience.template-party .cover-photo{background:#f7ff72;border:5px solid #111b57;border-radius:8px;padding:12px;transform:rotate(2deg);box-shadow:18px 18px #ff5a4f}.recipient-experience.template-party .cover-photo img{border:0;border-radius:2px}.recipient-experience.template-party .cover-copy h1,.recipient-experience.template-party .envelope-scene h1,.recipient-experience.template-party .countdown-scene h1,.recipient-experience.template-party .gift-scene h1,.recipient-experience.template-party .music-scene h1,.recipient-experience.template-party .finale-scene h1{letter-spacing:-.065em;text-transform:uppercase;font-weight:1000}.recipient-experience.template-collage{--theme-panel:#fffef8e0;--theme-panel-solid:#fffef8;--theme-panel-ink:#172a55;--theme-button-ink:#fff;background-color:#dcecff;background-image:linear-gradient(#172a550b 1px,#0000 1px),linear-gradient(90deg,#172a550b 1px,#0000 1px),linear-gradient(145deg,#eef6ff,#cfddf4);background-size:30px 30px,30px 30px,auto}.recipient-experience.template-collage .cover-photo{background:#fffef8;border:2px solid #172a55;border-radius:3px;padding:18px 18px 52px;transform:rotate(-1.5deg);box-shadow:14px 14px #ff5c35c2}.recipient-experience.template-collage .cover-photo img{border:0;border-radius:0}.recipient-experience.template-collage .memory-grid img{background:#fffef8;border:1px solid #172a55;border-radius:2px;padding:7px 7px 24px;transform:none}.recipient-experience.template-dreamy{--theme-panel:#30255ca8;--theme-panel-solid:#30255c;--theme-panel-ink:#f7f2ff;--theme-button-ink:#17143e;background-color:#17143e;background-image:radial-gradient(85% 65% at 5% 4%,#c970ff47,#0000 62%),radial-gradient(90% 70% at 100% 95%,#4affd12b,#0000 65%),linear-gradient(155deg,#211d55,#0d0d29)}.recipient-experience.template-dreamy .recipient-toolbar{background:#141139a3;border-color:#b8ffea3d}.recipient-experience.template-dreamy .cover-photo{background:#ffffff14;border:1px solid #b8ffea80;border-radius:340px 340px 34px 34px;padding:10px;transform:none;box-shadow:0 0 80px #b8ffea1f,0 28px 80px #00000047}.recipient-experience.template-dreamy .cover-photo img{border:0;border-radius:330px 330px 26px 26px}.recipient-experience.template-dreamy .memory-grid img{background:#ffffff14;border:1px solid #b8ffea52;border-radius:16px;padding:5px}.recipient-experience.template-retro{--theme-panel:#fff4d3e6;--theme-panel-solid:#fff4d3;--theme-panel-ink:#4b2b16;--theme-button-ink:#fff;background-color:#f3bd45;background-image:radial-gradient(120% 64% at 50% 110%,#e84b2c 0 24%,#0000 24.5%),radial-gradient(110% 61% at 50% 110%,#6f722e 0 44%,#0000 44.5%),radial-gradient(100% 58% at 50% 110%,#fbe19a 0 64%,#0000 64.5%)}.recipient-experience.template-retro .cover-photo{background:#fff4d3;border:4px solid #4b2b16;border-radius:4px;padding:18px 18px 54px;transform:rotate(-2deg);box-shadow:14px 14px #e84b2c}.recipient-experience.template-retro .cover-photo img{border:0}.recipient-experience.template-retro .gift-grid>button{border:3px solid #4b2b16;border-radius:8px;box-shadow:7px 7px #e84b2cb3}.recipient-experience.template-minimal{--theme-panel:#ffffffeb;--theme-panel-solid:#fff;--theme-panel-ink:#111;--theme-button-ink:#fff;background-color:#f2f0e9;background-image:linear-gradient(90deg,#0000 33%,#1111110e 33% 33.1%,#0000 33.1%),linear-gradient(#0000 67%,#1111110e 67% 67.1%,#0000 67.1%)}.recipient-experience.template-minimal .recipient-toolbar{box-shadow:none;background:#f2f0e9eb;border:1px solid #111;border-radius:0}.recipient-experience.template-minimal .cover-photo{background:0 0;border:0;border-radius:0;padding:0;transform:none;box-shadow:14px 14px #ff3d20}.recipient-experience.template-minimal .cover-photo img{border:0;border-radius:0}.recipient-experience.template-minimal .cover-copy h1,.recipient-experience.template-minimal .envelope-scene h1,.recipient-experience.template-minimal .countdown-scene h1,.recipient-experience.template-minimal .gift-scene h1,.recipient-experience.template-minimal .music-scene h1,.recipient-experience.template-minimal .finale-scene h1{font-family:var(--font-nunito), sans-serif;letter-spacing:-.07em;text-transform:uppercase;font-style:normal;font-weight:1000}.recipient-experience.template-minimal .envelope,.recipient-experience.template-minimal .gift-grid>button,.recipient-experience.template-minimal .countdown-grid>div,.recipient-experience.template-minimal .letter-scene>article,.recipient-experience.template-minimal .reaction-row button,.recipient-experience.template-minimal .guestbook-form{border:1px solid #111;border-radius:0;box-shadow:7px 7px #111}.recipient-experience.template-boho{--theme-panel:#fff7e9db;--theme-panel-solid:#fff7e9;--theme-panel-ink:#3f3527;--theme-button-ink:#fff;background-color:#efd9bd;background-image:radial-gradient(#3f35270e 1.3px,#0000 1.3px),radial-gradient(72% 48% at 0 100%,#7e8c616b,#0000 70%);background-size:23px 23px,auto}.recipient-experience.template-boho .cover-photo{background:#fff7e9;border:2px solid #b64f33;border-radius:350px 350px 26px 26px;padding:10px;transform:none;box-shadow:0 28px 70px #3f35272e}.recipient-experience.template-boho .cover-photo img{border:0;border-radius:340px 340px 18px 18px}.recipient-experience.template-boho .memory-grid img{border:2px solid #b64f3352;border-radius:120px 120px 18px 18px}.creator-layout.template-cute .creator-workspace{background-color:#fff8ca;background-image:radial-gradient(#ff4f8b29 1.5px,#0000 1.5px);background-size:24px 24px}.creator-layout.template-elegant .creator-workspace{background-color:#24142d;background-image:radial-gradient(circle at 90% 10%,#d5aa682e,#0000 28%)}.creator-layout.template-party .creator-workspace{background-color:#3154e8;background-image:repeating-conic-gradient(from 10deg at 85% 20%, #ffffff14 0 8deg, transparent 8deg 17deg)}.creator-layout.template-collage .creator-workspace{background-color:#eaf3ff;background-image:linear-gradient(#172a5514 1px,#0000 1px),linear-gradient(90deg,#172a5514 1px,#0000 1px);background-size:28px 28px}.creator-layout.template-dreamy .creator-workspace{background-color:#17143e;background-image:radial-gradient(85% 65% at 5% 4%,#c970ff4d,#0000 62%),radial-gradient(90% 70% at 100% 95%,#4affd12e,#0000 65%)}.creator-layout.template-retro .creator-workspace{background-color:#f7cf70;background-image:radial-gradient(100% 45% at 50% 110%,#e84b2c52,#0000 65%)}.creator-layout.template-minimal .creator-workspace{background-color:#f2f0e9;background-image:linear-gradient(90deg,#0000 33%,#11111117 33% 33.1%,#0000 33.1%)}.creator-layout.template-boho .creator-workspace{background-color:#efd9bd;background-image:radial-gradient(#3f35271f 1.5px,#0000 1.5px);background-size:23px 23px}.creator-layout.template-elegant .workspace-title h1,.creator-layout.template-elegant .workspace-title span,.creator-layout.template-party .workspace-title h1,.creator-layout.template-party .workspace-title span,.creator-layout.template-dreamy .workspace-title h1,.creator-layout.template-dreamy .workspace-title span{color:var(--card-text)}@media (width<=760px){.recipient-experience .cover-copy>small{margin-bottom:5px;line-height:1.2;display:inline-block}.recipient-experience.template-party .cover-photo{box-shadow:10px 10px #ff5a4f}.recipient-experience.template-collage .cover-photo{box-shadow:8px 8px #ff5c35}.recipient-experience.template-retro .cover-photo{box-shadow:8px 8px #e84b2c}.recipient-experience.template-minimal .cover-photo{box-shadow:8px 8px #ff3d20}.recipient-experience .screen-cover{min-height:100svh;padding-bottom:max(18px, env(safe-area-inset-bottom))}.recipient-experience .cover-scene{gap:clamp(10px,2.2svh,18px);min-width:0;height:auto;min-height:calc(100svh - 94px)}.recipient-experience .cover-photo,.recipient-experience.template-elegant .cover-photo,.recipient-experience.template-dreamy .cover-photo,.recipient-experience.template-boho .cover-photo{flex:0 auto;min-width:0;height:clamp(260px,44svh,350px)}.recipient-experience .cover-copy{min-width:0;max-width:100%}.recipient-experience .cover-copy h1{overflow-wrap:anywhere;max-width:min(100%,390px)}.recipient-experience .cover-photo img{max-width:100%}}@media (width<=760px) and (height<=700px){.recipient-experience .cover-photo,.recipient-experience.template-elegant .cover-photo,.recipient-experience.template-dreamy .cover-photo,.recipient-experience.template-boho .cover-photo{height:clamp(225px,39svh,285px)}.recipient-experience .cover-scene>.mascot{opacity:.88;width:105px;height:130px}}