@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Amiri:wght@400;700&display=swap";
:root{--hz-primary:#006d5b;--hz-primary-light:#00a388;--hz-secondary:#d4af37;--hz-accent:#b8860b;--hz-bg-base:#0a1a14;--hz-bg-card:#0f2a20;--hz-bg-surface:#143529;--hz-text-primary:#f0f5f3;--hz-text-secondary:#8cb5a4;--hz-text-dim:#5a8a77;--hz-border:#006d5b33;--hz-highlight:#006d5b4d;--hz-karaoke:#d4af37;--hz-font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hz-font-arabic:"Amiri", "KFGQPC Uthmani Hafs", serif;--hz-radius:20px;--hz-radius-sm:12px;--hz-radius-lg:24px;--hz-transition:.2s ease}[data-theme=navy]{--hz-primary:#d4a853;--hz-primary-light:#f0d68a;--hz-secondary:#3b82f6;--hz-accent:#10b981;--hz-bg-base:#0a1628;--hz-bg-card:#11203a;--hz-bg-surface:#162b50;--hz-text-primary:#e2e8f0;--hz-text-secondary:#94a3b8;--hz-text-dim:#64748b;--hz-border:#94a3b81a;--hz-highlight:#d4a85333;--hz-karaoke:#d4a853}[data-theme=light]{--hz-primary:#0d9488;--hz-primary-light:#14b8a6;--hz-secondary:#6366f1;--hz-accent:#f59e0b;--hz-bg-base:#f8fafc;--hz-bg-card:#fff;--hz-bg-surface:#f1f5f9;--hz-text-primary:#0f172a;--hz-text-secondary:#475569;--hz-text-dim:#94a3b8;--hz-border:#0f172a14;--hz-highlight:#0d948826;--hz-karaoke:#0d9488}[data-theme=sacred_night]{--hz-primary:#8b5cf6;--hz-primary-light:#a78bfa;--hz-secondary:#06b6d4;--hz-accent:#f43f5e;--hz-bg-base:#0c0a1a;--hz-bg-card:#14112a;--hz-bg-surface:#1c1838;--hz-text-primary:#e8e0f0;--hz-text-secondary:#9d8fc0;--hz-text-dim:#6b5a90;--hz-border:#8b5cf626;--hz-highlight:#8b5cf633;--hz-karaoke:#a78bfa}[data-theme=oasis]{--hz-primary:#d97706;--hz-primary-light:#f59e0b;--hz-secondary:#059669;--hz-accent:#dc2626;--hz-bg-base:#1a1409;--hz-bg-card:#2a2010;--hz-bg-surface:#352a16;--hz-text-primary:#fef3c7;--hz-text-secondary:#d4a855;--hz-text-dim:#92713a;--hz-border:#d9770626;--hz-highlight:#d9770633;--hz-karaoke:#f59e0b}[data-theme=hejaz]{--hz-primary:#b45309;--hz-primary-light:#d97706;--hz-secondary:#0891b2;--hz-accent:#be123c;--hz-bg-base:#fefce8;--hz-bg-card:#fffbeb;--hz-bg-surface:#fef9c3;--hz-text-primary:#1c1917;--hz-text-secondary:#57534e;--hz-text-dim:#a8a29e;--hz-border:#b453091f;--hz-highlight:#b4530926;--hz-karaoke:#b45309}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] html,[data-theme=hejaz] html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--hz-font-body);background:var(--hz-bg-base);color:var(--hz-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}[lang=ar],.arabic-text{font-family:var(--hz-font-arabic);direction:rtl;line-height:2.2}.glass-panel{-webkit-backdrop-filter:blur(40px);border-radius:var(--hz-radius);background:#ffffff08;border:1px solid #ffffff0f;box-shadow:0 8px 32px #0000001f}.glass-panel:hover{background:#ffffff0f}input,select,textarea{font-family:var(--hz-font-body);transition:border-color var(--hz-transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--hz-primary)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hz-text-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--hz-text-secondary)}::selection{background:var(--hz-highlight);color:var(--hz-text-primary)}.skeleton{background:linear-gradient(90deg, var(--hz-bg-surface) 25%, var(--hz-bg-card) 50%, var(--hz-bg-surface) 75%);border-radius:var(--hz-radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.status-processing{animation:2s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.player-layout{height:calc(100vh - 60px);display:flex}.player-left{border-right:1px solid var(--hz-border);width:40%;padding:24px;overflow-y:auto}.player-right{width:60%;padding:24px 24px 24px 0;overflow-y:auto}@media (max-width:768px){.player-layout{flex-direction:column;height:auto;min-height:calc(100vh - 60px)}.player-left{border-right:none;border-bottom:1px solid var(--hz-border);width:100%;max-height:45vh;padding:16px}.player-right{flex:1;width:100%;padding:16px}}