.nav-link{border-radius:var(--x-radius);corner-shape:squircle;height:48px;color:var(--x-fg-secondary);font-size:17px;font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:16px;padding:0 12px;line-height:20px;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s;display:flex}@media (hover:hover){.nav-link:hover{background-color:var(--x-hover-subtle);color:var(--x-fg-primary)}}.nav-link:active{background-color:var(--x-btn-ghost-pressed)}.nav-link.is-active{color:var(--x-fg-primary);font-weight:var(--font-weight-bold)}.nav-link__icon{font-size:24px}.profile-menu{display:flex}.profile-menu__trigger{min-width:0;color:var(--x-fg-primary);font-weight:var(--font-weight-medium);text-align:start;border-radius:9999px;flex:auto;align-items:center;gap:12px;padding:8px;transition:background-color .15s;display:flex}@media (hover:hover){.profile-menu__trigger:hover{background-color:var(--x-fg-alpha-05)}}.profile-menu.is-compact .profile-menu__trigger{padding:4px}.profile-menu__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-menu__who{color:var(--x-fg-secondary);padding:8px 12px;font-size:13px;line-height:16px}.profile-menu__who strong{color:var(--x-fg-primary);font-weight:var(--font-weight-medium)}.app-drawer{z-index:50;position:fixed;inset:0}.app-drawer__backdrop{background-color:var(--x-overlay-normal);position:absolute;inset:0}.app-drawer__panel{width:280px;max-width:calc(100% - 56px);padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-right:1px solid var(--x-border-normal);background-color:var(--x-bg-primary);box-shadow:var(--x-shadow-lg);outline:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:0;bottom:0;left:0}.app-drawer__head{align-items:center;gap:12px;height:48px;margin-bottom:8px;padding:0 8px;display:flex}.app-drawer__logo{margin:0 4px}.app-drawer__wordmark{font-size:20px;font-weight:var(--font-weight-bold);line-height:24px}.app-drawer__nav{flex-direction:column;flex:auto;gap:4px;min-height:0;display:flex;overflow-y:auto}.app-drawer__spacer{flex:auto}.app-drawer-enter-active .app-drawer__backdrop,.app-drawer-leave-active .app-drawer__backdrop{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.app-drawer-enter-active .app-drawer__panel,.app-drawer-leave-active .app-drawer__panel{transition:translate .25s cubic-bezier(.4,0,.2,1)}.app-drawer-enter-from .app-drawer__backdrop,.app-drawer-leave-to .app-drawer__backdrop{opacity:0}.app-drawer-enter-from .app-drawer__panel,.app-drawer-leave-to .app-drawer__panel{translate:-100%}.app-drawer-leave-active{pointer-events:none}@media (width>=918px){.app-drawer{display:none}}.rail-link{width:48px;height:48px;color:var(--x-fg-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:24px;transition:background-color .15s,color .15s;display:flex}@media (hover:hover){.rail-link:hover{background-color:var(--x-fg-alpha-05);color:var(--x-fg-primary)}}.rail-link:active{background-color:var(--x-white-15)}.rail-link.is-active{background-color:var(--x-white-10);color:var(--x-fg-primary)}.app-rail{border-right:1px solid var(--x-border-normal);flex-direction:column;flex:none;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex}.app-rail__logo{width:40px;height:40px;color:var(--x-fg-primary);justify-content:center;align-items:center;margin-bottom:12px;display:flex}.app-rail__spacer{flex:auto}.app-layout{--fab-room:0px;top:var(--app-top,0);height:var(--app-height,100%);display:flex;position:fixed;left:0;right:0}.app-layout__page{flex-direction:column;flex:auto;min-width:0;display:flex;overflow:hidden}.app-layout .app-layout__menu-button{left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;border:1px solid var(--x-border-normal);width:56px;height:56px;box-shadow:var(--x-shadow-lg);position:fixed}@media (width>=918px){.app-layout .app-layout__menu-button{display:none}}@media (width<918px){.app-layout{--fab-room:88px}.app-layout .app-layout__rail{display:none}}.page-layout{min-height:0;padding-bottom:calc(24px + var(--fab-room,0px));scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--x-white-20) transparent;flex:auto;overflow-y:auto}.page-layout__column{max-width:1200px;margin:0 auto}@media (width>=918px){.page-layout__column{padding-top:24px}}