.fx-dock{--fx-dock-inset: 12px;--fx-dock-radius: 26px;--fx-tab-radius: 19px;--fx-dock-height: 58px;--fx-glass-bg: rgba(9, 20, 18, .58);--fx-glass-bg-fallback: rgba(9, 20, 18, .94);--fx-edge: rgba(255, 255, 255, .11);--fx-edge-top: rgba(255, 255, 255, .2);--fx-sheen: rgba(255, 255, 255, .13);--fx-shadow: 0 10px 34px rgba(0, 0, 0, .46), 0 2px 8px rgba(0, 0, 0, .34);--fx-ink: rgba(255, 255, 255, .54);--fx-ink-active: #5EEAD4;--fx-pill-bg: rgba(20, 184, 166, .17);--fx-pill-edge: rgba(94, 234, 212, .34);--fx-pill-glow: 0 0 18px rgba(20, 184, 166, .2);--fx-spring: cubic-bezier(.34, 1.56, .64, 1);--fx-duration: .46s;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:0 var(--fx-dock-inset) calc(var(--fx-dock-inset) + env(safe-area-inset-bottom,0px));padding-left:calc(var(--fx-dock-inset) + env(safe-area-inset-left,0px));padding-right:calc(var(--fx-dock-inset) + env(safe-area-inset-right,0px));pointer-events:none}.fx-dock__glass{position:relative;display:flex;align-items:stretch;isolation:isolate;pointer-events:auto;border-radius:var(--fx-dock-radius);background:var(--fx-glass-bg);box-shadow:var(--fx-shadow);border:1px solid var(--fx-edge);border-top-color:var(--fx-edge-top);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);overflow:hidden}.fx-dock__glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(to bottom,var(--fx-sheen) 0%,rgba(255,255,255,.04) 34%,rgba(255,255,255,0) 62%);box-shadow:inset 0 1px #ffffff29}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.fx-dock__glass{background:var(--fx-glass-bg-fallback)}}.fx-dock__pill{position:absolute;top:5px;bottom:5px;left:0;z-index:0;border-radius:var(--fx-tab-radius);background:var(--fx-pill-bg);border:1px solid var(--fx-pill-edge);box-shadow:var(--fx-pill-glow);transition:transform var(--fx-duration) var(--fx-spring),opacity .2s ease;will-change:transform}.fx-dock__pill[data-hidden=true]{opacity:0}.fx-dock__tab{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--fx-dock-height);padding:7px 2px;background:transparent;border:none;cursor:pointer;text-decoration:none;color:var(--fx-ink);font-family:DM Sans,Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;transition:color .26s ease,transform .26s var(--fx-spring)}.fx-dock__tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-dock__tab svg{transition:transform .42s var(--fx-spring)}.fx-dock__tab.is-active{color:var(--fx-ink-active);font-weight:500}.fx-dock__tab.is-active svg{transform:translateY(-1px) scale(1.06)}.fx-dock__tab:active{transform:scale(.94)}.fx-dock__tab:focus-visible{outline:2px solid var(--fx-ink-active);outline-offset:-3px;border-radius:var(--fx-tab-radius)}[data-theme=light] .fx-dock{--fx-glass-bg: rgba(255, 255, 255, .62);--fx-glass-bg-fallback: rgba(248, 250, 250, .96);--fx-edge: rgba(15, 118, 110, .16);--fx-edge-top: rgba(255, 255, 255, .85);--fx-sheen: rgba(255, 255, 255, .6);--fx-shadow: 0 10px 30px rgba(6, 13, 12, .14), 0 2px 6px rgba(6, 13, 12, .08);--fx-ink: rgba(6, 13, 12, .55);--fx-ink-active: #0F766E;--fx-pill-bg: rgba(15, 118, 110, .13);--fx-pill-edge: rgba(15, 118, 110, .28);--fx-pill-glow: 0 0 16px rgba(15, 118, 110, .12)}[data-theme=light] .fx-dock__glass:before{box-shadow:inset 0 1px #ffffffe6}@media (prefers-reduced-motion: reduce){.fx-dock__pill{transition:opacity .12s linear}.fx-dock__tab,.fx-dock__tab svg{transition:color .12s linear}.fx-dock__tab.is-active svg,.fx-dock__tab:active{transform:none}}@media (max-width: 340px){.fx-dock{--fx-dock-inset: 8px}.fx-dock__tab{font-size:9px}}.fx-statstrip{display:grid;grid-template-columns:repeat(3,1fr);border-radius:14px;background:#0a1412b8;border:1px solid rgba(15,118,110,.2);box-shadow:0 6px 22px #00000042;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);overflow:hidden}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.fx-statstrip{background:#0a1412}}.fx-statstrip__seg{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:62px;padding:12px 6px;background:transparent;border:none;cursor:pointer;text-align:center;font-family:DM Sans,Arial,sans-serif;-webkit-tap-highlight-color:transparent;transition:background .22s ease}.fx-statstrip__seg+.fx-statstrip__seg:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:#0f766e3d}.fx-statstrip__seg[aria-pressed=true]{background:var(--seg-tint)}.fx-statstrip__seg[aria-pressed=true]:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--seg)}.fx-statstrip__seg[aria-pressed=true]:before,.fx-statstrip__seg[aria-pressed=true]+.fx-statstrip__seg:before{opacity:0}.fx-statstrip__count{font-size:24px;font-weight:600;line-height:1;color:var(--seg)}.fx-statstrip__label{font-size:11px;line-height:1.25;color:#ffffff8c;transition:color .22s ease}.fx-statstrip__seg[aria-pressed=true] .fx-statstrip__label{color:#ffffffdb}.fx-statstrip__seg:focus-visible{outline:2px solid var(--seg);outline-offset:-3px}.fx-statstrip__label--long{display:none}@media (min-width: 420px){.fx-statstrip__label--long{display:inline}.fx-statstrip__label--short{display:none}}@media (min-width: 768px){.fx-statstrip__seg{min-height:88px;gap:6px;padding:18px 12px}.fx-statstrip__count{font-size:30px}.fx-statstrip__label{font-size:12.5px}}@media (prefers-reduced-motion: reduce){.fx-statstrip__seg,.fx-statstrip__label{transition:none}}
