/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;:root{color:#fff7fb;background:#171532;font-family:Vazirmatn,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button{font:inherit}.app-shell{isolation:isolate;background:radial-gradient(circle at 48% 14%,#4a3973,#29234e 33%,#171532 76%);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-1;filter:blur(24px);background:#e680b61a;border-radius:50%;width:350px;height:350px;position:absolute;bottom:-100px;left:-160px}.app-shell:after{content:"";z-index:-1;opacity:.36;pointer-events:none;background-image:radial-gradient(#fff9d8 1px,#0000 1.4px),radial-gradient(#e7cdf4 1px,#0000 1.2px);background-position:9px 17px,72px 48px;background-size:92px 92px,132px 132px;position:absolute;top:0;right:0;bottom:0;left:0}.night-sky i{z-index:-1;opacity:.85;background:#fff8d4;border-radius:50%;width:3px;height:3px;animation:3s ease-in-out infinite alternate twinkle;position:absolute}.night-sky i:first-child{top:11%;right:15%}.night-sky i:nth-child(2){animation-delay:1s;top:30%;left:7%}.night-sky i:nth-child(3){animation-delay:.3s;top:55%;right:9%}.night-sky i:nth-child(4){animation-delay:1.4s;top:73%;left:16%}.night-sky i:nth-child(5){animation-delay:.7s;top:89%;right:23%}.cloud{z-index:-1;filter:blur(5px);background:#cdc1f014;border-radius:99px;width:150px;height:32px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:70px;height:70px;bottom:0;left:25px}.cloud:after{width:48px;height:48px;bottom:2px;right:24px}.cloud-a{top:13%;right:-72px}.cloud-b{opacity:.7;bottom:14%;left:-66px;transform:scale(.75)}.top-progress{z-index:3;background:#ffffff17;width:100%;height:3px;position:relative}.top-progress span{background:linear-gradient(90deg,#f5a7c9,#fff0a7);border-radius:99px;height:100%;transition:width .8s;display:block}.content-wrap{width:min(100%,520px);padding:max(36px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.hero-copy{text-align:center;animation:.8s both rise}.eyebrow{color:#d9c6eb;letter-spacing:.02em;margin:0 0 10px;font-size:13px}.hero-copy h1{text-shadow:0 3px 18px #ffffff1a;margin:0;font-size:clamp(26px,7vw,34px);font-weight:800;line-height:1.6}.hero-copy h1 span{font-size:.9em}.map-card{background:linear-gradient(145deg,#7968a459,#2a234d73);border:1px solid #ffffff21;border-radius:38% 62% 42% 58%/45% 40% 60% 55%;flex:1;min-height:400px;max-height:500px;margin:28px 0 22px;animation:6s ease-in-out infinite float;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #fcd6e20d,0 22px 40px #06031b2b}.map-glow{filter:blur(28px);background:#f9b9d321;border-radius:50%;width:190px;height:190px;position:absolute;top:28%;right:20%}.iran-map{filter:drop-shadow(0 16px 18px #09052342);width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.iran-fill{fill:#c7b5e52b}.iran-outline{stroke:#f9e7f97a;stroke-width:2px;stroke-linejoin:round}.map-ridge{stroke:#f7e2f92b;stroke-width:1.4px;stroke-dasharray:3 5}.dotted-path{stroke:#f4cedc;stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 10;opacity:.95}.path-underlay{stroke:#f8d1e038;stroke-width:12px;filter:blur(9px)}.city-label{z-index:2;color:#f4eafb;text-shadow:0 2px 5px #342148;white-space:nowrap;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex;position:absolute}.city-label svg{color:#ffe49d}.tehran-label{top:20%;left:48%}.arak-label{top:40%;left:37%}.heart-pin{z-index:3;color:#fff8fa;text-shadow:0 2px 5px #342148;flex-direction:column;align-items:center;gap:4px;transition:all 1.2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.heart-pin span{color:#ffbbd0;background:#ffedf321;border-radius:50%;place-items:center;width:52px;height:52px;font-size:34px;animation:2.4s ease-in-out infinite beat;display:grid;box-shadow:0 0 0 8px #ffd1e20f,0 0 24px #ffa6c659}.heart-pin b{font-size:13px}.mine{top:11%;left:50%}.yours{top:43%;left:28%}.tiny-star{color:#ffe8a8;font-size:19px;animation:2s infinite alternate twinkle;position:absolute}.s1{top:22%;right:12%}.s2{animation-delay:.7s;bottom:28%;left:13%}.s3{animation-delay:1.2s;top:58%;left:45%}.is-closing .mine{top:29%;left:39%}.is-closing .yours{top:29%;left:47%}.is-closing .dotted-path{stroke-dashoffset:140px;transition:stroke-dashoffset 1.1s}.is-closing .city-label{opacity:.45;transition:opacity .8s}.primary-button,.soft-button{cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;padding:12px 18px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.primary-button{color:#4a2445;background:linear-gradient(135deg,#ffd5e4,#f9c4d7);box-shadow:0 10px 25px #ffa0c233}.primary-button:active,.soft-button:active,.restart:active,.touch-star:active{transform:scale(.96)}.primary-button:hover{box-shadow:0 12px 29px #ffa0c252}.soft-button{color:#fff6fb;background:#ffffff1a;border:1px solid #fff3;margin-top:auto}.message-stage,.final-stage,.goodbye-stage,.stars-stage{text-align:center;flex-direction:column;flex:1;animation:.7s both rise;display:flex}.message-stage{justify-content:center}.hearts-closer{width:150px;height:110px;margin:0 auto 24px;position:relative}.hearts-closer:before{content:"";filter:blur(14px);background:#ffb1ce29;border-radius:50%;position:absolute;top:5px;right:5px;bottom:5px;left:5px}.hearts-closer span{color:#ffc1d7;text-shadow:0 0 25px #ff9ec3a6;font-size:63px;line-height:1;animation:2s infinite beat;position:absolute;top:20px}.hearts-closer span:first-child{right:21px;transform:rotate(-9deg)}.hearts-closer span:last-child{animation-delay:.18s;left:21px;transform:rotate(9deg)}.message-stage h2,.stars-intro h2,.goodbye-stage h2{margin:0;font-size:clamp(22px,6vw,30px);font-weight:800;line-height:2}.message-description{color:#e8ddec;margin:18px 0 0;font-size:15px;line-height:2.05}.inline-heart{color:#ffb5cf}.message-action{margin-top:42px}.stars-stage{padding-top:12px}.stars-intro{text-align:center}.stars-intro h2{font-size:27px}.stars-intro>p:last-child{color:#ded1e8;margin:4px 0 0;font-size:14px}.star-field{background:radial-gradient(circle,#7b5ca738,#0000 62%);border-radius:30px;flex:1;min-height:330px;margin:10px -12px;position:relative}.touch-star{cursor:pointer;color:#fff0a7;text-shadow:0 0 12px #ffe28fcc;background:0 0;border:0;padding:12px;font-size:22px;line-height:1;animation:1.8s ease-in-out infinite alternate twinkle;position:absolute}.touch-star.medium{font-size:30px}.touch-star.large{font-size:38px}.touch-star.touched{color:#ffc5dd;animation:.5s both starPop}.star-message{color:#fff7e8;background:#ffffff17;border:1px solid #ffffff24;border-radius:17px;justify-content:center;align-items:center;gap:8px;min-height:68px;padding:12px 16px;font-size:14px;line-height:1.9;display:flex}.star-message svg{color:#ffe99f;flex:none}.stars-stage .soft-button{margin-top:15px}.final-stage{justify-content:center}.joined-hearts{direction:ltr;justify-content:center;align-items:center;height:148px;margin-bottom:22px;display:flex;position:relative}.joined-hearts:before{content:"";opacity:.28;filter:blur(24px);background:#ffbad4;border-radius:50%;width:126px;height:126px;animation:2.5s ease-in-out infinite alternate glow;position:absolute}.joined-hearts span{z-index:1;color:#ffc0d7;text-shadow:0 0 26px #ffb1cfc2;font-size:78px;line-height:1;animation:2s ease-in-out infinite beat;position:relative}.joined-hearts span+span{margin-left:-17px;animation-delay:.18s}.final-copy{color:#f6edf9;font-size:15px;line-height:2.15}.final-copy p{margin:0 0 17px}.final-stage .primary-button{margin-top:18px}.goodbye-stage{justify-content:center}.moon-orbit{border:1px solid #ffffff21;border-radius:50%;width:190px;height:190px;margin:0 auto 25px;animation:6s ease-in-out infinite float;position:relative}.moon{color:#ffeeb5;background:radial-gradient(circle at 35% 30%,#fff9d8,#eecb96);border-radius:50%;place-items:center;font-family:serif;font-size:92px;display:grid;position:absolute;top:25px;right:25px;bottom:25px;left:25px;transform:rotate(-17deg);box-shadow:0 0 38px #ffe39f59}.moon-orbit span{color:#fff0aa;position:absolute}.moon-orbit span:nth-child(2){top:10px;right:26px}.moon-orbit span:nth-child(3){bottom:20px;left:7px}.moon-orbit span:nth-child(4){bottom:0;right:38px}.goodbye-stage h2{font-size:27px}.closing-note{color:#dfd2e8;margin:17px 0 0;font-size:14px;line-height:2}.restart{color:#d9c8e4;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;margin-top:30px;padding:12px;font-size:14px;text-decoration:underline}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes twinkle{0%{opacity:.35;transform:scale(.75)}to{opacity:1;transform:scale(1.2)}}@keyframes starPop{50%{transform:scale(1.8)rotate(25deg)}to{transform:scale(1)}}@keyframes glow{0%{opacity:.16;transform:scale(.8)}to{opacity:.4;transform:scale(1.2)}}@media(min-width:640px){.content-wrap{padding-left:38px;padding-right:38px}.map-card{min-height:460px}.message-stage h2,.stars-intro h2,.goodbye-stage h2{font-size:31px}.message-description,.final-copy{font-size:16px}}
