.mindedu-exercise-library{font-family:inherit;color:#15243b;direction:ltr;line-height:1.6}.mindedu-exercise-library[dir=rtl]{direction:rtl}.mel-shell{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:22px;margin:18px 0;box-shadow:0 8px 30px #162c4710}.mel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mel-top h2{font-size:23px!important;margin:0!important;color:#15243b!important}.mel-muted{font-size:13px;color:#60748c}.mel-controls{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.mel-controls input,.mel-controls select{border:1px solid #cad7e5;border-radius:10px;padding:11px;background:#fff;color:#14253d;min-width:130px;flex:1}.mel-controls input{flex:2;min-width:180px}.mel-tabs{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.mel-btn{cursor:pointer;border:1px solid #d2dfed;border-radius:10px;padding:9px 13px;background:#fff;color:#174a80;font-weight:650}.mel-btn.active,.mel-btn.primary{background:#174a80;color:#fff;border-color:#174a80}.mel-btn:focus-visible{outline:3px solid #e8a52c;outline-offset:2px}.mel-count{font-size:13px;color:#64748b;margin:12px 0}.mel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:13px}.mel-card{border:1px solid #dce5ef;border-radius:13px;padding:16px;background:#fcfdff}.mel-card h3{font-size:17px!important;color:#15243b!important;margin:0 0 6px!important}.mel-card p{margin:4px 0 12px;font-size:13px;color:#5a6e84}.mel-actions{display:flex;gap:8px;flex-wrap:wrap}.mel-heart[aria-pressed=true]{background:#fff0f2;border-color:#e8b2bb;color:#a71939}.mel-details{margin-top:15px;border-top:1px solid #dce5ef;padding-top:15px}.mel-details h4{margin:14px 0 4px;font-size:14px;color:#15243b}.mel-details ol{padding-inline-start:22px}.mel-details li{margin:5px 0}.mel-alert{padding:11px;border-radius:10px;background:#fff8e9;color:#77531b;font-size:12px;margin-top:16px}.mel-error{color:#a71939;font-size:13px}.mindedu-exercise-portal-section{margin-top:16px}@media(max-width:600px){.mel-shell{padding:14px}.mel-top h2{font-size:19px!important}.mel-controls{display:grid;grid-template-columns:1fr 1fr}.mel-controls input{grid-column:1/-1;width:100%}.mel-controls select{min-width:0;width:100%}}

/* MindEdu premium library UI v1.0.4 */
.mindedu-exercise-library{--mel-navy:#172b52;--mel-blue:#536ee5;--mel-violet:#7755b7;--mel-ink:#18283f;--mel-border:#e5eaf4;max-width:1200px;margin-inline:auto}
.mel-shell{background:linear-gradient(180deg,#f8faff,#fff 190px);border:1px solid var(--mel-border);border-radius:24px;padding:clamp(16px,3vw,30px);box-shadow:0 16px 48px rgba(20,39,80,.08);overflow:hidden}
.mel-top{background:linear-gradient(115deg,#172b52,#4967d7 65%,#7953b6);padding:clamp(18px,3vw,30px);border-radius:19px;color:#fff;align-items:center;gap:16px}
.mel-top h2{color:#fff!important;font-weight:800!important;font-size:clamp(21px,2.5vw,30px)!important;line-height:1.25!important}
.mel-top .mel-muted{color:#e3e9ff;font-size:14px;margin-top:8px}
.mel-top .mel-btn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff;min-width:75px}
.mel-top .mel-btn.active{background:#fff;color:#243b80;border-color:#fff}
.mel-tabs{padding:8px;background:#f1f4fb;border-radius:14px;display:flex;gap:8px;margin:20px 0 15px}
.mel-tabs .mel-btn{flex:1;border-color:transparent;background:transparent;color:#465779;padding:13px 10px;border-radius:10px}
.mel-tabs .mel-btn.active{background:#fff;color:#244dba;box-shadow:0 3px 12px #20396718}
.mel-controls{background:#fff;padding:15px;border:1px solid var(--mel-border);border-radius:15px;margin:0 0 18px;gap:12px}
.mel-controls input,.mel-controls select{min-height:48px;border:1px solid #dce3f1;background:#fafbff;border-radius:11px;font-size:14px;box-shadow:none}
.mel-controls input:focus,.mel-controls select:focus{outline:2px solid #8ba4fa;outline-offset:1px}
.mel-count{font-weight:700;color:#50627d;font-size:14px;margin:17px 0}
.mel-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:16px}
.mel-card{border:1px solid #e1e7f2;background:#fff;border-radius:17px;padding:20px;box-shadow:0 5px 18px rgba(19,37,77,.045);transition:box-shadow .2s,transform .2s,border-color .2s}
.mel-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(19,37,77,.11);border-color:#bccbf3}
.mel-card h3{font-size:17px!important;font-weight:800!important;line-height:1.45!important;margin:0 0 10px!important}
.mel-card p{color:#62718b;font-size:13px;line-height:1.65}
.mel-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin-top:16px}
.mel-btn{font-size:13px;line-height:1.4;transition:background .2s;white-space:normal;min-height:42px}
.mel-btn.primary{background:linear-gradient(110deg,#315bcd,#5d6fe3);border:0;color:#fff}
.mel-heart{background:#f6f7fc;border:1px solid #e4e8f3;color:#435573}
.mel-heart[aria-pressed=true]{background:#fff0f4;color:#ad2756;border-color:#f1b9c9}
.mel-details{background:#f8faff;border:1px solid #e6ebf7;border-radius:12px;padding:15px;margin-top:18px}
.mel-details h4{font-weight:800;color:#243f81}
.mel-alert{background:#fffaf0;border:1px solid #f2e6c8;color:#755b2d;border-radius:12px;margin-top:22px;padding:15px;line-height:1.7}
.mindedu-exercise-library[dir=rtl] .mel-top,.mindedu-exercise-library[dir=rtl] .mel-card{text-align:right}
@media(max-width:600px){.mel-shell{border-radius:17px;padding:12px}.mel-top{border-radius:13px;padding:20px 15px}.mel-tabs{gap:4px}.mel-tabs .mel-btn{font-size:12px}.mel-card{padding:16px}.mel-actions{grid-template-columns:1fr 1fr}.mel-controls{padding:11px}.mel-grid{grid-template-columns:1fr}}
