:root{--ui-color-primary: #007bff;--ui-color-secondary: #6c757d;--ui-color-success: #28a745;--ui-color-danger: #dc3545;--ui-color-warning: #ffc107;--ui-color-info: #17a2b8;--ui-color-light: #f8f9fa;--ui-color-dark: #343a40;--ui-font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-font-size-base: 16px;--ui-line-height-base: 1.5;--ui-font-weight-regular: 400;--ui-font-weight-medium: 500;--ui-font-weight-bold: 700;--ui-space-xs: .25rem;--ui-space-sm: .5rem;--ui-space-md: 1rem;--ui-space-lg: 1.5rem;--ui-space-xl: 2rem;--ui-radius-sm: 4px;--ui-radius-md: 8px;--ui-radius-lg: 12px;--ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--ui-shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--ui-shadow-lg: 0 4px 8px rgba(0, 0, 0, .15);--ui-transition-fast: .15s ease-in-out;--ui-transition-base: .25s ease-in-out;--ui-z-tooltip: 1000;--ui-z-modal: 1050;--ui-z-toast: 1100}:root{--ui-page-bg: var(--ui-color-light);--ui-page-fg: var(--ui-color-dark);--ui-page-font-family: var(--ui-font-family-base);--ui-page-font-size: var(--ui-font-size-base);--ui-page-line-height: var(--ui-line-height-base);--ui-layout-gap: var(--ui-space-md);--ui-layout-padding: var(--ui-space-md);--ui-layout-edge-padding: var(--ui-space-lg);--ui-layout-max-width: 80ch;--ui-layout-max-width-wide: 1200px;--ui-layout-border-color: rgba(0, 0, 0, .1);--ui-border-width: 1px;--ui-border-style: solid;--ui-border-color: var(--ui-layout-border-color);--ui-surface-bg: #fff;--ui-surface-radius: var(--ui-radius-md);--ui-surface-shadow: var(--ui-shadow-sm);--ui-surface-border: 1px solid var(--ui-layout-border-color)}:root{--ui-template-bg: var(--ui-surface-bg);--ui-template-fg: var(--ui-page-fg);--ui-template-gap: var(--ui-layout-gap);--ui-template-padding: var(--ui-layout-padding);--ui-template-radius: var(--ui-surface-radius);--ui-template-shadow: var(--ui-surface-shadow);--ui-template-border-color: var(--ui-layout-border-color);--ui-template-aside-width: 260px;--ui-container-bg: var(--ui-surface-bg);--ui-container-fg: var(--ui-page-fg);--ui-container-gap: var(--ui-layout-gap);--ui-container-padding: var(--ui-layout-padding);--ui-container-radius: var(--ui-surface-radius);--ui-container-shadow: var(--ui-surface-shadow);--ui-container-border: var(--ui-surface-border);--ui-view-bg: var(--ui-surface-bg);--ui-view-fg: var(--ui-page-fg);--ui-view-gap: var(--ui-space-sm);--ui-view-padding: var(--ui-space-md);--ui-view-radius: var(--ui-radius-md);--ui-view-shadow: var(--ui-shadow-sm);--ui-view-border: var(--ui-surface-border);--gap: var(--ui-layout-gap);--radius: var(--ui-radius-md)}:root{--ui-control-bg: var(--ui-surface-bg);--ui-control-fg: var(--ui-page-fg);--ui-control-padding-y: var(--ui-space-sm);--ui-control-padding-x: var(--ui-space-md);--ui-control-gap: var(--ui-space-sm);--ui-control-radius: var(--ui-radius-md);--ui-control-shadow: var(--ui-shadow-sm);--ui-control-border: var(--ui-border-width) var(--ui-border-style) var(--ui-border-color);--ui-control-bg-hover: color-mix(in srgb, var(--ui-control-bg) 90%, var(--ui-color-dark) 10%);--ui-control-bg-active: color-mix(in srgb, var(--ui-control-bg) 80%, var(--ui-color-dark) 20%);--ui-control-border-hover: var(--ui-layout-border-color);--ui-control-border-active: var(--ui-layout-border-color);--ui-control-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ui-color-primary) 30%, transparent);--ui-action-primary-bg: var(--ui-color-primary);--ui-action-primary-fg: #fff;--ui-action-primary-bg-hover: color-mix(in srgb, var(--ui-color-primary) 90%, black 10%);--ui-action-primary-bg-active: color-mix(in srgb, var(--ui-color-primary) 80%, black 20%);--ui-action-danger-bg: var(--ui-color-danger);--ui-action-danger-fg: #fff;--ui-action-danger-bg-hover: color-mix(in srgb, var(--ui-color-danger) 90%, black 10%);--ui-action-danger-bg-active: color-mix(in srgb, var(--ui-color-danger) 80%, black 20%);--ui-card-bg: var(--ui-surface-bg);--ui-card-fg: var(--ui-page-fg);--ui-card-padding: var(--ui-space-md);--ui-card-gap: var(--ui-space-sm);--ui-card-radius: var(--ui-surface-radius);--ui-card-shadow: var(--ui-surface-shadow);--ui-card-border: var(--ui-surface-border);--ui-overlay-bg: var(--ui-surface-bg);--ui-overlay-fg: var(--ui-page-fg);--ui-overlay-radius: var(--ui-radius-lg);--ui-overlay-shadow: var(--ui-shadow-lg);--ui-overlay-border: var(--ui-border-width) var(--ui-border-style) var(--ui-border-color)}html{box-sizing:border-box;font-family:var(--ui-font-family-base);font-size:var(--ui-font-size-base);line-height:var(--ui-line-height-base);background:var(--ui-app-bg, #fff);color:var(--ui-app-fg, #000)}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0}html,body{transition:background-color .25s ease,color .25s ease}a{color:var(--ui-color-primary);text-decoration:none;transition:color var(--ui-transition-base)}a:hover{color:var(--ui-color-dark)}.hidden{display:none!important}ui-container{display:block;margin:0 auto;max-width:var(--container-max-width);box-sizing:border-box}ui-template{display:block;max-width:var(--container-max-width, 960px);margin:0 auto;box-sizing:border-box}ui-view{display:block;margin:0;box-sizing:border-box}