:root{--paper: #F6F4F1;--surface: #FFFFFF;--surface-2: #FBFAF8;--panel: #F4F1EC;--line: #E7E2DB;--line-2: #DED8D0;--ink: #1C1A17;--ink-2: #4A443E;--muted: #6B645D;--muted-2: #8A837C;--faint: #A29B93;--faint-2: #948D85;--accent: #2C3178;--accent-ink: #1B2058;--soft: #E7E6F2;--ok: #245C3C;--ok-bg: #E4F1E8;--warn: #8A5A12;--warn-bg: #FBEEDC;--danger: #8E2C23;--danger-bg: #FBE6E3;--lime: #A8CE3A;--radius: 12px;--radius-sm: 9px;--sans: "Instrument Sans", system-ui, -apple-system, sans-serif;--display: "Bricolage Grotesque", var(--sans);--mono: "JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body,#racine{margin:0;padding:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}select{-moz-appearance:none;appearance:none;-webkit-appearance:none}::placeholder{color:var(--faint)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.hopi-in{animation:hopiIn .3s ease both}}@keyframes hopiIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.display{font-family:var(--display);letter-spacing:-.02em;font-weight:700}.mono{font-family:var(--mono)}.eyebrow{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint-2);font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 15px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:filter .12s ease,background .12s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:transparent;border-color:var(--line-2);color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-soft{background:var(--soft);color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12px;font-weight:600;color:var(--ink-2)}.field .hint{font-size:11.5px;color:var(--muted-2)}.input,.select,.textarea{width:100%;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--radius-sm);padding:9px 11px;font-size:13.5px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}.select{background-image:none;cursor:pointer}.pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:2px 8px;border-radius:999px}.pill-ok{color:var(--ok);background:var(--ok-bg)}.pill-warn{color:var(--warn);background:var(--warn-bg)}.pill-danger{color:var(--danger);background:var(--danger-bg)}.pill-accent{color:var(--accent);background:var(--soft)}.pill-muted{color:var(--muted);background:var(--panel)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint-2);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line)}.table td{padding:12px;border-bottom:1px solid var(--line);color:var(--ink-2)}.table tbody tr:hover td{background:var(--surface-2)}.num{font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto}