html{font-size:calc(16px * var(--zoom, 1))}:root{--zoom: 1;--font-heading: "Lora", Georgia, "Times New Roman", serif;--font-body: "Nunito", "DM Sans", system-ui, -apple-system, Segoe UI, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;font-family:var(--font-body);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #0d9488;--color-primary-hover: #0f766e;--color-primary-soft: #f0fdfa;--color-accent: #0d9488;--color-accent-hover: #0f766e;--color-accent-text: #ffffff;--color-surface-base: #eef5f2;--color-surface-raised: #f6faf8;--color-border: #c8d9d2;--color-text: #12241e;--color-text-muted: #5a706a;--color-sidebar-bg: #04342c;--color-sidebar-accent: #5eead4;--semantic-urgent-subtle: #fef2f2;--semantic-urgent: #dc2626;--semantic-urgent-strong: #991b1b;--semantic-attention-subtle: #fffbeb;--semantic-attention: #d97706;--semantic-attention-strong: #92400e;--semantic-ok-subtle: #f0fdf4;--semantic-ok: #16a34a;--semantic-ok-strong: #15803d;--semantic-info-subtle: #eff6ff;--semantic-info: #2563eb;--semantic-info-strong: #1e40af;--surface-page: var(--color-surface-base);--surface-card: var(--color-surface-raised);--surface-input: var(--color-surface-raised);--surface-interactive: var(--color-surface-base);--border-subtle: color-mix(in srgb, var(--color-border) 40%, transparent);--border-default: var(--color-border);--border-emphasis: color-mix(in srgb, var(--color-primary) 30%, transparent);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-pill: 9999px;--elevation-0: none;--elevation-1: 1px solid var(--border-default);--elevation-2: 1px solid var(--border-emphasis);--app-focus-ring: 0 0 0 3px var(--color-primary-soft);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-light: var(--color-primary-soft);--btn-primary-bg: var(--color-primary);--btn-primary-hover: var(--color-primary-hover);--btn-primary-text: var(--color-accent-text);--app-accent-text: var(--color-accent-text);--app-bg: var(--color-surface-base);--app-surface: var(--color-surface-raised);--app-border: var(--color-border);--app-text: var(--color-text);--app-text-muted: var(--color-text-muted);--sidebar-bg: var(--color-sidebar-bg);--app-ok: var(--semantic-ok-strong);--app-ok-bg: var(--semantic-ok-subtle);--app-ok-border: color-mix(in srgb, var(--semantic-ok) 35%, transparent);--app-warn: var(--semantic-attention-strong);--app-warn-bg: var(--semantic-attention-subtle);--app-warn-border: color-mix(in srgb, var(--semantic-attention) 35%, transparent);--app-danger: var(--semantic-urgent-strong);--app-danger-bg: var(--semantic-urgent-subtle);--app-danger-border: color-mix(in srgb, var(--semantic-urgent) 35%, transparent);--color-text-danger: var(--semantic-urgent);--color-text-warning: var(--semantic-attention);--color-text-info: var(--semantic-info);--color-background-danger: var(--semantic-urgent-subtle);--color-background-warning: var(--semantic-attention-subtle);--color-background-info: var(--semantic-info-subtle);--color-background-success: var(--semantic-ok-subtle);--success: var(--semantic-ok-strong);--success-bg: var(--semantic-ok-subtle);--success-border: color-mix(in srgb, var(--semantic-ok) 35%, transparent);--warn: var(--semantic-attention-strong);--warn-bg: var(--semantic-attention-subtle);--warn-border: color-mix(in srgb, var(--semantic-attention) 35%, transparent);--danger: var(--semantic-urgent-strong);--card-bg: var(--surface-card);--card-radius: var(--radius-md);--card-radius-sm: var(--radius-sm);--card-shadow: var(--elevation-0);--card-padding: 1.125rem 1.25rem;--card-h-large: 7.5rem;--card-h-small: 4.125rem;--page-padding: 2.25rem;--page-max-width: 80rem;--grid-gap: 1.25rem;--sidebar-text: #ffffff;--sidebar-text-muted: rgba(255, 255, 255, .65);--sidebar-active-bg: rgba(255, 255, 255, .15);--sidebar-hover-bg: rgba(255, 255, 255, .08);--site-sidebar-bg: var(--color-sidebar-bg);--site-sidebar-accent: var(--color-primary);--app-sidebar-bg: var(--color-sidebar-bg);--app-sidebar-text: #f5ead8;--app-sidebar-muted: rgba(245, 234, 216, .45);--app-sidebar-active: var(--sidebar-active-bg);--sidebar-accent: var(--color-sidebar-accent);--input-border: color-mix(in srgb, var(--color-border) 55%, var(--color-text-muted));--input-bg: color-mix(in srgb, var(--color-surface-raised) 82%, var(--color-border));--border: var(--color-border);--card-border: var(--color-border);--bg-secondary: var(--app-bg-secondary);--text-primary: var(--color-text);--text-muted: var(--color-text-muted);--text-secondary: #5c5347;--text-placeholder: #9ca3af;--app-bg-secondary: #e8f0ed;--heat-1: #e8dcc8;--heat-2: #d4bc8a;--heat-3: #c49558;--heat-4: #a86a2e;--color-alliance: #2a9d8f;--color-alliance-light: color-mix(in srgb, #2a9d8f 10%, var(--color-surface-raised));--color-accent-secondary: #4338ca;--color-accent-secondary-light: #6366f1;--color-highlight: #facc15;--phenote-cluster-teal: #4a9b8f;--phenote-cluster-blauw: #4a7ab5;--phenote-cluster-paars: #7b5ea7;--phenote-cluster-amber: #c07a2f;--phenote-cluster-roze: #b05070;--phenote-cluster-indigo: #5b6fa8;--phenote-cluster-sage: #5a8a5a;--settings-card-header-bg: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface-raised));--settings-card-header-border: 2px solid color-mix(in srgb, var(--color-primary) 40%, var(--color-border));--settings-card-border: 1px solid var(--color-border);--settings-card-shadow: var(--elevation-0);--settings-card-badge-bg: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface-raised));--settings-card-badge-color: var(--color-text-muted);--settings-card-badge-border: var(--color-border);--klr-perspectief-accent: #7c6c94}[data-theme=teal]{--color-primary: #0d9488;--color-primary-hover: #0f766e;--color-primary-soft: #f0fdfa;--color-accent: #0d9488;--color-accent-hover: #0f766e;--color-surface-base: #e9f0ec;--color-surface-raised: #fbfdfc;--color-border: #c8d9d2;--color-text: #12241e;--color-text-muted: #5a706a;--color-sidebar-bg: #04342c;--color-sidebar-accent: #5eead4;--accent: #0d9488;--accent-hover: #0f766e;--accent-light: #f0fdfa;--btn-primary-bg: #0d9488;--btn-primary-hover: #0f766e;--sidebar-bg: #04342c;--sidebar-accent: #5eead4;--app-bg: #e9f0ec;--app-bg-secondary: #e8f0ed;--app-surface: #fbfdfc;--app-border: #c8d9d2;--app-text: #12241e;--app-text-muted: #5a706a;--text-secondary: #4a5f58}[data-theme=navy]{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #eff6ff;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-surface-base: #e9eef5;--color-surface-raised: #fbfcfd;--color-border: #cbd5e1;--color-text: #0f172a;--color-text-muted: #64748b;--color-sidebar-bg: #042c53;--color-sidebar-accent: #60a5fa;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: #eff6ff;--btn-primary-bg: #2563eb;--btn-primary-hover: #1d4ed8;--sidebar-bg: #042c53;--sidebar-accent: #60a5fa;--app-bg: #e9eef5;--app-bg-secondary: #e8edf3;--app-surface: #fbfcfd;--app-border: #cbd5e1;--app-text: #0f172a;--app-text-muted: #64748b;--text-secondary: #475569}[data-theme=aubergine]{--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-primary-soft: #f5f3ff;--color-accent: #7c3aed;--color-accent-hover: #6d28d9;--color-surface-base: #ede8f3;--color-surface-raised: #fcfafd;--color-border: #d4cde0;--color-text: #1a1528;--color-text-muted: #6b6080;--color-sidebar-bg: #26215c;--color-sidebar-accent: #a78bfa;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-light: #f5f3ff;--btn-primary-bg: #7c3aed;--btn-primary-hover: #6d28d9;--sidebar-bg: #26215c;--sidebar-accent: #a78bfa;--app-bg: #ede8f3;--app-bg-secondary: #ece8f3;--app-surface: #fcfafd;--app-border: #d4cde0;--app-text: #1a1528;--app-text-muted: #6b6080;--text-secondary: #5a4f6e}[data-theme=slate]{--color-primary: #0ea5e9;--color-primary-hover: #0284c7;--color-primary-soft: #f0f9ff;--color-accent: #0ea5e9;--color-accent-hover: #0284c7;--color-surface-base: #e9ecf0;--color-surface-raised: #fbfcfd;--color-border: #d1d5db;--color-text: #111827;--color-text-muted: #6b7280;--color-sidebar-bg: #2c2c2a;--color-sidebar-accent: #38bdf8;--accent: #0ea5e9;--accent-hover: #0284c7;--accent-light: #f0f9ff;--btn-primary-bg: #0ea5e9;--btn-primary-hover: #0284c7;--sidebar-bg: #2c2c2a;--sidebar-accent: #38bdf8;--app-bg: #e9ecf0;--app-bg-secondary: #e8eaed;--app-surface: #fbfcfd;--app-border: #d1d5db;--app-text: #111827;--app-text-muted: #6b7280;--text-secondary: #4b5563}[data-theme=sand]{--color-primary: #b45309;--color-primary-hover: #92400e;--color-primary-soft: #fffbeb;--color-accent: #b45309;--color-accent-hover: #92400e;--color-surface-base: #f5eee2;--color-surface-raised: #fefdf9;--color-border: #e0d9cf;--color-text: #1a1410;--color-text-muted: #7a7168;--color-sidebar-bg: #2c2c2a;--color-sidebar-accent: #f59e0b;--accent: #b45309;--accent-hover: #92400e;--accent-light: #fffbeb;--btn-primary-bg: #b45309;--btn-primary-hover: #92400e;--sidebar-bg: #2c2c2a;--sidebar-accent: #f59e0b;--app-bg: #f5eee2;--app-bg-secondary: #f5f0e8;--app-surface: #fefdf9;--app-border: #e0d9cf;--app-text: #1a1410;--app-text-muted: #7a7168;--text-secondary: #5c5347;--site-app-bg: #f5f0e8}[data-theme=forest]{--color-primary: #16a34a;--color-primary-hover: #15803d;--color-primary-soft: #f0fdf4;--color-accent: #16a34a;--color-accent-hover: #15803d;--color-surface-base: #e8eee4;--color-surface-raised: #fafcf8;--color-border: #c8d9c2;--color-text: #14280e;--color-text-muted: #5a6e54;--color-sidebar-bg: #173404;--color-sidebar-accent: #4ade80;--accent: #16a34a;--accent-hover: #15803d;--accent-light: #f0fdf4;--btn-primary-bg: #16a34a;--btn-primary-hover: #15803d;--sidebar-bg: #173404;--sidebar-accent: #4ade80;--app-bg: #e8eee4;--app-bg-secondary: #e5eddf;--app-surface: #fafcf8;--app-border: #c8d9c2;--app-text: #14280e;--app-text-muted: #5a6e54;--text-secondary: #4a5d44}[data-theme=rose]{--color-primary: #e11d48;--color-primary-hover: #be123c;--color-primary-soft: #fff1f2;--color-accent: #e11d48;--color-accent-hover: #be123c;--color-surface-base: #f9ebef;--color-surface-raised: #fdfafb;--color-border: #e8c8d0;--color-text: #1c0a12;--color-text-muted: #7a5a66;--color-sidebar-bg: #4b1528;--color-sidebar-accent: #fb7185;--accent: #e11d48;--accent-hover: #be123c;--accent-light: #fff1f2;--btn-primary-bg: #e11d48;--btn-primary-hover: #be123c;--sidebar-bg: #4b1528;--sidebar-accent: #fb7185;--app-bg: #f9ebef;--app-bg-secondary: #f8e8ec;--app-surface: #fdfafb;--app-border: #e8c8d0;--app-text: #1c0a12;--app-text-muted: #7a5a66;--text-secondary: #6a4a56}[data-theme=ocean]{--color-primary: #0891b2;--color-primary-hover: #0e7490;--color-primary-soft: #ecfeff;--color-accent: #0891b2;--color-accent-hover: #0e7490;--color-surface-base: #e5ece9;--color-surface-raised: #fafcfb;--color-border: #c2d4d0;--color-text: #0a1a18;--color-text-muted: #5a706c;--color-sidebar-bg: #042c53;--color-sidebar-accent: #22d3ee;--accent: #0891b2;--accent-hover: #0e7490;--accent-light: #ecfeff;--btn-primary-bg: #0891b2;--btn-primary-hover: #0e7490;--sidebar-bg: #042c53;--sidebar-accent: #22d3ee;--app-bg: #e5ece9;--app-bg-secondary: #e4ecea;--app-surface: #fafcfb;--app-border: #c2d4d0;--app-text: #0a1a18;--app-text-muted: #5a706c;--text-secondary: #4a605c}[data-theme=indigo]{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-soft: #eef2ff;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-surface-base: #eaeaf4;--color-surface-raised: #fbfbfd;--color-border: #cccde0;--color-text: #151528;--color-text-muted: #60607a;--color-sidebar-bg: #26215c;--color-sidebar-accent: #818cf8;--accent: #4f46e5;--accent-hover: #4338ca;--accent-light: #eef2ff;--btn-primary-bg: #4f46e5;--btn-primary-hover: #4338ca;--sidebar-bg: #26215c;--sidebar-accent: #818cf8;--app-bg: #eaeaf4;--app-bg-secondary: #e8e8f3;--app-surface: #fbfbfd;--app-border: #cccde0;--app-text: #151528;--app-text-muted: #60607a;--text-secondary: #505068}[data-theme=charcoal]{--color-primary: #3f3f46;--color-primary-hover: #27272a;--color-primary-soft: #f4f4f5;--color-accent: #a1a1aa;--color-accent-hover: #71717a;--color-surface-base: #eaeaea;--color-surface-raised: #fbfbfb;--color-border: #d4d4d4;--color-text: #18181b;--color-text-muted: #71717a;--color-sidebar-bg: #2c2c2a;--color-sidebar-accent: #d4d4d8;--accent: #a1a1aa;--accent-hover: #71717a;--accent-light: #f4f4f5;--btn-primary-bg: #3f3f46;--btn-primary-hover: #27272a;--sidebar-bg: #2c2c2a;--sidebar-accent: #d4d4d8;--app-bg: #eaeaea;--app-bg-secondary: #e8e8e8;--app-surface: #fbfbfb;--app-border: #d4d4d4;--app-text: #18181b;--app-text-muted: #71717a;--text-secondary: #52525b}[data-theme=saffron]{--color-primary: #d97706;--color-primary-hover: #b45309;--color-primary-soft: #fef9c3;--color-accent: #d97706;--color-accent-hover: #b45309;--color-accent-text: #1c1502;--color-surface-base: #faf3cd;--color-surface-raised: #fefef5;--color-border: #e5d9a8;--color-text: #1c1502;--color-text-muted: #78700e;--color-sidebar-bg: #451a03;--color-sidebar-accent: #fbbf24;--accent: #d97706;--accent-hover: #b45309;--accent-light: #fef9c3;--btn-primary-bg: #d97706;--btn-primary-hover: #b45309;--btn-primary-text: #1c1502;--app-accent-text: #1c1502;--sidebar-bg: #451a03;--sidebar-accent: #fbbf24;--app-bg: #faf3cd;--app-bg-secondary: #fef9c3;--app-surface: #fefef5;--app-border: #e5d9a8;--app-text: #1c1502;--app-text-muted: #78700e;--text-secondary: #65600a}[data-theme=lavender]{--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-primary-soft: #ede9fe;--color-accent: #8b5cf6;--color-accent-hover: #7c3aed;--color-accent-text: #1a1028;--color-surface-base: #e6dcf5;--color-surface-raised: #fbf9fe;--color-border: #d0c8e0;--color-text: #1a1028;--color-text-muted: #6b5a80;--color-sidebar-bg: #2e1065;--color-sidebar-accent: #c4b5fd;--accent: #8b5cf6;--accent-hover: #7c3aed;--accent-light: #ede9fe;--btn-primary-bg: #8b5cf6;--btn-primary-hover: #7c3aed;--btn-primary-text: #1a1028;--app-accent-text: #1a1028;--sidebar-bg: #2e1065;--sidebar-accent: #c4b5fd;--app-bg: #e6dcf5;--app-bg-secondary: #ede8f8;--app-surface: #fbf9fe;--app-border: #d0c8e0;--app-text: #1a1028;--app-text-muted: #6b5a80;--text-secondary: #5a4a70}*{box-sizing:border-box}.card{padding:var(--card-padding);border-radius:var(--card-radius);border:var(--elevation-1);box-shadow:var(--card-shadow);background:var(--surface-card);box-sizing:border-box;overflow:hidden}.card input[type=text],.card input[type=date],.card input[type=number],.card input[type=email],.card textarea,.card select{border-color:var(--input-border);background:var(--input-bg)}.card-large{height:var(--card-h-large);min-height:var(--card-h-large);max-height:var(--card-h-large);padding:1rem;border-radius:var(--card-radius);border:var(--elevation-1);box-shadow:var(--card-shadow);background:var(--surface-card);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;text-align:center}.card-small{height:var(--card-h-small);min-height:var(--card-h-small);max-height:var(--card-h-small);padding:0 1.25rem;border-radius:var(--card-radius-sm);border:var(--elevation-1);box-shadow:var(--card-shadow);display:flex;align-items:center;gap:.625rem;cursor:pointer;background:var(--surface-card);text-align:left;width:100%;box-sizing:border-box;overflow:hidden}.kpi-card{background:var(--surface-card);border-radius:var(--card-radius);border:1.5px solid var(--color-border);box-shadow:var(--elevation-0);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;min-width:0}.kpi-card.accent{background:var(--color-sidebar-bg);color:#fff}.kpi-label{font-size:.6875rem;font-family:var(--font-mono);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.kpi-card.accent .kpi-label{color:#ffffffb3}.kpi-value{font-size:1.375rem;font-family:var(--font-body);font-weight:700;color:var(--color-text);line-height:1}.kpi-card.accent .kpi-value{color:#fff}.kpi-sub{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted);margin-top:.125rem}.page-header{margin-bottom:1.75rem}.page-title{font-size:1.5rem;font-family:var(--font-heading);font-weight:700;color:var(--color-text);margin:0 0 .25rem;line-height:1.2}.page-subtitle{font-size:.8125rem;color:var(--color-text-muted);margin:0}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.tab-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary)}.btn-primary{background:var(--color-primary);color:var(--color-accent-text);border:none;border-radius:var(--radius-md);padding:.625rem 1.375rem;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-card);color:var(--text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem 1.375rem;font-size:.875rem;font-weight:500;cursor:pointer}.form-label{display:block;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.375rem}.form-input,.form-select,.form-textarea{font-family:var(--font-body);font-size:.84375rem;padding:.5rem .6875rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--surface-input);color:var(--color-text)}.form-textarea{resize:vertical;line-height:1.5}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary)}body{margin:0;min-width:20rem;min-height:100vh;color:var(--color-text);background:var(--surface-page)}#root{min-height:100vh}button,input,select,textarea{font-family:inherit}button{transition:transform .07s,filter .07s}button:active:not(:disabled){transform:scale(.97) translateY(1px);filter:brightness(.96)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #dc26264d}50%{box-shadow:0 0 0 .625rem #dc262600}}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.4}}@keyframes logoFloat{0%{transform:translateY(0)}50%{transform:translateY(-1.5px)}to{transform:translateY(0)}}@keyframes logoGridSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoScan{0%{transform:translateY(-140%);opacity:0}20%{opacity:.2}50%{opacity:.4}80%{opacity:.2}to{transform:translateY(140%);opacity:0}}.sidebar-logo-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-orb{position:relative;overflow:hidden;animation:logoFloat 3.2s ease-in-out infinite}.sidebar-logo-grid{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background-image:linear-gradient(0deg,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:7px 7px;opacity:.22;mix-blend-mode:screen;animation:logoGridSpin 14s linear infinite}.sidebar-logo-scan{position:absolute;left:-15%;right:-15%;height:42%;background:linear-gradient(180deg,#fff0,#ffffff4d,#fff0);animation:logoScan 3.8s ease-in-out infinite}.sidebar-logo-glyph{position:relative;z-index:1;line-height:1;text-shadow:0 0 10px rgba(255,255,255,.16);pointer-events:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes iconBounce{0%{transform:translateY(0)}40%{transform:translateY(-3px)}70%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes countUp{0%{opacity:.3}to{opacity:1}}@keyframes pageSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.tool-card-bar{opacity:0}button:hover .tool-card-bar{opacity:1}.doel-rij:hover .doel-verwijder{opacity:1!important}[data-assessment-show-missing] [data-assessment-missing=true].card{border-color:var(--semantic-urgent)}[data-assessment-show-missing] [data-assessment-missing=true] .assessment-nr-badge{background:var(--semantic-urgent-subtle);color:var(--semantic-urgent)}.gloss-tip-wrap:hover .gloss-tip-bubble{opacity:1!important;pointer-events:auto!important}.klr-stepper-wrap{margin-bottom:24px;padding-top:36px;position:relative}.klr-stepper-loop{position:absolute;top:0;left:3%;right:3%;height:30px;border:1.5px dashed var(--color-border);border-bottom:none;border-radius:40px 40px 0 0/30px 30px 0 0;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px;background:transparent;pointer-events:none}.klr-stepper-loop.is-active{border-style:solid;border-color:var(--color-primary);pointer-events:auto}.klr-stepper-loop-label{font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--surface-card);padding:0 10px}.klr-stepper-loop.is-active .klr-stepper-loop-label{color:var(--color-primary)}.klr-stepper-reset{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:11px;white-space:nowrap;pointer-events:auto;border-color:var(--semantic-urgent-strong);color:var(--semantic-urgent-strong)}.klr-stepper-row{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:0;gap:0;position:relative;z-index:1}.klr-stepper-item{display:flex;align-items:center;gap:0;min-width:0}.klr-stepper-dot{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:4px 6px;cursor:pointer;font-family:var(--font-body);color:var(--color-text)}.klr-stepper-dot.is-locked{cursor:not-allowed;opacity:.55}.klr-stepper-dot:disabled{cursor:not-allowed}.klr-stepper-num{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:600;border:1.5px solid var(--color-border);background:var(--surface-card);color:var(--color-text-muted);flex-shrink:0;transition:all .15s ease}.klr-stepper-dot.is-reached .klr-stepper-num{color:var(--color-text);border-color:var(--color-text-muted)}.klr-stepper-dot.is-done .klr-stepper-num{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-accent-text)}.klr-stepper-dot.is-active .klr-stepper-num{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-accent-text);box-shadow:var(--app-focus-ring)}.klr-stepper-label{font-size:12.5px;color:var(--color-text-muted);letter-spacing:.02em;white-space:nowrap}.klr-stepper-dot.is-active .klr-stepper-label{color:var(--color-text);font-weight:600}.klr-stepper-dot.is-reached:not(.is-active) .klr-stepper-label{color:var(--text-secondary)}.klr-stepper-connector{flex:1;height:1.5px;background:var(--color-border);margin:0 4px;align-self:center}.klr-stepper-connector.is-done{background:var(--color-primary)}.klr-persp-toggle{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;padding:4px 8px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;opacity:.7;transition:all .12s ease}.klr-persp-toggle:hover{opacity:1}.klr-persp-toggle.is-active{opacity:1;font-weight:700}.klr-persp-toggle--neutraal.is-active{background:var(--app-bg-secondary);border-color:var(--color-text-muted);color:var(--text-secondary)}.klr-persp-toggle--overwogen.is-active{background:var(--semantic-attention-subtle);border-color:var(--semantic-attention);color:var(--semantic-attention-strong)}.klr-persp-toggle--in_hypotheses.is-active{background:var(--semantic-info-subtle);border-color:var(--semantic-info);color:var(--semantic-info-strong)}.klr-ronde-circle{width:32px;height:32px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-family:var(--font-mono);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid var(--color-primary)}.klr-demo-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-family:var(--font-mono);border-radius:var(--radius-md)}.klr-demo-banner--ok{color:var(--text-secondary);background:var(--color-primary-soft);border:1px solid var(--color-border)}.klr-demo-banner--hint{color:var(--color-text-muted);background:var(--app-bg-secondary);border:1px dashed var(--color-border)}.klr-demo-banner--warn{color:var(--semantic-attention-strong);background:var(--semantic-attention-subtle);border:1px solid var(--semantic-attention);border-left-width:2px}.klr-cbs-badge{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;padding:2px 6px;border-radius:var(--radius-md);background:var(--app-bg-secondary);border:1px solid var(--color-border);font-variant-numeric:tabular-nums}.klr-cbs-badge.klr-cbs-badge--none{color:var(--color-text-muted);opacity:.6;font-style:italic}.app-shell{display:grid;grid-template-columns:206px 1fr;height:100dvh;background:var(--app-bg);color:var(--text-primary)}.app-main{min-width:0;display:grid;grid-template-rows:46px 1fr}.app-topbar{background:var(--card-bg);border-bottom:1px solid var(--border)}.app-body{min-height:0;overflow:hidden}