:root{--course-bottombar-h:64px}.course-navbar{position:fixed;inset:0 0 auto 0;width:100%;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem clamp(.75rem,2vw,1.5rem);background:rgba(10,10,10,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.course-navbar-center,.course-navbar-right,.navbar-logo-wrapper{display:flex;align-items:center}.course-navbar-center{justify-content:center;gap:1.25rem}.tab-link{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .65rem;border-radius:999px;font-size:.95rem;font-weight:500;color:#ffffffcc;border:1px solid transparent;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .15s ease}.tab-link .icon{font-size:1.1rem}.active-tab,.tab-link:hover{color:#f6098f}.active-tab{border-color:rgba(246,9,143,.45);background:rgba(246,9,143,.08);box-shadow:inset 0 0 12px rgba(246,9,143,.15)}.course-navbar-right{justify-content:flex-end;min-width:120px}.course-bottombar{display:none}@media (max-width:768px){body{padding-bottom:calc(var(--course-bottombar-h) + env(safe-area-inset-bottom))}.course-navbar{grid-template-columns:1fr auto;grid-template-rows:auto}.course-navbar-center{display:none}.course-bottombar{position:fixed;left:0;right:0;bottom:0;height:var(--course-bottombar-h);padding:.35rem .6rem calc(.35rem + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;z-index:60;background:rgba(10,10,10,.85);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.06)}.tab-btn{position:relative;display:grid;grid-template-rows:auto auto;align-items:center;justify-items:center;gap:2px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#e0e0e0;padding:6px 4px;font:inherit;cursor:pointer;transition:transform .12s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.tab-btn .btn-icon{font-size:20px;line-height:1}.tab-btn .btn-label{font-size:11.5px;letter-spacing:.02em}.tab-btn:active{transform:translateY(1px) scale(.98)}.tab-btn[aria-selected=true]{color:#f6098f;border-color:rgba(246,9,143,.35);background:rgba(246,9,143,.08);box-shadow:0 0 14px rgba(246,9,143,.18)}.tab-btn[aria-selected=true] .btn-indicator{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:999px;background:#f6098f;box-shadow:0 0 8px rgba(246,9,143,.8)}.tab-btn.primary{border-radius:14px}}@media (max-width:360px){.course-bottombar .btn-label{display:none}.course-bottombar .btn-icon{font-size:22px}}.tab-btn:focus-visible,.tab-link:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(246,9,143,.6),0 0 0 6px rgba(246,9,143,.16);border-color:rgba(246,9,143,.6)}