*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html{scroll-behavior:auto;background-color:var(--bg-void);color:var(--text-primary);font-size:16px;overflow-x:hidden}body{background-color:var(--bg-deep);min-height:100vh;font-family:var(--font-arabic), var(--font-poetic), sans-serif;cursor:none;line-height:1.6;position:relative;overflow-x:hidden}@media (hover:none) and (pointer:coarse){body{cursor:auto!important}#custom-cursor,#cursor-trail{display:none!important}}body:before{content:"";pointer-events:none;z-index:9990;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch' id='feNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:9980;background:radial-gradient(#0000 40%,#04020ab8 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;font-weight:700}p{color:var(--text-secondary)}a{color:var(--rose-400);transition:color var(--duration-fast) var(--ease-snappy);text-decoration:none}a:hover{color:var(--gold-300)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--rose-500);outline-offset:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--rose-700), var(--gold-500));border:2px solid var(--bg-void);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--rose-500), var(--gold-300))}#app{z-index:10;flex-direction:column;min-height:100vh;display:flex;position:relative}main.main-content{opacity:0;transition:opacity .8s var(--ease-snappy), transform .8s var(--ease-snappy);will-change:opacity, transform;transform:translateY(40px)}main.main-content.unlocked{opacity:1;transform:translateY(0)}.screen-reader-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.password-gate{z-index:10000;background:radial-gradient(circle at center, #240728 0%, var(--bg-void) 85%);-webkit-backdrop-filter:blur(28px);transition:opacity .6s var(--ease-snappy), transform .6s var(--ease-snappy);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden;direction:ltr!important}.password-gate.gate-unlocked{opacity:0;pointer-events:none;transform:scale(1.08)}.gate-card{border:1px solid var(--border-card);width:100%;max-width:440px;box-shadow:var(--shadow-modal), 0 0 50px #ff4d6d59;text-align:center;background:#16081ce6;border-radius:34px;flex-direction:column;align-items:center;padding:44px 34px;display:flex;position:relative;direction:ltr!important}.gate-heart-wrapper{margin-bottom:18px;position:relative}.gate-heart-svg{width:68px;height:68px;fill:var(--rose-500);filter:drop-shadow(0 0 24px var(--glow-strong));transition:fill .3s ease, filter .3s ease, transform .4s var(--ease-bounce);animation:1.2s ease-in-out infinite heartPulse}.gate-heart-svg.heart-error{fill:#665058;filter:drop-shadow(0 0 10px #64465080);animation:none;transform:scale(.92)}.gate-heart-svg.heart-explode{opacity:0;filter:drop-shadow(0 0 70px var(--rose-500));transform:scale(2.6)}@keyframes heartPulse{0%{transform:scale(1)}15%{transform:scale(1.16)}30%{transform:scale(1)}45%{transform:scale(1.22)}60%{transform:scale(1)}to{transform:scale(1)}}.lock-title-en{font-family:var(--font-serif);letter-spacing:3px;color:var(--gold-300);text-transform:uppercase;margin-bottom:6px;font-size:.9rem}.lock-title-ar{font-family:var(--font-arabic), var(--font-serif);color:#fff;text-shadow:0 0 20px var(--glow-rose);direction:rtl;margin-bottom:8px;font-size:2.2rem;font-weight:700;line-height:1.2}.lock-desc{font-family:var(--font-arabic);font-size:var(--text-sm);color:var(--rose-200);direction:rtl;margin-bottom:28px}.pin-dots-container{justify-content:center;gap:16px;margin-bottom:30px;display:flex;direction:ltr!important}.pin-dot{border:2px solid var(--border-subtle);width:16px;height:16px;transition:all .25s var(--ease-bounce);background:#ff4d6d14;border-radius:50%;box-shadow:0 0 #0000}.pin-dot.filled{background:var(--rose-500);border-color:var(--rose-400);box-shadow:0 0 18px var(--rose-500);transform:scale(1.2)}.pin-dots-container.shake{animation:shakeContainer .5s var(--ease-snappy)}.pin-dots-container.shake .pin-dot{background:#ff2a2a;border-color:#f55;box-shadow:0 0 20px #ff2a2a}@keyframes shakeContainer{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(12px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.gate-keypad{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:290px;display:grid;direction:ltr!important}.keypad-btn{aspect-ratio:1;border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);transition:all .18s var(--ease-snappy);-webkit-user-select:none;user-select:none;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:600;display:flex;box-shadow:0 4px 14px #00000059}.keypad-btn:hover{border-color:var(--rose-400);box-shadow:0 0 22px var(--glow-rose);color:var(--rose-200);background:#ff4d6d40;transform:translateY(-2px)scale(1.06)}.keypad-btn:active{background:var(--rose-700);color:#fff;transform:scale(.92)}.keypad-btn.action-btn{color:var(--gold-300);font-size:1.15rem}.keypad-btn.action-btn:hover{border-color:var(--gold-500);box-shadow:0 0 22px var(--glow-gold);color:var(--gold-bright);background:#e8a02040}@media (width<=480px){.password-gate{padding:12px}.gate-card{border-radius:26px;padding:26px 18px}.gate-heart-svg{width:50px;height:50px}.lock-title-ar{font-size:1.8rem}.lock-desc{margin-bottom:20px;font-size:.85rem}.pin-dots-container{gap:12px;margin-bottom:22px}.pin-dot{width:14px;height:14px}.gate-keypad{gap:10px;max-width:250px}.keypad-btn{font-size:1.25rem}}@media (height<=680px){.gate-card{padding:18px 16px}.gate-heart-wrapper{margin-bottom:8px}.gate-heart-svg{width:42px;height:42px}.lock-title-ar{margin-bottom:4px;font-size:1.5rem}.lock-desc{margin-bottom:14px}.pin-dots-container{margin-bottom:16px}}.terminal-section{z-index:20;flex-direction:column;justify-content:center;align-items:center;min-height:85vh;padding:60px 20px 40px;display:flex;position:relative}.terminal-window{width:100%;max-width:820px;box-shadow:var(--shadow-terminal);-webkit-backdrop-filter:blur(24px);transform-style:preserve-3d;transition:border-color var(--duration-base) var(--ease-silk);background:#070510e0;border:1px solid #00ff882e;border-radius:16px;position:relative;overflow:hidden}.terminal-window:hover{box-shadow:0 0 0 1px #ff4d6d33, 0 0 50px #ff4d6d26, var(--shadow-terminal);border-color:#ff4d6d59}.terminal-window:before{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#ffffff08,#ffffff08 1px,#0000 1px 3px);position:absolute;inset:0}.terminal-titlebar{-webkit-user-select:none;user-select:none;background:#0e0818f2;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.terminal-controls{gap:8px;display:flex}.traffic-light{border-radius:50%;width:12px;height:12px;transition:transform .2s;display:inline-block}.traffic-light.close{background:#ff5f56;border:1px solid #e0443e}.traffic-light.min{background:#ffbd2e;border:1px solid #dea123}.traffic-light.max{background:#27c93f;border:1px solid #1aab29}.terminal-titlebar:hover .traffic-light{transform:scale(1.08)}.terminal-title-text{font-family:var(--font-mono);color:var(--term-white);letter-spacing:.04em;opacity:.85;align-items:center;gap:8px;font-size:13px;display:flex}.terminal-status-chip{font-family:var(--font-mono);color:var(--term-green);background:#00ff881f;border:1px solid #00ff884d;border-radius:999px;padding:2px 8px;font-size:11px}.terminal-body{z-index:3;font-family:var(--font-mono);min-height:380px;color:var(--term-white);text-align:left;direction:ltr;padding:28px 24px;font-size:13.5px;line-height:1.8;position:relative}.terminal-body pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit}.term-line{flex-wrap:wrap;align-items:baseline;margin-bottom:5px;animation:.3s ease-out lineFadeIn;display:flex}@keyframes lineFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.term-green{color:var(--term-green);text-shadow:0 0 10px #0f86}.term-amber{color:var(--term-amber);text-shadow:0 0 10px #ffb00059}.term-cyan{color:var(--term-cyan);text-shadow:0 0 10px #00d4ff59}.term-rose{color:var(--term-rose);text-shadow:0 0 12px #ff6b8a80;font-weight:600}.term-white{color:var(--term-white)}.term-gold{color:var(--gold-bright);text-shadow:0 0 12px #ffd70066;font-weight:600}.term-arabic{font-family:var(--font-arabic);direction:rtl;font-size:14.5px}.term-cursor{background-color:var(--term-cursor);vertical-align:middle;width:9px;height:16px;box-shadow:0 0 8px var(--rose-500);margin-left:4px;animation:.9s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.terminal-scroll-hint{color:var(--rose-300);opacity:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;margin-top:28px;transition:opacity .8s;display:flex}.terminal-scroll-hint.visible{opacity:.9}.scroll-hint-text{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.scroll-hint-arrow{animation:bounceArrow 1.6s infinite var(--ease-bounce);color:var(--gold-300);filter:drop-shadow(0 0 8px var(--glow-gold));font-size:18px}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (width<=600px){.terminal-section{min-height:auto;padding:40px 12px 30px}.terminal-body{min-height:300px;padding:18px 14px;font-size:11.5px;line-height:1.6}.term-arabic{font-size:12.5px}.terminal-title-text{font-size:11px}.terminal-scroll-hint{margin-top:18px}}.timeline-section{z-index:20;padding:6rem 0 8rem;position:relative}.timeline-header{text-align:center;margin-bottom:5.5rem;position:relative}.timeline-badge{font-family:var(--font-arabic);letter-spacing:2px;color:var(--gold-300);text-transform:uppercase;background:#ff4d6d1f;border:1px solid #ff4d6d40;border-radius:999px;align-items:center;gap:8px;margin-bottom:.8rem;padding:6px 18px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 0 20px #ff4d6d26}.timeline-title{font-family:var(--font-arabic), var(--font-serif);color:#fff;text-shadow:0 0 30px #ff4d6d59;margin-bottom:.5rem;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900}.timeline-subtitle{font-family:var(--font-arabic), var(--font-poetic);color:var(--rose-200);font-size:1.25rem;font-style:italic}.timeline-container{max-width:1080px;margin:0 auto;padding:3rem 1.5rem;position:relative}.timeline-track{background:#ff4d6d2e;border-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-progress-line{background:linear-gradient(180deg, var(--rose-500) 0%, var(--gold-bright) 50%, var(--rose-400) 100%);width:4px;box-shadow:0 0 18px var(--rose-500), 0 0 30px var(--gold-bright);z-index:2;border-radius:4px;height:0%;transition:height .1s linear;position:absolute;top:0;left:50%;transform:translate(-50%)}#timelineList{position:relative}#timelineList:after{content:"";clear:both;display:table}.timeline-item{box-sizing:border-box;clear:both;width:50%;margin-bottom:3.5rem;position:relative}.timeline-item.side-right{float:right;text-align:right;padding-left:3rem;padding-right:0}.timeline-item.side-left{float:left;text-align:right;padding-left:0;padding-right:3rem}.timeline-dot{background:var(--bg-deep);border:3.5px solid var(--rose-500);width:22px;height:22px;box-shadow:0 0 15px var(--rose-500);z-index:5;cursor:pointer;border-radius:50%;transition:all .3s;position:absolute;top:2.2rem}.timeline-item.side-right .timeline-dot{left:-11px;right:auto}.timeline-item.side-left .timeline-dot{left:auto;right:-11px}.timeline-item:hover .timeline-dot{background:var(--gold-bright);box-shadow:0 0 25px var(--gold-bright);border-color:#fff;transform:scale(1.35)}.memory-card{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-card);box-shadow:var(--shadow-card);transition:transform .4s var(--ease-silk), border-color .4s ease, box-shadow .4s ease;cursor:pointer;text-align:right;direction:rtl;background:#16091cc7;border-radius:24px;padding:2.2rem;position:relative;overflow:hidden}.memory-card:hover{border-color:var(--rose-400);background:#200c26e0;transform:translateY(-6px);box-shadow:0 22px 50px #000000b3,0 0 35px #ff4d6d59}.memory-card.is-today-card{border:1.5px solid var(--gold-bright);box-shadow:0 0 35px #ffd7004d, var(--shadow-card);background:radial-gradient(circle at 100% 0,#f5d0a929 0%,#16091ceb 75%)}.today-badge-pill{border:1px solid var(--rose-400);color:var(--rose-200);font-family:var(--font-arabic);background:#ff4d6d33;border-radius:999px;margin-bottom:14px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-block;box-shadow:0 0 12px #ff4d6d4d}.card-date-badge{color:var(--gold-300);font-family:var(--font-arabic);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-flex}.card-title-ar{font-family:var(--font-arabic);color:#fff;margin-bottom:4px;font-size:1.6rem;font-weight:700;line-height:1.3}.card-title-en{font-family:var(--font-poetic);color:var(--text-muted);margin-bottom:16px;font-size:1.05rem;font-style:italic}.card-caption-ar{font-family:var(--font-arabic);color:var(--text-primary);margin-bottom:20px;font-size:1.15rem;line-height:1.85}.card-song-badge{color:var(--rose-200);font-family:var(--font-arabic);background:#ffffff0d;border:1px solid #ff4d6d40;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:12.5px;display:inline-flex}.card-action-bar{border-top:1px solid #ffffff14;justify-content:flex-start;padding-top:16px;display:flex}.card-cta-btn{background:linear-gradient(135deg, var(--rose-500), var(--rose-700));color:#fff;font-family:var(--font-arabic);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 18px #ff4d6d59}.card-cta-btn:hover{box-shadow:0 0 25px var(--rose-500);transform:scale(1.05)}.heart-symbol{color:#fff;filter:drop-shadow(0 0 6px #fff9)}@media (width<=820px){.timeline-container{padding:2rem 1rem}.timeline-track,.timeline-progress-line{width:3px;left:auto;right:22px;transform:none}.timeline-item{text-align:right;width:100%;float:none!important;clear:both!important;margin-bottom:2rem!important;padding-left:0!important;padding-right:48px!important}.timeline-item.side-right,.timeline-item.side-left{float:none!important;padding-left:0!important;padding-right:48px!important}.timeline-item .timeline-dot,.timeline-item.side-right .timeline-dot,.timeline-item.side-left .timeline-dot{width:20px;height:20px;top:1.6rem;left:auto!important;right:13.5px!important}.memory-card{border-radius:20px;padding:1.5rem 1.15rem}.card-title-ar{font-size:1.35rem}.card-title-en{margin-bottom:12px;font-size:.95rem}.card-caption-ar{margin-bottom:16px;font-size:1.05rem;line-height:1.75}.card-song-badge{justify-content:flex-start;width:100%;margin-bottom:16px;padding:5px 12px;font-size:11.5px}.card-cta-btn{justify-content:center;width:100%;padding:10px 16px;font-size:13px}}@media (width<=480px){.timeline-section{padding:3.5rem 0 4.5rem}.timeline-header{margin-bottom:3rem}.timeline-badge{letter-spacing:1px;padding:5px 12px;font-size:.8rem}.timeline-title{font-size:1.85rem}.timeline-subtitle{font-size:1rem}.timeline-container{padding:1.5rem .6rem}.timeline-track,.timeline-progress-line{right:16px}.timeline-item{margin-bottom:1.6rem!important;padding-right:38px!important}.timeline-item.side-right,.timeline-item.side-left{padding-right:38px!important}.timeline-item .timeline-dot,.timeline-item.side-right .timeline-dot,.timeline-item.side-left .timeline-dot{width:18px;height:18px;top:1.4rem;right:8.5px!important}.memory-card{border-radius:18px;padding:1.25rem .9rem}.card-title-ar{font-size:1.22rem}.card-caption-ar{font-size:.98rem;line-height:1.65}}.memory-modal{z-index:9999;-webkit-backdrop-filter:blur(28px);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-silk);background:#04020ae0;justify-content:center;align-items:center;padding:30px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.memory-modal.active{opacity:1;pointer-events:auto}.modal-bokeh-bg{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.bokeh-orb{filter:blur(70px);opacity:.35;border-radius:50%;animation:14s ease-in-out infinite alternate floatBokeh;position:absolute}.bokeh-orb-1{background:radial-gradient(circle, var(--rose-700), transparent 70%);width:420px;height:420px;top:-100px;left:-80px}.bokeh-orb-2{background:radial-gradient(circle, var(--gold-500), transparent 70%);width:500px;height:500px;animation-duration:20s;bottom:-150px;right:-100px}@keyframes floatBokeh{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,40px)scale(1.15)}to{transform:translate(-40px,80px)scale(.95)}}.modal-container{z-index:2;background:var(--bg-modal);border:1px solid var(--border-card);width:100%;max-width:1080px;box-shadow:var(--shadow-modal), 0 0 80px #ff4d6d40;transition:transform .45s var(--ease-bounce);border-radius:28px;grid-template-columns:1fr 1.15fr;display:grid;position:relative;overflow:hidden;transform:scale(.88)}.memory-modal.active .modal-container{transform:scale(1)}.modal-close-btn{z-index:10;border:1px solid var(--border-subtle);width:42px;height:42px;color:var(--text-primary);transition:all .2s var(--ease-snappy);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;top:18px;right:20px}.modal-close-btn:hover{background:var(--rose-500);color:#fff;box-shadow:0 0 16px var(--rose-500);transform:rotate(90deg)scale(1.1)}.modal-left-panel{background:linear-gradient(145deg,#16081e,#0c0512);border-right:1px solid #ff4d6d1f;flex-direction:column;justify-content:center;align-items:center;padding:40px 32px;display:flex;position:relative}.polaroid-frame{width:100%;max-width:380px;transition:transform .4s var(--ease-bounce);background:#fff;border-radius:6px;padding:16px 16px 42px;position:relative;transform:rotate(2deg);box-shadow:0 10px 30px #0009,0 20px 60px #0006,0 0 25px #ff4d6d26}.polaroid-frame:hover{transform:rotate(0)scale(1.02)}.polaroid-image-container{aspect-ratio:4/3;background:linear-gradient(135deg, var(--rose-900), #22082b);border-radius:4px;width:100%;position:relative;overflow:hidden}.polaroid-image-container img{object-fit:cover;width:100%;height:100%;animation:16s ease-in-out infinite alternate kenBurns}@keyframes kenBurns{0%{transform:scale(1)translate(0)}50%{transform:scale(1.08)translate(-1.5%,1.5%)}to{transform:scale(1.04)translate(1.5%,-1%)}}.polaroid-caption{text-align:center;font-family:var(--font-cursive);color:#1f0b24;white-space:nowrap;text-overflow:ellipsis;font-size:1.45rem;position:absolute;bottom:8px;left:16px;right:16px;overflow:hidden}.modal-right-panel{flex-direction:column;justify-content:space-between;gap:20px;padding:40px 36px;display:flex}.modal-header-meta{border-bottom:1px solid #ffffff14;padding-bottom:16px}.modal-date-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--rose-300);letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:6px;display:flex}.modal-memory-title{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.4rem)}.modal-caption-ar{font-family:var(--font-arabic);color:var(--gold-300);text-align:right;direction:rtl;margin-bottom:6px;font-size:1.15rem;line-height:1.6}.modal-caption-en{font-family:var(--font-poetic);color:var(--text-secondary);font-size:1.05rem;font-style:italic}.modal-dot-map{justify-content:center;align-items:center;gap:12px;padding:8px 0;display:flex}.nav-dot{background:var(--text-muted);cursor:pointer;width:8px;height:8px;transition:all .25s var(--ease-bounce);border-radius:50%}.nav-dot.future{background:#fff3;transform:scale(.85)}.nav-dot.visited{background:var(--gold-500);transform:scale(1)}.nav-dot.active{background:var(--rose-500);box-shadow:0 0 12px var(--rose-500);transform:scale(1.65)}.modal-nav-bar{justify-content:space-between;align-items:center;gap:16px;padding-top:10px;display:flex}.modal-nav-btn{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);transition:all .2s var(--ease-snappy);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:13px;display:inline-flex}.modal-nav-btn:hover{background:var(--rose-500);color:#fff;border-color:var(--rose-400);box-shadow:0 0 20px var(--glow-rose)}@media (width<=900px){.modal-container{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}.modal-left-panel{border-bottom:1px solid #ff4d6d1f;border-right:none;padding:30px 20px}.polaroid-frame{max-width:300px;transform:none}.modal-right-panel{padding:24px 20px}}@media (width<=480px){.memory-modal{padding:12px 8px}.modal-container{border-radius:20px;max-height:92vh}.modal-close-btn{width:36px;height:36px;font-size:1.2rem;top:12px;right:12px}.modal-left-panel{padding:20px 14px 16px}.polaroid-frame{max-width:250px;padding:10px 10px 30px}.polaroid-caption{font-size:1.2rem;bottom:6px}.modal-right-panel{gap:16px;padding:18px 14px}.modal-memory-title{font-size:1.5rem}.modal-caption-ar{font-size:1.05rem}.modal-nav-bar{gap:8px}.modal-nav-btn{padding:8px 14px;font-size:11.5px}}.romantic-player{background:var(--bg-glass);border:1px solid var(--border-card);width:100%;max-width:440px;box-shadow:var(--shadow-modal), 0 0 40px var(--glow-rose);-webkit-backdrop-filter:blur(20px);-webkit-user-select:none;user-select:none;border-radius:28px;flex-direction:column;align-items:center;padding:32px 24px;display:flex;position:relative}.vinyl-disc-container{justify-content:center;align-items:center;width:210px;height:210px;margin-bottom:24px;display:flex;position:relative}.vinyl-disc{transform-origin:50%;background:radial-gradient(circle,#0000 28%,#000c 29%,#0000 30%),radial-gradient(circle,#0000 48%,#ff4d6d26 49%,#0000 50%),radial-gradient(circle,#0000 68%,#ff4d6d26 69%,#0000 70%),repeating-radial-gradient(circle,#0e0514,#0e0514 3px,#180922 4px,#0e0514 5px),conic-gradient(#120418,#2a082c,#120418,#3b0d36,#120418);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;animation:5s linear infinite paused spinVinyl;display:flex;position:relative;box-shadow:0 0 0 3px #ff4d6d40,0 0 40px #ff4d6d66,0 16px 40px #000c}.vinyl-disc.playing{animation-play-state:running}@keyframes spinVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-art-wrapper{border:3px solid var(--rose-400);width:90px;height:90px;box-shadow:0 0 16px var(--rose-500);border-radius:50%;position:relative;overflow:hidden}.vinyl-art-img{object-fit:cover;filter:saturate(1.2)contrast(1.1)brightness(.95);width:100%;height:100%}.vinyl-center-hole{background:var(--bg-void);border:2px solid var(--gold-300);z-index:5;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #000c}.vinyl-center-heart{color:var(--rose-500);filter:drop-shadow(0 0 4px var(--rose-500));font-size:13px}.player-song-info{text-align:center;width:100%;margin-bottom:18px}.player-song-title{font-family:var(--font-cursive);color:var(--rose-400);text-shadow:0 0 16px var(--glow-rose);margin-bottom:2px;font-size:2.2rem;line-height:1.1}.player-song-artist{font-family:var(--font-arabic);font-size:var(--text-base);color:var(--gold-300);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.player-song-mood{font-family:var(--font-arabic);font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.equalizer-bars{justify-content:center;align-items:flex-end;gap:10px;height:32px;margin-bottom:20px;display:flex}.eq-bar{background:linear-gradient(180deg, var(--rose-500), var(--gold-300));border-radius:4px 4px 0 0;width:4px;height:4px;transition:height .15s}.eq-bar:first-child{background:var(--rose-500)}.eq-bar:nth-child(2){background:var(--rose-400)}.eq-bar:nth-child(3){background:var(--gold-bright)}.eq-bar:nth-child(4){background:var(--gold-300)}.eq-bar:nth-child(5){background:var(--rose-500)}.player-progress-area{width:100%;margin-bottom:22px}.progress-track-wrapper{cursor:pointer;align-items:center;width:100%;height:20px;display:flex;position:relative}.progress-track{background:#ffffff1f;border-radius:999px;width:100%;height:4px;position:relative;overflow:visible}.progress-fill{background:linear-gradient(90deg, var(--rose-500), var(--gold-bright));width:0%;height:100%;box-shadow:0 0 10px var(--rose-500);border-radius:999px;position:absolute;top:0;left:0}.progress-scrubber-thumb{pointer-events:none;width:18px;height:18px;filter:drop-shadow(0 0 6px var(--rose-500));justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}.progress-scrubber-thumb svg{width:15px;height:15px;fill:var(--rose-400)}.player-timestamps{width:100%;font-family:var(--font-code);color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.player-controls-pill{background:var(--bg-glass);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);border-radius:999px;justify-content:center;align-items:center;gap:16px;margin-bottom:18px;padding:8px 24px;display:flex;box-shadow:0 8px 24px #0006}.player-btn{color:var(--text-primary);width:40px;height:40px;transition:all .2s var(--ease-snappy);border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.player-btn:hover{color:var(--rose-400);filter:drop-shadow(0 0 8px var(--rose-500));transform:scale(1.15)}.player-btn.play-pause-btn{border:1.5px solid var(--rose-500);width:56px;height:56px;color:var(--rose-400);box-shadow:0 0 20px var(--glow-rose);transition:all .25s var(--ease-bounce);background:#ff4d6d26;border-radius:50%}.player-btn.play-pause-btn:hover{background:var(--rose-500);color:#fff;box-shadow:0 0 28px var(--glow-strong);transform:scale(1.12)}.player-btn.play-pause-btn.is-playing{background:var(--rose-500);color:#fff;box-shadow:0 0 24px var(--rose-500)}.player-volume-control{width:100%;max-width:220px;color:var(--text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.volume-slider{appearance:none;background:#ffffff26;border-radius:999px;outline:none;width:100%;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--rose-500);width:14px;height:14px;box-shadow:0 0 8px var(--rose-500);cursor:pointer;border-radius:50%;transition:transform .15s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.yt-hidden-player{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:-9999px;left:-9999px}@media (width<=480px){.romantic-player{border-radius:20px;padding:24px 16px}.vinyl-disc-container{width:170px;height:170px;margin-bottom:16px}.vinyl-disc{width:160px;height:160px}.vinyl-art-wrapper{width:72px;height:72px}.player-song-title{font-size:1.75rem}.player-song-artist{font-size:.9rem}.player-song-mood{font-size:.75rem}.player-controls-pill{gap:12px;padding:6px 18px}.player-btn.play-pause-btn{width:48px;height:48px}}:root{--bg-void:#04020a;--bg-deep:#0a0412;--bg-card:#110818;--bg-terminal:#070510;--bg-modal:#0c0610;--bg-glass:#0f0814c7;--bg-ticker:#08040eeb;--rose-50:#fff0f3;--rose-200:#ffb3c1;--rose-400:#ff758f;--rose-500:#ff4d6d;--rose-700:#c9184a;--rose-900:#590d22;--gold-100:#fff8e7;--gold-300:#f5d0a9;--gold-500:#e8a020;--gold-bright:gold;--term-green:#0f8;--term-cyan:#00d4ff;--term-amber:#ffb000;--term-rose:#ff6b8a;--term-white:#f0e6f0;--term-cursor:#ff4d6d;--text-primary:#f2e0e8;--text-secondary:#c4a0b0;--text-muted:#7d5a68;--text-gold:#f5d0a9;--glow-rose:#ff4d6d73;--glow-gold:#e5a02059;--glow-strong:#ff4d6dcc;--border-subtle:#ff4d6d2e;--border-card:#b76e794d;--shadow-card:0 0 0 1px var(--border-card), 0 0 25px var(--glow-rose), 0 0 80px #c9184a1f, 0 8px 32px #0009, inset 0 1px 0 #ffffff0a;--shadow-terminal:0 0 0 1px #0f83, 0 0 40px #00ff8814, 0 24px 80px #000c, inset 0 1px 0 #ffffff08;--shadow-modal:0 0 0 1px var(--border-card), 0 0 60px #ff4d6d33, 0 40px 120px #000000e6;--ease-snappy:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-silk:cubic-bezier(.25, .46, .45, .94);--duration-fast:.2s;--duration-base:.4s;--duration-slow:.8s;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--text-hero:clamp(2.2rem, 7.5vw, 6.5rem);--font-serif:"Playfair Display", Georgia, serif;--font-poetic:"Cormorant Garamond", Georgia, serif;--font-cursive:"Great Vibes", cursive;--font-arabic:"Cairo", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-code:"Fira Code", monospace}.hero-names-section{text-align:center;z-index:20;padding:80px 20px 60px;position:relative;overflow:hidden}.giant-hero-title{font-family:var(--font-serif);font-size:var(--text-hero);letter-spacing:-.02em;background:linear-gradient(135deg, var(--rose-200), var(--rose-500), var(--gold-300), var(--rose-400), var(--gold-bright), var(--rose-200));-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25em;font-weight:900;line-height:1.1;animation:6s infinite alternate gradientShift;display:inline-flex}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-heart{-webkit-text-fill-color:var(--rose-500);color:var(--rose-500);filter:drop-shadow(0 0 24px var(--rose-500));animation:.9s ease-in-out infinite heroHeartbeat;display:inline-block}@keyframes heroHeartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.05)}75%{transform:scale(1.22)}}.hero-arabic-line{font-family:var(--font-arabic);font-size:var(--text-xl);color:var(--text-gold);letter-spacing:.05em;text-shadow:0 0 16px var(--glow-gold);margin-top:18px}.hero-subtag{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:10px}.ticker-strip-wrapper{background:var(--bg-ticker);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);z-index:22;flex-direction:column;gap:10px;width:100%;padding:14px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #000000b3}.ticker-strip{-webkit-user-select:none;user-select:none;cursor:default;width:max-content;display:flex}.ticker-strip:hover{animation-play-state:paused!important}.ticker-row-1{font-family:var(--font-arabic);color:var(--text-gold);font-size:1.1rem;font-weight:600;animation:45s linear infinite crawlLeft}.ticker-row-2{font-family:var(--font-mono);letter-spacing:.08em;color:var(--rose-200);font-size:.85rem;animation:55s linear infinite crawlRight}@keyframes crawlLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes crawlRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.ticker-item{white-space:nowrap;align-items:center;gap:12px;padding:0 20px;display:inline-flex}.ticker-separator{color:var(--rose-500);opacity:.8;font-size:.9em}#custom-cursor{pointer-events:none;z-index:99999;will-change:transform;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .15s,filter .2s;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#custom-cursor svg{width:100%;height:100%;fill:var(--rose-500);filter:drop-shadow(0 0 8px var(--rose-500))}#custom-cursor.cursor-hover-link{transform:translate(-50%,-50%)scale(1.6)}#custom-cursor.cursor-hover-link svg{fill:var(--gold-bright);filter:drop-shadow(0 0 12px var(--gold-bright))}#custom-cursor.cursor-hover-card{transform:translate(-50%,-50%)scale(1.4)}.cursor-trail-dot{pointer-events:none;z-index:99998;-webkit-user-select:none;user-select:none;will-change:transform, opacity;justify-content:center;align-items:center;width:12px;height:12px;font-size:11px;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.love-letter-section{z-index:20;padding:6rem 1.5rem 8rem;position:relative}.letter-container{border:1px solid var(--border-card);-webkit-backdrop-filter:blur(25px);text-align:right;direction:rtl;background:linear-gradient(145deg,#230718e0,#12030cf5);border-radius:32px;max-width:840px;margin:0 auto;padding:4.5rem 3rem 4rem;position:relative;box-shadow:0 25px 60px #000000b3,0 0 50px #f5d0a933}.letter-wax-seal{border:2px solid var(--gold-300);width:60px;height:60px;color:var(--gold-bright);font-family:var(--font-serif);letter-spacing:1px;background:radial-gradient(circle,#ff2a55 0%,#800f2f 70%,#47041a 100%);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 0 25px #ff4d6db3}.letter-header{text-align:center;margin-bottom:2.8rem}.letter-title-en{font-family:var(--font-serif);letter-spacing:3px;color:var(--rose-200);text-transform:uppercase;margin-bottom:.4rem;font-size:.9rem}.letter-title-ar{font-family:var(--font-arabic);color:var(--gold-300);text-shadow:0 0 20px var(--glow-gold);font-size:clamp(2rem,4vw,3rem);font-weight:700}.letter-body{margin-bottom:2rem;position:relative}.typewriter-text-ar{font-family:var(--font-arabic);color:#fff;white-space:pre-line;text-shadow:0 0 15px #ffffff1a;min-height:140px;font-size:1.35rem;line-height:2.2}.letter-body-en{font-family:var(--font-poetic);color:var(--text-muted);white-space:pre-line;text-align:center;direction:ltr;border-top:1px dashed #ff4d6d40;margin-top:1.8rem;padding-top:1.5rem;font-size:1.15rem;font-style:italic;line-height:1.8}.letter-signature-wrap{flex-direction:column;align-items:flex-start;gap:4px;margin-top:2.5rem;display:flex}.signature-handwritten{font-family:var(--font-cursive);color:var(--rose-400);text-shadow:0 0 20px #ff4d6d99;direction:ltr;font-size:3rem;display:inline-block;transform:rotate(-3deg)}.signature-ar{font-family:var(--font-arabic);color:var(--gold-300);font-size:1.3rem;font-weight:700}.final-section{text-align:center;background:radial-gradient(circle at center, #1b061d 0%, var(--bg-void) 75%);z-index:20;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:100px 24px 80px;display:flex;position:relative;overflow:hidden}.final-ya-rohi{font-family:var(--font-cursive);color:var(--gold-bright);text-shadow:0 0 40px var(--glow-gold), 0 0 80px var(--glow-rose);margin-bottom:24px;font-size:clamp(4rem,12vw,8rem);line-height:1;animation:1.8s ease-in-out infinite heroHeartbeat}.final-typewriter-box{min-height:120px;font-family:var(--font-serif);color:var(--text-primary);margin-bottom:30px;font-size:clamp(1.4rem,3.5vw,2.2rem);line-height:1.6}.final-academic-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--term-cyan);margin-top:8px}.final-terminal-status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--term-green);background:#00ff8814;border:1px solid #00ff8840;border-radius:999px;align-items:center;gap:8px;margin-bottom:40px;padding:8px 20px;display:inline-flex}.final-footer-text{font-family:var(--font-mono);color:var(--text-muted);border-top:1px solid #ffffff0f;width:100%;max-width:600px;padding-top:24px;font-size:11px;line-height:1.8}@media (width<=600px){.love-letter-section{padding:4rem 1rem 5rem}.letter-container{border-radius:24px;padding:3rem 1.25rem 2.5rem}.letter-wax-seal{width:50px;height:50px;font-size:1.1rem;top:-25px}.typewriter-text-ar{font-size:1.15rem;line-height:2}.letter-body-en{margin-top:1.4rem;padding-top:1.2rem;font-size:.98rem;line-height:1.6}.signature-handwritten{font-size:2.2rem}.final-section{min-height:auto;padding:70px 16px 50px}.final-ya-rohi{margin-bottom:16px;font-size:4rem}.final-typewriter-box{min-height:100px;font-size:1.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ticker-strip{animation:none!important;transform:none!important}.vinyl-disc{animation:none!important}#custom-cursor,#cursor-trail{display:none!important}body{cursor:auto!important}}