*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07060c;color:#fff}body{font-family:Georgia,'Times New Roman',Tahoma,serif}.scene{min-height:100vh;position:relative;overflow-x:hidden;background:url('background.png') center/cover fixed no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,4,10,.08),rgba(5,4,10,.12) 45%,rgba(5,4,10,.30));pointer-events:none}.content{position:relative;z-index:2;width:min(820px,100%);margin:auto;min-height:100vh;padding:90px 26px 150px;display:flex;flex-direction:column;align-items:center}.music{width:min(620px,94%);margin:0 auto 30px;padding:12px 15px;border:1px solid rgba(245,164,196,.45);border-radius:22px;background:linear-gradient(135deg,rgba(24,16,28,.72),rgba(86,39,63,.42));backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.32),0 0 18px rgba(245,164,196,.12);display:flex;align-items:center;gap:12px;direction:rtl}.disc{width:44px;height:44px;border-radius:50%;flex:0 0 44px;background:radial-gradient(circle,#f8c1d7 0 8%,#7e3857 9% 16%,#251622 17% 34%,#b85d83 35% 37%,#21131f 38% 100%);box-shadow:0 0 14px rgba(245,164,196,.25);position:relative}.disc:after{content:'';position:absolute;inset:18px;border-radius:50%;background:#f4a7c5}.music-info{min-width:0;flex:1;text-align:right}.music-title{font-size:17px;color:#ffe4ee}.music-artist{font-size:12px;color:#e4afc3;margin-top:2px}.music-play{width:40px;height:40px;border:1px solid rgba(255,220,233,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:rgba(245,164,196,.20);font-family:Arial,sans-serif;font-size:17px;transition:.2s}.music-play:hover{transform:scale(1.06);background:rgba(245,164,196,.32)}.music-note{font-size:18px;color:#f5a4c4}.music-line{position:absolute;left:18px;right:18px;bottom:5px;height:2px;background:rgba(255,255,255,.16);border-radius:5px}.music-line span{display:block;width:36%;height:100%;background:#f5a4c4;border-radius:5px}.hero{text-align:center;margin-top:8px}.hero h1{font-size:clamp(45px,9vw,78px);color:#f5a4c4;margin:22px 0 12px;text-shadow:0 3px 18px rgba(0,0,0,.65)}.hero .small-heart{font-size:40px;color:#f5a4c4}.names{font-size:34px;margin:10px 0}.date{font-family:Arial,sans-serif;font-size:18px;letter-spacing:4px;margin:18px 0}.tag{font-size:24px;margin-top:24px}.glass{width:min(760px,100%);padding:26px 24px;border:1px solid rgba(245,164,196,.30);border-radius:22px;background:rgba(15,10,18,.46);backdrop-filter:blur(5px);box-shadow:0 10px 35px rgba(0,0,0,.24);text-align:center}.story{font-size:18px;line-height:1.95;text-align:right}.story p{margin:0 0 13px}.memory{width:min(560px,100%);height:230px;object-fit:cover;border-radius:16px;border:1px solid rgba(245,164,196,.4);box-shadow:0 8px 28px rgba(0,0,0,.35);margin:4px auto 24px}.final-img{width:min(480px,100%);max-height:420px;object-fit:cover;border-radius:18px;border:1px solid rgba(245,164,196,.4);box-shadow:0 8px 28px rgba(0,0,0,.35);margin-top:12px}.prayer{font-size:30px;line-height:1.8;color:#f5a4c4}.love{font-size:52px;color:#f5a4c4;margin-top:22px}.nav{position:fixed;z-index:20;left:0;right:0;bottom:18px;display:flex;justify-content:center;align-items:center;gap:28px;pointer-events:none}.heart-link{width:92px;height:84px;position:relative;display:flex;align-items:center;justify-content:center;pointer-events:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45)) drop-shadow(0 0 13px rgba(245,164,196,.22));text-decoration:none;transition:transform .2s}.heart-link svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.heart-link .heart-fill{fill:url(#heartGrad)}.heart-link .heart-stroke{fill:none;stroke:rgba(255,222,234,.7);stroke-width:2}.heart-icon{position:relative;z-index:2;color:white;font-family:Arial,sans-serif;font-size:36px;line-height:1;text-shadow:0 1px 5px rgba(91,39,61,.9)}.heart-link:hover{transform:translateY(-4px) scale(1.05)}.heart-link:active{transform:scale(.96)}.label{position:absolute;top:88px;color:#f7c9d9;font-size:14px;white-space:nowrap;text-shadow:0 2px 7px #000}.next .label:after{content:'الصفحة التالية'}.home .label:after{content:'الصفحة الرئيسية'}.next .label,.home .label{font-size:0}.next .label:after,.home .label:after{font-size:14px}@media(max-width:600px){.content{padding:72px 16px 145px}.music{margin-bottom:20px}.music-title{font-size:15px}.hero h1{font-size:48px}.names{font-size:28px}.tag{font-size:21px}.glass{padding:20px 17px}.story{font-size:16px;line-height:1.85}.memory{height:190px}.prayer{font-size:25px}.nav{bottom:12px;gap:18px}.heart-link{width:82px;height:75px}.heart-icon{font-size:32px}.label{top:77px}.next .label:after,.home .label:after{font-size:12px}}
.song{display:none}.music-play{font-family:Arial,sans-serif;cursor:pointer;appearance:none}.music-play:focus{outline:2px solid rgba(255,220,233,.7);outline-offset:2px}