:root{--base: 8px;--space-xxs: 4px;--space-xs: 8px;--space-s: 12px;--space-m: 16px;--space-l: 24px;--space-xl: 32px;--space-xxl: 48px;--space-1: var(--space-xxs);--space-2: var(--space-xs);--space-3: var(--space-s);--space-4: var(--space-m);--space-5: 20px;--space-6: var(--space-l);--space-8: var(--space-xl);--space-10: 40px;--space-12: var(--space-xxl);--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--font-sm: clamp(.95rem, .9rem + .2vw, 1rem);--font-base: clamp(1rem, 1rem + .4vw, 1.125rem);--font-lg: clamp(1.125rem, 1.125rem + .8vw, 1.5rem);--font-xl: clamp(1.75rem, 2.2vw + 1.2rem, 3rem);--text-xs: .75rem;--text-sm: var(--font-sm);--text-base: var(--font-base);--text-lg: var(--font-lg);--text-xl: var(--font-xl);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.65rem + 1.125vw, 2.25rem);--text-4xl: clamp(2.25rem, 2rem + 1.25vw, 3rem);--text-5xl: clamp(3rem, 2.5rem + 2.5vw, 4.5rem);--topbar-height-mobile: 56px;--topbar-height-tablet: 72px;--topbar-height-desktop: 88px;--header-height: clamp(var(--topbar-height-mobile), 8vh, var(--topbar-height-desktop));--sidebar-width-closed: 80px;--sidebar-width-open: 280px;--sidebar-width: var(--sidebar-width-open);--sidebar-width-collapsed: var(--sidebar-width-closed);--card-max-width: 900px;--accent-fire: #ff6b38;--accent-bg: #0f0f10;--safe-top: env(safe-area-inset-top, 20px);--safe-bottom: env(safe-area-inset-bottom, 20px)}