@layer components{.course-curriculum-list{display:grid;gap:var(--space-md)}.course-curriculum-item{padding:0;overflow:clip}.course-curriculum-item-main{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);width:100%;min-width:0;padding:var(--space-lg)}.course-curriculum-item-header{min-width:0;display:grid;gap:var(--space-xs)}.course-curriculum-item-title{font-size:1.0625rem;font-family:var(--font-title);font-weight:700;margin:0;color:var(--color-text)}.course-curriculum-section-toggle{display:block;width:100%;background:none;border:none;padding:0;margin:0;color:inherit;text-align:start;cursor:pointer;font:inherit;transition:background-color var(--transition-fast)}.course-curriculum-section-toggle:hover{background-color:oklch(from var(--color-primary) l c h / .06)}.course-curriculum-section-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.course-curriculum-item-right{display:inline-flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.course-curriculum-section-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}.course-curriculum-section-toggle:hover .course-curriculum-section-chevron{color:var(--color-text)}.course-curriculum-section-chevron[data-expanded=true]{transform:rotate(180deg)}.course-curriculum-item-meta{color:var(--color-text-muted);font-size:.875rem;margin:0}.course-curriculum-lecture-list{display:grid;gap:0;padding:var(--space-xs) var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border-subtle);background:linear-gradient(180deg,oklch(from var(--color-primary) l c h / .05) 0%,transparent 30%)}.course-curriculum-lecture-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-md);padding-block:.6rem;font-size:.9375rem;color:var(--color-text);line-height:1.4;border-top:1px solid oklch(from var(--color-border-subtle) l c h / .55)}.course-curriculum-lecture-item:first-child{border-top:none}.course-curriculum-lecture-index{color:var(--color-text-muted);font-family:var(--font-title);font-size:.75rem;letter-spacing:.08em;min-width:2ch;text-transform:uppercase}.course-curriculum-lecture-title{min-width:0;color:var(--color-text)}.course-curriculum-lecture-duration{color:var(--color-primary-100);font-family:var(--font-title);font-size:.8125rem;white-space:nowrap;padding:.2rem .55rem;border-radius:var(--radius-full);border:1px solid oklch(from var(--color-primary) l c h / .28);background:oklch(from var(--color-primary) l c h / .1)}.course-curriculum-item-duration{width:fit-content;font-family:var(--font-title);font-size:.875rem;white-space:nowrap}@media(max-width:640px){.course-curriculum-item-main{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.course-curriculum-item-right{width:100%;justify-content:space-between}.course-curriculum-lecture-list{padding:var(--space-xs) var(--space-md) var(--space-md)}.course-curriculum-item-duration{font-size:.9375rem}.course-curriculum-lecture-item{grid-template-columns:auto minmax(0,1fr);gap:var(--space-sm)}.course-curriculum-lecture-duration{grid-column:2;justify-self:start}}}.video-player-wrapper .video-js{display:block;width:100%;height:100%;padding-top:0}@layer components{.video-player{width:100%}.video-player-stage{position:relative;width:100%;aspect-ratio:16 / 9;background:oklch(5% .01 var(--color-primary-h));border-radius:var(--radius-lg);overflow:hidden}.video-player-stage:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.video-player-stage:fullscreen{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.video-player-stage:fullscreen::backdrop{background:oklch(5% .01 var(--color-primary-h))}.video-player-wrapper{position:absolute;inset:0}.video-player-surface{position:absolute;inset:0;z-index:5;background:transparent;border:none;padding:0;cursor:pointer}.video-player-surface:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.video-player-wrapper .vjs-control-bar,.video-player-wrapper .vjs-big-play-button,.video-player-wrapper .vjs-loading-spinner{display:none}.video-player-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:oklch(5% .01 var(--color-primary-h) / .8);z-index:15}.video-player-spinner{width:48px;height:48px;border:3px solid var(--color-neutral-700);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-player-play-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.video-player-play-indicator-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#000000b3;border-radius:var(--radius-full);color:var(--color-text);animation:play-indicator-pulse .5s ease-out forwards}@keyframes play-indicator-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.video-player-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:oklch(5% .01 var(--color-primary-h));color:var(--color-text-muted);text-align:center;padding:var(--space-lg);z-index:25}.video-player-error-icon{color:#de3b3d}.video-controls{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-3xl) var(--space-lg) var(--space-md);background:linear-gradient(to top,oklch(0% 0 0 / .85) 0%,oklch(0% 0 0 / .6) 50%,transparent 100%);z-index:10;container-type:inline-size;opacity:0;transform:translateY(8px);transition:opacity var(--transition-base),transform var(--transition-base)}.video-controls[data-visible=true]{opacity:1;transform:translateY(0)}.video-controls-progress{--progress-gradient: linear-gradient( to right, var(--color-primary) 0 var(--played, 0%), oklch(100% 0 0 / .35) var(--played, 0%) var(--buffered, 0%), oklch(100% 0 0 / .2) var(--buffered, 0%) 100% );width:100%;height:4px;appearance:none;border-radius:var(--radius-full);cursor:pointer;background:var(--progress-gradient);transition:height var(--transition-fast)}.video-controls-progress::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-full);background:var(--progress-gradient)}.video-controls-progress::-moz-range-track{height:4px;border-radius:var(--radius-full);background:var(--progress-gradient)}.video-controls-progress:hover{height:6px}.video-controls-progress:hover::-webkit-slider-runnable-track{height:6px}.video-controls-progress:hover::-moz-range-track{height:6px}.video-controls-progress:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.video-controls-progress::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:var(--radius-full);background:var(--color-primary);border:none}.video-controls-progress::-moz-range-thumb{width:12px;height:12px;margin-top:-4px;border-radius:var(--radius-full);background:var(--color-primary);border:none}.video-controls-progress:disabled{cursor:default;opacity:.6}.video-controls-bar{display:flex;align-items:center;justify-content:space-between}.video-controls-start,.video-controls-end{display:flex;align-items:center;gap:var(--space-sm)}.video-controls-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast)}.video-controls-btn:hover{background:#ffffff26}.video-controls-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.video-controls-btn[data-active=true]{color:var(--color-primary)}.video-controls-volume{display:flex;align-items:center;gap:var(--space-xs)}.video-controls-volume-slider{display:flex;align-items:center;width:0;opacity:0;transition:width var(--transition-base),opacity var(--transition-base)}.video-controls-volume:hover .video-controls-volume-slider,.video-controls-volume:focus-within .video-controls-volume-slider{width:80px;opacity:1}.video-controls-volume-slider input[type=range]{width:100%;height:4px;margin:0;appearance:none;background:#ffffff4d;border-radius:var(--radius-full);cursor:pointer}.video-controls-volume-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--color-text);border-radius:var(--radius-full);cursor:pointer}.video-controls-volume-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--color-text);border:none;border-radius:var(--radius-full);cursor:pointer}.video-controls-time{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap;margin-inline-start:var(--space-xs)}.video-controls-menu{margin:0;inset:unset;position-area:block-start span-inline-start;position-try-fallbacks:flip-block;margin-bottom:var(--space-xs);min-width:180px;background:oklch(15% .01 var(--color-primary-h));border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs);opacity:0;transform:translateY(8px);transition:opacity var(--transition-fast),transform var(--transition-fast),display var(--transition-fast) allow-discrete,overlay var(--transition-fast) allow-discrete}.video-controls-menu:popover-open{opacity:1;transform:translateY(0)}@starting-style{.video-controls-menu:popover-open{opacity:0;transform:translateY(8px)}}.video-controls-menu-title{font-size:.75rem;font-weight:600;color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.video-controls-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;text-align:start;cursor:pointer;transition:background-color var(--transition-fast)}.video-controls-menu-item:hover{background:#ffffff1a}.video-controls-menu-item[data-active=true]{color:var(--color-primary)}.video-controls-menu-item-check{width:16px;height:16px;opacity:0}.video-controls-menu-item[data-active=true] .video-controls-menu-item-check{opacity:1}@container (max-width: 480px){.video-controls-time{display:none}.video-controls-btn{width:32px;height:32px}.video-controls-start,.video-controls-end{gap:var(--space-xs)}}.video-player-skeleton{position:relative;width:100%;aspect-ratio:16 / 9;background:oklch(5% .01 var(--color-primary-h));border-radius:var(--radius-lg);overflow:hidden}.video-player-skeleton .video-player-loading{background:transparent}}@layer components{.course-preview-media-shell{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:oklch(from var(--color-surface-elevated) 24% c h)}.course-preview-media-shell--hero{border-radius:inherit}.course-preview-media-image{display:block;width:100%;height:100%;object-fit:cover}.course-preview-media-shell .video-player{max-width:none;margin-inline:0}.course-preview-media-placeholder{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(150deg,oklch(from var(--color-surface-elevated) 24% c h),oklch(from var(--color-surface-elevated) 28% c h));transition:opacity var(--transition-base),visibility var(--transition-base)}.course-preview-media-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,oklch(100% 0 0 / .04) 46%,oklch(100% 0 0 / .12) 50%,oklch(100% 0 0 / .04) 54%,transparent 65%);transform:translate(-140%);animation:course-preview-media-shimmer 1.8s ease-in-out infinite}.course-preview-media-shell[data-ready=true] .course-preview-media-placeholder{opacity:0;visibility:hidden}@keyframes course-preview-media-shimmer{to{transform:translate(140%)}}}