/* iOS's chrome as the design system draws it: the glass tab bar and buttons the front page shows. Generated by
   build_components.py from the design system's bundle.css; the web package leaves it out, as it is native on phones. */
:root,[data-theme]{--ib-shadow-glass:var(--shadow-glass);--icon-button-glass-blur:var(--blur-glass);--icon-button-glass-inset-ring-width:var(--line-hairline);--tabbar-bar-blur:var(--blur-glass);--tabbar-bar-inset-ring-width:var(--line-hairline);--tabbar-bar-padding-x:var(--inset-xs);--tabbar-font-family:var(--font-sans);--tabbar-gap:var(--gap-md);--tabbar-height:64px;--tabbar-item-duration:var(--motion-fast);--tabbar-item-easing:var(--ease-standard);--tabbar-item-font-size:var(--text-small-strong-size);--tabbar-item-font-weight:var(--text-small-strong-weight);--tabbar-item-gap:var(--gap-2xs);--tabbar-item-height:var(--size-control-lg);--tabbar-item-icon-active-duration:var(--motion-instant);--tabbar-item-icon-active-scale:var(--scale-press-sm);--tabbar-item-icon-duration:var(--motion-fast);--tabbar-item-icon-easing:var(--ease-standard);--tabbar-item-icon-size:var(--icon-size-md);--tabbar-item-line-height:var(--text-small-strong-line-height);--tabbar-item-min-width:64px;--tabbar-item-padding-x:var(--inset-sm);--tabbar-item-radius:var(--radius-full);--tabbar-radius:var(--radius-2xl);--tabbar-shadow-glass:var(--shadow-glass)}
.sk-tab:focus-visible {outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}
.sk-ib--glass {background:var(--icon-button-glass-bg);-webkit-backdrop-filter:var(--icon-button-glass-blur);backdrop-filter:var(--icon-button-glass-blur);box-shadow:inset 0 0 0 var(--icon-button-glass-inset-ring-width) var(--icon-button-glass-border),var(--ib-shadow-glass)}
.sk-tabbar {display:flex;align-items:center;gap:var(--tabbar-gap);font-family:var(--tabbar-font-family)}
.sk-tabbar__bar {flex:1;height:var(--tabbar-height);border-radius:var(--tabbar-radius);display:flex;align-items:center;justify-content:space-around;padding:0 var(--tabbar-bar-padding-x);background:var(--tabbar-bg);-webkit-backdrop-filter:var(--tabbar-bar-blur);backdrop-filter:var(--tabbar-bar-blur);box-shadow:inset 0 0 0 var(--tabbar-bar-inset-ring-width) var(--tabbar-border),var(--tabbar-shadow-glass)}
.sk-tab {height:var(--tabbar-item-height);min-width:var(--tabbar-item-min-width);padding:0 var(--tabbar-item-padding-x);border-radius:var(--tabbar-item-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tabbar-item-gap);font-size:var(--tabbar-item-font-size);line-height:var(--tabbar-item-line-height);font-weight:var(--tabbar-item-font-weight);color:var(--tabbar-item-fg);text-decoration:none;transition:color var(--tabbar-item-duration) var(--tabbar-item-easing),background-color var(--tabbar-item-duration) var(--tabbar-item-easing)}
.sk-tab[aria-current="page"] {background:var(--tabbar-item-active-bg);color:var(--tabbar-item-active-fg)}
.sk-tabbar__create {width:var(--tabbar-height);height:var(--tabbar-height);color:var(--tabbar-create-fg)}
.sk-tab:active .sk-icon {transform:scale(var(--tabbar-item-icon-active-scale));transition-duration:var(--tabbar-item-icon-active-duration)}
.sk-tab .sk-icon {transition:transform var(--tabbar-item-icon-duration) var(--tabbar-item-icon-easing)}
.sk-tabbar__bar {position:relative;isolation:isolate}
.sk-tabbar__bar[data-glide] .sk-tab[aria-current="page"] {background:transparent}
@media (prefers-reduced-motion:reduce) { .sk-tab:active .sk-icon {transform:none} }