@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Readex+Pro:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap";:root{--font-primary:"Readex Pro", "Cairo", system-ui, -apple-system, sans-serif;--font-reading:"Amiri", "Readex Pro", serif;--primary-50:#faf5ff;--primary-100:#f3e8ff;--primary-200:#e9d5ff;--primary-300:#d8b4fe;--primary-400:#c084fc;--primary-500:#a855f7;--primary-600:#9333ea;--primary-700:#7e22ce;--accent-pink:#ec4899;--accent-pink-light:#fdf2f8;--accent-mint:#10b981;--accent-mint-light:#ecfdf5;--accent-sky:#0ea5e9;--accent-sky-light:#f0f9ff;--accent-amber:#f59e0b;--accent-amber-light:#fffbeb;--surface-bg:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #00000012;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000014;--shadow-hover:0 14px 28px -4px #9333ea26, 0 6px 12px -6px #9333ea1a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--surface-bg);color:var(--text-main);text-align:right;direction:rtl;min-height:100vh;line-height:1.6;overflow-x:hidden}button{cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}button:active{transform:scale(.97)}.btn-primary{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);padding:.75rem 1.75rem;font-size:1rem;font-weight:600;box-shadow:0 4px 14px #ec489959}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ec489973}.btn-secondary{color:var(--text-main);border:1.5px solid var(--border-color);border-radius:var(--radius-full);background-color:#fff;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500}.btn-secondary:hover{background-color:var(--primary-50);border-color:var(--primary-300)}.btn-success{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#10b981 0%,#059669 100%);padding:.75rem 1.75rem;font-weight:600;box-shadow:0 4px 14px #10b9814d}.card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0cc;padding:1.5rem;transition:transform .2s,box-shadow .2s}.card-hover:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.reading-text-display{font-family:var(--font-reading);color:#1e1b4b;letter-spacing:.02em;white-space:pre-line;word-spacing:.1em;border-radius:var(--radius-lg);background-color:#fffefb;border:2px solid #fef3c7;padding:1.5rem;font-size:1.75rem;line-height:2.5;box-shadow:inset 0 2px 4px #00000005}@media (width<=640px){.reading-text-display{padding:1rem;font-size:1.45rem;line-height:2.3}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.05);box-shadow:0 0 0 16px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.recording-pulse{animation:2s infinite pulse-ring;color:#fff!important;background:#ef4444!important}input,select,textarea{border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);background-color:#fff;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #a855f726}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}