/* Canonical presentation values. Colors follow the existing light/dark theme. */
:root{
 --vui-space-1:4px;--vui-space-2:8px;--vui-space-3:12px;--vui-space-4:16px;
 --vui-radius-control:10px;--vui-radius-tile:13px;--vui-radius-panel:18px;
 --vui-touch:44px;--vui-tile-height:72px;--vui-icon-small:18px;--vui-icon:24px;
 --vui-focus-width:3px;--vui-border-width:1px;
}
body.user-v1-focus-page[data-focus-theme]{
 --vui-surface:var(--ui-panel);--vui-border:var(--ui-line);--vui-text:var(--ui-text);
 --vui-muted:var(--ui-muted);--vui-highlight:var(--ui-primary);--vui-accent:var(--ui-accent);
}
.vui-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.user-v1-focus-page [data-vui]{box-sizing:border-box;min-width:0}
body.user-v1-focus-page :is(button,a,[role=button])[data-vui]{touch-action:manipulation}
body.user-v1-focus-page [data-vui=icon]{display:inline-flex;align-items:center;justify-content:center;width:var(--vui-touch);height:var(--vui-touch);min-height:var(--vui-touch);border:var(--vui-border-width) solid var(--vui-border);border-radius:var(--vui-radius-control);background:var(--ui-soft);color:var(--vui-accent)}
body.user-v1-focus-page [data-vui=tile]{border:var(--vui-border-width) solid var(--vui-border);border-radius:var(--vui-radius-tile);background:var(--vui-surface);color:var(--vui-text)}
body.user-v1-focus-page [data-vui=panel]{border-radius:var(--vui-radius-panel)}
body.user-v1-focus-page [data-vui]:focus-visible{outline:var(--vui-focus-width) solid var(--ui-focus);outline-offset:3px}
body.user-v1-focus-page button[data-vui]:disabled{cursor:default;opacity:.5}
body.user-v1-focus-page [data-vui][hidden]{display:none!important}

/* A short colour-only transition keeps theme changes calm and avoids layout motion. */
body.user-v1-focus-page[data-focus-theme],
body.user-v1-focus-page[data-focus-theme] :is(.body,.main,#focus-pinned-header,.focus-section,.focus-card-column,.focus-action,[data-vui],button,input,select,textarea,dialog){
 transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,box-shadow 160ms ease;
}
@media (prefers-reduced-motion:reduce){
 body.user-v1-focus-page[data-focus-theme],
 body.user-v1-focus-page[data-focus-theme] :is(.body,.main,#focus-pinned-header,.focus-section,.focus-card-column,.focus-action,[data-vui],button,input,select,textarea,dialog){transition:none!important}
}