:root{--scale-factor:1;--sidebar-width:calc(18rem * var(--scale-factor));--main-padding:calc(2.5rem * var(--scale-factor));--border-radius:calc(0.75rem * var(--scale-factor));--font-size-base:calc(1rem * var(--scale-factor));--font-size-sm:calc(0.875rem * var(--scale-factor));--font-size-lg:calc(1.125rem * var(--scale-factor));--font-size-xl:calc(1.25rem * var(--scale-factor));--font-size-2xl:calc(1.5rem * var(--scale-factor));--spacing-1:calc(0.25rem * var(--scale-factor));--spacing-2:calc(0.5rem * var(--scale-factor));--spacing-3:calc(0.75rem * var(--scale-factor));--spacing-4:calc(1rem * var(--scale-factor));--spacing-6:calc(1.5rem * var(--scale-factor));--spacing-8:calc(2rem * var(--scale-factor));--spacing-10:calc(2.5rem * var(--scale-factor));--spacing-12:calc(3rem * var(--scale-factor));--icon-size-sm:calc(1rem * var(--scale-factor));--icon-size-md:calc(1.5rem * var(--scale-factor));--icon-size-lg:calc(2rem * var(--scale-factor));--icon-size-xl:calc(2.5rem * var(--scale-factor))}.scale-25{--scale-factor:0.25}.scale-50{--scale-factor:0.5}.scale-75{--scale-factor:0.75}.scale-100{--scale-factor:1}.scalable-sidebar{width:var(--sidebar-width);padding:var(--spacing-6)}.scalable-main{padding:var(--main-padding)}.scalable-text{font-size:var(--font-size-base)}.scalable-text-sm{font-size:var(--font-size-sm)}.scalable-text-lg{font-size:var(--font-size-lg)}.scalable-text-xl{font-size:var(--font-size-xl)}.scalable-text-2xl{font-size:var(--font-size-2xl)}.scalable-icon-sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.scalable-icon-md{width:var(--icon-size-md);height:var(--icon-size-md)}.scalable-icon-lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.scalable-icon-xl{width:var(--icon-size-xl);height:var(--icon-size-xl)}.scalable-spacing-1{padding:var(--spacing-1)}.scalable-spacing-2{padding:var(--spacing-2)}.scalable-spacing-3{padding:var(--spacing-3)}.scalable-spacing-4{padding:var(--spacing-4)}.scalable-spacing-6{padding:var(--spacing-6)}.scalable-spacing-8{padding:var(--spacing-8)}.scalable-spacing-10{padding:var(--spacing-10)}.scalable-spacing-12{padding:var(--spacing-12)}.scalable-rounded{border-radius:var(--border-radius)}.scalable-modal{transform-origin:center;max-width:calc(100vw / var(--scale-factor));max-height:calc(100vh / var(--scale-factor))}.scalable-button{min-height:calc(2.5rem * var(--scale-factor));min-width:calc(2.5rem * var(--scale-factor))}.scalable-text-readable{font-size:max(var(--font-size-base),.75rem);line-height:1.5}.scalable-icon-visible{min-width:max(var(--icon-size-sm),.75rem);min-height:max(var(--icon-size-sm),.75rem)}@media (max-width:768px){:root{--scale-factor:min(var(--scale-factor),0.75)}}@media (max-width:480px){:root{--scale-factor:min(var(--scale-factor),0.5)}}