.csRoot .csNavRail{background:var(--csChrome);border-right:1px solid var(--csLine)}.csRoot .csNavAd{display:none}@media (min-height:1100px){.csRoot .csNavAd{display:flex;height:280px}}.csRoot .csNavFoot{gap:14px}@media (max-height:799.98px){.csRoot .csNavStreak{display:none}.csRoot .csNavFoot{gap:10px}}.csRoot .csNavBar{border-bottom:1px solid var(--csLine)}.csRoot .csNavBar,.csRoot .csNavSheet{background:var(--csChrome)}.csRoot .csNavRule{height:1px;background:var(--csLine)}.csRoot .csNavLogoArt{filter:var(--csArtLogo)}.csRoot .csKey.csNavKey{--csDepth:5px;width:100%;gap:11px;padding:7px 12px;font-size:14.5px;font-weight:500;letter-spacing:-.005em;text-decoration:none;border-radius:var(--csRadKey)}.csRoot .csNavKeyLabel{flex:1;min-width:0}.csRoot .csKey[data-open="1"][data-state=rest]{--csKeyFace:var(--csFaceHi);--csKeyEdge:var(--csEdgeHi)}.csRoot .csKey.csNavAccHead[data-in-section="1"],.csRoot .csKey.csNavKey[data-in-section="1"]{--csKeyFace:var(--csWell);--csKeyFaceHi:var(--csAmberWell);--csKeyEdge:var(--csAmber);--csKeyEdgeHi:var(--csAmberHi);--csKeySole:var(--csAmberDeep);--csKeyInk:var(--csInk)}.csRoot .csKey[data-in-section="1"]>.csNavAccChev,.csRoot .csKey[data-in-section="1"]>.csNavKeyChev{color:var(--csAmberText)}.csRoot .csNavKeyChev{flex:none;transform:rotate(-90deg);color:var(--csInkDim)}.csRoot .csKey[data-state=selected]>.csNavKeyChev{transform:translateY(1px) rotate(-90deg);color:var(--csAmberText)}.csRoot .csKey.csNavUtilKey{--csDepth:4px;--csKeyInk:var(--csInkBody);--csKeyInkHi:var(--csInk);--csKeyPressPull:calc(1px - var(--csDepth));width:100%;height:48px;gap:10px;padding:0 12px;font-size:14px;font-weight:500;letter-spacing:-.005em;text-decoration:none;border-radius:var(--csRadKey)}.csRoot .csKey.csNavUtilKey:not([data-live]):hover{--csKeyFace:var(--csKeyFaceHi);--csKeyEdge:var(--csKeyEdgeHi);--csKeyInk:var(--csKeyInkHi)}.csRoot .csKey.csNavUtilKey:not([data-live]):active{border-bottom-width:1px;margin-top:calc(var(--csDepth) - 1px)}.csRoot .csKey.csNavUtilKey.text-amber-400{--csKeyInk:var(--csAmberText);--csKeyInkHi:var(--csAmberText)}.csRoot .csKey.csNavRailKey{--csDepth:4px;--csKeyPressPull:calc(1px - var(--csDepth));width:44px;height:44px;padding:0;justify-content:center;border-radius:var(--csRadKeySm)}.csRoot .csNavFlyout{background:var(--csFace);border:1px solid var(--csEdge);border-radius:var(--csRadPanel)}.csRoot .csNavFlyoutArrow{background:var(--csFace);border-left:1px solid var(--csEdge);border-bottom:1px solid var(--csEdge)}.csRoot .csNavFlyout .csRow[data-live="1"]:hover{background:var(--csFaceHi)}.csRoot .csNavKicker{font-family:var(--csDisplay);font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:var(--csLeadTitle);color:var(--csInk)}.csRoot .csNavKicker[data-spent="1"]{color:var(--csInkDim)}.csRoot .csRow.csNavFlyRow{align-items:flex-start;gap:12px;padding:9px 10px;border-top:0;border-radius:var(--csRadKeySm);text-decoration:none}.csRoot .csNavTile{display:flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:44px;height:44px;border-radius:var(--csRadKeySm);background:var(--csWell);border:1px solid var(--csWellEdge);box-shadow:var(--csCutShadow)}.csRoot .csRow[data-state=selected] .csNavTile{background:var(--csAmberWell);border-color:var(--csAmberLine)}.csRoot .csRow[data-state=socket] .csNavTile{background:var(--csSocket);border-color:var(--csSocketEdge);box-shadow:var(--csSocketShadow)}.csRoot .csNavFlyTitle{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:3px;font-size:13.5px;font-weight:600;letter-spacing:-.005em;line-height:var(--csLeadTitle);color:var(--csInk)}.csRoot .csRow[data-state=selected] .csNavFlyTitle{color:var(--csAmberText)}.csRoot .csNavFlyDesc{display:block;font-size:12px;font-weight:400;line-height:var(--csLeadBody);color:var(--csInkMeta)}.csRoot .csRow[data-state=socket] .csNavFlyDesc,.csRoot .csRow[data-state=socket] .csNavFlyTitle{color:var(--csInkDim)}@keyframes navDotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.csRoot .csNavDot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--csAmber);animation:navDotPulse var(--csIdleMs) var(--csEaseIdle) infinite}@keyframes flyoutFade{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.csRoot .csKey.csNavIconKey{--csDepth:4px;--csKeyPressPull:calc(1px - var(--csDepth));width:40px;height:40px;padding:0;justify-content:center;border-radius:var(--csRadKeySm);--csKeyInk:var(--csInkBody);--csKeyInkHi:var(--csInk)}.csRoot .csKey.csNavAccHead{--csDepth:5px;width:100%;gap:12px;padding:9px 12px;font-size:15px;text-decoration:none;border-radius:var(--csRadKey)}.csRoot .csNavAccChev{flex:none;color:var(--csInkMeta);transition:transform var(--csKeyMs) var(--csEase)}.csRoot .csNavAccHead[data-open="1"] .csNavAccChev{transform:rotate(180deg);color:var(--csAmberText)}.csRoot .csKey[data-state=selected]>.csNavAccChev{transform:translateY(1px)}.csRoot .csNavAccHead[data-open="1"][data-state=selected]>.csNavAccChev{transform:translateY(1px) rotate(180deg)}.csRoot .csNavAccBody{margin-top:-2px;padding:6px;border:1px solid var(--csWellEdge)}.csRoot .csNavAccBody,.csRoot .csNavStreak{border-radius:var(--csRadKeySm);background:var(--csWell);box-shadow:var(--csCutShadow)}.csRoot .csNavStreak{box-sizing:border-box;padding:14px 14px 12px;border:1px solid var(--csWellEdge)}.csRoot .csNavStreakCount{font-family:var(--csMono);font-variant-numeric:tabular-nums;font-weight:700;font-size:32px;line-height:var(--csLeadFlat);letter-spacing:-.02em;color:var(--csAmberText)}.csRoot .csNavStreakLabel{font-family:var(--csMono);font-size:9.5px;letter-spacing:.22em;line-height:var(--csLeadFlat);text-transform:uppercase;color:var(--csInkMeta)}.csRoot .csNavStreakFlame{display:inline-flex;color:var(--csAmberText)}.csRoot .csNavQuiet{padding:0;border:0;background:none;font-family:inherit;font-size:12px;font-weight:500;color:var(--csInkMeta);cursor:pointer;transition:color var(--csTintMs) var(--csEase)}.csRoot .csNavQuiet:hover{color:var(--csInk)}.csRoot .csNavQuiet:focus-visible{outline:var(--csFocusW) solid var(--csAmberHi);outline-offset:var(--csFocusGap)}.csRoot .csNavFlyScroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--csEdge) transparent}.csRoot .csNavFlyScroll::-webkit-scrollbar{width:8px}.csRoot .csNavFlyScroll::-webkit-scrollbar-track{background:transparent}.csRoot .csNavFlyScroll::-webkit-scrollbar-thumb{background:var(--csEdge);border-radius:999px;border:2px solid transparent;background-clip:content-box}.csRoot .csNavFlyScroll::-webkit-scrollbar-thumb:hover{background:var(--csEdgeHi);background-clip:content-box}