:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#382746;--purple:#5c387b;--muted:#6c5c74;--line:#e4dbe7;--paper:#fffdf9;--plum:#4a2867;--lilac:#ead8f4}*{box-sizing:border-box}body{color:var(--ink);background:#f8f4ee;margin:0;font:16px/1.5 Nunito,system-ui,sans-serif}a{color:var(--purple);text-underline-offset:.18em}img{max-width:100%;display:block}button,input,textarea{font:inherit}button,.file-button{cursor:pointer}button:disabled,fieldset:disabled .file-button{cursor:default;opacity:.58}:focus-visible{outline-offset:3px;outline:3px solid #a14aab}.site-header{border-bottom:1px solid var(--line);background:#fffdf9}.site-header nav{justify-content:space-between;align-items:center;gap:16px;max-width:1160px;margin:auto;padding:14px 24px;display:flex}.brand img{width:min(168px,34vw)}.nav-links{gap:clamp(12px,3vw,30px);display:flex}.nav-links a{font-size:.92rem;font-weight:750;text-decoration:none}.workspace{max-width:1160px;margin:auto;padding:clamp(25px,5vw,54px) clamp(16px,4vw,40px) 56px}.workspace-head{margin-bottom:24px}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.045em;line-height:1.05}h1{margin-bottom:8px;font-size:clamp(2.2rem,6vw,3.5rem)}.workspace-head p{color:var(--muted);margin:0}.editor-grid{grid-template-columns:1.04fr 1fr;align-items:start;gap:clamp(18px,4vw,40px);display:grid}.preview{min-width:0}.section-label{color:var(--muted);margin:0 0 8px 3px;font-size:.86rem;font-weight:800}.postcard{isolation:isolate;background:radial-gradient(at 53% 42%,#fff7e9 1%,#0000 61%),linear-gradient(155deg,#f3dfee,#e0c8f5 78%);border:1px solid #cfb5df;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 45px #583b6c20}.postcard:before{content:"";pointer-events:none;border:1px dashed #79489e55;border-radius:16px;position:absolute;inset:10px}.card-scene{text-align:center;align-content:center;justify-items:center;min-height:500px;padding:30px 20px 24px;animation:.3s both appear;display:grid;position:relative}.dedication{color:#593d68;overflow-wrap:anywhere;margin:0;font-weight:800}.card-scene h2{color:var(--plum);overflow-wrap:anywhere;margin:.14em 0 .16em;font-size:clamp(2.15rem,5vw,3.7rem)}.yessi{object-fit:contain;filter:drop-shadow(0 8px #9d70ad32);width:min(66%,230px);height:275px}.confetti{pointer-events:none;z-index:-1;position:absolute;inset:0}.confetti span{color:#a862b4;font-size:2.15rem;position:absolute}.confetti span:first-child{top:20%;left:9%}.confetti span:nth-child(2){color:#bf641c;top:31%;right:9%}.confetti span:nth-child(3){color:#af512d;bottom:24%;left:10%}.confetti span:nth-child(4){bottom:17%;right:9%}.card-button,.primary,.secondary,.file-button{border-radius:10px;justify-content:center;align-items:center;gap:.5em;min-height:42px;padding:9px 14px;font-size:.89rem;font-weight:800;text-decoration:none;display:inline-flex}.card-button,.primary{background:var(--plum);border:1px solid var(--plum);color:#fff}.card-button:hover,.primary:hover{background:#653e83}.secondary,.file-button{color:var(--plum);background:#fffdf9;border:1px solid #d5c7dd}.secondary:hover,.file-button:hover{background:#f2e7f8}.editor-form{border:1px solid var(--line);background:var(--paper);border-radius:20px;margin-top:29px;padding:clamp(16px,3vw,26px)}fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.names{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{gap:5px;font-weight:800;display:grid}input:not([type=file]),textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #d9cede;border-radius:9px;padding:9px 11px;font-weight:500}textarea{resize:vertical}.attachment{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:13px;display:flex}.attachment small{color:var(--muted);font-size:.82rem;font-weight:500;display:block}.file-button{position:relative}.file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-button:focus-within{outline-offset:3px;outline:3px solid #a14aab}.attached{align-items:center;gap:10px;width:100%;display:flex}.attached img{object-fit:cover;border-radius:8px;width:56px;height:56px}.voice-actions,.form-actions{flex-wrap:wrap;gap:8px;display:flex}.form-actions{margin-top:5px}.test-note{color:var(--muted);margin-top:-8px}.text-button{color:var(--purple);background:0 0;border:0;padding:6px;text-decoration:underline}audio{width:min(100%,300px);min-width:0;display:block}.voice-player{flex-wrap:wrap}.status{color:var(--purple);margin:10px 0 0;font-weight:700}.status:empty{display:none}.sent-result{background:#f2e7f8;border-radius:12px;gap:7px;margin-top:15px;padding:14px;display:grid}.sent-result p{margin-bottom:0}.cake{justify-content:center;gap:18px;width:180px;height:140px;margin:26px auto 14px;display:flex;position:relative}.cake i{background:repeating-linear-gradient(-45deg,#f0a0c4 0 6px,#fff8f0 6px 12px);border-radius:5px;width:13px;height:44px;display:block;position:relative;top:19px}.cake i:before{content:"";background:#f29b22;border-radius:90% 20% 60% 55%;width:11px;height:17px;position:absolute;bottom:calc(100% + 3px);left:1px;rotate:-15deg;box-shadow:0 0 12px #fbc64d}.cake.wish i:before{opacity:0}.cake b{background:repeating-linear-gradient(#b26b56 0 16px,#ffe1a6 16px 21px);border-radius:14px;width:155px;height:65px;position:absolute;bottom:14px}.cake b:last-child{background:#f48caf;width:174px;height:19px;bottom:67px}.card-note{justify-items:center;gap:10px;max-width:100%;display:grid}.card-note h2{font-size:clamp(1.8rem,5vw,3rem)}.card-note p{white-space:pre-wrap;overflow-wrap:anywhere;max-width:35ch;margin:0}.card-photo{object-fit:contain;background:#fff8f6;border:5px solid #fff8f6;border-radius:12px;width:min(100%,280px);height:190px}.note-yessi{object-fit:contain;width:120px;height:145px}.recipient{width:min(100% - 32px,545px);margin:28px auto 50px}.recipient-heading{overflow-wrap:anywhere;margin-bottom:14px;font-size:clamp(1.65rem,4vw,2.2rem)}.recipient-actions{text-align:center;margin-top:20px}.recipient-actions p{margin:8px 0}.library{max-width:790px}.tabs{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.tabs button{border:1px solid var(--line);color:var(--plum);background:#fff;border-radius:9px;padding:9px 12px;font-weight:800}.tabs button[aria-pressed=true]{background:var(--lilac);border-color:#b390c9}.tabs small{margin-left:4px}.library-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.library-list a{border:1px solid var(--line);background:var(--paper);border-radius:12px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:grid}.library-list img{object-fit:contain;width:46px;height:48px}.library-list div span{color:var(--muted);overflow-wrap:anywhere;display:block}.empty{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px}@keyframes appear{0%{opacity:.5;transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.card-scene{animation:none}}@media (max-width:730px){.editor-grid{grid-template-columns:1fr}.editor-form{grid-row:1;margin-top:0}.preview{grid-row:2}.card-scene{min-height:430px}.yessi{height:225px}}.sign-in{max-width:28rem}.sign-in .primary{justify-self:start}