*{box-sizing:border-box;margin:0;padding:0}body{color:#2c2c2c;direction:rtl;background:#f5f0e8;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{max-width:800px;margin:0 auto;padding:24px 16px}.app-header{text-align:center;color:#fff;background:linear-gradient(135deg,#1a5276,#2e86c1);border-radius:16px;margin-bottom:32px;padding:28px 24px}.app-header h1{margin-bottom:6px;font-size:2rem;font-weight:700}.subtitle{opacity:.85;font-size:1rem}.app-main{flex-direction:column;gap:20px;display:flex}.juz-selector{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.juz-selector-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.label{color:#1a5276;font-size:1.05rem;font-weight:600}.juz-selector-actions{gap:8px;display:flex}.btn-secondary{color:#1a5276;cursor:pointer;background:#eaf4fb;border:1px solid #aed6f1;border-radius:6px;padding:4px 12px;font-size:.85rem;transition:background .15s}.btn-secondary:hover{background:#aed6f1}.juz-grid{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.juz-btn{aspect-ratio:1;cursor:pointer;background:#fdfefe;border:2px solid #d5d8dc;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .15s}.juz-btn:hover{background:#eaf4fb;border-color:#2e86c1}.juz-btn.selected{color:#fff;background:#2e86c1;border-color:#1a5276}.btn-generate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e8449,#27ae60);border:none;border-radius:10px;width:100%;padding:14px;font-size:1.1rem;font-weight:700;transition:opacity .2s;box-shadow:0 3px 10px #27ae604d}.btn-generate:hover:not(:disabled){opacity:.9}.btn-generate:disabled{opacity:.45;cursor:not-allowed}.error-msg{color:#c0392b;text-align:center;background:#fdedec;border:1px solid #f1948a;border-radius:8px;padding:12px 16px}.question-card{background:#fff;border-right:5px solid #1a5276;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.question-meta-row{margin-bottom:16px}.meta-toggle{color:#7f8c8d;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.85rem;display:flex}.meta-toggle input[type=checkbox]{cursor:pointer;width:15px;height:15px}.question-meta{color:#7f8c8d;gap:16px;margin-top:10px;font-size:.9rem;display:flex}.question-meta span{color:#1a5276;background:#eaf4fb;border-radius:20px;padding:3px 10px;font-weight:600}.question-text{color:#1c2833;margin-bottom:10px;font-size:1.25rem;line-height:2.1}.verse-highlight{color:#1a5276;font-weight:600}.verse-range{color:#95a5a6;margin-bottom:16px;font-size:.85rem}.btn-show-answer{color:#1a5276;cursor:pointer;background:#fdfefe;border:2px solid #2e86c1;border-radius:8px;width:100%;padding:11px;font-size:1rem;font-weight:600;transition:all .15s}.btn-show-answer:hover{color:#fff;background:#2e86c1}.answer-block{background:#f0f9f0;border:1px solid #a9dfbf;border-radius:10px;margin-top:16px;padding:16px}.answer-label{color:#1e8449;margin-bottom:12px;font-size:.9rem;font-weight:700}.answer-verses{flex-direction:column;gap:10px;display:flex}.answer-verse{align-items:baseline;gap:10px;line-height:2;display:flex}.verse-num{color:#fff;background:#1e8449;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.verse-text{color:#1c2833;font-size:1.15rem;line-height:2}.app-footer{text-align:center;color:#7f8c8d;margin-top:32px;padding:16px;font-size:.85rem}.app-footer a{color:#2e86c1;direction:ltr;text-decoration:none;display:inline-block}.app-footer a:hover{text-decoration:underline}@media (width<=500px){.juz-grid{grid-template-columns:repeat(6,1fr)}.app-header h1{font-size:1.5rem}.question-text{font-size:1.1rem}}