.lms-selfstudy{--ls-bg:var(--c-bg);--ls-surface:var(--c-surface);--ls-surface-sunken:var(--c-surface-sunken);--ls-fg:var(--c-fg);--ls-fg-2:var(--c-fg-2);--ls-fg-3:var(--c-fg-3);--ls-fg-4:var(--c-fg-4);--ls-border:var(--c-border);--ls-border-strong:var(--c-border-strong);--ls-divider:var(--c-divider);--ls-primary:var(--c-primary);--ls-primary-700:var(--c-primary-700);--ls-primary-fg:var(--c-primary-fg);--ls-primary-soft:var(--c-primary-50);--ls-warning-soft-bg:var(--c-warning-bg);--ls-warning-soft-fg:var(--c-warning-fg);--ls-success-soft-fg:var(--c-success-fg);--ls-info-soft-bg:var(--c-info-bg);--ls-info-soft-fg:var(--c-info-fg);--ls-subj-toan:var(--c-subj-toan);--ls-subj-van:var(--c-subj-van);--ls-subj-anh:var(--c-subj-anh);--ls-subj-ly:var(--c-subj-ly);--ls-subj-hoa:var(--c-subj-hoa);--ls-subj-sinh:var(--c-subj-sinh);--ls-r-sm:4px;--ls-r-md:6px;--ls-r-lg:8px;--ls-r-pill:999px;--ls-sh-card:var(--sh-sm);--ls-sh-focus:var(--sh-focus);--ls-ff-mono:var(--ff-mono)}.lms-selfstudy .ls-head{padding:24px 28px 12px}.lms-selfstudy .ls-head h1{font-size:22px;font-weight:700;letter-spacing:-.015em;color:var(--ls-fg)}.lms-selfstudy .ls-head .sub{color:var(--ls-fg-3);font-size:13px;margin-top:4px}.lms-selfstudy .ls-summary{display:flex;gap:24px;flex-wrap:wrap;padding:14px 18px;background:var(--ls-surface);border:1px solid var(--ls-border);border-radius:var(--ls-r-lg);margin:0 28px 18px}.lms-selfstudy .ls-summary .stat{display:flex;align-items:center;gap:10px}.lms-selfstudy .ls-summary .stat .ic{width:32px;height:32px;border-radius:var(--ls-r-sm);background:var(--ls-surface-sunken);color:var(--ls-fg-2);display:grid;place-items:center;flex-shrink:0}.lms-selfstudy .ls-summary .stat.has-due .ic{background:var(--ls-warning-soft-bg);color:var(--ls-warning-soft-fg)}.lms-selfstudy .ls-summary .stat .lbl{font-size:11.5px;color:var(--ls-fg-3);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.lms-selfstudy .ls-summary .stat .val{font-family:var(--ls-ff-mono);font-weight:700;font-size:18px;color:var(--ls-fg)}.lms-selfstudy .ls-summary .stat .val .unit{font-family:var(--ff-sans);font-size:13px;color:var(--ls-fg-3);font-weight:500;margin-left:4px}.lms-selfstudy .ls-summary .sep{width:1px;align-self:stretch;background:var(--ls-divider)}.lms-selfstudy .ls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:6px 28px 28px}.lms-selfstudy .ls-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--ls-surface);border:1px solid var(--ls-border);border-radius:var(--ls-r-lg);box-shadow:var(--ls-sh-card);text-align:left;transition:border-color .12s,box-shadow .12s;position:relative;color:var(--ls-fg)}.lms-selfstudy .ls-card:hover{border-color:var(--ls-border-strong)}.lms-selfstudy .ls-card .head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lms-selfstudy .ls-card .titleblock{min-width:0}.lms-selfstudy .ls-card .title{font-size:15px;font-weight:600;color:var(--ls-fg);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lms-selfstudy .ls-card a.title:hover{color:var(--ls-primary)}.lms-selfstudy .ls-card a.title:focus-visible{outline:none;box-shadow:var(--ls-sh-focus);border-radius:var(--ls-r-sm)}.lms-selfstudy .ls-card .slug{font-family:var(--ls-ff-mono);font-size:10.5px;color:var(--ls-fg-4);margin-top:2px}.lms-selfstudy .ls-chip-subj{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--ls-r-sm);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;flex-shrink:0;background:var(--ls-surface-sunken);color:var(--ls-fg-2)}.lms-selfstudy .ls-chip-subj.toan{color:var(--ls-subj-toan);background:color-mix(in srgb,var(--ls-subj-toan) 12%,var(--ls-surface))}.lms-selfstudy .ls-chip-subj.van{color:var(--ls-subj-van);background:color-mix(in srgb,var(--ls-subj-van) 12%,var(--ls-surface))}.lms-selfstudy .ls-chip-subj.anh{color:var(--ls-subj-anh);background:color-mix(in srgb,var(--ls-subj-anh) 12%,var(--ls-surface))}.lms-selfstudy .ls-chip-subj.ly{color:var(--ls-subj-ly);background:color-mix(in srgb,var(--ls-subj-ly) 12%,var(--ls-surface))}.lms-selfstudy .ls-chip-subj.hoa{color:var(--ls-subj-hoa);background:color-mix(in srgb,var(--ls-subj-hoa) 12%,var(--ls-surface))}.lms-selfstudy .ls-chip-subj.khtn,.lms-selfstudy .ls-chip-subj.sinh{color:var(--ls-subj-sinh);background:color-mix(in srgb,var(--ls-subj-sinh) 12%,var(--ls-surface))}.lms-selfstudy .ls-progress{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.lms-selfstudy .ls-progress .lbl{font-size:11.5px;color:var(--ls-fg-3);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.lms-selfstudy .ls-progress .pct{font-family:var(--ls-ff-mono);font-size:13px;font-weight:700;color:var(--ls-fg)}.lms-selfstudy .ls-progress .track{grid-column:1/-1;background:var(--ls-surface-sunken);border-radius:var(--ls-r-pill);height:6px;overflow:hidden}.lms-selfstudy .ls-progress .fill{height:100%;border-radius:inherit;background:var(--ls-primary)}.lms-selfstudy .ls-srs{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--ls-r-pill);font-size:12px;font-weight:600}.lms-selfstudy .ls-srs.due{background:var(--ls-warning-soft-bg);color:var(--ls-warning-soft-fg)}.lms-selfstudy .ls-srs.zero{color:var(--ls-fg-3)}.lms-selfstudy .ls-cta,.lms-selfstudy .ls-srs.zero{background:var(--ls-surface-sunken);font-weight:500}.lms-selfstudy .ls-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:8px 12px;border-radius:var(--ls-r-md);color:var(--ls-fg);font-size:13px;border:1px solid transparent;text-align:left}.lms-selfstudy .ls-cta:hover{background:color-mix(in srgb,var(--ls-primary-soft) 80%,var(--ls-surface));color:var(--ls-primary)}.lms-selfstudy .ls-cta:focus-visible{outline:none;box-shadow:var(--ls-sh-focus)}.lms-selfstudy .ls-cta .lbl{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.lms-selfstudy .ls-cta .lbl .ic{color:var(--ls-primary);flex-shrink:0}.lms-selfstudy .ls-cta .lbl .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lms-selfstudy .ls-cta.primary{background:var(--ls-primary);color:var(--ls-primary-fg)}.lms-selfstudy .ls-cta.primary:hover{background:var(--ls-primary-700);color:var(--ls-primary-fg)}.lms-selfstudy .ls-cta.primary .lbl .ic{color:currentColor}.lms-selfstudy .ls-skel{background:linear-gradient(90deg,var(--ls-surface-sunken) 0,color-mix(in srgb,var(--ls-surface-sunken) 70%,var(--ls-divider)) 50%,var(--ls-surface-sunken) 100%);border-radius:var(--ls-r-sm);height:14px}.lms-selfstudy .ls-skel.h-22{height:22px}.lms-selfstudy .ls-skel.h-8{height:8px}.lms-selfstudy .ls-skel.w-50{width:50%}.lms-selfstudy .ls-skel.w-70{width:70%}.lms-selfstudy .ls-empty{margin:18px 28px 28px;padding:36px 28px;background:var(--ls-surface);border:1px dashed var(--ls-border-strong);border-radius:var(--ls-r-lg);display:grid;place-items:center;text-align:center;gap:12px}.lms-selfstudy .ls-empty .ic{width:48px;height:48px;border-radius:var(--ls-r-md);background:var(--ls-primary-soft);color:var(--ls-primary);display:grid;place-items:center}.lms-selfstudy .ls-empty h2{font-size:17px;font-weight:700;color:var(--ls-fg)}.lms-selfstudy .ls-empty p{font-size:13px;color:var(--ls-fg-3);max-width:440px;line-height:1.55}@media (max-width:720px){.lms-selfstudy .ls-head{padding:16px 16px 8px}.lms-selfstudy .ls-head h1{font-size:18px}.lms-selfstudy .ls-summary{margin:0 16px 12px;padding:12px;gap:14px}.lms-selfstudy .ls-grid{padding:4px 16px 16px;grid-template-columns:1fr;gap:10px}.lms-selfstudy .ls-empty{margin:12px 16px}}