.learn-page{background:linear-gradient(180deg,#faf6ee 0,#f3eddf 100%)}.learn-tabs{display:flex;gap:4px;margin:24px 0 16px;background:#fff;padding:6px;border-radius:12px;border:1px solid #e0d8c8}.learn-tab{flex:1;padding:12px;background:transparent;border:none;cursor:pointer;font-family:inherit;font-weight:700;color:#8a7d63;border-radius:8px;font-size:14.5px;transition:all .18s}.learn-tab:hover{background:#faf6ee;color:#6b5e44}.learn-tab.active{background:linear-gradient(135deg,#d4af37,#a38538);color:#fff}.learn-content{display:none}.learn-content.active{display:block}.meters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.meter-card{background:#fff;border-radius:10px;padding:16px;border:1px solid #e0d8c8;cursor:pointer;transition:transform .15s,box-shadow .15s}.meter-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(212,175,55,0.18);border-color:#d4af37}.meter-name{font-family:'Amiri',serif;font-size:24px;font-weight:700;color:#5a4528}.meter-en{color:#8a7d63;font-size:12px;margin-bottom:8px}.meter-nature{color:#1a3a4a;font-size:13.5px;margin:6px 0 10px}.meter-taf{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.taf-pill{background:#fef6e0;color:#8a6914;padding:3px 9px;border-radius:11px;font-size:12px;font-weight:600}.taf-pill.big{font-size:14px;padding:5px 12px;font-family:'Amiri',serif}.meter-pattern{color:#6b5e44;font-family:ui-monospace,monospace;font-size:11.5px;direction:ltr;text-align:left}.meter-detail{background:#fff;border-radius:12px;padding:24px;border:1px solid #e0d8c8}.back-btn{background:transparent;border:1px solid #d4c5a9;border-radius:6px;padding:5px 12px;cursor:pointer;font-family:inherit;color:#6b5e44;margin-bottom:16px;font-size:13px}.back-btn:hover{background:#faf6ee}.meter-detail-title{font-family:'Amiri',serif;font-size:32px;font-weight:700;color:#5a4528;margin-bottom:16px}.meter-detail-title small{color:#8a7d63;font-size:16px;font-weight:400}.meter-block{background:#faf6ee;padding:12px 16px;border-radius:8px;margin-bottom:10px;line-height:1.9;color:#1a3a4a}.meter-block b{color:#5a4528}.meter-taf-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pattern-code{background:#fff;padding:4px 10px;border-radius:5px;direction:ltr;display:inline-block}.poet-chip{background:#fff;color:#1a3a4a;padding:3px 10px;border-radius:11px;margin:2px 4px;font-size:12.5px;border:1px solid #e0d8c8}.meter-examples{margin-top:8px;display:flex;flex-direction:column;gap:8px}.meter-example{background:#fff;padding:12px 14px;border-radius:7px;border-right:3px solid #d4af37}.example-verse{font-family:'Amiri',serif;font-size:17px;line-height:2;color:#1a3a4a;text-align:center}.example-meta{color:#8a7d63;font-size:12px;margin-top:4px;text-align:left;font-style:italic}.quiz-controls{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.quiz-controls label{color:#6b5e44;font-weight:600}.quiz-controls select{padding:8px 12px;border:1px solid #d4c5a9;border-radius:7px;font-family:inherit;font-size:14px}.quiz-action-btn{background:linear-gradient(135deg,#d4af37,#a38538);color:#fff;border:none;border-radius:8px;padding:10px 18px;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px}.quiz-action-btn:hover{opacity:.92}.quiz-score-bar{background:#fef6e0;padding:10px 14px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#8a6914}.quiz-score-bar button{background:transparent;border:1px solid #d4af37;color:#8a6914;padding:4px 10px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:12px}.quiz-question{background:#fff;border-radius:12px;padding:24px;border:1px solid #e0d8c8;min-height:200px}.q-text{font-weight:700;color:#1a3a4a;font-size:16px;margin-bottom:12px}.q-verse{font-family:'Amiri',serif;font-size:22px;line-height:2.2;color:#5a4528;text-align:center;padding:16px;background:#faf6ee;border-radius:10px;margin:14px 0}.q-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.q-option{background:#fff;border:2px solid #d4c5a9;border-radius:8px;padding:12px;cursor:pointer;font-family:inherit;font-size:15px;color:#1a3a4a;transition:all .15s}.q-option:hover:not(:disabled){border-color:#d4af37;background:#fef6e0}.q-option:disabled{cursor:not-allowed;opacity:.7}.q-option.correct{background:#e8f5e9;border-color:#2e7d32;color:#2e7d32;font-weight:700}.q-option.wrong{background:#ffebee;border-color:#c62828;color:#c62828}.quiz-result{margin-top:16px}.q-ok{background:#e8f5e9;color:#2e7d32;padding:10px 14px;border-radius:8px;font-weight:700}.q-bad{background:#ffebee;color:#c62828;padding:10px 14px;border-radius:8px;font-weight:700}.q-explain{background:#fef6e0;color:#8a6914;padding:10px 14px;border-radius:8px;margin-top:8px;line-height:1.8}.q-explain+.quiz-action-btn{margin-top:12px}.corpus-stats{display:flex;flex-wrap:wrap;gap:12px;background:linear-gradient(135deg,#fef6e0,#faf6ee);padding:14px 18px;border-radius:10px;border:1px solid #d4af37;margin-bottom:14px}.cstat{color:#5a4528;font-size:14px}.cstat b{color:#8a6914;font-size:18px}.corpus-filters{display:flex;gap:8px;flex-wrap:wrap;background:#fff;padding:12px;border-radius:10px;margin-bottom:14px;border:1px solid #e0d8c8}.corpus-filters input,.corpus-filters select{padding:8px 12px;border:1px solid #d4c5a9;border-radius:7px;font-family:inherit;font-size:13.5px;background:#fff}.corpus-filters input{flex:1;min-width:180px}.corpus-summary{color:#8a7d63;font-size:13px;margin-bottom:12px}.corpus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.corpus-card{background:#fff;border:1px solid #e0d8c8;border-radius:10px;padding:14px;cursor:pointer;transition:all .15s}.corpus-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(212,175,55,0.18);border-color:#d4af37}.corpus-title{font-family:'Amiri',serif;font-size:18px;font-weight:700;color:#1a3a4a}.corpus-poet{color:#8a6914;font-size:13px;margin:4px 0 8px}.corpus-meta{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.meta-pill{background:#fef6e0;color:#8a6914;padding:2px 9px;border-radius:10px;font-size:11.5px;font-weight:600}.corpus-preview{font-family:'Amiri',serif;font-size:13.5px;line-height:1.9;color:#555;background:#faf6ee;padding:8px;border-radius:6px;max-height:70px;overflow:hidden;white-space:pre-wrap}@media(max-width:640px){.learn-tab{font-size:12.5px;padding:10px 6px}.meters-grid{grid-template-columns:1fr}.corpus-grid{grid-template-columns:1fr}}