.hub-frame[data-hub-theme]{background-color:var(--ht-bg);background-image:url(/hub-assets/textures/grain.png);background-repeat:repeat;background-size:300px 300px;background-blend-mode:soft-light}.hub-frame[data-hub-theme=midnight]{background-blend-mode:screen}.hub-frame[data-hub-theme=bloom],.hub-frame[data-hub-theme=forest],.hub-frame[data-hub-theme=warm]{background-image:url(/hub-assets/textures/grain.png),url(/hub-assets/textures/paper.webp);background-repeat:repeat,repeat;background-size:300px 300px,460px 460px;background-blend-mode:soft-light,multiply}.hub-frame[data-hub-theme] .hub-oe-card,.hub-frame[data-hub-theme] .hub-oe-hero,.hub-frame[data-hub-theme] .hub-post-oe{position:relative;overflow:hidden}.hub-frame[data-hub-theme] .hub-oe-card:after,.hub-frame[data-hub-theme] .hub-oe-hero:after,.hub-frame[data-hub-theme] .hub-post-oe:after{content:"";position:absolute;inset:0;z-index:0;background:#fff;-webkit-mask:url(/hub-assets/patterns/arcs.svg) center/200px auto repeat;mask:url(/hub-assets/patterns/arcs.svg) center/200px auto repeat;opacity:.08;pointer-events:none}.hub-frame[data-hub-theme] .hub-oe-card>*,.hub-frame[data-hub-theme] .hub-oe-hero>*,.hub-frame[data-hub-theme] .hub-post-oe>*{position:relative;z-index:1}.hub-frame[data-hub-theme=warm] .hub-ask-wrap{position:relative}.hub-frame[data-hub-theme=warm] .hub-ask-wrap:before{content:"";position:absolute;top:-16px;left:50%;width:220px;height:220px;transform:translateX(-50%);border-radius:50%;background:url(/hub-assets/textures/mesh.webp) 50%/cover;filter:blur(30px);opacity:.45;z-index:0;pointer-events:none}.hub-frame[data-hub-theme=warm] .hub-ask-wrap>*{position:relative;z-index:1}html[data-nav-direction=push]::view-transition-old(root){animation:hub-nav-push-out var(--duration-slow) var(--ease-out-expo) both}html[data-nav-direction=push]::view-transition-new(root){animation:hub-nav-push-in var(--duration-slow) var(--ease-out-expo) both}html[data-nav-direction=pop]::view-transition-old(root){animation:hub-nav-pop-out var(--duration-slow) var(--ease-out-expo) both}html[data-nav-direction=pop]::view-transition-new(root){animation:hub-nav-pop-in var(--duration-slow) var(--ease-out-expo) both}@keyframes hub-nav-push-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes hub-nav-pop-out{0%{transform:translateX(var(--nav-exit-from,0))}to{transform:translateX(100%)}}@keyframes hub-nav-push-out{0%{transform:translateX(0);filter:brightness(1)}to{transform:translateX(-26%);filter:brightness(.86)}}@keyframes hub-nav-pop-in{0%{transform:translateX(-26%);filter:brightness(.86)}to{transform:translateX(0);filter:brightness(1)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation-duration:.01ms!important;animation-delay:0s!important}}.hub-page-title{transform-origin:left center;transform:scale(calc(1 - .1 * var(--lt-progress, 0)));will-change:transform,opacity}.hub-page-title,.hub-topbar-brand{opacity:calc(1 - var(--lt-progress, 0))}.hub-lt-collapsed .hub-topbar-brand{visibility:hidden}.hub-topbar-condensed-title{position:absolute;left:0;right:0;top:50%;transform:translateY(calc(-50% + 6px * (1 - var(--lt-progress, 0))));opacity:var(--lt-progress,0);text-align:center;font-size:15px;font-weight:700;color:var(--ht-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.hub-detail-hero{text-align:center;display:flex;flex-direction:column;align-items:center}.hub-detail-hero .hub-page-title{transform-origin:center center}.hub-detail-hero-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:12px;background:color-mix(in oklab,var(--ht-accent),var(--ht-surface) 84%);color:var(--ht-accent)}.hub-detail-back{display:inline-flex;align-items:center;gap:2px;margin-bottom:12px;padding:6px 12px 6px 8px;border:0;border-radius:999px;background:none;color:var(--ht-accent,var(--color-primary));font-size:15px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}.hub-detail-back:active{background:var(--ht-surface-2)}.hub-detail-back:focus-visible{outline:2px solid var(--ht-accent);outline-offset:2px}