.fy-bottom-nav{position:fixed;z-index:65;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(500px,calc(100% - 24px));min-height:66px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px;border:1px solid #ffffff2b;border-radius:22px;background:#090b0ee8;box-shadow:0 14px 38px #0007;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.fy-bottom-nav-item{min-width:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:16px;background:transparent;color:#b9bec7;text-decoration:none;cursor:pointer;font:750 .58rem/1 var(--font-ui,Inter,Arial,sans-serif);letter-spacing:.015em}.fy-bottom-nav-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fy-bottom-nav-item:hover,.fy-bottom-nav-item:focus-visible{color:#fff;background:#ffffff10;outline:0}.fy-bottom-nav-item:focus-visible{box-shadow:inset 0 0 0 2px #ffffff70}.fy-bottom-nav-item.is-active,.fy-bottom-nav-item[aria-pressed="true"]{color:#fff;background:#ffffff14}.fy-bottom-nav-item.is-active svg,.fy-bottom-nav-item[aria-pressed="true"] svg{stroke-width:2.1}.fy-bottom-nav-item:disabled{cursor:default;opacity:.38}.fy-bottom-nav-item:disabled:hover{color:#b9bec7;background:transparent}
html[data-theme="light"] .fy-bottom-nav{border-color:#11131820;background:#fffffff0;box-shadow:0 14px 34px #0002}html[data-theme="light"] .fy-bottom-nav-item{color:#626872}html[data-theme="light"] .fy-bottom-nav-item:hover,html[data-theme="light"] .fy-bottom-nav-item:focus-visible{color:#111318;background:#1113180a}html[data-theme="light"] .fy-bottom-nav-item.is-active,html[data-theme="light"] .fy-bottom-nav-item[aria-pressed="true"]{color:#111318;background:#1113180d}html[data-theme="light"] .fy-bottom-nav-item:disabled:hover{color:#626872;background:transparent}
body:has(.for-you-page) .for-you-copy{bottom:max(102px,calc(env(safe-area-inset-bottom) + 90px))}body:has(.for-you-page) .for-you-actions{bottom:max(102px,calc(env(safe-area-inset-bottom) + 90px))}
@media(min-width:801px){.fy-bottom-nav{bottom:18px}}
@media(max-width:800px){.fy-bottom-nav{width:calc(100% - 20px);bottom:max(8px,env(safe-area-inset-bottom));min-height:64px;border-radius:21px}.fy-bottom-nav-item{height:52px}.fy-bottom-nav-item svg{width:20px;height:20px}body:has(.for-you-page) .for-you-copy{bottom:max(94px,calc(env(safe-area-inset-bottom) + 84px))}body:has(.for-you-page) .for-you-actions{bottom:max(94px,calc(env(safe-area-inset-bottom) + 84px))}}
@media(max-width:420px){.fy-bottom-nav{width:calc(100% - 16px);padding:5px}.fy-bottom-nav-item{font-size:.55rem}.fy-bottom-nav-item svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.fy-bottom-nav-item{transition:none}}