.app-sidebar{--side-pad:12px;--sidebar-w:260px;--row-h:36px;--row-gap:2px;width:var(--sidebar-w);border-right:1px solid var(--line);background:var(--sidebar);z-index:30;height:100dvh;padding:16px var(--side-pad) 12px;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow:hidden}.app-sidebar:not(.collapsed):not(.expanded){visibility:hidden}.sidebar-scrim{display:none}.sidebar-brand{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:36px;margin-bottom:16px;padding-left:6px;display:flex}.sidebar-brand .brand{letter-spacing:-1.1px;gap:9px;min-width:0;font-size:24px;line-height:1}.sidebar-brand .brand img{flex:none;width:32px;height:32px;display:block}.app-sidebar .sidebar-toggle{border-radius:8px;width:36px;height:36px;margin-right:2px}.app-sidebar .icon-button:where(:not(.active)):hover{background:var(--line);color:var(--ink)}.app-sidebar:not(.collapsed) .sidebar-rail-icon,.app-sidebar.collapsed .sidebar-side-icon{display:none}.app-sidebar .new-button{background:var(--raised);border:1px solid var(--border-strong);border-radius:var(--control-r);width:100%;height:40px;color:var(--ink);text-align:left;box-shadow:0 1px 2px color-mix(in srgb,var(--shade) 4%,transparent);flex-shrink:0;align-items:center;gap:13px;padding:0 11px 0 12px;font-size:14px;font-weight:600;line-height:20px;display:flex}.app-sidebar .new-button:hover,.app-sidebar .new-button.open{background:var(--surface)}.app-sidebar .new-button>svg.new-menu-caret{width:16px;height:16px;color:var(--muted);margin-left:auto}.sidebar-find{flex-shrink:0;gap:8px;margin-top:8px;display:flex}.sidebar-search{border:1px solid var(--line);border-radius:var(--control-r);min-width:0;height:40px;color:var(--muted);text-align:left;background:0 0;flex:1;align-items:center;gap:13px;padding:0 12px;font-size:14px;line-height:20px;display:flex}.sidebar-search kbd{font:12px var(--font);color:var(--muted);margin-left:auto}.sidebar-apps{border:1px solid var(--line);border-radius:var(--control-r);width:40px;height:40px;color:var(--muted);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sidebar-search:hover,.sidebar-apps:hover{background:var(--line);color:var(--ink)}.sidebar-search svg,.sidebar-apps svg{flex:none}.sidebar-scroll-wrap{min-height:0;margin:0 calc(-1 * var(--side-pad));flex:auto;display:flex;position:relative}.sidebar-scroll{--fade-top:0px;--fade-bottom:0px;overscroll-behavior:contain;scrollbar-width:none;min-width:0;padding:0 var(--side-pad) 8px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,var(--ink) var(--fade-top),var(--ink) calc(100% - var(--fade-bottom)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,var(--ink) var(--fade-top),var(--ink) calc(100% - var(--fade-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,var(--ink) var(--fade-top),var(--ink) calc(100% - var(--fade-bottom)),transparent 100%);flex-direction:column;flex:1;scroll-padding:24px 0;display:flex;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{display:none}.sidebar-thumb{background:color-mix(in srgb,var(--ink) 26%,transparent);opacity:0;will-change:transform;border-radius:2px;width:4px;transition:opacity .2s,background .15s;position:absolute;top:0;right:3px}.sidebar-thumb:before{content:"";position:absolute;inset:0 -3px}.sidebar-thumb[data-shown]{opacity:1}.sidebar-thumb:hover,.sidebar-thumb[data-grabbed]{background:color-mix(in srgb,var(--ink) 42%,transparent)}.sidebar-nav{gap:var(--row-gap);flex-direction:column;flex-shrink:0;padding-top:16px;display:flex}.sidebar-nav a,.sidebar-starred-list a,.sidebar-more{min-width:0;height:var(--row-h);color:var(--muted);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:12px;padding:0 12px;font-size:14px;line-height:20px;display:flex;position:relative}.sidebar-nav a:hover,.sidebar-starred-list a:hover,.sidebar-star:hover>a,.sidebar-more:hover{background:var(--line);color:var(--ink)}.sidebar-nav a.active,.sidebar-starred-list a.active,.sidebar-star:hover>a.active{background:var(--surface-selected);color:var(--ink)}.sidebar-nav a.active{font-weight:600}.sidebar-nav a>*,.sidebar-starred-list a>*{flex-shrink:0}.sidebar-nav a>.sidebar-text,.sidebar-starred-list a>.sidebar-label{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.sidebar-nav svg,.sidebar-starred-list svg{flex-shrink:0}.sidebar-nav a>.sidebar-count{margin-right:-3px}.sidebar-scroll :is(a,button):focus-visible{outline-offset:-2px}.sidebar-separator{background:var(--line);flex-shrink:0;height:1px;margin:8px 12px}.sidebar-section-label{letter-spacing:.7px;text-transform:uppercase;color:var(--muted);flex-shrink:0;margin:24px 12px 8px;font-size:11.5px;font-weight:700;line-height:1.45}.sidebar-group{flex-shrink:0;margin-top:16px}.sidebar-group-head{width:100%;height:28px;color:var(--muted);letter-spacing:.1px;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 12px;font-size:12.5px;font-weight:600;line-height:1;display:flex}.sidebar-group-head svg{color:var(--faint);transition:transform .15s}.sidebar-group-head[aria-expanded=false] svg{transform:rotate(-90deg)}button.sidebar-group-head:hover{color:var(--ink)}.sidebar-starred-list{gap:var(--row-gap);flex-direction:column;display:flex}.sidebar-star{flex-direction:column;display:flex;position:relative}.sidebar-starred-list a{gap:14px;padding:0 4px 0 14px;font-size:13.5px}.sidebar-more{width:100%;margin-top:var(--row-gap);text-align:left;background:0 0;border:0;gap:14px;height:32px;padding:0 12px 0 14px;font-size:13px}.sidebar-more>svg{color:var(--faint);flex:none}.row-actions{align-items:center;gap:2px;display:none;position:absolute;top:0;bottom:0;right:4px}.sidebar-star:is(:hover,:focus-within) .row-actions{display:flex}.sidebar-star:is(:hover,:focus-within)>a{padding-right:66px}.row-action{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.row-action:hover{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}.row-action.unstar,.row-action.unstar:hover{color:var(--star)}.drag-ghost{z-index:50;background:var(--overlay);height:34px;color:var(--ink);font:13.5px/20px var(--font);white-space:nowrap;box-shadow:var(--shadow-menu);border-radius:8px;align-items:center;gap:12px;padding:0 16px 0 12px;display:flex;position:fixed;top:-200px;left:0;transform:rotate(-1.2deg)}.drag-ghost svg{width:16px;height:16px;color:var(--muted);flex:none}.sidebar-count{border-radius:var(--pill-r);background:var(--ink);min-width:20px;height:20px;color:var(--paper);text-align:center;margin-left:auto;padding:0 6px;font-size:12px;font-weight:600;line-height:20px}.sidebar-foot{border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:6px;padding-top:8px;display:flex}.app-sidebar .sidebar-foot .account-link{gap:8px;height:44px;padding:0 8px}.app-sidebar .sidebar-foot .account-avatar{width:28px;height:28px;font-size:11.5px}.app-sidebar .sidebar-foot .account-name{font-size:14px;line-height:20px}.rail-tip{z-index:80;background:var(--overlay);color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-menu);pointer-events:none;border-radius:6px;padding:5px 9px;font-size:12.5px;font-weight:500;line-height:18px;position:fixed;transform:translateY(-50%)}.rail-tip:before{content:"";background:var(--overlay);border-radius:1px;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:-4px;transform:rotate(45deg)}@media (min-width:681px){.app-sidebar.collapsed{width:68px;padding:16px 11px 12px 12px}.app-sidebar.collapsed .brand>span,.app-sidebar.collapsed .sidebar-label,.app-sidebar.collapsed .row-actions{display:none}.app-sidebar.collapsed .sidebar-brand{flex-direction:column;gap:8px;height:auto;margin-bottom:12px;padding:0}.app-sidebar.collapsed .sidebar-toggle{margin:0}.app-sidebar.collapsed .new-button{justify-content:center;width:44px;padding:0}.app-sidebar.collapsed .sidebar-find{flex-direction:column;align-items:center;gap:2px}.app-sidebar.collapsed :is(.sidebar-search,.sidebar-apps){border-color:#0000;border-radius:8px;flex:none;justify-content:center;width:44px;height:36px;padding:0}.app-sidebar.collapsed .sidebar-scroll-wrap{margin:0 -11px 0 -12px}.app-sidebar.collapsed .sidebar-scroll{padding:0 11px 8px 12px}.app-sidebar.collapsed .sidebar-nav{padding-top:12px}.app-sidebar.collapsed :is(.sidebar-nav a,.sidebar-starred-list a,.sidebar-more){justify-content:center;width:44px;padding:0}.app-sidebar.collapsed .sidebar-separator{width:24px;margin:8px 10px}.app-sidebar.collapsed .sidebar-group{margin-top:8px}.app-sidebar.collapsed .sidebar-group-head{background:var(--line);border-radius:0;width:24px;height:1px;margin:8px 10px 10px;padding:0;font-size:0;display:block;overflow:hidden}.app-sidebar.collapsed .sidebar-foot{border:0;flex-direction:column}.app-sidebar.collapsed .sidebar-foot .account-link{justify-content:center;width:44px;padding:0}}@media (max-width:680px){.app-sidebar{--sidebar-w:296px;--row-h:44px;--row-gap:0px;z-index:60;width:var(--sidebar-w);max-width:calc(100vw - 24px);height:100dvh;padding:max(16px,calc(env(safe-area-inset-top) + 8px)) var(--side-pad) max(12px,env(safe-area-inset-bottom)) max(var(--side-pad),env(safe-area-inset-left));box-shadow:12px 0 30px color-mix(in srgb,var(--shade) 19%,transparent);border-right:0;display:none;position:fixed;inset:0 auto 0 0}.app-sidebar.open{display:flex}.sidebar-scrim.visible{z-index:59;background:var(--scrim);overscroll-behavior:contain;touch-action:none;display:block;position:fixed;inset:0}.sidebar-toggle{display:none}.app-sidebar .sidebar-brand{height:44px;margin-bottom:12px}.app-sidebar .sidebar-close{border-radius:var(--control-r);width:44px;height:44px}.app-sidebar .new-button,.sidebar-search{height:44px;font-size:15px}.app-sidebar .new-button{padding-right:13px}.sidebar-apps{width:44px;height:44px}.sidebar-nav{padding-top:12px}.sidebar-nav a{font-size:15px}.sidebar-nav a>[class*=count]{margin-right:-1px}.sidebar-starred-list a{font-size:14.5px}}@media (max-height:790px){.app-sidebar .sidebar-brand{margin-bottom:12px}.app-sidebar .sidebar-nav{padding-top:10px}.app-sidebar.collapsed .sidebar-brand{gap:6px;margin-bottom:8px}}@media (max-height:460px){.app-sidebar{overscroll-behavior:contain;scrollbar-width:thin;overflow:hidden auto}.sidebar-scroll-wrap{flex:none}.sidebar-scroll{flex:none;overflow:visible;-webkit-mask-image:none;mask-image:none}.sidebar-thumb{display:none}}@media (pointer:coarse){.sidebar-nav a,.sidebar-starred-list a{height:auto;min-height:var(--control-h)}}