:root[data-mode=light]{--surface:var(--background-light);--surface-alt:var(--background-alt-light);--on-surface:var(--text-light);--on-surface-muted:var(--text-alt-light);--border:var(--background-alt-light)}:root[data-mode=dark]{--surface:var(--background-dark);--surface-alt:var(--background-alt-dark);--on-surface:var(--text-dark);--on-surface-muted:var(--text-alt-dark);--border:var(--background-alt-dark)}html{height:100%}body{background:var(--primary);flex-direction:column;height:100%;margin:0;display:flex}main{flex-direction:column;width:100%;height:100%;display:flex}