@import url(https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f4f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{min-height:100vh}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;padding:2rem;text-align:center}.header h1{font-size:2.5rem;margin-bottom:.5rem}.subtitle{font-size:1.1rem;opacity:.9}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;height:50vh;justify-content:center}.main-container{margin:0 auto;max-width:1200px;padding:2rem}.sections-grid{animation:fadeIn .5s ease-in}.grid-title{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.sections-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.section-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:2rem;transition:all .3s ease}.section-card:hover{border-color:#667eea;box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.section-card h3{color:#333;font-size:1.5rem;margin-bottom:.5rem}.section-card p{color:#666;line-height:1.5;margin-bottom:1rem}.section-stats{color:#888;font-size:.9rem}.section-detail{animation:fadeIn .5s ease-in}.back-button{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:1rem;margin-bottom:1.5rem;transition:color .2s}.back-button:hover{color:#764ba2}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{color:#333;font-size:2.5rem;margin-bottom:1rem}.section-description{color:#666;font-size:1.2rem;margin:0 auto;max-width:600px}.examples-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.example-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.example-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.arabic-display{color:#2c3e50;direction:rtl;font-family:Amiri,serif;font-size:3rem;margin-bottom:1rem}.transliteration{color:#667eea;font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.meaning{color:#666;font-size:1rem;margin-bottom:1rem}.notes-preview{color:#888;font-size:.9rem;font-style:italic;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-stats{display:flex;font-size:.875rem;gap:1rem;justify-content:center}.correct-count{color:#4caf50}.incorrect-count{color:#f44336}.practice-view{animation:fadeIn .5s ease-in;margin:0 auto;max-width:900px}.practice-header{margin-bottom:2rem}.practice-content{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:3rem}.word-display{border-bottom:2px solid #f0f0f0;margin-bottom:3rem;padding-bottom:3rem;text-align:center}.arabic-large{color:#2c3e50;direction:rtl;font-family:Amiri,serif;font-size:5rem;margin-bottom:1rem}.transliteration-large{color:#667eea;font-size:2rem;font-weight:500;margin-bottom:.5rem}.meaning-large{color:#666;font-size:1.5rem}.pronunciation-notes{background:#f8f9ff;border-left:4px solid #667eea;border-radius:12px;margin-bottom:2rem;padding:2rem}.pronunciation-notes h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.pronunciation-notes p{color:#555;line-height:1.6}.recordings-section{grid-gap:2rem;display:grid;gap:2rem}.recording-group{border-radius:12px;padding:2rem}.correct-group{background:#e8f5e9;border:2px solid #4caf50}.incorrect-group{background:#ffebee;border:2px solid #f44336}.recording-group h3{font-size:1.3rem;margin-bottom:1.5rem}.correct-group h3{color:#2e7d32}.incorrect-group h3{color:#c62828}.recording-buttons{display:flex;flex-wrap:wrap;gap:1rem}.play-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.play-button.correct{background:#4caf50;color:#fff}.play-button.correct:hover{background:#388e3c;transform:scale(1.05)}.play-button.incorrect{background:#f44336;color:#fff}.play-button.incorrect:hover{background:#d32f2f;transform:scale(1.05)}.mistakes-list{display:flex;flex-direction:column;gap:1rem}.mistake-item{align-items:center;display:flex;gap:1rem}.mistake-description{color:#c62828;flex:1 1;font-style:italic}.no-recordings{color:#888;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header h1{font-size:2rem}.sections-container{grid-template-columns:1fr}.examples-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.arabic-large{font-size:3.5rem}.practice-content{padding:2rem}.mistake-item,.recording-buttons{flex-direction:column}.mistake-item{align-items:flex-start}}
/*# sourceMappingURL=main.0047e1ea.css.map*/