@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f8f5ee;--card:#fffdf9;--ink:#51463f;--muted:#978980;--rose:#b9727f}*{box-sizing:border-box}html{min-width:320px}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Vazirmatn,Tahoma,sans-serif}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline-offset:5px;outline:3px solid #a479a9}::selection{color:#76505b;background:#f2d9dd}.love-page{background-image:radial-gradient(#cfc4b84d .65px,#0000 .65px);background-size:15px 15px;place-items:center;min-height:100svh;padding:36px 24px 22px;display:grid;position:relative;overflow:hidden}.love-layout{z-index:1;width:min(100%,580px);position:relative}.tiny-wordmark{color:#a59588;letter-spacing:1.6px;direction:ltr;justify-content:center;align-items:center;gap:13px;margin-bottom:25px;font-family:Georgia,serif;font-size:12px;font-style:italic;display:flex}.tiny-wordmark>span{background:#d9cec2;width:25px;height:1px}.love-card{background:var(--card);border:1px solid #e7dfd5;border-radius:28px;padding:34px 36px 17px;position:relative;box-shadow:0 16px 55px -25px #7a58472e,0 4px 12px -6px #8c6d4b14}.paper-tape{clip-path:polygon(2% 0,100% 2%,98% 20%,100% 36%,98% 53%,100% 73%,97% 100%,0 97%,2% 78%,0 60%,2% 40%,0 20%);background:#e9dcc6b3;width:86px;height:24px;position:absolute;top:-12px;left:calc(50% - 43px);transform:rotate(-4deg)}.love-header{text-align:center}.dedication{color:#ac7c80;background:#fbefef;border-radius:20px;align-items:center;gap:7px;padding:5px 12px;font-size:10px;display:inline-flex}.love-header h1{letter-spacing:-1.1px;margin:16px 0 10px;font-size:clamp(27px,4.5vw,34px);font-weight:750;line-height:1.7}.love-header h1>span{color:var(--rose);position:relative}.heading-heart{vertical-align:middle;color:#dba0aa;width:28px;height:28px;margin-right:9px;transform:rotate(-13deg)}.love-subtitle{color:#8a7d74;margin:0;font-size:12px;font-weight:400;line-height:2}.card-doodle{pointer-events:none;position:absolute}.card-doodle--heart{color:#dcc1c5;stroke-width:1.2px;width:21px;height:21px;top:79px;left:36px;transform:rotate(-20deg)}.card-doodle--flower{color:#e4d3e4;width:25px;height:25px;top:133px;right:29px;transform:rotate(9deg)}.friends-scene{flex-direction:column;align-items:center;padding-top:8px;display:flex}.sticker-stage{flex-shrink:0;width:192px;height:192px}.sticker-media{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.sticker-media>svg{display:block}.scene-caption{color:#ad9e91;margin-top:0;font-size:9px;transform:rotate(-3deg)}.choose-label{color:#a59588;justify-content:center;align-items:center;gap:12px;margin:21px 0 15px;font-size:10px;display:flex}.choose-label>span{background:#eee7de;flex:1;height:1px}.love-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.love-action{border:1px solid var(--action-border);text-align:right;background:var(--action-bg);border-radius:15px;align-items:center;gap:10px;min-height:88px;padding:15px 12px;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;display:flex;position:relative}.action--peach{--action-bg:#fbede2;--action-border:#eedccf;--action-ink:#93694c;--action-circle:#f7dfcd}.action--pink{--action-bg:#fbecef;--action-border:#efd9df;--action-ink:#a86a78;--action-circle:#f5dce3}.action--lilac{--action-bg:#f0ecf7;--action-border:#e3daee;--action-ink:#887197;--action-circle:#e8dff2}.action--butter{--action-bg:#f8f1dd;--action-border:#ede3c6;--action-ink:#9b834d;--action-circle:#f2e7bf}.action-emoji{background:var(--action-circle);border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:25px;line-height:1;display:grid}.action-copy{flex-direction:column;flex:1;gap:5px;display:flex}.action-title{font-size:13px;font-weight:650;line-height:1.7}.action-hint{color:var(--action-ink);font-size:9px;line-height:1.7}.action-arrow{color:var(--action-ink);opacity:.6;flex-shrink:0;align-self:flex-start;width:12px;margin-top:1px}.love-action.is-selected{border-color:var(--action-ink);box-shadow:0 0 0 1px var(--action-ink)}.love-action:active{transform:scale(.96)}@media (hover:hover){.love-action:hover{border-color:var(--action-ink);box-shadow:0 6px 12px -8px var(--action-ink);transform:translateY(-3px)}.love-action:hover .action-emoji{animation:.4s emoji-wave}.love-action:active{transform:scale(.96)}}.love-response{text-align:center;background:#faf7f1;border:1px dashed #e8dcd0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:122px;margin-top:20px;padding:17px 15px;scroll-margin:16px;display:flex;position:relative}.response-symbol{color:#ba9b8f;display:flex}.response-live{width:100%}.response-title,.response-message{margin:0;line-height:1.9}.response-title{color:#918176;font-size:11px;font-weight:550}.response-message{color:#aa9b8f;margin-top:2px;font-size:10px}.has-message .response-title{color:#86676a;font-weight:650}.has-message .response-message{color:#786963;font-size:11px}.response-invitation{color:#887197;text-underline-offset:3px;margin:8px 0 0;font-size:11px;font-weight:650;line-height:1.9;text-decoration:underline;display:inline-block}.response-invitation:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #a479a9}.response-copy{animation:.35s both note-appear}.response--hug{background:#fff5ee;border-color:#ebd5c6}.response--reasons{background:#fff3f5;border-color:#edced6}.response--comfort{background:#f5f1fa;border-color:#ddd2e8}.response--surprise{background:#fbf5e8;border-color:#e8d8b7}.another-reason{color:#b78b93;font-size:8px}.card-footer{color:#d3b6b9;justify-content:center;align-items:center;gap:10px;margin-top:19px;display:flex}.card-footer>span{background:#eee4db;width:27px;height:1px}.page-footer{color:#a49589;justify-content:center;align-items:center;gap:6px;margin:21px 0 0;font-size:10px;display:flex}.page-footer svg{color:#b88b91}.page-doodle{color:#d9c9bc;pointer-events:none;position:absolute}.page-doodle--heart{top:25%;left:calc(50% - 410px);transform:rotate(-17deg)}.page-doodle--heart svg{stroke-width:1px;width:34px;height:34px}.page-doodle--flower{color:#e4cdd2;width:45px;height:45px;top:66%;right:calc(50% - 404px);transform:rotate(15deg)}.page-doodle--sparkle{color:#d3c3d5;stroke-width:1px;width:25px;height:25px;bottom:18%;left:calc(50% - 360px)}.heart-shower{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:visible}.heart-shower>svg{color:var(--heart-color);opacity:0;animation:heart-shower 1.7s var(--heart-delay) ease-out both;position:absolute;top:67%;left:50%}@keyframes note-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes emoji-wave{0%,to{transform:rotate(0)}35%{transform:rotate(-12deg)}70%{transform:rotate(10deg)}}@keyframes heart-shower{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}15%{opacity:.9}75%{opacity:.8}to{opacity:0;transform:translate(var(--heart-x), var(--heart-y)) rotate(var(--heart-turn)) scale(1)}}@media (min-width:1600px){.love-layout{width:620px}.love-card{padding:40px 42px 22px}.love-action{min-height:96px}.action-title{font-size:13px}.action-hint{font-size:9px}}@media (max-width:600px){.love-page{padding:29px 16px 22px}.tiny-wordmark{margin-bottom:24px;font-size:11px}.love-card{border-radius:25px;padding:30px 22px 17px}.love-header h1{font-size:30px}.love-subtitle{font-size:10.5px}.dedication{font-size:9px}.card-doodle--heart{width:17px;top:95px;left:20px}.card-doodle--flower{width:21px;top:145px;right:18px}.love-actions{gap:10px}.love-action{text-align:center;flex-direction:column;justify-content:center;gap:6px;min-height:108px;padding:12px 7px}.action-emoji{width:35px;height:35px;font-size:23px}.action-copy{flex:0;gap:3px}.action-title{font-size:12px}.action-hint{font-size:9px}.action-arrow{position:absolute;top:11px;left:11px}.love-response{margin-top:17px;padding-inline:10px}.response-title,.has-message .response-message{font-size:10px}.page-doodle{display:none}.choose-label{margin-top:20px;font-size:9px}}@media (max-width:359px){.love-page{padding-inline:10px}.love-card{padding-inline:15px}.love-header h1{font-size:26px}.heading-heart{width:23px;margin-right:5px}.action-title{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.heart-shower{display:none}}

