:root{--color-background-primary: #f8f9fb;--color-background-secondary: #f1efe8;--color-surface: #ffffff;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-danger: #dc2626;--color-warning: #d97706;--color-info: #2563eb;--color-success: #16a34a;--color-background-danger: #fef2f2;--color-background-warning: #fffbeb;--color-background-info: #eff6ff;--color-background-success: #f0fdf4;--color-text-danger: #b91c1c;--color-text-warning: #b45309;--color-text-info: #1e40af;--color-text-success: #15803d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .2);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--font-sans: "IBM Plex Sans", "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;color-scheme:light}:root[data-theme=dark]{--color-background-primary: #16181c;--color-background-secondary: #25282e;--color-surface: #1f2126;--color-text-primary: #e8eaed;--color-text-secondary: #9aa0a6;--color-text-tertiary: #6e7177;--color-border: rgba(255, 255, 255, .14);--color-border-strong: rgba(255, 255, 255, .22);--color-danger: #f09595;--color-warning: #fac775;--color-info: #85b7eb;--color-success: #5dcaa5;--color-background-danger: rgba(226, 75, 74, .15);--color-background-warning: rgba(239, 159, 39, .15);--color-background-info: rgba(55, 138, 221, .15);--color-background-success: rgba(29, 158, 117, .15);--color-text-danger: #f09595;--color-text-warning: #fac775;--color-text-info: #85b7eb;--color-text-success: #5dcaa5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .5);color-scheme:dark}html{background:var(--color-background-primary);color:var(--color-text-primary)}body{background:var(--color-background-primary);color:var(--color-text-primary);margin:0;font-family:var(--font-sans)}button,input,select,textarea{color:inherit}.rating-cell:focus-within{outline:2px solid var(--color-info);outline-offset:2px}.manual-gap-link:hover{text-decoration:underline}.manual-gap-link:focus-visible{outline:2px solid var(--color-info);outline-offset:2px;border-radius:3px}.use-example-link:hover{text-decoration:underline}.use-example-link:focus-visible{outline:2px solid var(--color-info);outline-offset:2px;border-radius:3px}
