:root{--site-bar-height:64px}.site-bar{z-index:50000;top:0;padding-top:env(safe-area-inset-top);background-color:var(--card);border-bottom:1px solid var(--border);position:fixed;inset-inline:0}.site-bar-row{height:var(--site-bar-height);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:0 12px 0 15px;display:grid}.site-bar-start{grid-column:1;align-items:center;gap:6px;min-width:0;display:flex}.site-bar-nav{grid-column:2;align-items:center;gap:10px;display:flex}.site-bar-end{grid-column:3;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.site-bar-menu-button{width:40px;height:40px;margin-inline-start:-5px;padding:0;display:none}.site-bar-menu-button svg{width:26px;height:26px}.site-menu-overlay{inset:0;top:calc(var(--site-bar-height) + 1px + env(safe-area-inset-top));z-index:49980;opacity:0;visibility:hidden;background:#00000080;transition:opacity .2s,visibility .2s;position:fixed}.site-menu-overlay[data-open=true]{opacity:1;visibility:visible}.site-menu{top:calc(var(--site-bar-height) + 1px + env(safe-area-inset-top));bottom:0;z-index:49990;width:min(300px,85vw);padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--sidebar);color:var(--sidebar-foreground);border-inline-end:1px solid var(--sidebar-border);visibility:hidden;flex-direction:column;gap:4px;transition:transform .25s,visibility .25s;display:flex;position:fixed;inset-inline-start:0;overflow-y:auto;transform:translate(-100%)}.site-menu[data-open=true]{visibility:visible;transform:none}.site-menu-item{flex-shrink:0;justify-content:start;gap:12px;width:100%;height:44px;padding:0 12px;font-size:16px}.site-menu-item svg{flex-shrink:0;width:22px;height:22px}.site-menu-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-menu-title{font-size:var(--text-xs);color:color-mix(in oklab, var(--color-sidebar-foreground) 70%, transparent);margin:12px 0 4px;padding-inline:12px}.site-menu-separator{background-color:var(--sidebar-border);height:1px;margin:6px 0}@media (max-width:1000px){.site-bar-nav{display:none}.site-bar-menu-button{display:inline-flex}}@media (min-width:1001px){.site-menu-overlay,.site-menu{display:none}}