.ukcc{--ukcc-a: #6c5ce7;--ukcc-b: #00cec9;--ukcc-r: 18px;--ukcc-ink: #14132b;--ukcc-text: #4a4a68;--ukcc-mut: #7a7893;--ukcc-line: rgba(20,19,43,.09);--ukcc-card: #fff;--ukcc-soft: #f5f4fb;--ukcc-bg: transparent;--ukcc-ease: cubic-bezier(.22,.9,.3,1);color: var(--ukcc-text);background: var(--ukcc-bg)}.ukcc *,.ukcc *::before,.ukcc *::after{box-sizing: border-box}.ukcc-sk-soft{--ukcc-bg: #f7f6ff}.ukcc-sk-warm{--ukcc-bg: #faf6f0;--ukcc-card: #fffdf9;--ukcc-soft: #f3ece2;--ukcc-ink: #2a2118;--ukcc-text: #5a4d40;--ukcc-mut: #8d7f70;--ukcc-line: rgba(60,40,20,.1)}.ukcc-sk-dark{--ukcc-bg: #0e0d22;--ukcc-card: #17162f;--ukcc-soft: rgba(255,255,255,.06);--ukcc-ink: #fff;--ukcc-text: #c9c7e3;--ukcc-mut: #9e9bc2;--ukcc-line: rgba(255,255,255,.1)}.ukcc-sk-soft,.ukcc-sk-warm,.ukcc-sk-dark{padding: clamp(16px,2.8vw,34px);border-radius: calc(var(--ukcc-r) + 8px)}.ukcc button{font: inherit;cursor: pointer}.ukcc [hidden]{display: none !important}.ukcc-head{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 18px 24px;align-items: end;margin: 0 0 22px}.ukcc-eyebrow{display: inline-flex;align-items: center;gap: 8px;margin: 0 0 8px;font-size: 12px;font-weight: 800;letter-spacing: .1em;text-transform: uppercase;color: var(--ukcc-a)}.ukcc-eyebrow::before{content: "";width: 20px;height: 3px;border-radius: 3px;background: linear-gradient(90deg,var(--ukcc-a),var(--ukcc-b))}.ukcc-title{margin: 0 0 12px;color: var(--ukcc-ink);font-size: clamp(24px,2.8vw,34px);line-height: 1.15;font-weight: 800;letter-spacing: -.02em}.ukcc-stats{display: flex;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0;list-style: none}.ukcc-stats li{display: inline-flex;align-items: center;gap: 7px;padding: 7px 13px;border-radius: 99px;font-size: 13.5px;font-weight: 700;color: var(--ukcc-ink);background: var(--ukcc-card);border: 1px solid var(--ukcc-line)}.ukcc-stats svg{color: var(--ukcc-a)}.ukcc-tools{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;justify-content: flex-end}.ukcc-search{display: flex;align-items: center;gap: 8px;height: 42px;padding: 0 14px;border-radius: 12px;background: var(--ukcc-card);border: 1px solid var(--ukcc-line);color: var(--ukcc-mut);transition: border-color .4s ease,box-shadow .4s ease}.ukcc-search:focus-within{border-color: var(--ukcc-a);box-shadow: 0 0 0 4px color-mix(in srgb,var(--ukcc-a) 14%,transparent)}.ukcc-search input{width: 180px;border: 0 !important;padding: 0 !important;background: none !important;box-shadow: none !important;outline: 0;font-size: 14.5px;color: var(--ukcc-ink)}.ukcc-all{height: 42px;padding: 0 16px;border-radius: 12px;border: 1px solid var(--ukcc-line);background: var(--ukcc-card);color: var(--ukcc-ink);font-weight: 800;font-size: 14px;transition: all .45s var(--ukcc-ease)}.ukcc-all:hover{border-color: var(--ukcc-a);color: var(--ukcc-a)}.ukcc-prog{grid-column: 1 / -1;padding: 14px 18px;border-radius: 14px;background: var(--ukcc-card);border: 1px solid var(--ukcc-line)}.ukcc-prog-top{display: flex;justify-content: space-between;margin: 0 0 8px;font-size: 13px;font-weight: 700;color: var(--ukcc-mut)}.ukcc-prog-top b{color: var(--ukcc-ink)}.ukcc-bar{display: block;height: 8px;border-radius: 8px;overflow: hidden;background: var(--ukcc-soft)}.ukcc-bar i{display: block;width: 0;height: 100%;border-radius: 8px;background: linear-gradient(90deg,var(--ukcc-a),var(--ukcc-b));transition: width 1s var(--ukcc-ease)}.ukcc-mods{display: grid;gap: 12px}.ukcc-mod{border-radius: var(--ukcc-r);background: var(--ukcc-card);border: 1px solid var(--ukcc-line);box-shadow: 0 18px 40px -36px rgba(20,19,43,.45);transition: border-color .6s ease,box-shadow .8s var(--ukcc-ease)}.ukcc-mod.is-open{border-color: color-mix(in srgb,var(--ukcc-a) 30%,transparent);box-shadow: 0 26px 50px -38px color-mix(in srgb,var(--ukcc-a) 70%,rgba(20,19,43,.5))}.ukcc-mh{margin: 0;font-size: inherit}.ukcc-mhead{display: flex;align-items: center;gap: 16px;width: 100%;padding: 18px 20px;border: 0;background: none;text-align: left;color: var(--ukcc-ink);border-radius: var(--ukcc-r)}.ukcc-mhead:focus-visible{outline: 3px solid var(--ukcc-a);outline-offset: -3px}.ukcc-num{flex: none;display: grid;place-items: center;width: 48px;height: 48px;border-radius: 14px;font-size: 17px;font-weight: 800;color: var(--ukcc-a);background: color-mix(in srgb,var(--ukcc-a) 11%,transparent);transition: all .6s var(--ukcc-ease)}.ukcc-num.is-word{width: auto;height: auto;padding: 6px 12px;border-radius: 99px;font-size: 12px;letter-spacing: .04em;text-transform: uppercase}.ukcc-mod.is-open .ukcc-num{color: #fff;background: linear-gradient(135deg,var(--ukcc-a),var(--ukcc-b));box-shadow: 0 10px 22px -12px var(--ukcc-a)}.ukcc-mt{display: grid;gap: 4px;flex: 1;min-width: 0}.ukcc-mtitle{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 10px;font-size: 18px;font-weight: 800;line-height: 1.3}.ukcc-meta{font-size: 13.5px;color: var(--ukcc-mut);font-weight: 600}.ukcc-badge{display: inline-flex;align-items: center;gap: 5px;padding: 3px 10px;border-radius: 99px;font-size: 11.5px;font-weight: 800;letter-spacing: .02em;color: #fff;background: linear-gradient(120deg,var(--ukcc-a),var(--ukcc-b))}.ukcc-badge.is-lock{color: var(--ukcc-mut);background: var(--ukcc-soft);border: 1px solid var(--ukcc-line)}.ukcc-chev{flex: none;display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;color: var(--ukcc-mut);background: var(--ukcc-soft);transition: transform .7s var(--ukcc-ease),color .4s ease}.ukcc-mod.is-open .ukcc-chev{transform: rotate(180deg);color: var(--ukcc-a)}.ukcc-mbody{display: grid;grid-template-rows: 0fr;transition: grid-template-rows .8s var(--ukcc-ease)}.ukcc-mod.is-open .ukcc-mbody{grid-template-rows: 1fr}.ukcc-minner{min-height: 0;overflow: hidden}.ukcc-mod:not(.is-open) .ukcc-minner{visibility: hidden;transition: visibility 0s .8s}.ukcc-desc{margin: 0 20px 10px 84px;font-size: 15px;line-height: 1.55}.ukcc-n-none .ukcc-desc,.ukcc-n-word .ukcc-desc{margin-left: 20px}.ukcc-mini{--p: 0;flex: none;display: grid;place-items: center;width: 42px;height: 42px;border-radius: 50%;font-size: 11px;font-weight: 800;color: var(--ukcc-mut);background: radial-gradient(closest-side,var(--ukcc-card) 76%,transparent 78% 100%),conic-gradient(var(--ukcc-a) calc(var(--p) * 360deg),var(--ukcc-soft) 0);transition: color .4s ease}.ukcc-mini.is-full{color: var(--ukcc-a);font-size: 15px}.ukcc-ls{margin: 0;padding: 0 12px 14px;list-style: none;counter-reset: l}.ukcc-l{display: flex;align-items: center;gap: 14px;padding: 12px 10px;border-radius: 12px;transition: background .4s ease}.ukcc-l + .ukcc-l{border-top: 1px dashed var(--ukcc-line)}.ukcc-l:hover{background: var(--ukcc-soft)}.ukcc-ic{flex: none;display: grid;place-items: center;width: 36px;height: 36px;border-radius: 11px;color: var(--ukcc-a);background: color-mix(in srgb,var(--ukcc-a) 9%,transparent)}.ukcc-ic.is-quiz{color: #e17055;background: rgba(225,112,85,.1)}.ukcc-ic.is-assignment,.ukcc-ic.is-project{color: #00a07d;background: rgba(0,184,148,.1)}.ukcc-ic.is-live{color: #e84393;background: rgba(232,67,147,.1)}.ukcc-ic.is-reading,.ukcc-ic.is-download{color: #0984e3;background: rgba(9,132,227,.1)}.ukcc-lt{flex: 1;min-width: 0;display: grid;gap: 2px}.ukcc-ltitle{color: var(--ukcc-ink);font-size: 15.5px;font-weight: 700;line-height: 1.35}.ukcc-ltype{font-size: 12.5px;color: var(--ukcc-mut)}.ukcc-ltype em{font-style: normal;font-weight: 800;color: #00a07d}.ukcc-prev{flex: none;display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;border-radius: 99px;font-size: 12.5px;font-weight: 800;color: #fff !important;text-decoration: none !important;background: linear-gradient(120deg,var(--ukcc-a),var(--ukcc-b));box-shadow: 0 8px 18px -10px var(--ukcc-a);transition: transform .5s var(--ukcc-ease)}.ukcc-prev:hover{transform: translateY(-1px)}.ukcc-prev.is-tag{color: #00a07d !important;background: rgba(0,184,148,.12);box-shadow: none}.ukcc-lock{flex: none;color: var(--ukcc-mut);display: grid}.ukcc-len{flex: none;min-width: 52px;text-align: right;font-size: 13.5px;font-weight: 700;color: var(--ukcc-mut);font-variant-numeric: tabular-nums}.ukcc-l.is-locked .ukcc-ltitle{color: var(--ukcc-mut)}.ukcc-check{flex: none;display: grid;place-items: center;width: 24px;height: 24px;padding: 0;border-radius: 8px;border: 2px solid color-mix(in srgb,var(--ukcc-mut) 60%,transparent);background: none;color: transparent;transition: all .45s var(--ukcc-ease)}.ukcc-check:hover:not(:disabled){border-color: var(--ukcc-a)}.ukcc-check:disabled{opacity: .35;cursor: not-allowed}.ukcc-check:focus-visible{outline: 3px solid var(--ukcc-a);outline-offset: 2px}.ukcc-l.is-done .ukcc-check{color: #fff;border-color: transparent;background: linear-gradient(135deg,var(--ukcc-a),var(--ukcc-b))}.ukcc-l.is-done .ukcc-ltitle{color: var(--ukcc-mut);text-decoration: line-through;text-decoration-color: color-mix(in srgb,var(--ukcc-mut) 60%,transparent)}.ukcc-none{margin: 16px 0 0;padding: 22px;text-align: center;border-radius: var(--ukcc-r);border: 1px dashed var(--ukcc-line);color: var(--ukcc-mut)}.ukcc-l-timeline .ukcc-mods{position: relative;gap: 18px;padding-left: 0}.ukcc-l-timeline .ukcc-mods::before{content: "";position: absolute;left: 43px;top: 30px;bottom: 30px;width: 2px;background: linear-gradient(180deg,var(--ukcc-a),var(--ukcc-b));opacity: .35;border-radius: 2px}.ukcc-l-timeline .ukcc-mod{position: relative;background: none;border: 0;box-shadow: none}.ukcc-l-timeline .ukcc-mhead{padding: 10px 20px}.ukcc-l-timeline .ukcc-num{position: relative;z-index: 1;width: 48px;height: 48px;border-radius: 50%;color: #fff;background: linear-gradient(135deg,var(--ukcc-a),var(--ukcc-b));box-shadow: 0 0 0 6px var(--ukcc-bg,#fff),0 12px 26px -14px var(--ukcc-a)}.ukcc-l-timeline:not(.ukcc-sk-soft):not(.ukcc-sk-warm):not(.ukcc-sk-dark) .ukcc-num{box-shadow: 0 0 0 6px #fff,0 12px 26px -14px var(--ukcc-a)}.ukcc-sk-soft.ukcc-l-timeline .ukcc-num{box-shadow: 0 0 0 6px #f7f6ff}.ukcc-sk-warm.ukcc-l-timeline .ukcc-num{box-shadow: 0 0 0 6px #faf6f0}.ukcc-sk-dark.ukcc-l-timeline .ukcc-num{box-shadow: 0 0 0 6px #0e0d22}.ukcc-l-timeline .ukcc-minner{margin-left: 84px}.ukcc-l-timeline .ukcc-desc{margin: 0 0 10px}.ukcc-l-timeline .ukcc-ls{padding: 6px 8px;border-radius: var(--ukcc-r);background: var(--ukcc-card);border: 1px solid var(--ukcc-line);box-shadow: 0 18px 40px -36px rgba(20,19,43,.45)}.ukcc-l-timeline .ukcc-mod.is-open .ukcc-minner{padding-bottom: 6px}.ukcc-split{display: grid;grid-template-columns: minmax(240px,34%) minmax(0,1fr);gap: 22px;align-items: start}.ukcc-nav{display: grid;gap: 8px;position: sticky;top: 110px}.ukcc-tab{display: flex;align-items: center;gap: 12px;width: 100%;padding: 12px 14px;border-radius: var(--ukcc-r);border: 1px solid var(--ukcc-line);background: var(--ukcc-card);color: var(--ukcc-ink);text-align: left;transition: all .55s var(--ukcc-ease)}.ukcc-tab .ukcc-num{width: 40px;height: 40px;font-size: 15px;border-radius: 12px}.ukcc-tt{flex: 1;min-width: 0;display: grid;gap: 2px}.ukcc-tt b{font-size: 15.5px;line-height: 1.3}.ukcc-tt small{font-size: 12.5px;color: var(--ukcc-mut);font-weight: 600}.ukcc-tab:hover{border-color: color-mix(in srgb,var(--ukcc-a) 35%,transparent)}.ukcc-tab[aria-selected="true"]{border-color: transparent;background: linear-gradient(120deg,color-mix(in srgb,var(--ukcc-a) 14%,var(--ukcc-card)),color-mix(in srgb,var(--ukcc-b) 10%,var(--ukcc-card)));box-shadow: inset 3px 0 0 var(--ukcc-a)}.ukcc-tab[aria-selected="true"] .ukcc-num{color: #fff;background: linear-gradient(135deg,var(--ukcc-a),var(--ukcc-b))}.ukcc-tab:focus-visible{outline: 3px solid var(--ukcc-a);outline-offset: 2px}.ukcc-tab.is-dim{opacity: .4}.ukcc-tab .ukcc-mini{width: 36px;height: 36px;font-size: 10px}.ukcc-mod.is-panel{padding: 24px 14px 10px;animation: ukccIn .7s var(--ukcc-ease) both}@keyframes ukccIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: none}}.ukcc-ptop{padding: 0 10px 14px}.ukcc-pword{font-size: 12px;font-weight: 800;letter-spacing: .1em;text-transform: uppercase;color: var(--ukcc-a)}.ukcc-ptop h4{margin: 6px 0 6px;color: var(--ukcc-ink);font-size: 24px;line-height: 1.2;font-weight: 800}.ukcc-ptop p{margin: 0 0 8px;font-size: 15px;line-height: 1.55}.ukcc-ptop .ukcc-badge{margin-left: 8px}.ukcc-lb{position: fixed;inset: 0;z-index: 100000;display: grid;place-items: center;padding: 20px;background: rgba(8,7,24,.78);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);opacity: 0;visibility: hidden;transition: opacity .5s ease,visibility .5s}.ukcc-lb.is-on{opacity: 1;visibility: visible}.ukcc-lb-in{width: min(960px,100%);transform: translateY(16px) scale(.98);transition: transform .7s cubic-bezier(.22,.9,.3,1)}.ukcc-lb.is-on .ukcc-lb-in{transform: none}.ukcc-lb-top{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin: 0 0 12px;color: #fff;font-size: 16px}.ukcc-lb-x{display: grid;place-items: center;width: 42px;height: 42px;border: 0;border-radius: 50%;font-size: 26px;line-height: 1;color: #fff;background: rgba(255,255,255,.14);cursor: pointer}.ukcc-lb-body{aspect-ratio: 16/9;border-radius: 18px;overflow: hidden;background: #000;box-shadow: 0 40px 80px -30px rgba(0,0,0,.7)}.ukcc-lb-body iframe,.ukcc-lb-body video{display: block;width: 100%;height: 100%;border: 0;object-fit: contain;background: #000}html.ukcc-lock{overflow: hidden}@media (max-width: 860px){.ukcc-split{grid-template-columns: minmax(0,1fr)}.ukcc-nav{position: static;display: flex;overflow-x: auto;gap: 8px;margin: 0 -4px;padding: 2px 4px 6px;scrollbar-width: none}.ukcc-nav::-webkit-scrollbar{display: none}.ukcc-tab{flex: 0 0 auto;width: auto;max-width: 260px}.ukcc-tab .ukcc-mini{display: none}}@media (max-width: 640px){.ukcc-head{grid-template-columns: minmax(0,1fr)}.ukcc-tools{justify-content: flex-start}.ukcc-search{flex: 1}.ukcc-search input{width: 100%}.ukcc-mhead{gap: 12px;padding: 16px 14px}.ukcc-num{width: 40px;height: 40px;font-size: 15px;border-radius: 12px}.ukcc-mtitle{font-size: 16.5px}.ukcc-mini{width: 36px;height: 36px;font-size: 10px}.ukcc-desc{margin: 0 14px 8px}.ukcc-ls{padding: 0 6px 10px}.ukcc-l{gap: 10px;padding: 11px 6px}.ukcc-ltitle{font-size: 15px}.ukcc-prev{font-size: 0;gap: 0;padding: 8px}.ukcc-prev.is-tag{font-size: 11px;padding: 4px 8px}.ukcc-ic{width: 32px;height: 32px}.ukcc-len{min-width: 0}.ukcc-l-timeline .ukcc-mods::before{left: 34px}.ukcc-l-timeline .ukcc-mhead{padding: 8px 14px}.ukcc-l-timeline .ukcc-num{border-radius: 50%}.ukcc-l-timeline .ukcc-minner{margin-left: 0}}@media (prefers-reduced-motion: reduce){.ukcc-mbody,.ukcc-chev,.ukcc-bar i,.ukcc-mod.is-panel,.ukcc-lb-in{transition: none !important;animation: none !important}}