:root{--course-bottombar-h:64px}.course-navbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border-bottom:1px solid #ffffff0d;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;padding:.75rem clamp(.75rem,2vw,1.5rem);display:grid;position:fixed;inset:0 0 auto}.navbar-logo-wrapper,.course-navbar-center,.course-navbar-right{align-items:center;display:flex}.course-navbar-center{justify-content:center;gap:1.25rem}.tab-link{color:#fffc;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .65rem;font-size:.95rem;font-weight:500;transition:color .2s,border-color .2s,background .2s,transform .15s;display:inline-flex}.tab-link .icon{font-size:1.1rem}.tab-link:hover{color:#f6098f}.active-tab{color:#f6098f;background:#f6098f14;border-color:#f6098f73;box-shadow:inset 0 0 12px #f6098f26}.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-rows:auto;grid-template-columns:1fr auto}.course-navbar-center{display:none}.course-bottombar{height:var(--course-bottombar-h);padding:.35rem .6rem calc(.35rem + env(safe-area-inset-bottom));z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ad9;border-top:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid;position:fixed;bottom:0;left:0;right:0}.tab-btn{color:#e0e0e0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;grid-template-rows:auto auto;place-items:center;gap:2px;padding:6px 4px;transition:transform .12s,background .2s,border-color .2s,color .2s,box-shadow .2s;display:grid;position:relative}.tab-btn .btn-icon{font-size:20px;line-height:1}.tab-btn .btn-label{letter-spacing:.02em;font-size:11.5px}.tab-btn:active{transform:translateY(1px)scale(.98)}.tab-btn[aria-selected=true]{color:#f6098f;background:#f6098f14;border-color:#f6098f59;box-shadow:0 0 14px #f6098f2e}.tab-btn[aria-selected=true] .btn-indicator{background:#f6098f;border-radius:999px;width:6px;height:6px;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #f6098fcc}.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{border-color:#f6098f99;outline:none;box-shadow:0 0 0 2px #f6098f99,0 0 0 6px #f6098f29}