.course-site{--background:#101113;--foreground:#f3f3f6;--muted:#202126;--muted-foreground:#a0a2ad;--border:#2c2d35;--primary:#ac59f7;--primary-foreground:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.course-site header>div,.course-site footer{max-width:1360px}.course-site header{background:#101113}.course-site header>div{padding:20px 28px}.course-site header nav a{color:#b5b5c1}.course-site header nav a:hover{color:#fff}.course-site footer{color:#9698a4;margin-top:40px}.course-main{max-width:1360px;margin:auto;padding:28px 28px 12px}.catalog-banner{background:#13141b;border:1px solid #2b2d3a;border-radius:20px;gap:28px;padding:28px;display:flex}.catalog-cover{background:#272333;border:1px solid #41404c;border-radius:14px;flex-shrink:0;width:180px;overflow:hidden}.catalog-cover img{object-fit:cover;width:100%;height:128px}.catalog-cover>span{color:#e7d6ff;letter-spacing:.08em;padding:10px 14px;font-size:17px;display:block}.catalog-cover>span>span{letter-spacing:.04em;color:#b8a6cd;margin-top:2px;font-size:10px;display:block}.catalog-intro{flex:1;min-width:0}.catalog-title-row{justify-content:space-between;align-items:start;gap:20px;display:flex}.catalog-title-row h1{letter-spacing:-.035em;max-width:540px;margin:0;font-size:clamp(23px,2.15vw,32px);font-weight:700;line-height:1.23}.catalog-continue{color:#fff;background:#a447ee;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;display:inline-flex}.catalog-continue:hover{background:#b35afa}.catalog-badges{flex-wrap:wrap;gap:8px;margin-top:13px;font-size:11px;font-weight:500;display:flex}.catalog-badges span{color:#c1c0cd;background:#25262e;border-radius:20px;padding:4px 10px}.catalog-badges span+span{color:#d09cff;background:#2a193d}.catalog-description{color:#a3a4b1;margin:14px 0 22px;font-size:14px;line-height:1.7}.catalog-intro progress{appearance:none;accent-color:#ac59f7;background:#292b34;border:none;border-radius:10px;width:100%;height:5px;display:block;overflow:hidden}.catalog-intro progress::-webkit-progress-bar{background:#292b34}.catalog-intro progress::-webkit-progress-value{background:#ac59f7}.catalog-intro progress::-moz-progress-bar{background:#ac59f7}.catalog-progress{color:#9294a3;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px;display:flex}.catalog-practice{margin:28px 0;scroll-margin-top:20px}.catalog-practice #practice{scroll-margin-top:20px}.catalog-toolbar{border-bottom:1px solid #27282e;justify-content:space-between;align-items:center;gap:16px;margin:32px 0 20px;padding-bottom:18px;display:flex}.catalog-toolbar h2{font-size:18px;font-weight:600}.catalog-toolbar h2 span{color:#858794;margin-left:7px;font-size:12px;font-weight:400}.catalog-filters{gap:12px;display:flex}.catalog-filters select{color:#c6c6cf;background-color:#17181d;border:1px solid #0000;border-radius:8px;max-width:150px;padding:8px 24px 8px 10px;font-size:12px}.catalog-filters select:focus-visible{outline:2px solid #ac59f7}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.catalog-unit{background:#1b1c20;border:1px solid #303139;border-radius:16px;transition:border-color .15s,transform .15s;display:block}.catalog-unit:hover{border-color:#9363ba;transform:translateY(-2px)}.catalog-unit:focus-visible,.catalog-continue:focus-visible{outline-offset:4px;outline:2px solid #ca8aff}.catalog-unit.is-locked{background:#17181c}.catalog-unit.is-recent{background:#1c1725;border-color:#ac59f7}.set-card{flex-direction:column;height:100%;min-height:236px;padding:20px;scroll-margin-top:20px;display:flex}.unit-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.unit-status{color:#6edbbd;align-items:center;gap:6px;font-size:10px;font-weight:500;display:inline-flex}.is-locked .unit-status{color:#b09ac6}.unit-number{color:#a4a8b6;background:#292c35;border-radius:7px;padding:4px 7px;font-size:11px}.set-card h3{letter-spacing:-.015em;font-size:17px;font-weight:650;line-height:1.4}.is-locked h3{color:#c6c5ce}.unit-words{color:#a5a7b3;overflow-wrap:anywhere;margin:11px 0 14px;font-size:15px;line-height:1.85}.is-locked .unit-words{color:#92939f}.unit-meta{color:#9295a2;align-items:center;gap:6px;margin-top:auto;font-size:11px;display:flex}.unit-bottom{color:#c5a2e6;justify-content:space-between;align-items:center;gap:6px;margin-top:17px;font-size:11px;display:flex}.is-locked .unit-bottom{color:#98909f}.unit-recent{color:#d194ff;background:#32213f;border-radius:12px;padding:3px 8px}.catalog-guides{color:#9294a1;flex-wrap:wrap;gap:14px 24px;margin-top:32px;font-size:12px;display:flex}.catalog-guides a{color:#c6bacf;align-items:center;gap:5px;display:inline-flex}.catalog-guides a:hover{text-decoration:underline}@media (width<=1050px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-cover{display:none}}@media (width<=760px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-main{padding:20px 18px}.course-site header>div{padding:18px}.catalog-banner{padding:22px}.catalog-title-row{display:block}.catalog-continue{margin-top:16px}.catalog-toolbar{align-items:start}.catalog-filters{gap:3px}.catalog-filters select{max-width:120px;padding:6px;font-size:11px}.set-card{min-height:230px;padding:16px}}@media (width<=450px){.catalog-grid{grid-template-columns:minmax(0,1fr)}.set-card{min-height:215px}.catalog-toolbar h2{white-space:nowrap;font-size:16px}}@media (prefers-reduced-motion:reduce){.catalog-unit{transition:none}}