:root{--surface-base:#f7f7f5;--surface-raised:#fff;--border-default:#dededa;--text-primary:#1a1a18;--text-secondary:#5c5c56;--text-muted:#8a8a82;--accent:#2b5d8c;--focus-ring:#2b5d8c;--erreur:#8a1f1f;--rounded-sm:4px;--rounded-md:6px;--espace-2:8px;--espace-4:16px;--espace-6:24px}*{box-sizing:border-box}body{background:var(--surface-base);color:var(--text-primary);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.5}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.connexion-ecran{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.connexion-carte{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:6px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:24px;display:flex}.connexion-titre{margin:0;font-size:18px;font-weight:600;line-height:1.3}.connexion-sous-titre{color:var(--text-secondary);margin:0 0 8px}.connexion-etiquette{letter-spacing:.02em;color:var(--text-secondary);font-size:12px;font-weight:500}.connexion-champ{border:1px solid var(--border-default);border-radius:var(--rounded-sm);min-height:44px;color:var(--text-primary);background:var(--surface-raised);padding:8px 12px;font-size:14px}.connexion-erreur{color:var(--erreur);margin:0}.connexion-bouton{border-radius:var(--rounded-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;min-height:44px;padding:8px 16px;font-size:14px;font-weight:600}.connexion-bouton:disabled{opacity:.7;cursor:not-allowed}.site-vue{max-width:640px;padding:var(--espace-6) var(--espace-4);gap:var(--espace-4);flex-direction:column;margin:0 auto;display:flex}.site-titre{margin:0;font-size:18px;font-weight:600;line-height:1.3}.site-ambition{color:var(--text-secondary);margin:4px 0 0}.carte-site{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-4);gap:var(--espace-2);flex-direction:column;display:flex}.site-chiffres{gap:var(--espace-6);flex-wrap:wrap;display:flex}.site-chiffre{flex-direction:column;gap:2px;display:flex}.chiffre-cle{color:var(--text-primary);margin:0;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:28px;font-weight:600;line-height:1.1}.site-etiquette{letter-spacing:.02em;color:var(--text-secondary);margin:0;font-size:12px;font-weight:500}.indicateur-fraicheur{letter-spacing:.02em;color:var(--text-muted);margin:0;font-size:12px;font-weight:500}.site-etat-vide{color:var(--text-secondary);margin:0}