.mobile-bar,.sidebar-backdrop,.sidebar-close{display:none}@media (max-width:700px){.mobile-bar{z-index:20;height:56px;padding:env(safe-area-inset-top,0px) 12px 0 8px;border-bottom:1px solid var(--ss-semantic-border);background:#fff;grid-template-columns:44px auto 1fr;align-items:center;gap:8px;display:grid;position:sticky;top:0}.mobile-bar-menu{cursor:pointer;background:0 0;border:0;border-radius:10px;place-content:center;gap:4px;width:44px;height:44px;display:grid}.mobile-bar-menu span{background:var(--ss-semantic-text);border-radius:2px;width:20px;height:2px;display:block}.mobile-bar-menu:hover{background:var(--ss-color-surface-container-low)}.mobile-bar-menu:focus-visible{outline:2px solid var(--ss-semantic-action);outline-offset:1px}.mobile-bar-section{color:var(--ss-semantic-text-muted);justify-self:end;font-size:13px;font-weight:600}.sidebar{z-index:50;width:min(300px,86vw);padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));visibility:hidden;box-shadow:none;transition:transform var(--duration-normal,.3s) var(--ease-out-expo,cubic-bezier(.16,1,.3,1)),visibility 0s linear var(--duration-normal,.3s);position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.shell.is-nav-open .sidebar{visibility:visible;transition:transform var(--duration-normal,.3s) var(--ease-out-expo,cubic-bezier(.16,1,.3,1));transform:none;box-shadow:24px 0 48px #0b1c302e}.sidebar-close{place-items:center;display:grid;position:absolute;top:14px;right:10px}.sidebar .workspace,.sidebar .side-bottom{display:grid}.sidebar nav{margin-top:0;display:grid}.sidebar nav a{padding:12px;font-size:15px}.sidebar-backdrop{z-index:45;opacity:0;pointer-events:none;transition:opacity var(--duration-normal,.3s) ease;background:#0b1c3052;display:block;position:fixed;inset:0}.shell.is-nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}}@media (max-width:700px) and (prefers-reduced-motion:reduce){.sidebar,.shell.is-nav-open .sidebar,.sidebar-backdrop{transition:none}}