@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700;900&display=swap");:root{--bg-0:#000;--bg-1:#0a0a0c;--bg-2:#0f0f12;--bg-3:#15151a;--bg-4:#1c1c22;--bg-5:#232229;--border-soft:rgba(212,168,87,.1);--border-mid:rgba(212,168,87,.22);--border-strong:rgba(212,168,87,.45);--border-neutral:hsla(0,0%,100%,.06);--border-neutral-2:hsla(0,0%,100%,.1);--text-1:#f5f0e8;--text-2:#c9c2b6;--text-3:#8a847a;--text-4:#56524c;--gold-50:#f8e9c4;--gold-100:#ecd49a;--gold-200:#ddbe7a;--gold-300:#d4a857;--gold-400:#c0913f;--gold-500:#a3782e;--gold-600:#7a5a23;--rose:#c97a7a;--teal:#5fa898;--warn:#d97757;--ok:#6fa86f;--font-display:"Cormorant Garamond",serif;--font-body:"Inter",sans-serif;--font-arabic:"Tajawal",sans-serif;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:28px;--r-pill:999px;--shadow-card:0 1px 0 hsla(0,0%,100%,.04) inset,0 30px 60px -30px rgba(0,0,0,.6);--shadow-elev:0 30px 80px -20px rgba(0,0,0,.8);--glow-gold:0 0 0 1px rgba(212,168,87,.25),0 20px 60px -20px rgba(212,168,87,.25);--sidebar-w:240px;--header-h:70px;--player-h:72px;--nav-h:0px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-0);color:var(--text-1);-webkit-font-smoothing:antialiased}[dir=rtl],[lang=ar]{font-family:var(--font-arabic)}[dir=rtl]{direction:rtl}::-moz-selection{background:rgba(212,168,87,.3);color:var(--text-1)}::selection{background:rgba(212,168,87,.3);color:var(--text-1)}a{color:inherit}.display{letter-spacing:-.01em;line-height:1.05}.display,.display-italic{font-family:var(--font-display);font-weight:400}.display-italic{font-style:italic}[dir=rtl] .display,[dir=rtl] .display-italic{font-family:var(--font-arabic);font-style:normal}.eyebrow{color:var(--gold-300)}.eyebrow,.eyebrow-soft{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.eyebrow-soft{color:var(--text-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.04em;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .2s ease;white-space:nowrap}[dir=rtl] .btn{font-family:var(--font-arabic)}.btn-gold{background:linear-gradient(180deg,var(--gold-200),var(--gold-400));color:#1a1004;border-color:var(--gold-100);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),0 10px 30px -10px rgba(212,168,87,.5)}.btn-ghost{background:hsla(0,0%,100%,.02);border-color:var(--border-neutral-2);color:var(--text-1)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--gold-200)}@media (hover:hover){.btn-gold:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 16px 40px -10px rgba(212,168,87,.7)}.btn-ghost:hover{border-color:var(--border-mid);background:rgba(212,168,87,.04)}.btn-outline:hover{background:rgba(212,168,87,.06)}}.btn:active{transform:scale(.97)}.card{background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--border-neutral);border-radius:var(--r-lg)}.card-gold{background:radial-gradient(120% 120% at 0 0,rgba(212,168,87,.1),transparent 50%),linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--border-mid);border-radius:var(--r-lg)}.hr-gold{height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent);border:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(212,168,87,.2);border-radius:3px}:focus-visible{outline:1px solid var(--gold-300);outline-offset:2px}@keyframes softpulse{0%,to{opacity:.45}50%{opacity:1}}.softpulse{animation:softpulse 2.4s ease-in-out infinite}@keyframes shimmer{to{background-position:200%}}.gold-shimmer{background:linear-gradient(90deg,var(--gold-300),var(--gold-50) 50%,var(--gold-300));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shimmer 6s linear infinite}.gold{color:var(--gold-300)}.gold-bright{color:var(--gold-200)}.muted{color:var(--text-3)}.dim{color:var(--text-2)}.app-main,.app-shell{min-height:100vh}.app-main{margin-inline-start:var(--sidebar-w);padding-bottom:calc(var(--player-h) + var(--nav-h))}.app-content{max-width:1320px;margin:0 auto;padding:40px 36px 80px}.player-bar{position:fixed;inset-inline:0;bottom:var(--nav-h);z-index:70;height:var(--player-h);margin-inline-start:var(--sidebar-w);background:rgba(10,10,12,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-neutral);gap:20px;padding:0 24px}.player-bar,.player-info{display:flex;align-items:center}.player-info{gap:12px;min-width:0;width:240px}.player-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.player-transport{display:flex;align-items:center;gap:18px}.player-progress{width:100%;max-width:520px}.player-progress,.player-volume{display:flex;align-items:center;gap:10px}.player-volume{width:140px;justify-content:flex-end}.player-time{font-size:10px;color:var(--text-3);font-variant-numeric:tabular-nums;min-width:30px;text-align:center}.player-icon-btn{background:transparent;border:0;padding:6px}.player-icon-btn,.player-play{cursor:pointer;display:flex;align-items:center;justify-content:center}.player-play{width:40px;height:40px;border-radius:50%;border:0;flex-shrink:0;background:linear-gradient(180deg,var(--gold-200),var(--gold-400))}.player-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;border-radius:3px;background:var(--bg-4);outline:none;cursor:pointer}.player-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--gold-50);box-shadow:0 1px 4px rgba(0,0,0,.5)}.player-range::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:var(--gold-50)}.mobile-nav{display:none}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;font-size:10px;letter-spacing:.02em;padding:6px 2px}@media (max-width:900px){:root{--nav-h:60px;--player-h:112px}.app-main{margin-inline-start:0}.app-content{padding:24px 16px 90px}.header-nav,.sidebar-fixed{display:none!important}.player-bar{margin-inline-start:0;flex-wrap:wrap;align-content:center;gap:6px;padding:8px 14px}.player-info{width:100%;flex:1 1 100%}.player-center{flex:1 1 100%;gap:6px}.player-volume{display:none}.player-range{height:8px}.player-range::-webkit-slider-thumb{width:20px;height:20px}.player-range::-moz-range-thumb{width:20px;height:20px}.player-icon-btn,.player-play{min-width:44px;min-height:44px}.player-transport{gap:28px}.mobile-nav{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:75;height:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:rgba(10,10,12,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-neutral)}.btn{min-height:44px}body,html{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}@media (max-width:768px){::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none}}.field{width:100%;padding:13px 16px;background:var(--bg-2);border:1px solid var(--border-neutral-2);border-radius:var(--r-md);color:var(--text-1);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .16s ease}[dir=rtl] .field{font-family:var(--font-arabic)}.field:focus{border-color:var(--border-strong)}.field::-moz-placeholder{color:var(--text-4)}.field::placeholder{color:var(--text-4)}