@media(max-width:800px){.accountDock,body .workspace .mobileDock{left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;padding:7px 6px;gap:2px;border:1px solid #ffffffb8;border-radius:24px;background:hsla(45,29%,97%,.78);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 8px 28px #242a3224,inset 0 1px 0 #ffffffd9}.accountDock :is(a,button),body .workspace .mobileDock :is(a,button){min-height:54px;gap:5px;padding:6px 2px;border-radius:17px;color:#535960;background:transparent;font-size:10px;font-weight:500;line-height:1.1}.accountDock :is(a,button) svg,body .workspace .mobileDock :is(a,button) svg{width:21px;height:21px}.accountDock a[aria-current],body .workspace .mobileDock a[aria-current],body .workspace .mobileDock button.active,body .workspace:has(.workspaceMore:popover-open) .mobileDock button{color:var(--accent-red);background:#fff;box-shadow:0 2px 8px #242a3210,inset 0 0 0 1px #ffffffcc}.accountMore:popover-open,.workspaceMore:popover-open{bottom:calc(94px + env(safe-area-inset-bottom));max-height:calc(100dvh - 118px - env(safe-area-inset-bottom))}.accountMore nav :is(a,button),.workspace .workspaceMore nav a{font-size:14px;min-height:44px;padding:10px;line-height:1.2}.accountMore header h2,.workspace .workspaceMore h2{font-size:15px}.mobileDockHidden .accountDock,.mobileDockHidden .workspace .mobileDock{transform:translateY(calc(100% + 28px + env(safe-area-inset-bottom)))}}@media(max-width:1100px){body:has(.discoverSearch).hasAccountDock{padding-bottom:calc(94px + env(safe-area-inset-bottom))}body:has(.discoverSearch) .accountTop{display:none}body:has(.discoverSearch) .accountDock{display:grid;grid-template-columns:1fr 1fr 80px 1fr 1fr;position:fixed;z-index:60;overflow:visible;left:10px;right:10px;margin-inline:auto;width:calc(100% - 20px);max-width:420px;bottom:calc(12px + env(safe-area-inset-bottom));padding:7px 6px;grid-gap:2px;gap:2px;border:1px solid #ffffffb8;border-radius:24px;background:hsla(45,29%,97%,.78);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 8px 28px #242a3224,inset 0 1px 0 #ffffffd9;transition:transform .2s ease}body:has(.discoverSearch) .accountDock :is(a,button){display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;gap:5px;padding:6px 2px;border:0;border-radius:17px;color:#535960;background:transparent;font:inherit;font-size:10px;font-weight:500;line-height:1.1;cursor:pointer;text-decoration:none}body:has(.discoverSearch) .accountDock :is(a,button) svg{width:21px;height:21px}body:has(.discoverSearch) .accountDock button.dockAddRecipe{position:relative;align-self:center;justify-self:center;width:76px;height:76px;min-height:76px;margin:-14px 0;padding:0;border:3px solid #e92d2d;border-radius:50%;background:var(--red-button-gradient);color:#fff;box-shadow:inset 0 2px 5px #ffb3a64a,inset 0 -2px 6px #a5000026,0 4px 12px #b6101930}body:has(.discoverSearch) .accountDock button.dockAddRecipe svg{width:34px;height:34px}body:has(.discoverSearch) .accountDock a[aria-current]{color:var(--accent-red);background:#fff;box-shadow:0 2px 8px #242a3210,inset 0 0 0 1px #ffffffcc}body:has(.discoverSearch).mobileDockHidden .accountDock{transform:translateY(calc(100% + 28px + env(safe-area-inset-bottom)))}html:not([data-input-method=pointer]) body:has(.discoverSearch).mobileDockHidden .accountDock:focus-within{transform:none}body:has(.discoverSearch.active) .accountDock{display:none}body:has(.discoverSearch) .backToTopHome{display:none}body:has(.discoverSearch) .recipes .recipe_card.add_recipe_card{display:none}#search_and_selected.discoverSearch .predictInput :is(input,.ghostText){font-size:16px!important}}@media(max-width:360px){body:has(.discoverSearch) .accountDock{grid-template-columns:1fr 1fr 72px 1fr 1fr}body:has(.discoverSearch) .accountDock button.dockAddRecipe{width:70px;height:70px;min-height:70px}}@media(min-width:577px) and (max-width:1100px){body:has(.discoverSearch).hasAccountDock .banner.home_banner{padding-top:50px;height:350px}}@media(min-width:500px) and (max-width:1100px){body:has(.discoverSearch) .recipes.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:800px) and (max-width:1100px) and (orientation:landscape){body:has(.discoverSearch) .recipes.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){body:has(.discoverSearch) .accountDock{transition:none}}