:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--grid-columns-sm:4;--grid-columns-md:8;--grid-columns-lg:12;--grid-margin-xs:12px;--grid-margin-sm:16px;--grid-margin-md:20px;--grid-margin-lg:20px;--grid-gutter-sm:16px;--grid-gutter-md:20px;--grid-gutter-lg:20px;--sidebar-width-expanded:220px;--sidebar-width-collapsed:78px;--app-header-height:64px;--safe-area-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--safe-area-right:var(--safe-area-inset-right,env(safe-area-inset-right,0px));--safe-area-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--safe-area-left:var(--safe-area-inset-left,env(safe-area-inset-left,0px));--status-bar-clearance:var(--spacing-20);--keyboard-inset:0px;--border-radius-xs:4px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:20px;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #00000080;--border-radius-pill:999px;--scrollbar-width:6px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px) and (pointer:fine){*{scrollbar-width:thin;scrollbar-color:var(--mono-700) var(--mono-900)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--mono-900);border-radius:var(--border-radius-xl)}::-webkit-scrollbar-thumb{background:var(--mono-700);border-radius:var(--border-radius-xl)}}@media (width<768px),(pointer:coarse){*{-ms-overflow-style:none;scrollbar-width:none!important}::-webkit-scrollbar{display:none!important}::-webkit-scrollbar-track{display:none!important}::-webkit-scrollbar-thumb{display:none!important}::-webkit-scrollbar-corner{display:none!important}}