.bb-essential-nav{z-index:50;isolation:isolate;background:var(--bb-essential-surface);border-bottom:1px solid var(--bb-essential-border);width:100%;padding:var(--bb-safe-top,0px) var(--bb-safe-right,0px) 0 var(--bb-safe-left,0px);position:sticky;top:0}.bb-essential-nav-inner{max-width:var(--bb-learner-max,1280px);justify-content:space-between;align-items:center;gap:24px;min-height:76px;margin-inline:auto;padding:16px 24px;display:flex}.bb-essential-nav-brand{min-width:44px;min-height:44px;font-family:var(--bb-essential-font-display);align-items:center;gap:10px;font-size:20px;font-weight:800;line-height:1.2;display:inline-flex}.bb-essential-nav-brand img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.bb-essential-nav-brand span{overflow-wrap:anywhere}.bb-essential-nav-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.bb-essential-nav-cta{font-family:var(--bb-essential-font-display);box-shadow:var(--bb-essential-small-shadow);padding-inline:24px;font-size:16px;font-weight:700}.bb-essential-nav-avatar{background:var(--bb-essential-primary);width:36px;height:36px;color:var(--bb-essential-on-primary);font-family:var(--bb-essential-font-display);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.bb-essential-nav-coins,.bb-essential-plain-coin{--bb-essential-coin-pill:var(--color-yellow-16,#825f08);--bb-essential-coin-rim:var(--color-yellow-12,#ecd715);--bb-essential-coin-face:var(--color-yellow-14,#c6a414);--bb-essential-coin-mark:var(--color-yellow-03,#fbf6cb)}.bb-essential-nav-coins{background:var(--bb-essential-coin-pill);min-height:36px;color:var(--bb-essential-on-primary);font-family:var(--bb-essential-font-display);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 14px 4px 8px;font-size:18px;font-weight:800;line-height:1;display:inline-flex}.bb-essential-nav-coins svg{flex-shrink:0;width:22px;height:22px}.bb-essential-plain-coin circle:first-child{fill:var(--bb-essential-coin-rim)}.bb-essential-plain-coin circle:last-of-type{fill:var(--bb-essential-coin-face)}.bb-essential-plain-coin path{fill:var(--bb-essential-coin-mark)}.bb-essential-nav-toggle{border:2px solid var(--bb-essential-primary-strong);background:var(--bb-essential-primary);width:44px;height:44px;box-shadow:4px 4px 0 var(--bb-essential-teal);border-radius:12px;place-items:center;transition:transform .2s;display:grid}.bb-essential-nav-toggle:active{transform:translate(3px,3px)}.bb-essential-nav-toggle>span{flex-direction:column;gap:3px;display:flex}.bb-essential-nav-toggle i{background:var(--bb-essential-on-primary);border-radius:999px;width:24px;height:5px}.bb-essential-nav-overlay{z-index:100;position:fixed;inset:0}.bb-essential-nav-backdrop{background:var(--bb-essential-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.4s cubic-bezier(.76,0,.24,1) both bb-essential-nav-fade;position:absolute;inset:0}.bb-essential-nav-panel{inset-block:0;outline:none;width:min(100%,448px);min-height:0;display:flex;position:absolute;right:0}.bb-essential-nav-wipe{transform-origin:100%;animation:.65s cubic-bezier(.76,0,.24,1) both bb-essential-nav-wipe;position:absolute;inset:0}.bb-essential-nav-wipe:first-of-type{background:var(--bb-essential-primary)}.bb-essential-nav-wipe:nth-of-type(2){background:var(--bb-essential-pink);animation-delay:60ms}.bb-essential-nav-wipe:nth-of-type(3){background:var(--bb-essential-teal);animation-delay:.12s}.bb-essential-nav-sheet{z-index:1;background:var(--bb-essential-surface);min-width:0;min-height:0;box-shadow:var(--bb-essential-shadow);padding:var(--bb-safe-top,0px) var(--bb-safe-right,0px) 0 0;flex-direction:column;flex:1;animation:.3s cubic-bezier(.76,0,.24,1) .55s both bb-essential-nav-fade;display:flex;position:relative}.bb-essential-nav-sheet:before{content:"";pointer-events:none;border-left:4px solid var(--bb-essential-teal);position:absolute;inset:0}.bb-essential-nav-links li>.bb-essential-nav-link,.bb-essential-nav-main-action{animation:.65s cubic-bezier(.76,0,.24,1) both bb-essential-nav-link-in;animation-delay:calc(.55s + var(--bb-nav-i,0) * 60ms)}.bb-essential-nav-main-action{animation-delay:.7s}.bb-essential-nav-overlay[data-closing]{pointer-events:none}.bb-essential-nav-overlay[data-closing] .bb-essential-nav-sheet{animation:.25s cubic-bezier(.76,0,.24,1) both bb-essential-nav-fade-out}.bb-essential-nav-overlay[data-closing] .bb-essential-nav-wipe{animation:.6s cubic-bezier(.76,0,.24,1) both bb-essential-nav-wipe-out}.bb-essential-nav-overlay[data-closing] .bb-essential-nav-wipe:first-of-type{animation-delay:.27s}.bb-essential-nav-overlay[data-closing] .bb-essential-nav-wipe:nth-of-type(2){animation-delay:.21s}.bb-essential-nav-overlay[data-closing] .bb-essential-nav-wipe:nth-of-type(3){animation-delay:.15s}.bb-essential-nav-overlay[data-closing] .bb-essential-nav-backdrop{animation:.3s cubic-bezier(.76,0,.24,1) .4s both bb-essential-nav-fade-out}.bb-essential-nav-panel-head{justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.bb-essential-nav-links{overscroll-behavior:contain;flex:1;min-height:0;padding:0 24px 24px;overflow-y:auto}.bb-essential-nav-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--bb-essential-muted);margin:4px 0 6px;font-size:12px;font-weight:700}.bb-essential-nav-links ul{margin:0;padding:0;list-style:none}.bb-essential-nav-links li{border-bottom:1px solid var(--bb-essential-border)}.bb-essential-nav-links li:last-child{border:0}.bb-essential-nav-link{min-height:56px;font-family:var(--bb-essential-font-display);overflow-wrap:anywhere;border-radius:8px;align-items:center;padding:14px 12px 14px 16px;font-size:32px;font-weight:800;line-height:1.2;display:flex;position:relative}.bb-essential-nav-link-active{color:var(--bb-essential-accent)!important}@media (hover:hover){.bb-essential-nav-link:hover{color:var(--bb-essential-accent)!important}}.bb-essential-nav-link-active:before{content:"";background:var(--bb-essential-accent);border-radius:999px;width:4px;height:28px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.bb-essential-nav-main-action{margin-top:24px}.bb-essential-nav-main-action>a{width:100%;font-family:var(--bb-essential-font-display);font-size:18px}.bb-essential-nav-main-action p{text-align:center;color:var(--bb-essential-muted);margin:8px 0 0;font-size:12px}.bb-essential-nav-account{flex-direction:column;gap:8px;margin-top:20px;display:flex}.bb-essential-nav-user{align-items:center;gap:10px;font-size:14px;display:flex}.bb-essential-nav-user strong{overflow-wrap:anywhere;flex:1}.bb-essential-nav-band{padding:16px 24px max(16px,var(--bb-safe-bottom,0px));border-top:1px solid var(--bb-essential-border);background:var(--bb-essential-muted-surface)}.bb-essential-nav-language{border:0;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;padding:0;display:flex}.bb-essential-nav-language legend{color:var(--bb-essential-muted);margin-bottom:4px;font-size:12px}.bb-essential-nav-language label{cursor:pointer;align-items:center;gap:6px;min-height:44px;padding:6px 12px;font-size:14px;display:flex;position:relative}.bb-essential-nav-language input{accent-color:var(--bb-essential-primary)}.bb-essential-nav-utilities{flex-wrap:wrap;gap:8px;display:flex}.bb-essential-nav-utilities button{align-items:center;gap:6px;display:inline-flex}@keyframes bb-essential-nav-fade{0%{opacity:0}to{opacity:1}}@keyframes bb-essential-nav-wipe{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bb-essential-nav-fade-out{0%{opacity:1}to{opacity:0}}@keyframes bb-essential-nav-wipe-out{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes bb-essential-nav-link-in{0%{opacity:0;filter:blur(8px);transform:translateY(60%)}to{opacity:1;filter:none;transform:none}}@media (width<=639px){.bb-essential-nav-inner{gap:12px;min-height:64px;padding:10px 16px}.bb-essential-nav-inner .bb-essential-nav-brand span{display:none}.bb-essential-nav-cta{max-width:50vw;padding-inline:16px;font-size:14px}.bb-essential-nav-link{font-size:24px}.bb-essential-nav-actions{gap:10px}.bb-essential-nav-coins{padding-inline:6px 12px;font-size:16px}.bb-essential-nav-cta-with-actions{display:none}}.bb-essential-nav-status{color:var(--bb-essential-muted);flex-shrink:0;margin-left:auto;padding-left:12px;display:inline-flex}.bb-essential-nav-help{justify-content:flex-start;width:100%;margin-top:24px}@media (width>=640px){.bb-essential-nav-help{display:none}}.bb-essential-nav-link:active{color:var(--bb-essential-accent)!important}