body,html{overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}body,html{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family)}.vertical-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--gray-50)}.horizontal-container{display:flex;flex-direction:row;flex:1}.main-content{flex:1;min-height:calc(100vh - 80px);transition:margin-left var(--transition-slow)}@media (max-width:768px){.horizontal-container{flex-direction:column}.main-content{margin-left:0;margin-top:0}.sidebar{width:100%;height:auto}}:root{--font-size-base:16px;--font-size-sm:14px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px}.compact-mode{--spacing-1:0.125rem;--spacing-2:0.25rem;--spacing-3:0.375rem;--spacing-4:0.5rem;--spacing-5:0.75rem;--spacing-6:1rem;--spacing-8:1.25rem;--spacing-10:1.5rem;--spacing-12:2rem;--spacing-16:2.5rem;--spacing-20:3rem;--spacing-24:4rem}body{background-color:var(--theme-bg);color:var(--theme-text);transition:background-color .3s ease,color .3s ease;min-height:100vh;overflow-x:hidden}.compact-mode{--spacing-1:0.0625rem;--spacing-2:0.125rem;--spacing-3:0.1875rem;--spacing-4:0.25rem;--spacing-5:0.375rem;--spacing-6:0.5rem;--spacing-8:0.625rem;--spacing-10:0.75rem;--spacing-12:1rem;--spacing-16:1.25rem;--spacing-20:1.5rem;--spacing-24:2rem}.compact-mode .setting-item{padding:.5rem 0}.compact-mode .setting-title{font-size:.875rem;margin-bottom:.25rem}.compact-mode .setting-description{font-size:.75rem;margin-bottom:.25rem}.user-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;background:var(--white)}.user-page-loading p{color:var(--theme-text);font-size:1rem;margin:0}.full-page-loading-container .logo-image,.user-page-loading .logo-image{filter:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--gray-500);font-family:var(--font-family);font-weight:500}.empty-state p{font-size:var(--font-size-lg);margin:0}.empty-state h4{margin:0 0 var(--spacing-2) 0;color:var(--gray-700);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl)}.empty-state-subtext{font-size:var(--font-size-xs);color:var(--gray-500);margin:0}.empty-state.compact{padding:var(--spacing-8)}.empty-state.spacious{padding:var(--spacing-16)}.empty-state.large{padding:84px}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-4);height:48px;display:flex;align-items:center;justify-content:center;color:var(--gray-400)}