.ec1-app{--ec-ink:#18243b;--ec-muted:#62718a;--ec-line:#dde4ef;--ec-brand:#315bd7;--ec-paper:#fff;max-width:1180px;margin:32px auto;padding:0 20px 56px;color:var(--ec-ink);font-family:Alexandria,Segoe UI,Tahoma,sans-serif;line-height:1.8}.ec1-app *{box-sizing:border-box}.ec1-app [hidden]{display:none!important}.ec1-app h1,.ec1-app h2,.ec1-app h3,.ec1-app p{margin:0 0 12px}.ec1-app h1{font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.5}.ec1-app h2{font-size:23px;font-weight:800}.ec1-app h3{font-size:18px;font-weight:700}.ec1-app button,.ec1-upload{border:1px solid var(--ec-line);border-radius:12px;background:var(--ec-paper);color:var(--ec-ink);padding:10px 17px;min-height:44px;cursor:pointer;font:inherit;font-size:13px;font-weight:700;transition:background .15s,box-shadow .15s}.ec1-app button:hover{background:#edf2ff}.ec1-app button:focus-visible,.ec1-app input:focus-visible,.ec1-app select:focus-visible,.ec1-app textarea:focus-visible{outline:3px solid #a6bdfc;outline-offset:3px}.ec1-app button:disabled{opacity:.55;cursor:wait}.ec1-app .ec1-primary{background:var(--ec-brand);border-color:var(--ec-brand);color:#fff}.ec1-app .ec1-primary:hover{background:#234bbf}.ec1-app .ec1-link{border:0;background:transparent;padding-inline:0;color:var(--ec-brand)}.ec1-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:28px;background:linear-gradient(120deg,#142b57,#315bd7 68%,#5b49be);padding:36px 40px;color:white;box-shadow:0 16px 36px #20376018}.ec1-hero p{max-width:680px;color:#e0e9ff;font-size:15px}.ec1-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.03em;margin-bottom:9px}.ec1-hero-mark{font-size:90px;line-height:1;transform:rotate(-10deg);opacity:.6}.ec1-tabs{display:flex;gap:8px;margin:22px 0 8px;border-bottom:1px solid var(--ec-line);padding-bottom:12px;flex-wrap:wrap}.ec1-tabs button{background:transparent;border-color:transparent}.ec1-tabs .ec1-selected{background:#eaf0ff;color:#294faf}.ec1-status{margin:14px 0 22px;color:var(--ec-muted);font-size:13px;min-height:25px;overflow-wrap:anywhere}.ec1-status.ec1-error,.ec1-alert{padding:12px 16px;border:1px solid #f3bcbc;border-radius:12px;background:#fff0f0;color:#941c2e}.ec1-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px 0 20px}.ec1-heading p,.ec1-muted,.ec1-app small{color:var(--ec-muted);font-size:12px}.ec1-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ec1-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:var(--ec-paper);padding:20px;border:1px solid var(--ec-line);border-radius:18px;margin-bottom:24px}.ec1-app label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:12px}.ec1-filters label{flex:1;min-width:130px}.ec1-app input:not([type=checkbox]):not([type=file]),.ec1-app select,.ec1-app textarea{display:block;width:100%;padding:11px 13px;border:1px solid var(--ec-line);border-radius:10px;color:var(--ec-ink);background:var(--ec-paper);font:inherit;font-size:14px;line-height:1.7}.ec1-app textarea{resize:vertical;min-height:95px}.ec1-app input[type=checkbox]{width:20px;height:20px;accent-color:var(--ec-brand)}.ec1-app .ec1-check{flex-direction:row;align-items:center;gap:10px}.ec1-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ec1-deck-tile{background:var(--ec-paper);border:1px solid var(--ec-line);border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:start;min-height:215px;overflow-wrap:anywhere;position:relative}.ec1-deck-tile::before{content:'';height:5px;width:40px;border-radius:5px;background:#36a49c;margin-bottom:20px}.ec1-deck-tile:nth-child(3n+2)::before{background:#9c71d3}.ec1-deck-tile:nth-child(3n)::before{background:#e7a343}.ec1-deck-tile p{color:var(--ec-muted);font-size:12px;flex:1}.ec1-deck-tile button{margin-top:14px}.ec1-badge{display:inline-block;border-radius:8px;padding:3px 9px;background:#edf3ff;color:#3655a5;font-size:11px;margin-bottom:10px;font-weight:600}.ec1-stack{display:grid;gap:12px}.ec1-row{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--ec-paper);padding:18px 22px;border:1px solid var(--ec-line);border-radius:16px;overflow-wrap:anywhere}.ec1-row>div:first-child{min-width:0;flex:1}.ec1-row p{white-space:pre-wrap;font-size:13px}.ec1-pager{display:flex;justify-content:center;gap:12px;padding:22px}.ec1-empty{grid-column:1/-1;text-align:center;border:1px dashed #bac7dd;background:#f6f8fd;border-radius:18px;padding:38px;color:var(--ec-muted)}.ec1-surface{background:var(--ec-paper);border:1px solid var(--ec-line);border-radius:22px;padding:26px;margin-bottom:24px}.ec1-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ec1-wide{grid-column:1/-1}.ec1-inline{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.ec1-inline label{min-width:200px;max-width:600px;flex:1}.ec1-tip{background:#eff6ff;border:1px solid #cbdfff;border-radius:14px;padding:16px;font-size:13px;color:#2b4b7d}.ec1-workbar{position:sticky;top:76px;z-index:5;padding:14px 20px;background:#eff5fff2;border:1px solid #cad8f4;border-radius:16px;margin-bottom:18px;backdrop-filter:blur(8px)}.ec1-workbar strong{display:block;font-size:12px;color:#31529e;margin-bottom:8px}.ec1-app .ec1-upload{flex-direction:row;align-items:center;flex-wrap:wrap}.ec1-upload input{font-size:11px;max-width:190px}.ec1-image{max-width:100%;max-height:440px;object-fit:contain;display:block;margin:16px auto;border-radius:10px}.ec1-image-mini{max-width:180px;max-height:130px;object-fit:contain;border:1px solid var(--ec-line);border-radius:8px}.ec1-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px}.ec1-metric{padding:16px;background:#f0f4fd;border:1px solid #e1e8f5;border-radius:15px;text-align:center}.ec1-metric strong{display:block;font-size:25px;color:#315bd7}.ec1-metric span{font-size:11px;color:#526785}.ec1-study-card{background:var(--ec-paper);border:1px solid var(--ec-line);border-radius:26px;box-shadow:0 14px 40px #15264c0b;padding:36px;min-height:300px;text-align:center}.ec1-rich{white-space:pre-wrap;overflow-wrap:anywhere;font-size:20px;line-height:2;max-width:100%;text-align:start;margin:18px 0}.ec1-extra{background:#f5f7fc;border-radius:16px;text-align:start;padding:18px;margin-top:25px;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.ec1-extra strong{display:block;color:#4b6697;font-size:12px;margin-bottom:8px}#ec1-answer{border-top:1px dashed #bdcbe1;padding-top:12px;margin-top:25px}.ec1-reveal{width:100%;max-width:430px;margin-top:26px}.ec1-ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.ec1-ratings button{padding:15px 10px;border-width:2px}.ec1-ratings strong,.ec1-ratings small{display:block}.ec1-ratings [data-ec-rating="1"]{background:#fff0f1;border-color:#f1b7c1;color:#aa2941}.ec1-ratings [data-ec-rating="2"]{background:#fff6e7;border-color:#f0d09a;color:#825910}.ec1-ratings [data-ec-rating="3"]{background:#ecf8f2;border-color:#a6d8c5;color:#157251}.ec1-ratings [data-ec-rating="4"]{background:#edf3ff;border-color:#b3c8fb;color:#305bc6}.ec1-study-tools{justify-content:center}.ec1-dialog{width:min(850px,94vw);max-height:88vh;padding:24px;border:1px solid #d2dcee;border-radius:22px;box-shadow:0 28px 90px #132b5a50;color:#172640;background:white}.ec1-dialog::backdrop{background:#15294a88}.ec1-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--ec-line);margin-bottom:20px}.ec1-dialog h2{font-size:20px}.ec1-preview-card{border:1px solid var(--ec-line);border-radius:15px;padding:20px;margin-bottom:18px}.ec1-preview-answer{border-top:1px dashed var(--ec-line);padding-top:10px}.ec1-app .cu1-tools{font-size:12px;flex-wrap:wrap}.ec1-app .cu1-tools button{min-height:35px;padding:5px 9px;font-size:11px}.dark-mode .ec1-app,.dark .ec1-app{--ec-ink:#e4eafa;--ec-muted:#acbbd4;--ec-line:#364763;--ec-brand:#4169d7;--ec-paper:#17243b}.dark-mode .ec1-metric,.dark .ec1-metric,.dark-mode .ec1-extra,.dark .ec1-extra{background:#1f3152}.dark-mode .ec1-workbar,.dark .ec1-workbar{background:#1c3151f0}.dark-mode .ec1-deck-tile p,.dark .ec1-deck-tile p{color:#b9c7df}@media(max-width:850px){.ec1-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec1-hero-mark{display:none}.ec1-hero{padding:28px}.ec1-heading{align-items:start;flex-direction:column}.ec1-form{gap:18px}.ec1-row{flex-wrap:wrap}}@media(max-width:560px){.ec1-app{padding:0 12px 35px;margin-top:18px}.ec1-grid{grid-template-columns:1fr}.ec1-hero{border-radius:20px;padding:24px}.ec1-hero p{font-size:13px}.ec1-form{grid-template-columns:1fr}.ec1-wide{grid-column:auto}.ec1-surface{padding:18px}.ec1-ratings,.ec1-metrics{grid-template-columns:repeat(2,1fr)}.ec1-study-card{padding:22px}.ec1-rich{font-size:18px}.ec1-workbar{top:68px;padding:12px}.ec1-tabs button{flex:1;padding:8px;font-size:11px}.ec1-actions button{flex-grow:1}.ec1-filters{padding:15px}.ec1-app h2{font-size:20px}}

/* CARDS-UX-1 */
.ec1-app .ec1-cover{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain;border-radius:18px;background:#edf9f6}.ec1-app .ec1-cover[hidden]{display:none}.ec1-app .ec1-cover-detail{max-width:780px;margin:0 auto 22px}.ec1-app .ec1-deck-tile{overflow:hidden}.ec1-app .ec1-deck-tile .ec1-cover{margin-bottom:16px}.ec1-app .ec1-guide{margin:20px 0;line-height:1.9}.ec1-app .ec1-guide h2{font-size:1.3rem}.ec1-app details summary{cursor:pointer;font-weight:700;color:#0f766e;padding:8px}.ec1-app .ec1-guide ol{padding-inline-start:25px;list-style:decimal}.ec1-app .ec1-guide li{margin:8px 0}.ec1-app #ec1-cover-canvas{max-width:700px;margin-top:14px}.ec1-app #ec1-deck-rating{margin:20px 0}.ec1-app .ec1-public-actions{margin:20px 0}.ec1-app .ec1-stats-label{font-size:.88rem}.ec1-app #ec1-class-tools{margin-bottom:16px;flex-wrap:wrap}.ec1-app .ec1-public-form{margin-block:20px}.ec1-app a.ec1-primary{display:inline-block;text-decoration:none;padding:12px 22px;border-radius:12px;background:#0f766e;color:#fff}.ec1-app .ec1-deck-tile h2{font-size:1.15rem;line-height:1.8}.ec1-app #ec1-deck-cover{margin-top:18px}

/* CARDS-2: clear recall choices, readable content and large touch targets. */
.ec1-app .ec2-study-frame{max-width:900px;margin:0 auto}.ec1-app .ec2-card{position:relative;border:1px solid #d5e8e3;border-top:5px solid #0f766e;border-radius:24px;background:linear-gradient(150deg,#fff,#f8fffd);box-shadow:0 14px 36px #064e3b0a;text-align:start;padding:clamp(20px,4vw,44px);min-height:280px}.ec1-app .ec2-card-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#536e66;font-size:.85rem;margin-bottom:24px}.ec1-app #ec1-question{font-size:clamp(1.15rem,2vw,1.55rem);line-height:2;overflow-wrap:anywhere;outline:none;min-height:64px}.ec1-app #ec1-answer{border-top:1px dashed #b4d9cc;margin-top:26px;padding-top:24px;line-height:2;font-size:1.12rem}.ec1-app #ec1-answer::before{content:'الإجابة والشرح';display:block;color:#047857;font-size:.85rem;font-weight:800;margin-bottom:10px}.ec1-app .ec2-card .ec1-reveal{display:block;width:100%;margin-top:30px;min-height:54px;border-radius:14px}.ec1-app .ec2-memory-help{text-align:center;margin:24px auto 14px;line-height:1.9}.ec1-app .ec2-memory-help h3{font-size:1.13rem;margin:0 0 6px}.ec1-app .ec2-memory-help p{color:#52636d;font-size:.9rem;margin:0}.ec1-app .ec2-memory-buttons{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.ec1-app .ec2-memory-buttons button{display:flex;flex-direction:column;gap:9px;justify-content:flex-start;min-height:164px;padding:18px 12px;border-width:1px;border-radius:18px;background:#fff;line-height:1.7;white-space:normal;transition:box-shadow .15s,border-color .15s}.ec1-app .ec2-memory-buttons strong{font-size:1.25rem}.ec1-app .ec2-memory-buttons span{font-weight:500;font-size:.82rem;flex:1;color:#34454f}.ec1-app .ec2-memory-buttons small{font-size:.76rem;border-top:1px solid #d8e4df;padding-top:9px;width:100%;color:#41565c}.ec1-app [data-ec-rating="1"]{border-color:#f2b8ba;background:#fff5f5;color:#a72232}.ec1-app [data-ec-rating="2"]{border-color:#ebc586;background:#fffbef;color:#855200}.ec1-app [data-ec-rating="3"]{border-color:#a8c8ef;background:#f4f8ff;color:#195b99}.ec1-app [data-ec-rating="4"]{border-color:#9ad4bd;background:#f0fcf7;color:#146846}.ec1-app button:focus-visible,.ec1-dialog button:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.ec1-app .ec1-study-tools{justify-content:center;align-items:start;margin-top:20px;flex-wrap:wrap}.ec1-app .ec1-study-tools button,.ec1-app .ec1-study-tools summary{min-height:46px}.ec1-app .ec1-study-tools details{max-width:340px}.ec1-app .ec2-confirmation{padding:12px 16px;background:#edf9f4;border-radius:12px;color:#155e48;line-height:1.8;margin-top:18px;min-height:0}.ec1-app .ec2-confirmation:empty{display:none}.ec1-app .ec2-shortcuts{text-align:center;font-size:.78rem;margin:15px 0}.ec1-app .ec2-quality-options{display:flex;gap:10px;flex-wrap:wrap}.ec1-app .ec2-quality-options button{flex:1;min-width:105px;min-height:84px;border:1px solid #dae3eb;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#fff;font-size:.9rem}.ec1-app .ec2-quality-options i{font-size:1.35rem}.ec1-app [data-ec-quality="5"]{color:#be185d}.ec1-app [data-ec-quality="4"]{color:#047857}.ec1-app [data-ec-quality="3"]{color:#a16207}.ec1-app [data-ec-quality="2"]{color:#c2410c}.ec1-app [data-ec-quality="1"]{color:#b91c1c}.ec1-app .ec2-quality-options .is-active{border:2px solid currentColor;background:#f0fdfa;box-shadow:0 0 0 2px #0f766e12}.ec1-app .ec2-quality-options button:disabled{opacity:.55}.ec1-dialog .ec2-tool-form{margin-top:18px}.ec1-dialog .ec2-tool-form .ec1-check{align-items:flex-start;flex-wrap:wrap}.ec1-dialog .ec2-tool-form small{display:block;width:100%;color:#53646d;font-size:.8rem;line-height:1.7}.ec1-app .ec2-study .ec1-metrics{margin-bottom:12px}.ec1-app #ec2-session-hint{line-height:1.8}.dark .ec1-app .ec2-card{background:#172b2c;border-color:#34584c;color:#eef7f2}.dark .ec1-app .ec2-memory-help p,.dark .ec1-app .ec2-card-label{color:#bcd4ce}.dark .ec1-app .ec2-quality-options button{background:#20353a}.dark .ec1-app .ec2-quality-options .is-active{background:#183e35}
@media(max-width:600px){.ec1-app .ec2-memory-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.ec1-app .ec2-memory-buttons button{min-height:148px;padding:14px 10px}.ec1-app .ec2-card-label{align-items:start;flex-direction:column;gap:7px}.ec1-app .ec2-quality-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ec1-app .ec2-quality-options button{min-width:0;font-size:.8rem}.ec1-app .ec2-shortcuts{display:none}.ec1-app .ec2-card{padding:20px}.ec1-app .ec2-study .ec1-heading{align-items:start}.ec1-app .ec2-study .ec1-heading>.ec1-actions{width:100%}}
@media(prefers-reduced-motion:reduce){.ec1-app .ec2-memory-buttons button{transition:none}}