/* Local desktop experiment: shared glass dock at every viewport size. */
/* Mobile dock modeled on the supplied resting and held reference images. */
.glass-nav-icon,.glass-nav-indicator{display:none}
.glass-filter-defs{position:absolute;pointer-events:none;overflow:hidden}
@media(min-width:0px){
 body .categories.glass-nav{position:fixed;z-index:25;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(380px,calc(100vw - 24px));height:72px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:6px;border-radius:999px;border:1px solid #ffffffb3;isolation:isolate;color:#080808;overflow:visible;background:linear-gradient(180deg,#ffffff66 0%,#ffffff24 18%,#ffffff0d 48%,#ffffff18 82%,#ffffff40 100%);-webkit-backdrop-filter:blur(2px) saturate(120%);backdrop-filter:blur(2px) saturate(120%);box-shadow:0 1px 2px #00000018,0 8px 22px #0000000a,inset 0 1px 1px #ffffffe6,inset 1px 0 1px #00000040,inset -1px 0 1px #00000026;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
 body .categories.glass-nav:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#ffffff80 0%,#ffffff24 10%,transparent 25%,transparent 82%,#ffffff36 100%);box-shadow:inset 0 2px 2px #ffffffbf,inset 2px 0 2px #ffffff73,inset -2px 0 2px #ffffff73}
 body .categories.glass-nav>a{display:flex;justify-content:center;align-items:center;min-width:0;min-height:58px;padding:0;gap:0;border-radius:999px;z-index:1;color:inherit;touch-action:none;-webkit-touch-callout:none}
 body .categories.glass-nav>a>span,body .categories.glass-nav>a:after{display:none}
 body .categories.glass-nav .glass-nav-icon{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease,color .25s ease}
 body .categories.glass-nav>a.is-glass-current{color:#ff671f}
 body .categories.glass-nav>a:active .glass-nav-icon{transform:scale(.96)}
 body .categories.glass-nav .glass-nav-indicator{display:block;position:absolute;left:6px;top:6px;width:calc((100% - 12px)/4);height:58px;border-radius:999px;z-index:0;background:linear-gradient(180deg,#e5e5e54d 0%,#c4c4c426 48%,#96969633 100%);border:1px solid #ffffff18;box-shadow:inset -5px 0 9px #ffffff66,inset 2px 0 5px #ffffff26,inset 0 1px 2px #ffffff40,inset 0 -1px 2px #ffffff20;transform:translateX(calc(var(--glass-index,0)*100%));scale:1;transform-origin:center;opacity:0;pointer-events:none;overflow:hidden;-webkit-backdrop-filter:blur(12px) saturate(110%);backdrop-filter:blur(12px) saturate(110%);transition:transform .4s cubic-bezier(.22,.8,.25,1),scale .25s cubic-bezier(.2,.85,.25,1),opacity .2s,background .22s,box-shadow .22s}
 body .categories.glass-nav.has-glass-selection .glass-nav-indicator{opacity:1}
 body .categories.glass-nav .glass-nav-indicator:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .2s;pointer-events:none}
 body .categories.glass-nav.is-glass-dragging{background:linear-gradient(180deg,#ffffff16,#ffffff04);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #fff,0 1px 2px #00000024}
 body .categories.glass-nav.is-glass-dragging:before{background:none}
 body .categories.glass-nav.is-glass-dragging .glass-nav-indicator{transform:translateX(var(--glass-drag-x,0px)) scale(1.04,1.18);scale:1;background:linear-gradient(180deg,#ffffff0d,#ffffff03 65%,#ffffff29);border-color:#ffffffb3;box-shadow:inset 0 1px 2px #ffffffed,inset 2px 0 3px #ffffff80,inset -2px 0 3px #ffffff80,inset 0 -2px 3px #ffffffd9,0 1px 2px #00000040;transition:transform 65ms linear,scale .24s cubic-bezier(.2,.85,.25,1),background .2s}
 body .categories.glass-nav.is-glass-dragging .glass-nav-indicator:after{opacity:1;background:linear-gradient(180deg,#ffffff50,transparent 45%,#ffffff30);box-shadow:inset 0 0 0 2px #ffffff24;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:3px}
 body .categories.glass-nav.is-glass-dragging>a.is-glass-current .glass-nav-icon{transform:scale(1.12)}
 @supports(backdrop-filter:url(#retta-glass-lens)){body .categories.glass-nav{backdrop-filter:url(#retta-glass-lens) saturate(120%)}body .categories.glass-nav .glass-nav-indicator{backdrop-filter:blur(12px) url(#retta-selection-lens) saturate(110%)}}
 body.detail>footer,body.info>footer{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0;inset:auto 0 0;height:0}
 body.detail>footer:before,body.info>footer:before{display:none}
 body.detail,body.info{padding-bottom:120px}
 body.home .vestibule{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
 body.home .navigation .selection{display:none}body.home .navigation{height:0}
 body.is-idle .glass-nav,body.viewing-detail .glass-nav{visibility:hidden;pointer-events:none}
 .glass-nav>a:focus-visible{outline-offset:-3px}
 body.page-soft-leave{animation:none}
 body.page-soft-leave>header,body.page-soft-leave>main,body.page-soft-leave>footer{animation:retta-page-leave 550ms ease-in-out forwards}
 body>nav.categories.glass-nav{z-index:10001;view-transition-name:mobile-dock}
 @view-transition{navigation:auto}
 ::view-transition-group(mobile-dock){animation-duration:.85s}
 ::view-transition-old(mobile-dock){animation:none;opacity:0}::view-transition-new(mobile-dock){animation:none;opacity:1}
 ::view-transition-old(root){animation:none;opacity:0}::view-transition-new(root){animation:none}
}
@media(min-width:0px) and (prefers-color-scheme:dark){
 body .categories.glass-nav{color:#fff;background:linear-gradient(180deg,#30303050 0%,#20202020 30%,#20202018 75%,#30303040 100%);border-color:#ffffff60}
 body .categories.glass-nav:before{background:linear-gradient(180deg,#ffffff18,transparent 30%,transparent 80%,#ffffff12)}
 body .categories.glass-nav .glass-nav-indicator{background:linear-gradient(180deg,#dddddd26,#77777720 48%,#44444433)}
 body .categories.glass-nav.is-glass-dragging{background:#2020200d}
 body .categories.glass-nav.is-glass-dragging .glass-nav-indicator{background:#ffffff0a}
}
@media(prefers-reduced-motion:reduce){.glass-nav *{transition:none!important}}
@media(min-width:0px) and (prefers-reduced-motion:reduce){body.page-soft-leave>header,body.page-soft-leave>main,body.page-soft-leave>footer{animation:none}}

/* Safari uses a real enlarged page layer, rather than unsupported SVG backdrop filters. */
.safari-glass-surface{display:none}
@media(min-width:0px){
 .safari-glass-surface{display:block;position:fixed;z-index:10000;overflow:hidden;border-radius:999px;pointer-events:none;contain:layout paint;isolation:isolate;opacity:.82;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
 .safari-glass-surface[hidden]{display:none}
 body .categories.glass-nav.safari-glass{-webkit-backdrop-filter:blur(.6px) saturate(120%);backdrop-filter:blur(.6px) saturate(120%)}
 body .categories.glass-nav.safari-glass .glass-nav-indicator{-webkit-backdrop-filter:blur(12px) saturate(110%);backdrop-filter:blur(12px) saturate(110%)}
 .safari-glass-surface *{animation:none!important;transition:none!important;pointer-events:none!important}
}