:root{--surface: #0f1414;--surface-container-low: #171c1d;--surface-container: #1b2021;--surface-container-high: #262b2b;--on-surface: #dfe3e3;--on-surface-variant: #bdc9ca;--outline-variant: #3e494a;--primary: #77d7e1;--on-primary: #00363b;--tertiary: #ffb996;--error: #ffb4ab;--radius-carte: 1rem;--radius-bouton: .75rem;--touch: 48px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--on-surface);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:600px;margin:0 auto;padding:16px 16px calc(32px + env(safe-area-inset-bottom))}header{padding:24px 0 16px}.kicker{margin:0;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--primary)}h1{margin:4px 0;font-size:24px;font-weight:700;letter-spacing:-.02em}h2{margin:0 0 12px;font-size:20px;font-weight:600}.sous-titre{margin:0;color:var(--on-surface-variant);font-size:14px}.onglets{display:flex;gap:8px;margin-bottom:16px}.onglets button{flex:1;min-height:var(--touch);border:1px solid var(--outline-variant);background:var(--surface-container-low);color:var(--on-surface-variant);border-radius:9999px;font-size:14px;font-weight:600}.onglets button.actif{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.carte{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-carte);padding:16px;margin-bottom:16px}.carte.alerte{border-color:var(--tertiary);background:color-mix(in srgb,var(--tertiary) 10%,var(--surface-container-low))}button{min-height:var(--touch);padding:0 16px;border-radius:var(--radius-bouton);border:1px solid var(--outline-variant);background:var(--surface-container-high);color:var(--on-surface);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}button:disabled{opacity:.4}button.primaire{background:var(--primary);color:var(--on-primary);border-color:var(--primary);width:100%}button.discret{background:transparent;border:none;color:var(--on-surface-variant);padding:0;font-weight:400;text-decoration:underline}.rangee{display:flex;gap:8px}.rangee button{flex:1}label{display:block;margin-bottom:12px;font-size:14px;color:var(--on-surface-variant)}select,textarea{display:block;width:100%;margin-top:4px;min-height:var(--touch);padding:12px;border-radius:var(--radius-bouton);border:1px solid var(--outline-variant);background:var(--surface-container);color:var(--on-surface);font-family:inherit;font-size:16px}.aide{font-size:14px;color:var(--on-surface-variant);margin:8px 0}.info{font-size:14px;color:var(--primary);margin:12px 0 0}.erreur{font-size:14px;color:var(--error);margin:12px 0 0}.vide{color:var(--on-surface-variant);font-size:14px;font-style:italic}.etat{display:flex;align-items:center;gap:8px;font-size:14px;padding:4px 0;color:var(--on-surface-variant)}.pastille{width:10px;height:10px;border-radius:9999px;flex:none}.pastille.ok{background:var(--primary)}.pastille.ko{background:var(--outline-variant)}.valeur{margin-left:auto;font-size:12px;font-weight:700}.journal{list-style:none;margin:0 0 12px;padding:0}.journal li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--outline-variant);font-size:14px}.journal li:last-child{border-bottom:none}.heure{font-variant-numeric:tabular-nums;color:var(--on-surface-variant);flex:none}.texte{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latence{flex:none;font-size:11px;font-weight:700;padding:4px 10px;border-radius:9999px;background:var(--surface-container-high);color:var(--on-surface-variant)}.latence.bon{background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary)}.latence.mauvais{background:color-mix(in srgb,var(--error) 20%,transparent);color:var(--error)}blockquote{margin:12px 0 0;padding:12px;border-left:4px solid var(--primary);border-radius:0 var(--radius-bouton) var(--radius-bouton) 0;background:var(--surface-container);font-size:15px}pre{background:var(--surface-container);border-radius:var(--radius-bouton);padding:12px;overflow-x:auto;font-size:12px;line-height:1.6;margin:0 0 12px}code{background:var(--surface-container-high);padding:2px 6px;border-radius:4px;font-size:13px}