:root{color-scheme:light dark;--z-sidebar: 1;--z-map: 2;--z-dialog: 5;--z-mobile-nav: 6;--z-menu: 7;--z-map-preview: 8;--z-add-button: 10;--z-mobile-sidebar: 3;--z-learn-result: 11;--breakpoint-mobile: 480px;--breakpoint-mobile-large: 600px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--header-height: 41px;--bottom-nav-height: 50px;--narrow-width: 600px;--gap: 10px;--input-bg: light-dark(#fff, #1e2936);--input-border: light-dark(#ccc, #444);--input-focus: light-dark(#bbb, #555);--disabled-input-bg: light-dark(#f8f9fa, #000);--disabled-input-fg: light-dark(#6c757d, #ccc);--dialog-header-size: 40px;--dialog-footer-size: 60px}