:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--surface: var(--white);--surface-soft: var(--primary-ultra-light);--ink: var(--base-ultra-dark);--ink-muted: var(--base-semi-dark);--panel-border: var(--primary-light-trans-50);--card-shadow: var(--box-shadow-m);--page-grad: linear-gradient(160deg, var(--primary-ultra-light) 0%, var(--white) 40%, var(--secondary-ultra-light) 100%);--radius: max(var(--radius, 0), 0.6rem);}