body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0 auto;max-width:800px;padding:20px;text-align:center}.App-header{margin-bottom:40px}.App-header h1{color:#2c3e50}.App-main{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.App-main,.word-card{margin-bottom:40px}.date-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;width:100%}.nav-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.nav-button:hover:not(:disabled){background-color:#45a049}.nav-button:disabled{background-color:#ccc;cursor:not-allowed}.display-date{font-size:16px;font-weight:700}.english-word{color:#2c3e50;font-size:2.5rem}.arabic-section,.english-word{margin-bottom:20px}.arabic-word{direction:rtl;font-family:Amiri,serif;font-size:2.8rem;margin-bottom:10px}.romanization{color:#7f8c8d;font-size:1.5rem;margin-bottom:20px}.play-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.play-button:hover{background-color:#2980b9}.example{background-color:#f8f9fa;border-radius:4px;margin-top:20px;padding:15px;text-align:left}.subscription-section{border-top:1px solid #eee;margin-top:40px;padding-top:20px}.login-section,.user-section{margin-bottom:20px}.subscribed-message{color:#27ae60;font-weight:700}.unsubscribe-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s}.unsubscribe-button:hover{background-color:#c0392b}.error{color:#e74c3c}.App-footer{color:#7f8c8d;font-size:.9rem;margin-top:40px}.email-confirmation-message{background-color:#fff3e0;border-left:4px solid #e67e22;border-radius:4px;color:#e67e22;margin:10px 0;padding:10px}.subscribe-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.subscribe-button:hover{background-color:#45a049}.subscribe-button:disabled{background-color:#ccc;cursor:not-allowed}.subscription-loading{background-color:#f5f5f5;border-radius:4px;color:#666;display:inline-block;font-style:italic;margin:10px 0;padding:5px}.unsubscribe-container{padding:20px}.status-message{border-radius:4px;margin:20px 0;padding:15px}.status-message.loading{background-color:#f8f9fa;border-left:4px solid #2c3e50}.status-message.success{background-color:#d4edda;border-left:4px solid #27ae60;color:#155724}.status-message.error{background-color:#f8d7da;border-left:4px solid #e74c3c;color:#721c24}.home-link{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 20px;transition:background-color .3s}.home-link:hover{background-color:#2980b9}.main-nav{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.nav-link{background-color:#3498db1a;border-radius:4px;color:#3498db;font-weight:700;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.nav-link:hover{background-color:#3498db33}.nav-link.active{background-color:#3498db;color:#fff;cursor:default;pointer-events:none}.word-quiz-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:800px;padding:1rem}.quiz-instructions{color:#666;font-style:italic;margin-bottom:1.5rem}.quiz-columns{display:flex;gap:2rem;margin-top:1rem}.quiz-column{flex:1 1;min-width:0}.quiz-column h3{color:#333;margin-bottom:1rem;text-align:center}.quiz-items{display:flex;flex-direction:column;gap:.75rem}.quiz-item{background-color:#f5f5f5;border:2px solid #ddd;border-radius:6px;cursor:pointer;padding:1rem;touch-action:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.quiz-item.matched{background-color:#e6f7e6;border-color:#4caf50;cursor:default}.quiz-item:hover:not(.matched){background-color:#f5f9ff;border-color:#bbdefb}.quiz-item.selected{background-color:#e3f2fd;border-color:#2196f3;box-shadow:0 0 5px #2196f380}.feedback-banner{animation:fadeInOut 1.5s ease;border-radius:4px;font-weight:700;left:50%;padding:.75rem 1.5rem;position:fixed;top:20%;transform:translateX(-50%);z-index:100}.feedback-banner.success{background-color:#4caf50;color:#fff}.feedback-banner.error{background-color:#f44336;color:#fff}.quiz-complete{background-color:#e8f5e9;border:1px solid #4caf50;border-radius:8px;margin:2rem 0;padding:1.5rem;text-align:center}.reset-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.reset-button:hover{background-color:#388e3c}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@media (max-width:768px){.quiz-columns{flex-direction:column;gap:1.5rem}.quiz-item{padding:.75rem}}.romanization-content{align-items:center;display:flex;justify-content:space-between}.audio-button{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;margin-left:.5rem;opacity:.7;padding:0;transition:opacity .2s}.audio-button:hover{opacity:1}.matched .audio-button{color:#4caf50}
/*# sourceMappingURL=main.60e47761.css.map*/