@layer theme,base;@layer components{.app-mobile-overlay{z-index:50;background-color:var(--surface-overlay);position:fixed;inset:0}.app-mobile-drawer{z-index:50;background-color:var(--app-mobile-drawer-bg,var(--surface-primary));width:280px;max-width:80vw;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.app-mobile-drawer-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1rem;display:flex}.app-mobile-drawer-nav{flex-direction:column;padding:.5rem 0;display:flex}.app-mobile-drawer-link{color:var(--text-secondary);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;padding:.75rem 1rem;font-size:.9375rem;text-decoration:none;display:block}.app-mobile-drawer-link:hover{background-color:var(--surface-hover-subtle);color:var(--text-primary)}.app-mobile-drawer-link-active{color:var(--color-brand-600);font-weight:500}}@layer utilities;