.phb{--phb-h: 62px;--phb-gap: 10px;--phb-space: calc(var(--phb-h) + var(--phb-gap) + env(safe-area-inset-bottom, 0px));position:fixed;left:max(14px,env(safe-area-inset-left,0px));right:max(14px,env(safe-area-inset-right,0px));bottom:calc(var(--phb-gap) + env(safe-area-inset-bottom,0px));z-index:60;height:var(--phb-h);max-width:480px;margin:0 auto;view-transition-name:phb-bar;-webkit-tap-highlight-color:transparent}.phb[hidden]{display:none}.phb__glass{position:relative;height:100%;box-sizing:border-box;padding:6px;border-radius:calc(var(--phb-h) / 2);background:rgba(var(--snow-25-rgb),.66);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);box-shadow:inset 0 0 0 1px rgba(var(--snow-0-rgb),.55),inset 0 1px rgba(var(--snow-0-rgb),.7),0 0 0 1px rgba(var(--ink-950-rgb),.06),0 14px 34px -14px rgba(var(--shade-ink-950-rgb),.5),0 2px 8px -2px rgba(var(--shade-ink-950-rgb),.18)}.phb__pill{position:absolute;top:6px;bottom:6px;left:0;width:0;border-radius:999px;background:rgba(var(--snow-0-rgb),.94);box-shadow:inset 0 0 0 1px rgba(var(--ink-950-rgb),.05),0 4px 12px -4px rgba(var(--shade-ink-950-rgb),.32);opacity:0;pointer-events:none;will-change:transform,width}.phb__list{position:relative;display:flex;height:100%;margin:0;padding:0;list-style:none}.phb__item{--phb-on: 0;flex:1 1 0;min-width:0;display:grid}.phb__tile{display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--phb-on));min-width:44px;min-height:44px;height:100%;overflow:hidden;border-radius:999px;color:rgba(var(--ink-950-rgb),calc(.62 + .38 * var(--phb-on)));text-decoration:none;touch-action:manipulation}.phb__mark{display:grid;place-items:center;flex:none;width:28px;height:28px;transition:transform .16s ease}.phb__label{flex:0 1 auto;min-width:0;max-width:calc(88px * var(--phb-on));overflow:hidden;opacity:var(--phb-on);font:650 13px/1 var(--font, system-ui, sans-serif);letter-spacing:-.01em;white-space:nowrap;color:var(--ink-950)}.phb__tile:active .phb__mark{transform:scale(.92)}.phb__tile:focus-visible{outline:2px solid var(--ink-950);outline-offset:-3px}.phb-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--on-bright);box-shadow:0 0 0 1px rgba(var(--ink-950-rgb),.22)}.phb-logo img{display:block;width:22px;height:22px}[data-theme=stone] .phb__glass{background:rgba(var(--snow-25-rgb),.62);box-shadow:inset 0 0 0 1px rgba(var(--ink-950-rgb),.12),inset 0 1px rgba(var(--ink-950-rgb),.14),0 14px 34px -14px rgba(var(--shade-ink-950-rgb),.7),0 2px 8px -2px rgba(var(--shade-ink-950-rgb),.3)}[data-theme=stone] .phb__pill{background:rgba(var(--ink-950-rgb),.18);box-shadow:inset 0 0 0 1px rgba(var(--ink-950-rgb),.16)}html.has-phonebar #app{bottom:calc(72px + env(safe-area-inset-bottom,0px))}html.is-preview.has-phonebar #app{bottom:var(--pv-bar, 72px )}html.is-preview,html.is-preview body{pointer-events:none}.phb-pv{position:fixed;inset:0;z-index:55;overflow:hidden;pointer-events:none}.phb-pv__frame{position:absolute;top:0;left:0;width:100vw;height:100%;border:0;margin:0;padding:0;visibility:hidden;transform:translate3d(-300vw,0,0);will-change:transform}.phb-pv__frame.is-shown{visibility:visible}.phb-pv__frame.is-waking{opacity:0}html.phb-sliding::view-transition-group(phb-bar){animation:none}html.phb-next::view-transition-old(root){animation:phb-out-left .34s cubic-bezier(.32,.72,0,1) both}html.phb-next::view-transition-new(root){animation:phb-in-right .34s cubic-bezier(.32,.72,0,1) both}html.phb-prev::view-transition-old(root){animation:phb-out-right .34s cubic-bezier(.32,.72,0,1) both}html.phb-prev::view-transition-new(root){animation:phb-in-left .34s cubic-bezier(.32,.72,0,1) both}@keyframes phb-out-left{to{transform:translate(-100%)}}@keyframes phb-in-right{0%{transform:translate(100%)}}@keyframes phb-out-right{to{transform:translate(100%)}}@keyframes phb-in-left{0%{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.phb__mark{transition:none}}