.app-sidebar-desktop{display:none}@media (min-width:900px){.app-sidebar-desktop{top:0;left:var(--app-shell-gutter);z-index:var(--z-sidebar);width:var(--sidebar-width);background:var(--sermo-surface-default);flex-direction:column;display:flex;position:fixed;bottom:0}}.app-sidebar-desktop-inner{height:100%;padding:var(--sermo-space-6) var(--sermo-space-4);flex-direction:column;min-height:0;display:flex}.app-sidebar-brand{padding:var(--sermo-space-1) var(--sermo-space-2);margin-bottom:var(--sermo-space-4);align-items:center;display:flex}.app-sidebar-brand-img{border-radius:8px;width:auto;height:22px}.app-sidebar-nav{gap:var(--sermo-space-0_5);flex-direction:column;display:flex}.app-sidebar-auth-divider{background:var(--sermo-border-default);height:1px;margin:var(--sermo-space-2) 0}.app-shell-nav-link{align-items:center;gap:var(--sermo-space-3);padding:var(--sermo-space-2) var(--sermo-space-4);border-radius:var(--sermo-radius-md);font-size:var(--sermo-font-size-sm);color:var(--sermo-text-primary);transition:background-color var(--sermo-duration-fast);font-weight:500;text-decoration:none;display:flex}.app-shell-nav-link:hover{background-color:var(--sermo-color-neutral-100)}.app-shell-nav-link.active{background-color:var(--sermo-state-selected);color:var(--sermo-text-primary);font-weight:600}.app-sidebar-footer-btn{align-items:center;gap:var(--sermo-space-3);width:100%;padding:var(--sermo-space-3) var(--sermo-space-4);font-size:var(--sermo-font-size-sm);color:var(--sermo-text-secondary);text-align:left;border-radius:var(--sermo-radius-md);font-family:inherit;font-weight:500;display:flex}.app-sidebar-footer-btn:hover{background:var(--sermo-color-neutral-100);color:var(--sermo-color-danger-500)}.app-mobile-header{box-sizing:border-box;width:100%;z-index:var(--z-header);justify-content:space-between;align-items:center;gap:var(--sermo-space-3);padding:var(--safe-area-top) var(--content-padding) 0;height:var(--layout-header-offset);min-height:var(--layout-header-offset);background:var(--sermo-surface-default);border-bottom:var(--sermo-space-0_5) solid var(--sermo-border-default);backface-visibility:hidden;flex-shrink:0;display:flex;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}@media (min-width:900px){.app-mobile-header{display:none}}.app-mobile-menu-toggle{padding:var(--sermo-space-1);margin-right:calc(-1 * var(--sermo-space-1));color:var(--sermo-text-primary);justify-content:center;align-items:center;display:flex}.app-mobile-brand{align-items:center;display:flex}.app-mobile-brand-img{border-radius:8px;width:auto;height:20px}.mobile-menu-overlay{background:var(--sermo-overlay-scrim-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-drawer);opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-drawer{background:var(--sermo-surface-default);width:min(300px,92vw);z-index:var(--z-drawer-content);box-shadow:-4px 0 24px color-mix(in srgb, var(--sermo-color-neutral-900) 12%, transparent);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.mobile-menu-drawer.open{transform:translate(0)}.mobile-menu-drawer-header{height:var(--nav-height);padding:0 var(--sermo-space-4);border-bottom:var(--sermo-space-0_5) solid var(--sermo-border-default);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex}.mobile-menu-close{padding:var(--sermo-space-2);margin-left:calc(-1 * var(--sermo-space-2));color:var(--sermo-text-secondary)}.mobile-menu-content{gap:var(--sermo-space-2);padding:var(--sermo-space-6) var(--sermo-space-4);flex-direction:column;display:flex;overflow-y:auto}.mobile-menu-link{align-items:center;gap:var(--sermo-space-3);padding:var(--sermo-space-3) var(--sermo-space-4);font-size:var(--sermo-font-size-base);color:var(--sermo-text-primary);border-radius:var(--sermo-radius-md);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit;font-weight:500;text-decoration:none;display:flex}.mobile-menu-link:active{background:var(--sermo-color-neutral-100)}.mobile-menu-link.app-shell-nav-link--mobile.active{background-color:var(--sermo-state-selected);color:var(--sermo-text-primary);font-weight:600}.mobile-menu-link.danger{color:var(--sermo-color-danger-500)}.mobile-menu-divider{background:var(--sermo-border-default);width:100%;height:1px;margin:var(--sermo-space-2) 0}@media (min-width:900px){.mobile-menu-overlay,.mobile-menu-drawer{display:none!important}}