.app{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--canvas);min-height:100dvh;transition:grid-template-columns .16s;display:grid}.content{min-width:0}.sidebar{z-index:20;width:var(--sidebar-width);height:100dvh;padding:var(--space-2);border-right:1px solid var(--line-subtle);background:var(--sidebar);flex-direction:column;gap:2px;transition:width .16s;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar__top{width:100%;height:var(--header-height);margin:calc(-1 * var(--space-2)) 0 calc(var(--space-2) - 2px);align-items:center;display:flex;position:relative}.sidebar__collapse,.sidebar__mobile-close,.header__menu{border-radius:var(--radius);width:32px;height:32px;color:var(--ink-subtle);cursor:pointer;background:0 0;border:0;flex:0 0 32px;place-items:center;padding:0;display:inline-grid}.sidebar__collapse:hover,.sidebar__mobile-close:hover,.header__menu:hover{background:var(--surface-hover);color:var(--ink)}.sidebar__mobile-close,.header__menu,.sidebar__backdrop{display:none}.sidebar__mark{width:40px;height:36px;color:var(--ink-strong);font-size:var(--text-xl);place-items:center;display:grid}.nav{flex-direction:column;gap:2px;display:flex}.nav__item,button.nav__item{align-items:center;gap:var(--space-3);border-radius:var(--radius);width:100%;height:36px;color:var(--ink-muted);font-size:var(--text-md);font-weight:var(--weight-book);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;padding:0 10px;line-height:20px;display:flex;position:relative}.nav__item:hover,button.nav__item:hover{background:var(--surface-hover);color:var(--ink)}.nav__item--active,.nav__item--active:hover{background:var(--surface-selected);color:var(--ink-strong);font-weight:var(--weight-medium)}.nav__icon{opacity:.9;flex:none;width:16px;height:16px}.nav__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.sidebar__spacer{flex:1}.nav__chevron{width:14px;height:14px;color:var(--ink-subtle);margin-left:auto}.header{z-index:10;height:var(--header-height);border-bottom:1px solid var(--line-subtle);background:var(--chrome-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:100%;padding:0 var(--space-6);display:flex}.header__leading{align-items:center;gap:10px;min-width:0;display:flex}.header__title{color:var(--ink);font-size:var(--text-md);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main{width:100%;max-width:var(--content-max);gap:var(--space-5);min-width:0;padding:var(--space-5) var(--space-6) 64px;flex-direction:column;margin:0;display:flex}.main>*{width:100%}.user{align-items:center;gap:var(--space-2);width:100%;min-height:40px;margin-top:calc(var(--space-2) - 2px);border-radius:var(--radius);color:var(--ink-muted);cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 10px 6px 6px;display:flex}.user:hover{background:var(--surface-hover);color:var(--ink)}.user__avatar{background:var(--ink-strong);width:24px;height:24px;color:var(--ink-inverse);font-size:var(--text-xs);font-weight:var(--weight-heavy);border-radius:50%;flex:0 0 24px;place-items:center;display:grid}.user__copy{flex:1;gap:1px;min-width:0;display:grid}.user__copy small{color:var(--ink-subtle);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user__name{min-width:0;font-size:var(--text-md);font-weight:var(--weight-book);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu{position:relative}.user-menu__popover{z-index:70;width:244px;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-lg);position:fixed;bottom:56px;left:8px}.user-menu__identity{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.user-menu__identity strong{color:var(--ink-strong);font-size:var(--text-base);font-weight:var(--weight-medium)}.user-menu__identity span{color:var(--ink-subtle);font-size:var(--text-sm)}.user-menu__section{border-top:1px solid var(--line-subtle);gap:2px;padding:7px 0;display:grid}.user-menu__action{border-radius:var(--radius);width:100%;min-height:38px;color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.user-menu__action:hover{background:var(--surface-hover);color:var(--ink-strong)}.user__avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.user-menu__head{gap:var(--space-3);padding:10px 10px 12px;display:grid}.user-menu__head .theme-picker{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-height:32px;padding:2px;display:grid}.user-menu__head .theme-picker>[data-ui=tooltip]{min-width:0;display:flex}.user-menu__head .theme-picker button{flex:auto;width:100%;min-width:0;height:26px;padding:0}@media (max-width:920px){.main{padding:var(--space-4) var(--space-4) 48px}}@media (max-width:700px){.app{display:block}.sidebar{z-index:80;border-right:1px solid var(--line);width:min(280px,100vw - 40px);height:100dvh;box-shadow:var(--shadow-lg);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.app--mobile-open .sidebar{transform:translate(0)}.app--mobile-open .sidebar__backdrop{z-index:70;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.sidebar__top{justify-content:flex-start}.sidebar__mark,.sidebar__collapse{display:none}.sidebar__mobile-close,.header__menu{display:inline-grid}.sidebar__mobile-close{margin-left:auto;margin-right:2px}.user-menu__popover{width:min(264px,100vw - 56px);bottom:56px;left:8px;right:auto}}