:root{--ivory: #f3ebe0;--sand: #eadfd0;--burgundy: #6e1e28;--burgundy-2: #7b1e2b;--burgundy-3: #8b2635;--gold: #b08d57;--gold-deep: #a67c4e;--gold-light: #c7ac7c;--brown: #4a3b2c;--font-display-ar: "Aref Ruqaa", "Amiri", serif;--font-body-ar: "Tajawal", sans-serif;--font-latin: "Cormorant Garamond", "Cinzel", serif;--env-w: 330px;--env-h: 216px;--shadow-soft: 0 18px 45px rgba(74, 59, 44, .18);--ease-elegant: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body-ar);color:var(--brown);background:var(--ivory);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.ltr{direction:ltr;unicode-bidi:isolate;font-family:var(--font-latin);letter-spacing:.08em}@keyframes pulse{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}.cover{position:relative;height:100vh;height:100svh;width:100%;overflow:hidden;background:var(--ivory)}.cover__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cover__scroll{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gold-deep);transition:opacity .5s var(--ease-elegant)}.cover__scroll.is-hidden{opacity:0}.cover__scroll-text{font-size:.9rem;letter-spacing:.05em;text-shadow:0 1px 6px rgba(243,235,224,.8)}.cover__chevron{width:14px;height:14px;border-right:2px solid var(--gold-deep);border-bottom:2px solid var(--gold-deep);transform:rotate(45deg);animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:rotate(45deg) translate(0);opacity:.7}50%{transform:rotate(45deg) translate(4px,4px);opacity:1}}.stage{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px 18px;background:radial-gradient(ellipse at 50% 40%,var(--sand) 0%,var(--ivory) 70%);overflow:hidden}.stage__inner{position:relative;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center}.open-hint{font-family:var(--font-body-ar);font-size:.95rem;color:var(--gold-deep);letter-spacing:.03em;margin:0 0 26px;opacity:.9;animation:pulse 2.4s ease-in-out infinite;transition:opacity .4s var(--ease-elegant)}.open-hint.is-hidden{opacity:0;pointer-events:none}.scene{position:relative;width:var(--env-w);height:var(--env-h);perspective:1200px;perspective-origin:50% 40%}.card{position:absolute;top:50%;left:50%;width:auto;transform:translate(-50%,-50%);z-index:2;pointer-events:none;backface-visibility:hidden;will-change:transform,opacity}.card__img{max-width:min(440px,86vw);max-height:82vh;width:auto;height:auto;display:block;border-radius:8px;box-shadow:var(--shadow-soft)}.envelope{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;transform-style:preserve-3d;z-index:auto;-webkit-tap-highlight-color:transparent}.envelope__back{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#f6efe4,#e7dac6);border-radius:8px;box-shadow:var(--shadow-soft);z-index:1}.envelope__front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:linear-gradient(160deg,#efe6d6,#e2d3bd);clip-path:polygon(0 0,50% 46%,100% 0,100% 100%,0 100%);border-radius:0 0 8px 8px;box-shadow:inset 0 6px 18px #6e1e280f}.envelope__front:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,50% 46%,100% 0,100% 100%,0 100%);border:1px solid rgba(176,141,87,.35);border-radius:0 0 8px 8px;pointer-events:none}.envelope__flap{position:absolute;top:0;left:0;width:100%;height:54%;transform-origin:top center;transform-style:preserve-3d;z-index:8;will-change:transform}.envelope__flap-face{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden}.envelope__flap-front{background:linear-gradient(160deg,#f2e9da,#e4d5bf);border-bottom:1px solid rgba(176,141,87,.3)}.envelope__flap-back{background:linear-gradient(160deg,#e9dcc7,#d8c6ab);transform:rotateX(180deg)}.seal{position:absolute;top:calc(54% - 34px);left:50%;transform:translate(-50%);width:68px;height:68px;border-radius:50%;z-index:9;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,var(--burgundy-3),var(--burgundy) 70%);box-shadow:0 4px 14px #6e1e2866,inset 0 2px 6px #ffffff26;border:2px solid var(--gold-light);will-change:transform,opacity}.seal__glyph{font-family:var(--font-display-ar);font-size:1.15rem;color:var(--gold-light);line-height:1}.scene .card{position:relative;top:auto;left:auto;transform:none;margin:0 auto}.scene .envelope{display:none}html.js .scene .card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}html.js .scene .envelope{display:block}.actions{position:relative;padding:20px 20px calc(60px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:30px;background:var(--ivory)}.countdown{display:flex;align-items:flex-start;justify-content:center;gap:6px;direction:ltr}.countdown__unit{display:flex;flex-direction:column;align-items:center;min-width:58px;gap:4px}.countdown__num{font-family:var(--font-latin);font-size:clamp(1.8rem,8vw,2.6rem);font-weight:600;color:var(--gold-deep);line-height:1;font-variant-numeric:tabular-nums}.countdown__label{font-family:var(--font-body-ar);font-size:.78rem;color:var(--brown);opacity:.75}.countdown__sep{font-family:var(--font-latin);font-size:clamp(1.5rem,7vw,2.2rem);color:var(--gold-light);line-height:1.1;align-self:flex-start;margin-top:2px}.countdown__done{font-family:var(--font-display-ar);font-size:1.5rem;color:var(--burgundy);margin:0}.btn-row{display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 26px;border-radius:999px;font-family:var(--font-body-ar);font-size:1.05rem;font-weight:500;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease-elegant),box-shadow .25s var(--ease-elegant),background .25s,color .25s}.btn--fill{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-deep) 100%);color:#fff;box-shadow:0 8px 20px #b08d5759}.btn--outline{background:transparent;color:var(--gold-deep);border:1.5px solid var(--gold)}.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 12px 26px #b08d5766}.btn--outline:hover,.btn--outline:focus-visible{background:#b08d571a}.cal-link{background:none;border:none;color:var(--brown);font-family:var(--font-body-ar);font-size:.95rem;cursor:pointer;border-bottom:1px dashed var(--gold);padding:2px 2px 4px;opacity:.85;transition:opacity .2s}.cal-link:hover{opacity:1}.audio-toggle{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));z-index:500;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--gold);background:#f3ebe0d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--gold-deep);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4a3b2c26;transition:transform .2s var(--ease-elegant)}.audio-toggle:hover{transform:scale(1.08)}.audio-toggle.is-playing{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#fff}.petal{position:fixed;top:-30px;z-index:400;pointer-events:none;border-radius:60% 10%;background:radial-gradient(circle at 30% 30%,var(--burgundy-3),var(--burgundy));opacity:0;will-change:transform,opacity}@media (min-width: 560px){:root{--env-w: 380px;--env-h: 248px}.btn-row{flex-direction:row;max-width:460px}.btn{flex:1}}@media (max-width: 559px){.stage{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.open-hint{margin-bottom:18px}.card__img{max-height:calc(100svh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (max-width: 400px){:root{--env-w: 288px;--env-h: 188px}.countdown__unit{min-width:48px}}@media (prefers-reduced-motion: reduce){.open-hint,.cover__chevron{animation:none}.petal{display:none}}