.daily-start-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #b9d5ca;border-radius:20px;padding:24px;background:#e6f3ed;margin:8px 0 26px}.daily-start-card .eyebrow{font-size:13px;letter-spacing:1px;color:var(--green)}.daily-start-card h2{font-size:24px;margin:8px 0}.daily-start-card p{font-size:16px;margin:0;max-width:600px}.daily-start-card .primary{flex-shrink:0;min-width:112px;justify-content:center;min-height:48px}.recall-card{display:flex;gap:20px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:16px;padding:20px;margin:20px 0;background:var(--surface,#fff)}.recall-card h2{font-size:20px}.recall-card p{font-size:16px;line-height:1.6;margin:8px 0 0}.recall-card button{flex-shrink:0}.routine-shell{max-width:820px;margin:20px auto}.routine-shell>.text-button{min-height:48px;font-size:16px}.routine-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:16px;margin:20px 0}.routine-heading>span{color:var(--muted);font-size:14px;white-space:nowrap}.routine-steps{list-style:none;display:flex;gap:8px;margin:20px 0;padding:0}.routine-steps li{flex:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;border-radius:12px;border:1px solid var(--line);padding:12px 8px;font-size:14px;color:var(--muted)}.routine-steps li>span{border:1px solid currentColor;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.routine-steps li.current{background:var(--green);color:#fff;border-color:var(--green)}.routine-steps li.done{color:var(--green);background:var(--soft,#edf4ef)}.routine-steps small{font-size:12px;flex-basis:100%;text-align:center}.routine-shell>progress{width:100%;height:8px;accent-color:var(--green)}.routine-card,.routine-result{background:var(--surface,#fff);border:1px solid var(--line);border-radius:20px;padding:28px;margin:20px 0}.routine-card h1{font-size:26px;line-height:1.4;letter-spacing:-.5px}.routine-card p,.routine-result p{font-size:16px;line-height:1.8}.routine-card .course-arabic{font-family:Amiri,serif;font-size:40px;line-height:2.2;overflow-wrap:anywhere;margin:20px 0}.routine-verse-source{font-size:14px;color:var(--muted);margin:18px 0 4px}.routine-verse{font-family:Amiri,serif;font-size:38px;line-height:2.5;overflow-wrap:anywhere;padding:14px 0}.routine-verse .verse-focus{text-decoration:underline;text-decoration-color:#80b6a2;text-decoration-thickness:2px;text-underline-offset:12px}.routine-choices{display:grid;gap:12px;margin:22px 0}.routine-choices .course-option{font-size:17px;line-height:1.6;padding:16px;text-align:left;min-height:56px;white-space:normal;overflow-wrap:anywhere}.routine-choices .answer-arabic{display:block;text-align:center;font-size:32px;line-height:1.9}.routine-choices .answer-correct{background:var(--soft,#edf4ef);border-color:var(--green)}.routine-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.routine-actions button{min-height:48px;font-size:16px}.routine-context{margin-top:18px;border-top:1px solid var(--line)}.routine-context summary{padding:16px 0;min-height:48px;font-size:16px;cursor:pointer}.routine-result h1{font-size:28px;line-height:1.4}.routine-check{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--soft,#edf4ef);color:var(--green);font-size:28px;margin-bottom:18px}.lesson-verse-link{border:1px solid var(--line);border-radius:16px;padding:20px;margin:24px 0;text-align:left}.lesson-verse-link h2{font-size:21px}.lesson-verse-link p{font-size:16px}.routine-card .course-feedback small{font-size:14px;line-height:1.6}[data-theme=night] .daily-start-card{background:var(--surface);border-color:var(--line)}[data-theme=night] .routine-steps li.current{background:var(--green);color:var(--on-accent)}[data-theme=night] .routine-verse .verse-focus{text-decoration-color:var(--green)}@media(max-width:600px){.daily-start-card,.recall-card{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.daily-start-card h2{font-size:22px}.daily-start-card .primary{width:100%}.routine-card,.routine-result{padding:20px}.routine-card h1{font-size:24px}.routine-verse{font-size:34px}.routine-steps{gap:5px}.routine-steps li{font-size:14px;padding:10px 5px;gap:6px}.routine-actions>.primary{flex:1;justify-content:center}.routine-heading{align-items:start}}@media(prefers-reduced-motion:reduce){.routine-shell *{scroll-behavior:auto!important}}