:root{--nav-sidebar-collapsed: 68px;--nav-sidebar-expanded: clamp(232px, 15vw, 304px);--nav-sidebar-expanded-overlay: clamp(232px, 25vw, 360px);--nav-overlay-bg: rgba(7, 10, 15, .45);--left-pad: var(--nav-sidebar-expanded);--nav-logo-size: 24px}.wrapper{position:relative;margin-left:var(--left-pad)}.sidebar{width:var(--left-pad);height:100dvh;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);align-items:flex-start;position:fixed;left:0;z-index:1000;overflow-x:hidden;transition:width .22s ease,box-shadow .22s ease;cursor:w-resize}.page.nav-sidebar-collapsed{--left-pad: var(--nav-sidebar-collapsed)}.page.nav-sidebar-expanded{--left-pad: var(--nav-sidebar-expanded)}.nav-sidebar-brand{width:100%;min-height:44px;box-sizing:border-box;padding:10px 10px 0}.nav-sidebar-brand-main{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.page.nav-sidebar-collapsed .nav-sidebar-brand{padding:10px 10px 8px}.page.nav-sidebar-collapsed .nav-sidebar-brand-main{justify-content:center}.nav-brand-home{min-width:0;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:7px;color:inherit;text-decoration:none;overflow:hidden}.nav-brand-home:hover,.nav-brand-home:focus-visible{background-color:#313131;color:inherit;outline:none}.nav-brand-mark{width:var(--nav-logo-size);height:var(--nav-logo-size);flex:0 0 var(--nav-logo-size);display:inline-flex;align-items:center;justify-content:center;color:#f7f8f9}.nav-panel-icon{width:var(--nav-logo-size);height:var(--nav-logo-size);flex:0 0 var(--nav-logo-size);display:inline-flex;align-items:center;justify-content:center;color:#f7f8f9;position:relative}.nav-brand-mark svg,.nav-panel-icon svg{width:100%;height:100%;display:block}.nav-panel-logo,.nav-panel-morph{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;transform-origin:center}.nav-panel-logo{opacity:0;display:block;pointer-events:none}.nav-panel-logo svg{width:100%!important;height:100%!important;max-width:100%;max-height:100%;display:block}.nav-brand-word{min-width:0;color:#f7f8f9;font-size:17px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-sidebar-toggle{width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;background:transparent;color:inherit;cursor:w-resize;line-height:1}.nav-sidebar-link,.nav-account-link,.nav-history-link,.nav-brand-home{cursor:pointer}.nav-sidebar-toggle:hover,.nav-sidebar-toggle:focus-visible{background:#ffffff14;color:inherit;outline:none}.page.nav-sidebar-collapsed .nav-sidebar-toggle,.page.nav-sidebar-collapsed .sidebar:hover .nav-sidebar-toggle,.page.nav-sidebar-collapsed .sidebar{cursor:e-resize}.page.nav-sidebar-collapsed .nav-sidebar-brand{width:100%}.page.nav-sidebar-collapsed .nav-brand-home{display:none}.page.nav-sidebar-collapsed .nav-sidebar-toggle{margin:0 auto}.nav-identity{width:100%;box-sizing:border-box;padding:18px 8px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-identity-topic{display:flex;align-items:center;gap:5px;margin:0;font-size:11px;line-height:1;opacity:.86;text-transform:uppercase;letter-spacing:.04em}.nav-identity-topic a{color:inherit;text-decoration:none}.nav-identity-title{margin:6px 0 0;font-size:18px;font-weight:600;line-height:1.2;word-break:break-word}.nav-sidebar-nav{width:100%;min-height:0;flex:1;box-sizing:border-box;padding:10px;display:flex;flex-direction:column;overflow-y:auto}.nav-sidebar-slot{width:100%;display:flex;flex-direction:column}.nav-sidebar-slot-account{gap:8px}.nav-sidebar-slot-main+.nav-sidebar-slot-account{margin-top:auto}.nav-sidebar-slot-utility{margin-top:auto}.nav-sidebar-link,.nav-account-link,.nav-history-link{width:100%;min-height:42px;border-radius:7px;border:0;padding:9px 12px;display:flex;align-items:center;gap:12px;color:#fff;background-color:transparent;text-decoration:none;cursor:pointer;position:relative;transition:background-color .18s ease,opacity .18s ease}.nav-sidebar-link:hover,.nav-sidebar-link:focus-visible,.nav-account-link:hover,.nav-account-link:focus-visible,.nav-history-link:hover,.nav-history-link:focus-visible{background-color:#313131;color:#fff;outline:none}.nav-sidebar-link>i,.nav-sidebar-link>img,.nav-sidebar-link>svg,.nav-sidebar-link>.bb-media-nav-cycle-icon,.nav-account-link>i,.nav-account-link>img,.nav-account-link>svg,.nav-account-link>.nav-account-avatar,.nav-history-link>i,.nav-history-link>img,.nav-history-link>svg{width:24px;min-width:24px;max-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;margin:0;text-align:center;object-fit:contain}.nav-sidebar-link>i,.nav-history-link>i{font-size:18px}.nav-sidebar-link>span.tab-hide{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-sidebar-link.btn-active{background-color:#313131}.nav-account-link{min-height:56px;padding:8px 10px;gap:11px}.nav-account-link.nav-account-login{min-height:42px}.nav-account-avatar{border-radius:999px;background:#2bbca8;color:#fff;font-size:12px;font-weight:600;letter-spacing:0;text-transform:uppercase}.nav-account-login-icon{border-radius:999px;background:#4aa3ff29;color:#74c0fc;font-size:15px}.nav-account-copy{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.1}.nav-account-name,.nav-account-tier{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-account-name{font-size:15px;font-weight:600}.nav-account-tier{color:#ffffffad;font-size:13px;font-weight:400}.nav-history-controls,.nav-history-chevron{display:none}.page.nav-can-go-back .nav-history-controls,.page.nav-can-go-forward .nav-history-controls{display:flex}.nav-history-controls{width:100%}.nav-history-link{display:flex;width:100%;flex:1 1 auto;min-height:38px;align-items:center;justify-content:center;gap:12px;padding:8px 12px}.nav-history-chevron{align-items:center;justify-content:center;width:24px;min-width:24px;height:24px}.page.nav-can-go-back .nav-history-chevron-back,.page.nav-can-go-forward .nav-history-chevron-forward{display:inline-flex}.nav-sidebar-overlay{display:none;position:fixed;inset:0;border:0;background:var(--nav-overlay-bg);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:88;cursor:pointer}.toolbar-bottom{--f7-safe-area-bottom: 12px}.bb-toolbar{--f7-tabbar-icons-height: 60px;--f7-tabbar-icon-size: 18px;z-index:1000}.nav-toolbar-history{display:none;align-items:center;justify-content:center;flex-direction:row;gap:8px}.page.nav-mobile-stack-back .nav-toolbar-history,.page.nav-mobile-stack-forward .nav-toolbar-history{display:flex;flex-direction:row}.bb-toolbar .nav-toolbar-history .nav-history-chevron{flex:0 0 24px;width:24px;min-width:24px;height:24px}.bb-toolbar .nav-account-avatar,.bb-toolbar .nav-account-login-icon{flex:0 0 24px;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.course-sidebar-frq-meta{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.course-sidebar-ai-chip{--f7-chip-height: 20px;--f7-chip-font-size: 11px;--f7-chip-bg-color: rgba(255, 116, 67, .18);--f7-chip-outline-border-color: rgba(255, 174, 92, .38);--f7-chip-outline-text-color: #ffd49d;box-shadow:0 8px 24px #ff6f4829}@media(max-width:1280px)and (min-width:769px){:root{--left-pad: var(--nav-sidebar-collapsed)}.page.nav-sidebar-expanded{--left-pad: var(--nav-sidebar-collapsed)}.page.nav-sidebar-expanded .sidebar{width:var(--nav-sidebar-expanded-overlay);box-shadow:14px 0 36px #0000006b}.nav-sidebar-overlay{display:block}.page.nav-sidebar-expanded .nav-sidebar-overlay{opacity:1;pointer-events:auto}.page:not(.nav-sidebar-expanded):not(.nav-sidebar-hover-expanded) .nav-brand-word,.page:not(.nav-sidebar-expanded):not(.nav-sidebar-hover-expanded) .nav-identity,.page:not(.nav-sidebar-expanded):not(.nav-sidebar-hover-expanded) .tab-hide{display:none!important}.page:not(.nav-sidebar-expanded):not(.nav-sidebar-hover-expanded) .nav-sidebar-link,.page:not(.nav-sidebar-expanded):not(.nav-sidebar-hover-expanded) .nav-account-link,.page:not(.nav-sidebar-expanded):not(.nav-sidebar-hover-expanded) .nav-history-link{justify-content:center;padding-left:0;padding-right:0;gap:0}}@media(min-width:1281px){.page.nav-sidebar-collapsed .nav-brand-word,.page.nav-sidebar-collapsed .nav-identity,.page.nav-sidebar-collapsed .tab-hide{display:none!important}.page.nav-sidebar-collapsed .nav-sidebar-link,.page.nav-sidebar-collapsed .nav-account-link,.page.nav-sidebar-collapsed .nav-history-link{justify-content:center;padding-left:0;padding-right:0;gap:0}}@media(max-width:768px){:root{--left-pad: 0px !important}.sidebar,.nav-sidebar-toggle,.nav-sidebar-overlay{display:none!important}.btn-active{background-color:transparent!important}}.bb-more-popover{--f7-popover-width: 220px}.bb-more-popover .links-list .list-button{position:relative;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:left}.bb-more-popover .links-list .list-button.bb-active{background-color:#313131}.bb-more-popover .links-list .list-button i,.bb-more-popover .links-list .list-button svg,.bb-more-popover .links-list .list-button .nav-account-avatar,.bb-more-popover .links-list .list-button .nav-account-login-icon{flex:0 0 24px;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;margin:0;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;text-align:center}.bb-more-popover .links-list .list-button .nav-account-avatar,.bb-more-popover .links-list .list-button .nav-account-login-icon{border-radius:999px}.bb-more-popover .nav-popover-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
