@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a1e5f881e1ca6a9a-s.13fuw45rznnbw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2efc0c479abd2474-s.00_s7u0207b06.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(../media/70963ccca14000df-s.0.c8snxkpy0.1.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9a146d0fd3ff96e4-s.130eupr26to7g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0474ff9f7224a0da-s.0b9ze1zw0~l1a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f48d461c03e0a8ec-s.p.13m1ppbimti50.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Great Vibes Fallback;src:local(Arial);ascent-override:124.79%;descent-override:58.8%;line-gap-override:0.0%;size-adjust:68.19%}.great_vibes_baa6c2f0-module__HBhara__className{font-family:Great Vibes,Great Vibes Fallback;font-style:normal;font-weight:400}.great_vibes_baa6c2f0-module__HBhara__variable{--font-script:"Great Vibes", "Great Vibes Fallback"}
@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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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]){appearance:button}::file-selector-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;@layer utilities{.absolute{position:absolute}.hidden{display:none}}@font-face{font-family:Arslan Wessam;src:url(/4.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--paper:#f3f0ea;--paper-deep:#ebe6dc;--ink:#1c1916;--mute:#7a736a;--seal-shadow:#460c1447}*,:before,:after{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;width:100%;max-width:100%;margin:0;overflow-x:hidden}body{background:var(--paper);width:100%;max-width:100%;min-height:100%;color:var(--ink);margin:0;font-family:Arslan Wessam,Traditional Arabic,serif;overflow-x:hidden}button{font:inherit}button:focus-visible{outline-offset:8px;border-radius:4px;outline:2px solid #6b152059}.song-audio{clip:rect(0 0 0 0);white-space:nowrap;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.note{background:var(--paper);place-items:center;width:100%;max-width:100%;min-height:100svh;padding:clamp(2.5rem,9vw,6rem) 1.35rem;display:grid;position:relative;overflow-x:hidden}.note--open{min-height:auto;padding-block:clamp(3rem,8vw,5rem) clamp(4rem,10vw,6rem)}.note-stage{z-index:2;place-items:center;width:100%;min-width:0;max-width:100%;display:grid;position:relative}.paper-wash{z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%, #ffffff8c, transparent 42%), radial-gradient(ellipse at 50% 100%, #d2c6b259, transparent 45%), linear-gradient(180deg, var(--paper) 0%, var(--paper-deep) 100%);position:absolute;inset:0}.memory-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.note--open .memory-field{position:absolute;overflow:hidden}.memory{left:var(--x);top:var(--y);transform:rotate(var(--rot));opacity:0;pointer-events:auto;cursor:zoom-in;animation:memory-in .8s var(--delay) ease forwards;background:#faf7f1;border:0;margin:0;padding:.35rem .35rem 1.15rem;position:absolute;box-shadow:inset 0 1px #ffffffb3,0 10px 24px #28190f29}.memory--sm{width:clamp(72px,12vw,118px)}.memory--md{width:clamp(92px,15vw,148px)}.memory img{aspect-ratio:1/1.15;object-fit:cover;filter:sepia(.18)contrast(1.04)saturate(.92);width:100%;max-width:100%;height:auto;display:block}.note:not(.note--open) .memory{opacity:0;animation:memory-in .9s var(--delay) ease forwards;filter:brightness(.97)}.note:not(.note--open) .memory--sm{width:clamp(64px,11vw,100px)}.note:not(.note--open) .memory--md{width:clamp(80px,13vw,120px)}.seal-open{z-index:2;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:1.35rem;max-width:100%;padding:0;animation:1s both soft-in;display:flex;position:relative}.seal-frame{place-items:center;transition:transform .45s cubic-bezier(.2,.7,.2,1);display:grid}.seal-frame--hero{width:clamp(150px,38vw,210px);max-width:100%;animation:3.2s ease-in-out infinite seal-breathe}.seal-frame--end{width:86px}.seal-img{width:100%;height:auto;filter:drop-shadow(0 14px 18px var(--seal-shadow));display:block}.seal-frame--end .seal-img{filter:drop-shadow(0 8px 10px var(--seal-shadow))}.seal-open:hover .seal-frame--hero{animation:none;transform:scale(1.06)rotate(-4deg)}.seal-hint{color:var(--mute);letter-spacing:.04em;opacity:.85;text-shadow:0 1px #ffffff80;font-family:Arslan Wessam,serif;font-size:clamp(1.15rem,3.5vw,1.45rem)}.letter-sheet{z-index:2;text-align:center;background:radial-gradient(at 50% 40%,#f3f0eaeb,#f3f0eab8 55%,#0000 78%);width:min(100%,560px);min-width:0;max-width:100%;padding:1.5rem 1rem;animation:.75s both soft-in;position:relative}.birthday-title{color:var(--ink);font-family:var(--font-script), cursive;letter-spacing:.01em;overflow-wrap:anywhere;direction:ltr;margin:0 0 clamp(2.2rem,6.5vw,3.4rem);font-size:clamp(2.4rem,9vw,4rem);font-weight:400;line-height:1.05;animation:.75s both line-in}.poem{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.poem p{width:100%;max-width:18em;color:var(--ink);letter-spacing:.01em;overflow-wrap:anywhere;opacity:0;margin:0;font-family:Arslan Wessam,serif;font-size:clamp(1.2rem,4vw,1.75rem);font-weight:400;line-height:2.15;animation:.7s forwards line-in}.seal-end{opacity:0;place-items:center;margin-top:clamp(2.6rem,7vw,3.8rem);animation:.75s 1.35s forwards line-in;display:grid}.glass-btn{color:#fff;cursor:pointer;letter-spacing:.01em;text-align:center;-webkit-backdrop-filter:blur(16px)saturate(1.15);opacity:0;background:linear-gradient(#ffffff2e,#fff0 38%),#2a2830b8;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:calc(100% - .5rem);margin:1.75rem auto 0;padding:.85rem 1.55rem;font-family:Arslan Wessam,Traditional Arabic,serif;font-size:clamp(1.05rem,3.6vw,1.28rem);line-height:1.2;transition:transform .25s,background .25s,box-shadow .25s;animation:.7s forwards line-in;display:inline-flex;box-shadow:inset 0 1px #ffffff47,0 10px 28px #1410182e}.glass-btn:hover{background:linear-gradient(#ffffff3d,#fff0 38%),#302d38cc;transform:translateY(-1px)scale(1.02);box-shadow:inset 0 1px #ffffff57,0 14px 30px #14101838}.glass-btn:active{transform:scale(.98)}.letter-sheet--full{animation:.7s both soft-in}.letter-to{color:var(--ink);margin:0 0 1.5rem;font-family:Arslan Wessam,serif;font-size:clamp(1.55rem,5vw,2.1rem);font-weight:400;line-height:1.4}.full-letter{text-align:center;flex-direction:column;gap:1.05rem;width:100%;min-width:0;display:flex}.full-letter p{color:var(--ink);overflow-wrap:anywhere;margin:0;font-family:Arslan Wessam,serif;font-size:clamp(1.12rem,3.8vw,1.42rem);line-height:2.05}.letter-wish,.letter-from{color:var(--ink);margin:1.8rem 0 0;font-family:Arslan Wessam,serif;font-size:clamp(1.25rem,4.2vw,1.6rem);line-height:1.7}.letter-from{margin-top:1rem;font-size:clamp(1.35rem,4.5vw,1.75rem)}.photo-lightbox{z-index:50;-webkit-backdrop-filter:blur(8px);background:#120e0ce0;place-items:center;gap:.75rem;padding:1rem;animation:.25s both soft-in;display:grid;position:fixed;inset:0}.photo-lightbox-img{object-fit:contain;background:#111;border-radius:4px;width:min(92vw,720px);height:auto;max-height:min(78svh,820px);box-shadow:0 18px 50px #00000073}.photo-lightbox-close{top:max(.7rem, env(safe-area-inset-top));left:max(.7rem, env(safe-area-inset-left));z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#1e1c22b8;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:44px;height:44px;font-size:1.7rem;line-height:1;display:grid;position:absolute}.photo-lightbox-hint{color:#ffffffb8;margin:0;font-family:Arslan Wessam,serif;font-size:.95rem}@keyframes soft-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes line-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes memory-in{0%{opacity:0;transform:rotate(var(--rot)) translateY(16px) scale(.92)}to{opacity:.92;transform:rotate(var(--rot)) translateY(0) scale(1)}}@keyframes seal-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (max-width:720px){.note{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;min-height:100svh;padding:.85rem .75rem 1.75rem;display:flex;overflow-x:hidden}.note--open{padding-block:.85rem 2rem}.paper-wash{position:fixed;inset:0}.memory-field,.note--open .memory-field{z-index:1;pointer-events:auto;order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .4rem;width:100%;max-width:100%;padding:0;display:grid;position:relative;inset:auto;overflow:hidden}.note:not(.note--open) .memory-field{order:0}.note-stage{order:1;padding-block:.35rem .5rem}.memory,.memory--sm,.memory--md,.note:not(.note--open) .memory--sm,.note:not(.note--open) .memory--md{width:100%;min-width:0;max-width:100%;animation:memory-fade .7s var(--delay) ease forwards;padding:.25rem .25rem .7rem;position:relative;top:auto;left:auto}.memory:nth-child(3n+1){transform:rotate(-2deg)}.memory:nth-child(3n+2){transform:rotate(1.5deg)}.memory:nth-child(3n){transform:rotate(-1deg)}@keyframes memory-fade{0%{opacity:0}to{opacity:.95}}.memory img{aspect-ratio:1/1.05}.letter-sheet{background:#f3f0eaf5;width:100%;padding:.35rem .2rem}.birthday-title{margin-bottom:1.4rem;font-size:clamp(2.35rem,12vw,3.2rem)}.poem p{max-width:100%;font-size:clamp(1.35rem,5.2vw,1.65rem);line-height:2.1}.glass-btn{width:min(100%,320px);padding:.8rem 1.2rem;font-size:clamp(1.18rem,4.8vw,1.35rem)}.letter-to{font-size:clamp(1.7rem,5.8vw,2.2rem)}.full-letter p{font-size:clamp(1.28rem,4.8vw,1.48rem);line-height:2.05}.letter-wish,.letter-from{font-size:clamp(1.4rem,5vw,1.7rem)}.seal-hint{font-size:clamp(1.25rem,4.2vw,1.5rem)}.seal-frame--hero{width:min(48vw,160px)}.seal-open:hover .seal-frame--hero{transform:none}}@media (max-width:480px){.note{gap:.85rem;padding-inline:.65rem}.memory-field,.note--open .memory-field{gap:.4rem .3rem}.memory,.memory--sm,.memory--md{padding:.2rem .2rem .55rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.poem p,.seal-end,.memory{opacity:1}}