.workspace-shell{padding-bottom:calc(6rem + env(safe-area-inset-bottom, 0px))}.workspace-shell [hidden]{display:none!important}.workspace-primary-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:.5rem .25rem calc(.5rem + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--host-border);background:var(--host-surface)}.workspace-primary-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:48px;border-radius:.5rem;color:var(--host-muted);font-size:.75rem;font-weight:600}.workspace-primary-nav a[aria-current=page]{color:var(--host-on-primary);background:var(--host-primary)}.workspace-primary-nav a:focus-visible{outline:2px solid var(--host-accent);outline-offset:2px}@media (min-width:768px){.workspace-shell{padding-bottom:3rem}.workspace-primary-nav{position:sticky;top:66px;border-top:0;border-bottom:1px solid var(--host-border);padding:.5rem max(1.5rem,calc((100vw - 80rem) / 2 + 1.5rem));z-index:29}.workspace-primary-nav a{flex-direction:row;gap:.5rem;font-size:.875rem}}.workspace-profile-settings details>div{position:absolute;top:calc(100% + .5rem);right:0;z-index:50;margin-top:0;width:min(20rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem);border:1px solid var(--host-border);border-radius:.75rem;background:var(--host-surface);padding:1rem;color:var(--host-muted);box-shadow:0 12px 28px rgb(35 27 24/18%)}.workspace-profile-settings summary span{display:inline}.workspace-shell .host-toolbar>div:first-child>img{display:block}@media (min-width:640px){.workspace-shell .host-toolbar>div:first-child>img{display:none}}@media (max-width:639px){.workspace-shell .host-list-heading{position:relative}.workspace-shell .workspace-add-drink{position:static}.workspace-shell .workspace-add-drink-picker{width:min(20rem,calc(100vw - 2rem))}}