@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-heading: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: clamp(1.35rem, 1.1rem + 1.2vw, 1.6rem);--text-3xl: clamp(1.6rem, 1.3rem + 1.6vw, 2.1rem);--text-4xl: clamp(2rem, 1.5rem + 2.4vw, 2.9rem);--text-5xl: clamp(2.4rem, 1.7rem + 3.6vw, 3.8rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 999px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .42s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--z-nav: 100;--z-drawer: 200;--z-overlay: 300;--z-toast: 400;--sidebar-w: 264px;--header-h: 64px;--bottomnav-h: 62px;--content-max: 1280px;--brand-a: #6366f1;--brand-b: #8b5cf6;--brand-c: #06b6d4;--gradient-brand: linear-gradient(120deg, var(--brand-a), var(--brand-b) 55%, var(--brand-c))}:root,[data-theme=dark]{color-scheme:dark;--bg: #0b0e14;--bg-elevated: #10141d;--surface: #141924;--surface-2: #1a2130;--surface-3: #212a3d;--border: rgba(148, 163, 197, .13);--border-strong: rgba(148, 163, 197, .26);--text-primary: #eef1f8;--text-secondary: #a7b0c4;--text-muted: #8b95ac;--text-inverse: #0b0e14;--accent: #818cf8;--accent-strong: #5457e0;--accent-soft: rgba(99, 102, 241, .16);--accent-contrast: #ffffff;--cyan: #22d3ee;--cyan-soft: rgba(34, 211, 238, .13);--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .13);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .13);--heart: #fb7185;--glass-bg: rgba(16, 20, 29, .72);--glass-border: rgba(148, 163, 197, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--shadow-md: 0 6px 20px -4px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 48px -12px rgba(0, 0, 0, .55);--shadow-glow: 0 0 0 1px rgba(129, 140, 248, .22), 0 8px 40px -8px rgba(99, 102, 241, .45);--scrollbar-thumb: rgba(148, 163, 197, .25)}[data-theme=light]{color-scheme:light;--bg: #f6f7fb;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f1f3f9;--surface-3: #e8ebf4;--border: rgba(30, 41, 71, .1);--border-strong: rgba(30, 41, 71, .2);--text-primary: #171d2c;--text-secondary: #4a5470;--text-muted: #5f6a85;--text-inverse: #ffffff;--accent: #4f46e5;--accent-strong: #4338ca;--accent-soft: rgba(79, 70, 229, .1);--accent-contrast: #ffffff;--cyan: #0891b2;--cyan-soft: rgba(8, 145, 178, .1);--success: #059669;--success-soft: rgba(5, 150, 105, .11);--warning: #b45309;--warning-soft: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .09);--heart: #e11d48;--glass-bg: rgba(255, 255, 255, .78);--glass-border: rgba(30, 41, 71, .09);--shadow-sm: 0 1px 2px rgba(23, 29, 44, .06);--shadow-md: 0 6px 20px -6px rgba(23, 29, 44, .12);--shadow-lg: 0 20px 48px -16px rgba(23, 29, 44, .18);--shadow-glow: 0 0 0 1px rgba(79, 70, 229, .15), 0 8px 32px -8px rgba(79, 70, 229, .28);--scrollbar-thumb: rgba(30, 41, 71, .2)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100dvh;transition:background-color var(--duration-normal) ease,color var(--duration-normal) ease}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}img,svg,video,iframe{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,textarea,select{font:inherit;color:inherit}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}*::-webkit-scrollbar-track{background:transparent}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:var(--space-4);z-index:calc(var(--z-toast) + 1);padding:var(--space-2) var(--space-4);background:var(--accent-strong);color:var(--accent-contrast);border-radius:var(--radius-sm);font-weight:600;transition:top var(--duration-fast) ease}.skip-link:focus{top:var(--space-4)}.bg-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(58rem 38rem at 82% -12%,rgba(99,102,241,.16),transparent 60%),radial-gradient(48rem 34rem at -12% 30%,rgba(6,182,212,.1),transparent 62%),radial-gradient(50rem 40rem at 55% 118%,rgba(139,92,246,.12),transparent 60%)}[data-theme=light] .bg-scene:before{background:radial-gradient(58rem 38rem at 82% -12%,rgba(99,102,241,.1),transparent 60%),radial-gradient(48rem 34rem at -12% 30%,rgba(6,182,212,.07),transparent 62%),radial-gradient(50rem 40rem at 55% 118%,rgba(139,92,246,.07),transparent 60%)}.bg-scene:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(70rem 44rem at 50% -8%,rgba(0,0,0,.5),transparent 70%);-webkit-mask-image:radial-gradient(70rem 44rem at 50% -8%,rgba(0,0,0,.5),transparent 70%)}.descent-scene{position:absolute;inset:0;width:100%;height:100%;opacity:.5}[data-theme=light] .descent-scene{opacity:.38}.descent-contour{fill:none;stroke:var(--accent);stroke-width:1.1}.descent-contours{opacity:.42}.descent-trail{fill:none;stroke:var(--accent);stroke-width:1.3;stroke-dasharray:3 7;stroke-linecap:round;opacity:.45}.descent-dot{fill:var(--accent);opacity:.3;animation:descent-dot-pulse 8.2s ease-in-out infinite}@keyframes descent-dot-pulse{0%,to{opacity:.22}12%{opacity:.75}30%{opacity:.22}}.descent-min{fill:var(--cyan);opacity:.85}.descent-ball{offset-path:path("M430 720 C 560 655, 680 575, 790 492 C 880 424, 950 340, 1000 262 C 1025 222, 1036 196, 1038 180");offset-rotate:0deg;animation:descent-run 8.2s infinite}.descent-ball__core{fill:var(--brand-b)}.descent-ball__halo{fill:var(--brand-b);opacity:.16}@keyframes descent-run{0%{offset-distance:0%;opacity:0;animation-timing-function:cubic-bezier(.3,.1,.25,1)}5%{opacity:1}72%{offset-distance:100%;opacity:1}88%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}@media(max-width:767px){.descent-scene{opacity:.3}.descent-ball,.descent-dot{animation:none}.descent-ball{offset-distance:100%}}@media(prefers-reduced-motion:reduce){.descent-ball,.descent-dot{animation:none}.descent-ball{offset-distance:100%}}.boot-loader{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg)}.boot-loader__mark{width:44px;height:44px;border-radius:14px;background:var(--gradient-brand);animation:boot-pulse 1.1s ease-in-out infinite}@keyframes boot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.6}}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.no-select{-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{min-height:100dvh}.main{padding:calc(var(--header-h) + var(--space-6)) var(--space-4) calc(var(--bottomnav-h) + var(--space-10));max-width:var(--content-max);margin-inline:auto;width:100%}@media(min-width:1024px){.main{margin-left:var(--sidebar-w);max-width:calc(var(--sidebar-w) + var(--content-max));padding:calc(var(--header-h) + var(--space-8)) var(--space-8) var(--space-16);width:auto}}.shell.is-focus .header,.shell.is-focus .sidebar,.shell.is-focus .bottom-nav{opacity:0;pointer-events:none}.shell.is-focus .main{margin-left:0;max-width:var(--content-max);padding-top:var(--space-6)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);height:var(--header-h);display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-4);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-border);transition:opacity var(--duration-normal) ease}@media(min-width:1024px){.header{left:var(--sidebar-w);padding-inline:var(--space-8)}}.header__spacer{flex:1}.brand{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-weight:800;font-size:var(--text-lg);letter-spacing:-.02em}.brand__mark{width:34px;height:34px;border-radius:10px;background:var(--gradient-brand);display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px -4px #6366f18c}.brand__mark svg{width:19px;height:19px}.brand__sub{display:block;font-family:var(--font-body);font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.search-trigger{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding-inline:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.search-trigger:hover{border-color:var(--border-strong);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.search-trigger kbd{font-family:var(--font-body);font-size:var(--text-xs);padding:2px 7px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.search-trigger__label{min-width:130px;text-align:left}@media(max-width:767px){.search-trigger__label,.search-trigger kbd{display:none}.search-trigger{width:40px;justify-content:center;padding-inline:0}}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:calc(var(--z-nav) + 1);width:var(--sidebar-w);display:none;flex-direction:column;padding:var(--space-5);background:var(--bg-elevated);border-right:1px solid var(--border);transition:opacity var(--duration-normal) ease}@media(min-width:1024px){.sidebar{display:flex}.header .brand{display:none}}.sidebar .brand{margin-bottom:var(--space-8);padding-inline:var(--space-2)}.nav-section{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-4) var(--space-3) var(--space-2)}.nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);min-height:42px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:var(--text-sm);transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}.nav-item svg{width:19px;height:19px;flex-shrink:0}.nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.nav-item.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.is-active:before{content:"";position:absolute;left:-12px;top:50%;translate:0 -50%;width:3px;height:22px;border-radius:var(--radius-full);background:var(--gradient-brand)}.sidebar__footer{margin-top:auto;padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(140deg,var(--accent-soft),var(--cyan-soft));border:1px solid var(--border)}.sidebar__footer strong{display:block;font-family:var(--font-heading);font-size:var(--text-sm);margin-bottom:2px}.sidebar__footer span{font-size:var(--text-xs);color:var(--text-secondary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(4,1fr);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--glass-border);transition:opacity var(--duration-normal) ease}@media(min-width:1024px){.bottom-nav{display:none}}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.68rem;font-weight:600;color:var(--text-muted);transition:color var(--duration-fast) ease}.bottom-nav__item svg{width:21px;height:21px}.bottom-nav__item.is-active{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);line-height:1;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) ease,background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease,opacity var(--duration-fast) ease}.btn svg{width:17px;height:17px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{background:var(--gradient-brand);color:#fff;box-shadow:0 6px 18px -6px #6366f199}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn--secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn--ghost{color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn--success{background:var(--success-soft);color:var(--success);border:1px solid transparent}.btn--sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid transparent;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-spring)}.icon-btn svg{width:19px;height:19px}.icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}.icon-btn:active{transform:scale(.9)}.icon-btn.is-active{color:var(--heart);background:var(--danger-soft)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.is-active{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.badge svg{width:12px;height:12px}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--cyan{background:var(--cyan-soft);color:var(--cyan)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--neutral{background:var(--surface-2);color:var(--text-secondary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.course-card{position:relative;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.course-card:hover .course-card__art-icon{transform:scale(1.12) rotate(-4deg)}.course-card__art{position:relative;aspect-ratio:16 / 8.2;display:grid;place-items:center;overflow:hidden}.course-card__art-icon{width:54px;height:54px;color:#ffffffeb;transition:transform var(--duration-slow) var(--ease-out);filter:drop-shadow(0 6px 16px rgba(0,0,0,.3))}.course-card__art:after{content:"";position:absolute;inset:0;background:radial-gradient(18rem 10rem at 85% -20%,rgba(255,255,255,.28),transparent 60%),linear-gradient(to top,rgba(10,12,18,.32),transparent 55%)}.course-card__fav{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2;width:38px;height:38px;border-radius:var(--radius-full);display:grid;place-items:center;background:#0c0e1473;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;transition:transform var(--duration-fast) var(--ease-spring),background-color var(--duration-fast) ease}.course-card__fav svg{width:18px;height:18px}.course-card__fav:hover{transform:scale(1.1)}.course-card__fav.is-active{color:var(--heart)}.course-card__fav.is-active svg{fill:currentColor}.course-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);flex:1}.course-card__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.course-card__title{font-size:var(--text-lg);line-height:1.3}.course-card__desc{font-size:var(--text-sm);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.course-card__stats{display:flex;align-items:center;gap:var(--space-4);margin-top:auto;padding-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.course-card__stats span{display:inline-flex;align-items:center;gap:5px}.course-card__stats svg{width:14px;height:14px}.course-card__progress{margin-top:var(--space-1)}.progress{display:flex;align-items:center;gap:var(--space-3)}.progress__track{flex:1;height:6px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.progress__fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-brand);transition:width var(--duration-slow) var(--ease-out)}.progress__label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.progress--done .progress__fill{background:var(--success)}.ring{position:relative;display:inline-grid;place-items:center}.ring svg{transform:rotate(-90deg)}.ring__track{stroke:var(--surface-3)}.ring__fill{stroke:url(#ring-gradient);stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-out)}.ring__value{position:absolute;font-family:var(--font-heading);font-weight:800;font-size:var(--text-xl);font-variant-numeric:tabular-nums}.ring__caption{position:absolute;top:calc(50% + 16px);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.section-head h2{font-size:var(--text-2xl)}.section-head p{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.section-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--accent);font-weight:600;font-size:var(--text-sm);white-space:nowrap}.section-link svg{width:15px;height:15px;transition:transform var(--duration-fast) ease}.section-link:hover svg{transform:translate(3px)}.search-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;justify-content:center;padding:min(14vh,120px) var(--space-4) var(--space-4);background:#06080c8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) ease}[data-theme=light] .search-overlay{background:#171d2c59}.search-overlay.is-open{opacity:1;pointer-events:auto}.search-panel{width:min(640px,100%);max-height:70vh;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(14px) scale(.98);transition:transform var(--duration-normal) var(--ease-out)}.search-overlay.is-open .search-panel{transform:none}.search-panel__input-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.search-panel__input-row>svg{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.search-panel__input{flex:1;background:none;border:none;outline:none;font-size:var(--text-lg);color:var(--text-primary);min-width:0}.search-panel__input::placeholder{color:var(--text-muted)}.search-panel__results{overflow-y:auto;padding:var(--space-2);overscroll-behavior:contain}.search-result{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-md);text-align:left;transition:background-color var(--duration-fast) ease}.search-result:hover,.search-result.is-selected{background:var(--surface-2)}.search-result__icon{width:38px;height:38px;border-radius:var(--radius-sm);display:grid;place-items:center;flex-shrink:0;background:var(--accent-soft);color:var(--accent)}.search-result__icon svg{width:18px;height:18px}.search-result__text{min-width:0;flex:1}.search-result__title{display:block;font-weight:600;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result__title mark{background:none;color:var(--accent)}.search-result__sub{display:block;font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result__kind{flex-shrink:0}.search-panel__hint{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted)}.search-panel__hint kbd{padding:1px 6px;border-radius:5px;background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-body)}@media(max-width:767px){.search-panel__hint{display:none}}.toast-region{position:fixed;bottom:calc(var(--bottomnav-h) + var(--space-4));left:50%;translate:-50% 0;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;pointer-events:none;width:min(92vw,420px)}@media(min-width:1024px){.toast-region{bottom:var(--space-6)}}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);font-size:var(--text-sm);font-weight:500;animation:toast-in var(--duration-normal) var(--ease-out);max-width:100%}.toast svg{width:17px;height:17px;flex-shrink:0}.toast--success svg{color:var(--success)}.toast--error svg{color:var(--danger)}.toast--info svg{color:var(--accent)}.toast.is-leaving{animation:toast-out var(--duration-normal) ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.95)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px) scale(.95)}}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,var(--surface-3) 50%,transparent 70%);animation:shimmer 1.4s ease-in-out infinite;translate:-100% 0}@keyframes shimmer{to{translate:100% 0}}.skeleton-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.skeleton-card .skeleton{border-radius:0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-16) var(--space-6)}.empty-state__icon{width:72px;height:72px;border-radius:var(--radius-xl);display:grid;place-items:center;background:var(--surface-2);color:var(--text-muted);margin-bottom:var(--space-2)}.empty-state__icon svg{width:32px;height:32px}.empty-state h3{font-size:var(--text-xl)}.empty-state p{color:var(--text-secondary);font-size:var(--text-sm);max-width:42ch}.empty-state .btn{margin-top:var(--space-3)}.stat-tile{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5)}.stat-tile__icon{width:46px;height:46px;border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0}.stat-tile__icon svg{width:22px;height:22px}.stat-tile__value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.stat-tile__label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.view{animation:view-in var(--duration-slow) var(--ease-out)}@keyframes view-in{0%{opacity:0;transform:translateY(14px)}}.check-pop{animation:check-pop .5s var(--ease-spring)}@keyframes check-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.hero{position:relative;display:grid;gap:var(--space-8);padding:var(--space-8) 0 var(--space-12);min-height:46vh;align-content:center}@media(min-width:1024px){.hero{grid-template-columns:1.15fr .85fr;align-items:center;padding:var(--space-12) 0 var(--space-16)}}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-full);background:var(--accent-soft);border:1px solid var(--border);color:var(--accent);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;width:fit-content;margin-bottom:var(--space-5)}.hero__eyebrow svg{width:14px;height:14px}.hero h1{font-size:var(--text-5xl);font-weight:800;margin-bottom:var(--space-5)}.hero__lede{font-size:var(--text-lg);color:var(--text-secondary);max-width:54ch;margin-bottom:var(--space-8)}.hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero__stats{display:flex;gap:var(--space-8);margin-top:var(--space-10);flex-wrap:wrap}.hero__stat strong{display:block;font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;font-variant-numeric:tabular-nums}.hero__stat span{font-size:var(--text-sm);color:var(--text-muted)}.hero__visual{position:relative;display:none}@media(min-width:1024px){.hero__visual{display:block}}.hero-card{position:relative;padding:var(--space-6);border-radius:var(--radius-xl);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);transform-style:preserve-3d;will-change:transform}.hero-card__row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0}.hero-card__row+.hero-card__row{border-top:1px solid var(--border)}.hero-card__thumb{width:46px;height:46px;border-radius:var(--radius-md);display:grid;place-items:center;color:#fff;flex-shrink:0}.hero-card__thumb svg{width:21px;height:21px}.hero-card__row-title{font-weight:600;font-size:var(--text-sm)}.hero-card__row-sub{font-size:var(--text-xs);color:var(--text-muted)}.hero-card__row .progress{width:90px}.hero-chip{position:absolute;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);font-size:var(--text-xs);font-weight:600}.hero-chip svg{width:15px;height:15px}.hero-chip--tl{top:-22px;left:-30px}.hero-chip--br{bottom:-18px;right:-14px}.hero-chip--success svg{color:var(--success)}.hero-chip--flame svg{color:var(--warning)}.course-grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr)}@media(min-width:640px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.section{margin-bottom:var(--space-12)}.category-strip{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr);margin-bottom:var(--space-12)}@media(min-width:640px){.category-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}.category-tile{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease}.category-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.category-tile__icon{width:48px;height:48px;border-radius:var(--radius-md);display:grid;place-items:center;color:#fff;flex-shrink:0}.category-tile__icon svg{width:23px;height:23px}.category-tile strong{display:block;font-family:var(--font-heading);font-size:var(--text-base)}.category-tile span{font-size:var(--text-xs);color:var(--text-muted)}.page-head{margin-bottom:var(--space-8)}.page-head h1{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.page-head p{color:var(--text-secondary);max-width:60ch}.dash-grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr);margin-bottom:var(--space-12)}@media(min-width:768px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.dash-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}}.dash-hero-card{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);background:linear-gradient(135deg,var(--accent-soft),var(--cyan-soft))}@media(min-width:768px)and (max-width:1279px){.dash-hero-card{grid-column:span 2}}.stat-pair{display:grid;grid-template-rows:1fr 1fr;gap:var(--space-5)}.resume-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);min-width:0;max-width:100%;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease}.resume-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.resume-card__thumb{position:relative;width:92px;aspect-ratio:16/10;border-radius:var(--radius-md);display:grid;place-items:center;color:#fff;flex-shrink:0;overflow:hidden}.resume-card__thumb svg{width:26px;height:26px}.resume-card__body{flex:1;min-width:0}.resume-card__course{font-size:var(--text-xs);color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-card__title{font-weight:600;font-size:var(--text-sm);margin:2px 0 var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-card__play{width:42px;height:42px;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex-shrink:0;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-spring)}.resume-card__play svg{width:17px;height:17px}.resume-card:hover .resume-card__play{background:var(--accent-strong);color:#fff;transform:scale(1.08)}.resume-list{display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.library-toolbar{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.library-search{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:50px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-strong);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.library-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.library-search svg{width:19px;height:19px;color:var(--text-muted);flex-shrink:0}.library-search input{flex:1;border:none;background:none;outline:none;font-size:var(--text-base);min-width:0}.library-search input::placeholder{color:var(--text-muted)}.library-filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.library-filters__chips{display:flex;gap:var(--space-2);flex-wrap:wrap;flex:1}.select-wrap{position:relative;display:inline-flex;align-items:center}.select-wrap svg{position:absolute;left:12px;width:15px;height:15px;color:var(--text-muted);pointer-events:none}.select-wrap select{appearance:none;min-height:36px;padding:0 var(--space-6) 0 34px;border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer}.select-wrap:after{content:"";position:absolute;right:14px;width:7px;height:7px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:rotate(45deg) translateY(-2px);pointer-events:none}.results-count{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.course-hero{position:relative;border-radius:var(--radius-xl);overflow:hidden;padding:clamp(var(--space-6),4vw,var(--space-12));margin-bottom:var(--space-8);color:#fff;isolation:isolate}.course-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40rem 22rem at 90% -30%,rgba(255,255,255,.22),transparent 55%),linear-gradient(to top,#080a1073,#080a1014)}.course-hero__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.course-hero__meta .badge{background:#ffffff29;color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.course-hero h1{font-size:var(--text-4xl);max-width:24ch;margin-bottom:var(--space-4)}.course-hero__desc{max-width:64ch;color:#ffffffd9;font-size:var(--text-base);margin-bottom:var(--space-6)}.course-hero__stats{display:flex;gap:var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-6);font-size:var(--text-sm);color:#ffffffd9}.course-hero__stats span{display:inline-flex;align-items:center;gap:7px}.course-hero__stats svg{width:16px;height:16px}.course-hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.course-hero__actions .btn--secondary{background:#ffffff1f;border-color:#ffffff59;color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.course-hero__actions .btn--secondary:hover{border-color:#fff;color:#fff}.course-hero__progress{margin-top:var(--space-6);max-width:420px}.course-hero__progress .progress__track{background:#ffffff38}.course-hero__progress .progress__label{color:#ffffffe6}.curriculum{display:grid;gap:var(--space-2)}.lesson-row{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out)}.lesson-row:hover{border-color:var(--accent);transform:translate(3px)}.lesson-row__index{width:40px;height:40px;border-radius:var(--radius-full);display:grid;place-items:center;flex-shrink:0;background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}.lesson-row__index svg{width:18px;height:18px}.lesson-row.is-complete .lesson-row__index{background:var(--success-soft);color:var(--success)}.lesson-row__body{display:block;flex:1;min-width:0}.lesson-row__title{display:block;font-weight:600;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-row.is-complete .lesson-row__title{color:var(--text-secondary)}.lesson-row__sub{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.lesson-row__sub svg{width:12px;height:12px}.lesson-row__sub span{display:inline-flex;align-items:center;gap:4px}.lesson-row__cta{flex-shrink:0;color:var(--text-muted);transition:color var(--duration-fast) ease,transform var(--duration-fast) ease}.lesson-row__cta svg{width:18px;height:18px}.lesson-row:hover .lesson-row__cta{color:var(--accent);transform:translate(2px)}.learn-topbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.learn-topbar__crumb{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;min-width:0}.learn-topbar__crumb:hover{color:var(--accent)}.learn-topbar__crumb svg{width:16px;height:16px;flex-shrink:0}.learn-topbar__crumb span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-topbar__actions{margin-left:auto;display:flex;gap:var(--space-2)}.learn-layout{display:grid;gap:var(--space-6);grid-template-columns:1fr;align-items:start}.learn-layout>*{min-width:0}@media(min-width:1280px){.learn-layout{grid-template-columns:minmax(0,1fr) 360px}.learn-layout.is-focus{grid-template-columns:1fr}.learn-layout.is-focus .learn-side{display:none}}.player-shell{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:#05070b;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.player-frame{position:relative;aspect-ratio:16 / 9}.player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.player-unavailable{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-6);color:#dbe2f1;background:radial-gradient(30rem 16rem at 50% -20%,rgba(99,102,241,.25),transparent 60%),#0a0d14}.player-unavailable__icon{width:64px;height:64px;border-radius:var(--radius-full);display:grid;place-items:center;background:#ffffff12;color:#97a3bd}.player-unavailable__icon svg{width:28px;height:28px}.player-unavailable h3{font-size:var(--text-lg);color:#fff}.player-unavailable p{font-size:var(--text-sm);color:#97a3bd;max-width:44ch}.lesson-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}.lesson-head__text{min-width:0;flex:1}.lesson-head__text .badge{margin-bottom:var(--space-2)}.lesson-head h1{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.lesson-head__meta{display:flex;align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap}.lesson-head__meta span{display:inline-flex;align-items:center;gap:6px}.lesson-head__meta svg{width:15px;height:15px}.lesson-head__actions{display:flex;gap:var(--space-2);flex-shrink:0}.lesson-nav{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.lesson-nav .btn{flex:1;justify-content:center}@media(min-width:640px){.lesson-nav{justify-content:space-between}.lesson-nav .btn{flex:0 1 auto}}.notes-panel{margin-top:var(--space-8);display:grid;gap:var(--space-5)}@media(min-width:768px){.notes-panel{grid-template-columns:1fr 1fr}}.note-card{padding:var(--space-5)}.note-card__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm)}.note-card__head svg{width:16px;height:16px;color:var(--accent)}.note-card__body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.note-card textarea{width:100%;min-height:132px;resize:vertical;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg);padding:var(--space-3);font-size:var(--text-sm);line-height:1.7;outline:none;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.note-card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.note-card__status{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);min-height:1.2em}.learn-side{display:flex;flex-direction:column;overflow:hidden;max-height:none}@media(min-width:1280px){.learn-side{position:sticky;top:calc(var(--header-h) + var(--space-6));max-height:calc(100dvh - var(--header-h) - var(--space-12))}}.learn-side__head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.learn-side__head h2{font-size:var(--text-base);margin-bottom:var(--space-2)}.playlist{overflow-y:auto;padding:var(--space-2);overscroll-behavior:contain;max-height:420px}@media(min-width:1280px){.playlist{max-height:none;flex:1}}.playlist-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-md);text-align:left;transition:background-color var(--duration-fast) ease}.playlist-item:hover{background:var(--surface-2)}.playlist-item.is-current{background:var(--accent-soft)}.playlist-item__status{width:30px;height:30px;border-radius:var(--radius-full);display:grid;place-items:center;flex-shrink:0;background:var(--surface-2);color:var(--text-muted);font-size:.65rem;font-weight:700;font-variant-numeric:tabular-nums}.playlist-item__status svg{width:15px;height:15px}.playlist-item.is-complete .playlist-item__status{background:var(--success-soft);color:var(--success)}.playlist-item.is-current .playlist-item__status{background:var(--accent-strong);color:#fff}.playlist-item__text{display:block;flex:1;min-width:0}.playlist-item__title{display:block;font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item.is-current .playlist-item__title{font-weight:600;color:var(--accent)}.playlist-item__dur{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0;font-variant-numeric:tabular-nums}.celebrate{position:fixed;inset:0;z-index:var(--z-overlay);display:grid;place-items:center;background:#06080c99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:view-in var(--duration-normal) ease;padding:var(--space-4)}.celebrate__card{text-align:center;padding:var(--space-10) var(--space-8);max-width:420px;width:100%;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:check-pop .55s var(--ease-spring)}.celebrate__icon{width:84px;height:84px;margin:0 auto var(--space-5);border-radius:var(--radius-full);display:grid;place-items:center;background:var(--success-soft);color:var(--success)}.celebrate__icon svg{width:42px;height:42px}.celebrate__card h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.celebrate__card p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.celebrate__actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}@media(max-width:374px){.hero__stats{gap:var(--space-5)}.main{padding-inline:var(--space-3)}.course-hero{padding:var(--space-5)}}