@font-face{font-family:Nunito;src:url('assets/nunito-vietnamese.woff2') format('woff2');font-weight:400 900;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Nunito;src:url('assets/nunito-latin.woff2') format('woff2');font-weight:400 900;font-display:swap}
:root{--paper:#fff9ef;--ink:#514740;--muted:#82746a;--pink:#ed8d9c;--pink-dark:#9b4257;--line:#eaddcd;--blue:#dbeef4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,'Segoe UI',sans-serif;font-size:16px;background-image:radial-gradient(#d6be9d42 .65px,transparent .65px);background-size:8px 8px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #38748b;outline-offset:5px}button{transition:transform .2s,background .2s,box-shadow .2s}button:hover{transform:translateY(-3px)}button:active{transform:translateY(0)}.page-shell{max-width:1352px;margin:auto;padding:0 64px}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:23px;font-weight:900;text-decoration:none;color:var(--ink);letter-spacing:-.7px;display:flex;align-items:center;gap:10px}.brand-flower{color:var(--pink-dark);font-size:35px}.brand-dot{color:var(--pink-dark);margin-left:-9px}.header-note{font-size:14px;color:var(--muted)}.header-note span{font-size:21px;margin-left:9px;color:var(--pink-dark)}.occasion{text-align:center;letter-spacing:2.1px;font-size:12px;font-weight:800;padding-top:36px;color:var(--muted)}.occasion span{color:#b88951;margin:0 12px}.party{display:grid;grid-template-columns:.95fr 1.15fr;align-items:center;gap:22px;padding:47px 0 48px;min-height:590px}.little-tag{display:inline-block;background:#f9e7e5;color:#955366;padding:7px 13px;border-radius:5px;font-size:13px;font-weight:800;transform:rotate(-2deg)}h1{font-size:clamp(46px,4.7vw,66px);line-height:1.14;letter-spacing:-2px;margin:22px 0 22px;font-weight:900}.name{color:var(--pink-dark);font-size:1.3em;position:relative;display:inline-block;margin-top:0}.name:after{content:'';position:absolute;bottom:-3px;left:0;right:30px;height:6px;border-bottom:3px solid #edacb5;border-radius:50%;transform:rotate(-4deg)}.name-star{display:inline-block;vertical-align:top;font-size:47px;margin:10px 0 0 18px;color:#d5a347;font-weight:400}.intro{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 25px}.primary-button{border:1.5px solid #914d5d;border-radius:12px;background:#eda3ae;color:#4a3038;box-shadow:0 4px 0 #914d5d;min-height:54px;padding:12px 23px;display:inline-flex;gap:13px;align-items:center;font-weight:900}.primary-button span:first-child{font-size:23px;line-height:1}.primary-button:hover{background:#f2b5bd;box-shadow:0 7px 0 #914d5d}.under-button{font-size:12px;margin:16px 0 0;color:var(--muted)}.artwork{position:relative;min-width:0;text-align:center;padding-top:17px}.handwritten{font-style:italic;font-size:17px;letter-spacing:.1px;font-weight:700}.art-note{display:inline-block;transform:rotate(5deg);color:#6a8b96;background:#e6f1f2;padding:6px 20px;border-radius:50% 45% 50% 30%}.art-frame{margin:18px -25px 0;mix-blend-mode:multiply}.art-frame img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:3/2}.character-names{display:flex;justify-content:center;gap:18px;margin-top:10px}.character-names span{font-size:12px;padding:5px 13px;border:1px dashed #cbbb9f;border-radius:20px;color:#806b55;transform:rotate(-4deg)}.character-names span:nth-child(2){transform:rotate(3deg);border-color:#9bbbc5;color:#4b7182}.character-names span:last-child{transform:rotate(-3deg);border-color:#d2b974}.art-bottom{display:block;font-size:14px;color:var(--muted);margin-top:22px;transform:rotate(-3deg)}.wish-strip{border:1px solid #d4dfe0;background:#edf3f1;display:flex;align-items:center;gap:24px;padding:25px 30px;border-radius:18px;position:relative}.wish-decoration{color:#8a9e91;font-size:54px;line-height:1}.wish-copy{flex:1}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#657a70;display:block}h2{font-size:23px;line-height:1.4;letter-spacing:-.4px;margin:4px 0 5px}.wish-copy p{margin:0;color:#66776f;font-size:14px}.wish-button{border:1px solid #a7b8ae;background:var(--paper);padding:12px 18px;border-radius:10px;color:#52685d;font-weight:800;white-space:nowrap}.wish-button span{margin-left:12px}.wish-status{min-height:24px;margin:12px 0;text-align:center;color:var(--pink-dark);font-size:14px}footer{display:flex;justify-content:space-between;padding:23px 0 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-heart{color:var(--pink-dark);margin-left:5px;font-size:18px}.skip-link{position:absolute;top:-100px;left:12px;z-index:10;background:white;color:var(--ink);padding:12px}.skip-link:focus{top:12px}dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid #e0cebb;border-radius:18px;padding:38px;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #51363233}dialog::backdrop{background:#44393065;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close-button{position:absolute;right:12px;top:10px;width:40px;height:40px;border:0;background:transparent;font-size:29px;color:var(--muted);border-radius:50%}.letter-flower{display:block;text-align:center;font-size:46px;color:var(--pink-dark);margin-bottom:18px}.letter-content>.eyebrow{text-align:center;font-size:10px;color:var(--muted)}.letter-content h2{font-size:32px;margin:25px 0 16px;color:var(--pink-dark)}.letter-content p{line-height:1.8;font-size:16px}.letter-signature{font-weight:800;color:var(--pink-dark)}.letter-content .primary-button{margin:12px 0 5px;font-size:14px}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}.greeting{animation:arrive .65s ease both}.artwork{animation:arrive .8s .1s ease both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.party{min-height:670px}.page-shell{padding:0 60px}.art-frame{margin-left:-42px;margin-right:-42px}h1{font-size:72px}}
@media(max-width:900px){.page-shell{padding:0 30px}.header{height:88px}.party{gap:0;padding-top:35px}h1{font-size:49px}.art-frame{margin-left:0;margin-right:0}.intro{font-size:15px}.desktop-break{display:none}.wish-strip{gap:16px;padding:23px}.wish-decoration{font-size:40px}.wish-copy h2{font-size:20px}}
@media(max-width:760px){.page-shell{padding:0 22px}.header{height:78px}.wordmark{font-size:20px}.brand-flower{font-size:29px}.header-note{font-size:0}.header-note span{font-size:23px}.occasion{font-size:9px;letter-spacing:1.4px;padding-top:28px}.occasion span{margin:0 5px}.party{grid-template-columns:1fr;padding:31px 0 32px;text-align:center;gap:30px}.little-tag{font-size:11px}h1{font-size:48px;line-height:1.15;margin:18px 0 22px}h1 br:nth-of-type(2){display:none}.name{font-size:1.15em;margin-left:7px}.name-star{font-size:29px;margin:7px 0 0 7px}.name:after{right:17px}.intro{font-size:14px;line-height:1.85;max-width:330px;margin:0 auto 22px}.primary-button{min-height:52px;font-size:14px;padding:11px 20px}.under-button{font-size:11px;margin-top:15px}.artwork{padding-top:4px}.art-note{font-size:14px}.art-frame{margin-top:5px;margin-left:-14px;margin-right:-14px}.character-names{margin-top:2px;gap:12px}.character-names span{font-size:11px;padding:4px 11px}.art-bottom{margin-top:17px;font-size:13px}.wish-strip{display:grid;grid-template-columns:1fr;text-align:center;padding:25px 20px;gap:15px}.wish-decoration{display:none}.wish-copy h2{font-size:20px;margin-top:8px}.wish-copy p{font-size:13px;line-height:1.7;margin-top:7px}.wish-button{justify-self:center;font-size:14px}.eyebrow{font-size:10px}footer{gap:12px;align-items:center;flex-direction:column;padding:20px 0;font-size:11px}.wish-status{font-size:12px;line-height:1.7}dialog{padding:28px 24px}.letter-content h2{font-size:28px}.letter-content p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Guestbook and the private Dali inbox. */
[hidden]{display:none!important}
.account-actions{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:800}.login-button{border:1px solid #dbbebd;color:var(--pink-dark);background:#fcece8;border-radius:30px;padding:10px 17px;font-size:13px;font-weight:800}.login-button span{margin-left:6px}.text-button{border:0;background:transparent;color:var(--pink-dark);padding:10px 6px;font-weight:800;text-decoration:underline;text-underline-offset:5px}button:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.guestbook{padding:50px 0 45px;border-top:1px solid var(--line)}.section-heading{text-align:center;margin-bottom:36px}.section-heading h2{font-size:34px;margin:12px 0}.section-heading h2 span{color:var(--pink-dark)}.section-heading>p{color:var(--muted);line-height:1.7}.composer-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.wish-form{padding:26px 0}.wish-form label,.login-form label{display:block;font-weight:800;margin-bottom:9px;font-size:15px}input,textarea{display:block;width:100%;border:1px solid #d5c6b8;background:#fffcf7;border-radius:10px;padding:13px 15px;font:inherit;color:var(--ink);line-height:1.65}textarea{resize:vertical;min-height:185px;max-height:540px}input:focus,textarea:focus{outline:2px solid #b8687b;outline-offset:2px}input::placeholder,textarea::placeholder{color:#938279}input:read-only,textarea:read-only{background:#f3ede4}.wish-form small{display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:8px}.label-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.label-row span{font-size:12px;color:var(--muted);white-space:nowrap}.artwork-label{font-size:13px;font-weight:800;color:#67838b;margin:23px 0}.artwork-label span{color:var(--pink-dark);margin-left:8px}.form-status{min-height:1.6em;font-size:14px;line-height:1.65;color:var(--pink-dark);overflow-wrap:anywhere}.preview-area{text-align:center}.preview-area>.eyebrow{margin-bottom:15px;color:var(--muted)}.greeting-card{background:#fffaf2;border:1px solid #e5c8c7;border-radius:12px;box-shadow:3px 6px 0 #ede2d4;overflow:hidden;text-align:left}.card-art{background:#fff9ef}.card-art img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}.card-body{padding:4px 27px 25px}.card-kicker{font-size:9px;letter-spacing:1.4px;color:var(--muted);display:block;text-align:center}.card-body h3{font-size:23px;line-height:1.4;text-align:center;color:var(--pink-dark);margin:10px 0 22px}.card-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:16px;margin:0 0 23px}.card-signature{text-align:right;font-size:14px;line-height:1.7;color:var(--pink-dark);overflow-wrap:anywhere}.preview-area>.wish-button{margin-top:22px}.preview-note{font-size:12px;line-height:1.7;color:var(--muted);max-width:330px;margin:13px auto 0}.wall-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:55px 0 25px;padding-top:35px;border-top:1px dashed var(--line)}.wall-heading h2{font-size:28px;margin-top:9px}.list-status{font-size:15px;line-height:1.7;color:var(--muted)}.wishes-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.saved-card .card-body{padding:2px 22px 25px}.saved-card h3{font-size:20px}.saved-card .card-message{font-size:15px;max-height:350px;overflow-y:auto;scrollbar-width:thin}.saved-card .wish-button{display:block;margin:20px auto 0;font-size:13px}.more-wishes{display:block;margin:30px auto 0}.login-form>h2{font-size:30px;color:var(--pink-dark);margin-top:18px}.login-form>p{line-height:1.7;color:var(--muted)}.login-form>.primary-button{margin-top:22px}.login-form>.form-status{color:var(--pink-dark)}#private-wishes{scroll-margin-top:25px}
@media(max-width:1000px){.composer-layout{gap:30px}.wishes-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.login-button{font-size:11px;padding:9px 11px}.login-button span{display:none}.account-actions{gap:8px;font-size:12px}.wordmark{font-size:17px;gap:5px}.brand-flower{font-size:25px}.section-heading h2{font-size:27px}.section-heading>p{font-size:14px}.composer-layout{grid-template-columns:1fr;gap:22px}.wish-form{padding:0}.guestbook{padding-top:35px}.preview-area{max-width:480px;width:100%;margin:0 auto}.wall-heading{align-items:flex-end;gap:10px}.wall-heading h2{font-size:23px}.wall-heading .eyebrow{font-size:9px;letter-spacing:1px}.wall-heading .text-button{font-size:12px;white-space:nowrap}.wishes-list{grid-template-columns:1fr}.saved-card{max-width:480px;width:100%;margin:auto}.card-body h3{font-size:22px}.account-actions .text-button{font-size:11px;padding:8px 0}.login-form>h2{font-size:27px}}
