:root{--bg-primary-1:#fff5f8;--bg-primary-2:#ffe6ef;--bg-primary-3:#fff9fc;--glass-bg:#ffffffad;--glass-bg-subtle:#ffffff7a;--glass-bg-elevated:#ffffffd1;--glass-border:#ffffffd9;--glass-border-subtle:#ffffff73;--glass-border-gold:#d4a35959;--glass-shadow:0 16px 36px -10px #ff4d881f, 0 6px 16px -4px #0000000a, inset 0 1px 1px #fffffff2;--glass-shadow-sm:0 8px 20px -6px #ff4d881a, inset 0 1px 1px #ffffffd9;--text-main:#2b1120;--text-sub:#7a4f66;--text-muted:#9e758a;--accent-rose:#f36;--accent-rose-soft:#ff6b8b;--accent-gold:#d4a359;--accent-gold-light:#fbe3b5;--accent-gold-glow:#d4a35966;--card-radius:26px;--card-radius-sm:18px;--pill-radius:9999px;--font-arabic:"Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-poetry:"Amiri", serif;--font-script:"Marhey", cursive;--font-cursive-en:"Alex Brush", cursive}body.dark-mode{--bg-primary-1:#0a0408;--bg-primary-2:#160813;--bg-primary-3:#1f0b1a;--glass-bg:#1a0b16b8;--glass-bg-subtle:#1508128c;--glass-bg-elevated:#240f1ed1;--glass-border:#f5d79947;--glass-border-subtle:#ffffff1f;--glass-border-gold:#f5d79973;--glass-shadow:0 18px 45px -10px #000000bf, 0 0 25px #f5d79914, inset 0 1px 1px #ffebbe40;--glass-shadow-sm:0 8px 25px -5px #0009, inset 0 1px 1px #ffebbe33;--text-main:#fff2f8;--text-sub:#dfb8cb;--text-muted:#a67c93;--accent-rose:#ff4d79;--accent-rose-soft:#ff7d9d;--accent-gold:#f5d799;--accent-gold-light:#fff0cf;--accent-gold-glow:#f5d79973}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;min-height:100%;font-family:var(--font-arabic);background-color:var(--bg-primary-1);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;transition:background-color .8s cubic-bezier(.25,1,.5,1),color .8s;overflow-x:hidden}.app-bg-wrapper{pointer-events:none;z-index:0;transition:opacity .8s;position:fixed;inset:0;overflow:hidden}.app-bg-mesh{filter:blur(50px);background:radial-gradient(circle at 20% 15%,#ffb6c173 0%,#0000 45%),radial-gradient(circle at 80% 25%,#ffdab973 0%,#0000 45%),radial-gradient(circle at 50% 65%,#ffc0cb59 0%,#0000 50%),radial-gradient(circle at 30% 90%,#ffe4e180 0%,#0000 45%),radial-gradient(circle at 75% 85%,#d4a35933 0%,#0000 40%);animation:18s ease-in-out infinite alternate meshFloat;position:absolute;inset:-20%}body.dark-mode .app-bg-mesh{background:radial-gradient(circle at 25% 20%,#501230a6 0%,#0000 45%),radial-gradient(circle at 75% 30%,#641e468c 0%,#0000 45%),radial-gradient(circle at 50% 65%,#320c23b3 0%,#0000 50%),radial-gradient(circle at 80% 85%,#f5d79926 0%,#0000 40%),radial-gradient(circle at 20% 90%,#46143299 0%,#0000 45%)}@keyframes meshFloat{0%{transform:scale(1)translate(0)}50%{transform:scale(1.08)translate(-2%,2%)}to{transform:scale(1)translate(2%,-2%)}}.mobile-viewport{z-index:10;flex-direction:column;gap:20px;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:16px 14px 40px;display:flex;position:relative}.ios-glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);padding:22px 18px;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.ios-glass-card:hover{border-color:var(--glass-border-gold)}.ios-glass-card-subtle{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-subtle);border-radius:var(--card-radius-sm);box-shadow:var(--glass-shadow-sm)}.ios-glass-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;position:absolute;top:0;left:0;right:0}body.dark-mode .ios-glass-card:before{background:linear-gradient(90deg,#0000,#f5d79999,#0000)}.ios-button{border-radius:var(--pill-radius);font-size:1rem;font-weight:700;font-family:var(--font-arabic);cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-bg-elevated);color:var(--text-main);-webkit-backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 4px 15px #ff33661f,inset 0 1px 1px #ffffffe6}.ios-button:active{transform:scale(.94)}.ios-button-primary{color:#fff;background:linear-gradient(135deg,#f36,#ff6b8b);border:1px solid #fff6;box-shadow:0 6px 20px #ff336659,inset 0 1px 1px #fff9}.ios-button-primary:hover{box-shadow:0 8px 25px #ff336673}.ios-button-gold{color:#3b2207;background:linear-gradient(135deg,#d4a359,#f5d799);border:1px solid #fff9;box-shadow:0 6px 20px #d4a35959,inset 0 1px 1px #fffc}.ios-badge{border-radius:var(--pill-radius);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-sm);align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.ios-badge-gold{color:var(--accent-gold);background:#d4a35926;border-color:#d4a35966}body.dark-mode .ios-badge-gold{color:var(--accent-gold);background:#f5d79926;border-color:#f5d79959}.ios-badge-rose{color:var(--accent-rose);background:#ff33661f;border-color:#ff33664d}.ios-audio-pill{z-index:1000;background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--pill-radius);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 14px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 8px 24px #00000014,inset 0 1px 1px #fffc}.ios-audio-pill:hover{transform:translateY(-2px)scale(1.03)}.ios-audio-pill:active{transform:scale(.95)}.audio-equalizer{align-items:flex-end;gap:3px;width:18px;height:16px;display:flex}.eq-bar{background:var(--accent-rose);border-radius:2px;width:3px;transition:height .2s,background .3s}body.dark-mode .eq-bar{background:var(--accent-gold)}.audio-equalizer.playing .eq-bar:first-child{animation:.8s ease-in-out infinite alternate eqAnimation}.audio-equalizer.playing .eq-bar:nth-child(2){animation:1.1s ease-in-out .2s infinite alternate eqAnimation}.audio-equalizer.playing .eq-bar:nth-child(3){animation:.7s ease-in-out .4s infinite alternate eqAnimation}.audio-equalizer.playing .eq-bar:nth-child(4){animation:1s ease-in-out .1s infinite alternate eqAnimation}.audio-equalizer:not(.playing) .eq-bar{height:4px!important}@keyframes eqAnimation{0%{height:4px}to{height:16px}}.ios-keypad-btn{border:1px solid var(--glass-border);background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(20px);width:72px;height:72px;color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:1.7rem;font-weight:600;transition:transform .15s,background .2s;display:flex;box-shadow:0 4px 15px #0000000a,inset 0 1px 1px #fffc}.ios-keypad-btn:active{border-color:var(--accent-rose);background:#ff33662e;transform:scale(.88)}@keyframes errorShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-12px)}40%,80%{transform:translate(12px)}}.shake-animation{animation:.45s cubic-bezier(.36,.07,.19,.97) both errorShake}.wrong-pin-banner{z-index:9999;color:#fff;text-align:center;-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ff3366f2,#dc143cfa);justify-content:center;align-items:center;gap:12px;width:100vw;padding:18px 20px;font-size:1.35rem;font-weight:800;animation:.35s cubic-bezier(.25,1,.5,1) slideDownBanner;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 30px #dc143c73}@keyframes slideDownBanner{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.avatar-frame-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.avatar-circular-glass{background:linear-gradient(135deg,#ffffffe6,#d4a35980,#f366);border-radius:50%;width:116px;height:116px;padding:4px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;position:relative;box-shadow:0 10px 25px -4px #ff336640,0 0 15px #d4a35933}.avatar-circular-glass:hover{transform:scale(1.05)}.avatar-inner-clip{background:#fce4ec;border:2px solid #fff;border-radius:50%;width:100%;height:100%;overflow:hidden}body.dark-mode .avatar-inner-clip{border-color:var(--accent-gold)}.ayosh-face-img{object-fit:cover;object-position:50.3% 44.9%;transform-origin:50.3% 44.9%;width:100%;height:100%;transition:transform .4s;display:block;transform:scale(1.18)}.ahmed-face-img{object-fit:cover;object-position:53.2% 55.1%;transform-origin:53.2% 55.1%;width:100%;height:100%;transition:transform .4s;display:block;transform:scale(1.15)}@keyframes heartPulse{0%{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.24)}70%{transform:scale(1)}}.beating-heart{transform-origin:50%;animation:1.4s ease-in-out infinite heartPulse;display:inline-block}@keyframes crownFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(3deg)}}.floating-crown{animation:3s ease-in-out infinite crownFloat;display:inline-block}.age-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.age-sub-card{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-subtle);border-radius:var(--card-radius-sm);flex-direction:column;justify-content:center;align-items:center;padding:12px 6px;transition:transform .25s;display:flex;box-shadow:inset 0 1px 1px #fff9}.age-sub-card:hover{transform:translateY(-2px)}.age-num{color:var(--accent-rose);font-size:1.55rem;font-weight:800;line-height:1.1;font-family:var(--font-arabic)}body.dark-mode .age-num{color:var(--accent-gold)}.age-label{color:var(--text-sub);margin-top:4px;font-size:.76rem;font-weight:600}.timeline-track{flex-direction:column;gap:16px;padding-right:20px;display:flex;position:relative}.timeline-track:before{content:"";background:linear-gradient(180deg, var(--accent-rose), var(--accent-gold));opacity:.55;border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;right:7px}.timeline-item{position:relative}.timeline-dot{background:var(--accent-rose);border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:6px;right:-20px;transform:translate(50%);box-shadow:0 0 10px #ff336680}body.dark-mode .timeline-dot{background:var(--accent-gold);border-color:#1a0b16;box-shadow:0 0 12px #f5d79999}@keyframes flameFlicker{0%,to{opacity:.95;filter:drop-shadow(0 0 6px #f90);transform:scale(1)rotate(-1deg)}25%{opacity:1;filter:drop-shadow(0 0 10px #fb0);transform:scale(1.08,.95)rotate(1deg)}50%{opacity:.9;filter:drop-shadow(0 0 7px #f80);transform:scale(.96,1.05)rotate(-2deg)}75%{opacity:.98;filter:drop-shadow(0 0 9px #fa0);transform:scale(1.04,.98)rotate(2deg)}}.flame-element{transform-origin:bottom;animation:.65s ease-in-out infinite flameFlicker}.secret-locked-blur{filter:blur(9px);-webkit-user-select:none;user-select:none;pointer-events:none;transition:filter .8s cubic-bezier(.25,1,.5,1)}.secret-unlocked{filter:blur();transition:filter .8s cubic-bezier(.25,1,.5,1)}.lamp-glow-aura{filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#f5d79999 0%,#f5d79940 45%,#0000 70%);border-radius:50%;width:140px;height:140px;animation:3s ease-in-out infinite alternate lampWarmBreathe;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes lampWarmBreathe{0%{opacity:.85;transform:translate(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1.08)}}button{font-family:inherit}