.header-account-menu{position:relative}.header-account-menu-trigger{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:var(--radius-pill);background:var(--color-brand-secondary-200);color:var(--color-neutral-900);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:20px;text-transform:uppercase}.header-account-menu-dropdown{position:absolute;top:calc(100% + var(--scale-8));right:0;z-index:50;display:flex;flex-direction:column;gap:var(--scale-4);width:256px;padding:var(--scale-8);border-radius:var(--radius-lg);background:var(--color-brand-secondary-1000);box-shadow:0 8px 12px rgba(0,0,0,.48)}.header-account-menu-item{display:flex;align-items:center;gap:var(--scale-12);padding:var(--scale-12) var(--scale-16);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);text-decoration:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:24px;text-align:left;transition:background .15s ease}.header-account-menu-item svg{flex-shrink:0;width:24px;height:24px}.header-account-menu-item:hover{background:var(--color-overlay-white-8)}.header-top-bar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--scale-8);height:88px;padding:var(--scale-20) var(--scale-64);background:var(--color-brand-secondary-1000);box-shadow:4px 4px 14px 29px rgba(0,0,0,.08)}.header-top-bar-logo{display:inline-flex;flex-shrink:0}.header-top-bar-links{display:flex;flex:1 0;align-items:center;justify-content:center;gap:var(--scale-4)}.header-top-bar-link{padding:var(--scale-8) var(--scale-12);border-radius:var(--radius-sm);color:var(--color-text-primary);text-decoration:none;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:24px;transition:background .15s ease,color .15s ease}.header-top-bar-link:hover{background:var(--color-overlay-white-8);color:var(--color-brand-primary-500)}.header-top-bar-link--active{color:var(--color-brand-primary-500);font-weight:var(--font-weight-semibold)}.header-top-bar-right{flex-shrink:0;display:flex;align-items:center;gap:var(--scale-12)}.header-top-bar-toolbar-action{display:inline-flex;align-items:center}.header-top-bar-leading-slot{display:none;flex-shrink:0;align-items:center}.header-top-bar-join{display:flex;align-items:center;justify-content:center;height:48px;min-width:136px;padding:var(--scale-12) var(--scale-20);border:none;white-space:nowrap;border-radius:var(--radius-pill);background:var(--color-brand-primary-500);color:var(--color-brand-secondary-1000);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:24px;transition:background .15s ease}.header-top-bar-join:hover{background:var(--color-brand-primary-300)}.header-top-bar-join--pending,.header-top-bar-join--pending:hover{background:transparent;cursor:default}.header-top-bar-menu-button{flex-shrink:0;width:24px;height:24px;background:transparent;color:var(--color-text-primary)}.header-top-bar-menu-button,.header-top-bar-mobile-avatar{display:none;align-items:center;justify-content:center;padding:0;border:none;cursor:pointer}.header-top-bar-mobile-avatar{width:34px;height:34px;border-radius:var(--radius-pill);background:var(--color-brand-secondary-200);color:var(--color-neutral-900);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:20px;text-transform:uppercase}@media (max-width:767.98px){.header-top-bar{height:auto;padding:var(--scale-16)}.header-top-bar-links{display:none}.header-top-bar-right{margin-left:auto}.header-top-bar-join{height:48px;min-width:136px;padding:var(--scale-12) var(--scale-20)}.header-top-bar-menu-button{display:inline-flex}.header-top-bar-right .header-account-menu{display:none}.header-top-bar-mobile-avatar{display:flex;order:-1}.header-top-bar-leading-slot{display:inline-flex}}.header-bottom-tab-bar{display:none}@media (max-width:767.98px){.header-bottom-tab-bar{display:flex;align-items:center;justify-content:center;position:fixed;bottom:0;left:0;right:0;z-index:40;border-top:1px solid var(--color-brand-secondary-1000);background:var(--color-brand-secondary-980);padding:10px var(--scale-16) var(--scale-16);padding-bottom:calc(var(--scale-16) + env(safe-area-inset-bottom, 0px))}.header-bottom-tab{display:flex;flex:1 0;flex-direction:column;align-items:center;gap:var(--scale-4);color:var(--color-text-tertiary);text-decoration:none}.header-bottom-tab-icon{width:24px;height:24px}.header-bottom-tab-label{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:18px}.header-bottom-tab--active{color:var(--color-text-primary)}.header-bottom-tab--active .header-bottom-tab-label{font-weight:var(--font-weight-bold)}}.data-load-error-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--scale-12);width:100%;padding:var(--scale-32) var(--scale-24);border:1px solid var(--color-brand-secondary-940);border-radius:var(--radius-xl);background:var(--color-brand-secondary-980);text-align:center}.data-load-error-card-icon{width:28px;height:28px;color:var(--color-text-secondary)}.data-load-error-card-message{margin:0;color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:20px}.data-load-error-card-retry{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer}.data-load-error-card-retry:hover .data-load-error-card-icon{color:var(--color-text-primary)}.data-load-error-card-retry:focus-visible{outline:var(--border-width-hairline) solid var(--color-brand-primary-500);outline-offset:var(--scale-4)}.header-mobile-menu-backdrop{position:fixed;inset:0;z-index:9999;background:var(--color-overlay-white-40);display:flex;align-items:flex-end;opacity:0;transition:opacity .3s ease}.header-mobile-menu-backdrop--visible{opacity:1}.header-mobile-menu-sheet{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:80vh;overflow-y:auto;overscroll-behavior:contain;padding:var(--scale-12) var(--scale-16) var(--scale-32);border-top-left-radius:28px;border-top-right-radius:28px;background:var(--color-brand-secondary-1000);transform:translateY(100%);transition:transform .3s ease}.header-mobile-menu-sheet--visible{transform:translateY(0)}.header-mobile-menu-top{display:flex;flex-direction:column;gap:var(--scale-12)}.header-mobile-menu-divider{height:1px;width:100%;background:var(--color-brand-secondary-940);border:none}.header-mobile-menu-links{display:flex;flex-direction:column;gap:var(--scale-12)}.header-mobile-menu-link{display:flex;align-items:center;gap:var(--scale-12);height:48px;padding:var(--scale-12) var(--scale-16);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:24px}.header-mobile-menu-link-icon{width:24px;height:24px;flex-shrink:0}.header-mobile-menu-logout{width:100%;border:none;background:transparent;cursor:pointer;text-align:left}.header-mobile-menu-profile{display:flex;align-items:center;gap:var(--scale-12);padding:var(--scale-12) var(--scale-16)}.header-mobile-menu-profile-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--color-brand-secondary-200);color:var(--color-neutral-900);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);text-transform:uppercase}.header-mobile-menu-profile-name{color:var(--color-text-primary)}.header-mobile-menu-join,.header-mobile-menu-profile-name{font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:24px}.header-mobile-menu-join{display:flex;align-items:center;justify-content:center;height:48px;width:100%;border:none;border-radius:var(--radius-pill);background:var(--color-brand-primary-500);color:var(--color-brand-secondary-1000);cursor:pointer;transition:background .15s ease}.header-mobile-menu-join:hover{background:var(--color-brand-primary-300)}.header-mobile-menu-become-instructor{align-self:flex-start;border:none;background:transparent;padding:0;color:var(--color-brand-primary-200);text-decoration:underline;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:24px}.header-mobile-menu-footer{display:flex;flex-direction:column;gap:var(--scale-16);margin-top:var(--scale-24)}.header-mobile-menu-footer-caption{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:16px;margin:0}.header-mobile-menu-footer-links{display:flex;align-items:center;gap:var(--scale-8);flex-wrap:wrap}.header-mobile-menu-footer-links a{color:var(--color-text-subtitle);text-decoration:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:20px}.header-mobile-menu-footer-links span{color:var(--color-brand-secondary-500)}.header-mobile-menu-footer-social{display:flex;align-items:center;gap:var(--scale-16)}.header-mobile-menu-footer-social a{display:flex;color:var(--color-text-subtitle)}@media (min-width:768px){.header-mobile-menu-backdrop{display:none}}.skeleton-block{position:relative;overflow:hidden;display:block;background:var(--color-brand-secondary-800);border-radius:var(--radius-sm)}.skeleton-block--circle{border-radius:50%}.skeleton-block:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.14) 50%,hsla(0,0%,100%,0));animation:skeleton-shimmer 1.6s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.confirm-dialog-overlay{position:fixed;inset:0;z-index:var(--course-edit-z-popup-stacked,10002);display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.8)}.confirm-dialog-backdrop{position:absolute;inset:0;padding:0;border:0;background:transparent;cursor:default}.confirm-dialog-panel{position:relative;background:#0a1014;border-radius:20px;padding:0;width:100%;max-width:520px;box-shadow:1px 4px 32.9px 11px rgba(0,0,0,.3);overflow:hidden;margin:0}.confirm-dialog-container{padding:0;display:flex;flex-direction:column;background-color:#0a1014}.confirm-dialog-header{display:flex;justify-content:center;align-items:center;padding:20px 20px 16px;position:relative}.confirm-dialog-title{color:#fff;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;margin:0;line-height:1.2}.confirm-dialog-close{background:transparent;border:none;color:#adb2bf;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.confirm-dialog-close:hover{opacity:.8}.confirm-dialog-close svg{width:24px;height:24px}.confirm-dialog-separator{height:1px;background:#212630;margin:0 20px}.confirm-dialog-separator--row{display:none}.confirm-dialog-message{color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;margin:24px 20px;text-align:center;line-height:1.5}.confirm-dialog-buttons{display:flex;flex-direction:column;gap:12px;padding:0 20px 20px;width:100%;box-sizing:border-box}.confirm-dialog-confirm-button{width:100%;height:50px;border-radius:32px;background:#101010;color:#ff4d4d;border:2px solid rgba(255,77,77,.4);font-family:Roboto,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.confirm-dialog-confirm-button:hover{border-color:rgba(255,77,77,.6)}.confirm-dialog-cancel-button:disabled,.confirm-dialog-confirm-button:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog-cancel-button{width:100%;height:50px;border-radius:50px;background:transparent;color:#fff;border:1px solid #fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.confirm-dialog-cancel-button:hover{background:hsla(0,0%,100%,.1)}.confirm-dialog-header--row{justify-content:space-between;padding:24px 24px 0}.confirm-dialog-title--row{font-size:20px}.confirm-dialog-close--row{position:static;transform:none;width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.08);flex-shrink:0}.confirm-dialog-close--row:hover{background:hsla(0,0%,100%,.14);opacity:1}.confirm-dialog-message--row{color:#adb2bf;font-size:16px;text-align:left;margin:16px 24px 24px}.confirm-dialog-buttons--row{flex-direction:row-reverse;justify-content:flex-start;gap:16px;padding:0 24px 24px}.confirm-dialog-cancel-button--row,.confirm-dialog-confirm-button--row{width:auto;flex:0 0 auto;height:48px;padding:0 28px;border-radius:32px;border:none;font-weight:600}.confirm-dialog-confirm-button--row{background:#ee443f;color:#f8fafc}.confirm-dialog-confirm-button--row:hover:not(:disabled){background:#d63c37;border-color:transparent}.confirm-dialog-cancel-button--row{background:#3a4152;color:#f8fafc}.confirm-dialog-cancel-button--row:hover{background:#454e63}@media (min-width:769px){.confirm-dialog-panel--row{background:#0e1418}.confirm-dialog-container--row{padding:32px 32px 38px;gap:24px}.confirm-dialog-header--row{justify-content:center;position:relative;padding:0}.confirm-dialog-title--row{color:#eee;font-family:Roboto Slab,Roboto,sans-serif;font-size:18px;width:100%;text-align:center}.confirm-dialog-close--row{position:absolute;right:0;top:50%;transform:translateY(-50%);width:auto;height:auto;padding:0;border-radius:0;background:transparent;color:#eee}.confirm-dialog-close--row:hover{background:transparent;opacity:.8}.confirm-dialog-separator--row{display:block;margin:0}.confirm-dialog-message--row{color:#d5d9e2;font-size:18px;text-align:center;margin:0}.confirm-dialog-buttons--row{gap:20px;padding:0}.confirm-dialog-cancel-button--row,.confirm-dialog-confirm-button--row{flex:1 1;width:auto;padding:12px 20px}}@media (max-width:768px){.confirm-dialog-overlay{align-items:flex-end;padding:0}.confirm-dialog-panel{width:100%;max-width:100%;margin:0;border-radius:20px 20px 0 0;animation:confirmDialogSlideUp .25s ease-out;padding-bottom:env(safe-area-inset-bottom,0)}@keyframes confirmDialogSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.confirm-dialog-container{padding:0}.confirm-dialog-header{padding:16px 16px 12px}.confirm-dialog-title{font-size:16px}.confirm-dialog-close{right:16px}.confirm-dialog-separator{margin:0 16px}.confirm-dialog-message{font-size:14px;margin:20px 16px}.confirm-dialog-buttons{padding:0 16px 16px}.confirm-dialog-cancel-button,.confirm-dialog-confirm-button{font-size:14px}.confirm-dialog-header--row{justify-content:center;padding:16px 16px 12px}.confirm-dialog-title--row{font-size:16px;color:#fff}.confirm-dialog-separator--row{display:block;margin:0 16px}.confirm-dialog-close--row{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:auto;height:auto;border-radius:0;background:transparent}.confirm-dialog-message--row{text-align:center;font-size:14px;margin:20px 16px}.confirm-dialog-buttons--row{justify-content:normal;gap:12px;padding:0 16px 16px}.confirm-dialog-cancel-button--row,.confirm-dialog-confirm-button--row{flex:1 0;width:100%;padding:0;font-size:14px}}.confirm-dialog-panel--primary .confirm-dialog-confirm-button--row{background:var(--color-brand-primary-500);color:var(--color-text-on-primary-action)}.confirm-dialog-panel--primary .confirm-dialog-confirm-button--row:hover:not(:disabled){background:var(--color-brand-primary-400)}.confirm-dialog-panel--danger .confirm-dialog-title--row,.confirm-dialog-panel--primary .confirm-dialog-title--row{font-family:var(--font-family-base)}