html,body,#root{direction:rtl;min-height:100%;margin:0;padding:0}:root{--bg-primary:#4f46e5;--bg-secondary:#2563eb;--text-color:white;--shadow-color:#00000080}*{box-sizing:border-box}body{color:var(--text-color);font-family:Arial,sans-serif}.app{background:linear-gradient(180deg, var(--bg-primary), var(--bg-secondary));min-height:100vh;color:var(--text-color);transition:background .8s,color .8s}.header{justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex}.logo{color:var(--text-color);font-size:24px;font-weight:700}.menu-button{color:var(--text-color);cursor:pointer;background:0 0;border:none;font-size:28px}.page-container{padding-bottom:90px}.side-menu{color:#111;z-index:999;background:#fff;border-radius:16px;width:230px;position:fixed;top:70px;right:15px;overflow:hidden;box-shadow:0 8px 30px #0003}.menu-item{cursor:pointer;text-align:right;background:#fff;border:none;align-items:center;gap:12px;width:100%;padding:16px;font-size:15px;display:flex}.menu-item:hover{background:#f5f5f5}.bottom-nav{background:#fff;border-top:1px solid #ddd;justify-content:space-around;align-items:center;height:75px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-link{color:#444;flex-direction:column;align-items:center;gap:4px;font-size:13px;text-decoration:none;display:flex}.active-link{color:#2563eb;font-weight:700}.main{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:calc(100vh - 145px);padding:10px 24px 24px;display:flex}.word{color:var(--text-color);text-shadow:0 0 10px var(--shadow-color), 0 0 25px var(--shadow-color), 0 0 45px var(--shadow-color);margin:0 0 30px;font-size:4rem;font-weight:700;line-height:2.1}.meaning{max-width:600px;color:var(--text-color);margin-top:8px;line-height:1.5}.question-box{color:var(--text-color);background:#ffffff26;border-radius:20px;width:100%;max-width:600px;margin-top:10px;padding:20px}.question-title{margin-bottom:10px;font-weight:700}.primary-button{cursor:pointer;border:none;border-radius:16px;width:100%;padding:15px}textarea,input,select{text-align:right;direction:rtl}.dark .side-menu{background:#1f2937}.dark .menu-item{color:#fff;background:#1f2937}.dark .menu-item:hover{background:#374151}.dark .bottom-nav{background:#1f2937;border-top-color:#374151}.dark .bottom-link{color:#d1d5db}.dark .active-link{color:#60a5fa}.dark .journal-card{color:#fff;background:#1f2937;border-color:#374151}.dark textarea,.dark input,.dark select{color:#fff;background:#1f2937;border:1px solid #374151}.dark textarea::placeholder,.dark input::placeholder{color:#cbd5e1}.dark .primary-button{color:#fff;background:#2563eb}.menu-link{width:100%;color:inherit;align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.menu-link:hover{background:#f5f5f5}.dark .menu-link{color:#fff}.dark .menu-link:hover{background:#374151}.journal-card{color:#111;background:#fff;border:1px solid #ddd;border-radius:16px;margin-top:15px;padding:15px;transition:all .3s}.recharts-wrapper{color:#111}.dark .recharts-wrapper{color:#fff}@media (width<=600px){.word{font-size:3.8rem}.logo{font-size:20px}}.page-title{text-align:center;margin-top:20px;margin-bottom:20px;font-size:2rem;font-weight:700}