:root{--encre: #05070D;--ardoise: #0B1220;--accent: #4C7DFF;--givre: #F4F6FA;--acier: #8A93A6;--filet: #E2E6EE;--ardoise-haute: #101A2E;--ardoise-basse: #070C16;--trait: #17203A;--trait-vif: #22304F;--accent-sourd: rgba(76, 125, 255, .12);--accent-halo: rgba(76, 125, 255, .28);--ok: #2FBF71;--alerte: #F5A524;--danger: #E5484D;--e1: 4px;--e2: 8px;--e3: 12px;--e4: 16px;--e5: 24px;--e6: 32px;--e7: 48px;--r-s: 10px;--r-m: 14px;--r-l: 20px;--r-plein: 999px;--ombre: 0 2px 12px rgba(0, 0, 0, .45);--ombre-haute: 0 8px 28px rgba(0, 0, 0, .55);--lueur: 0 0 0 4px var(--accent-halo)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#racine{height:100%}body{margin:0;background:var(--encre);color:var(--givre);font:400 15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background-image:radial-gradient(120% 60% at 50% -10%,rgba(76,125,255,.1),transparent 60%);background-attachment:fixed}.app{display:flex;flex-direction:column;height:100%;max-width:520px;margin:0 auto;position:relative}.entete{display:flex;align-items:center;justify-content:space-between;padding:var(--e4) var(--e4) var(--e2);padding-top:max(var(--e4),env(safe-area-inset-top))}.contenu{flex:1;overflow-y:auto;padding:0 var(--e4) 104px;-webkit-overflow-scrolling:touch}.barre{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;max-width:520px;margin:0 auto;background:#0b1220e0;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--trait);padding-bottom:env(safe-area-inset-bottom)}.barre button{flex:1;background:none;border:0;border-radius:0;cursor:pointer;color:var(--acier);padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;font-weight:600;letter-spacing:.01em;transition:color .18s}.barre button.actif{color:var(--accent)}.barre button.actif:before{content:"";position:absolute;top:0;width:26px;height:2px;border-radius:0 0 2px 2px;background:var(--accent)}.barre button{position:relative}.titre{font-size:25px;font-weight:700;letter-spacing:-.022em;margin:0 0 var(--e1)}.sous{color:var(--acier);font-size:13.5px;margin:0 0 var(--e5);line-height:1.5}.etiquette{color:var(--acier);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:var(--e5) 0 var(--e2)}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:13px;font-variant-numeric:tabular-nums}.carte{background:linear-gradient(180deg,var(--ardoise-haute),var(--ardoise));border:1px solid var(--trait);border-radius:var(--r-l);padding:var(--e4);margin-bottom:var(--e3);box-shadow:var(--ombre)}.carte.plate{background:var(--ardoise);box-shadow:none}.carte.serree{padding:0;overflow:hidden}input,select,textarea{font:inherit;width:100%;padding:13px 15px;border-radius:var(--r-m);border:1px solid var(--trait);background:var(--ardoise-basse);color:var(--givre);transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:#5a6478}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--lueur)}textarea{resize:vertical;min-height:76px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%238A93A6' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}button{font:inherit;cursor:pointer;border:0;border-radius:var(--r-m);transition:transform .1s,filter .18s,background .18s}button:active:not(:disabled){transform:scale(.975)}button:disabled{opacity:.4;cursor:not-allowed}.principal{background:linear-gradient(180deg,#5A88FF,var(--accent));color:#fff;padding:15px;width:100%;font-weight:650;font-size:15.5px;letter-spacing:-.01em;box-shadow:0 4px 16px #4c7dff52}.principal:hover:not(:disabled){filter:brightness(1.07)}.danger{background:linear-gradient(180deg,#EC5A5F,var(--danger));color:#fff;padding:13px 16px;font-weight:650;box-shadow:0 4px 16px #e5484d47}.discret{background:var(--ardoise-haute);color:var(--givre);padding:13px 16px;font-weight:600;border:1px solid var(--trait)}.discret:hover:not(:disabled){border-color:var(--trait-vif)}.fantome{background:none;color:var(--acier);padding:10px 12px;font-weight:600;font-size:13.5px}.fantome:hover{color:var(--givre)}.ligne{display:flex;justify-content:space-between;align-items:center;gap:var(--e3);padding:13px 0;border-bottom:1px solid var(--trait)}.ligne:last-child{border-bottom:0}.ligne .g{min-width:0;flex:1}.ligne .g b{display:block;font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ligne .g small{color:var(--acier);font-size:12.5px;display:block;margin-top:2px}.puce{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-plein);font-size:11px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.puce.ok{background:#2fbf7124;color:var(--ok)}.puce.attente{background:#f5a52424;color:var(--alerte)}.puce.ko{background:#e5484d24;color:var(--danger)}.puce.neutre{background:var(--ardoise-haute);color:var(--acier)}.puce.accent{background:var(--accent-sourd);color:#a8c0ff}.pastille-etat{width:7px;height:7px;border-radius:50%;flex:0 0 auto;display:inline-block}.enregistrement{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#e5484d21,#e5484d12);border:1px solid rgba(229,72,77,.3);color:#ffb3b5;padding:11px 14px;border-radius:var(--r-m);font-size:13px;font-weight:600;margin-bottom:var(--e3)}.point-rouge{width:9px;height:9px;border-radius:50%;background:var(--danger);flex:0 0 auto;box-shadow:0 0 #e5484d99;animation:battement 2s ease-out infinite}@keyframes battement{0%{box-shadow:0 0 #e5484d8c;opacity:1}70%{box-shadow:0 0 0 9px #e5484d00;opacity:.75}to{box-shadow:0 0 #e5484d00;opacity:1}}@media(prefers-reduced-motion:reduce){.point-rouge{animation:none}}.numero{font-size:32px;font-weight:300;text-align:center;letter-spacing:.04em;min-height:46px;padding:var(--e2) 0;word-break:break-all;font-variant-numeric:tabular-nums}.numero .vide{color:#4a5468;font-size:17px;font-weight:400;letter-spacing:normal}.clavier{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e3);margin:var(--e4) 0}.clavier button{background:var(--ardoise-haute);color:var(--givre);border:1px solid var(--trait);border-radius:var(--r-m);aspect-ratio:1.5 / 1;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:23px;font-weight:500;font-variant-numeric:tabular-nums}.clavier button:active{background:var(--accent-sourd);border-color:var(--accent)}.clavier button small{font-size:8.5px;color:var(--acier);letter-spacing:.16em;font-weight:700}.en-appel{text-align:center;padding:var(--e5) 0 var(--e4)}.en-appel .interlocuteur{font-size:23px;font-weight:650;letter-spacing:-.015em}.en-appel .duree{color:var(--acier);font-size:17px;margin-top:6px}.actions-appel{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e3);margin-bottom:var(--e3)}.actions-appel button{background:var(--ardoise-haute);border:1px solid var(--trait);color:var(--givre);padding:13px 0;font-size:11.5px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:68px;justify-content:center}.actions-appel button.engage{background:var(--accent-sourd);border-color:var(--accent);color:#a8c0ff}.avis{padding:12px 14px;border-radius:var(--r-m);font-size:13.5px;line-height:1.5;margin-bottom:var(--e3);display:flex;gap:10px;align-items:flex-start}.avis.err{background:#e5484d1c;color:#ffb3b5;border:1px solid rgba(229,72,77,.28)}.avis.info{background:var(--accent-sourd);color:#a8c0ff;border:1px solid rgba(76,125,255,.28)}.avis.bien{background:#2fbf711c;color:#86e7b4;border:1px solid rgba(47,191,113,.28)}.jauge{height:8px;background:var(--ardoise-basse);border-radius:var(--r-plein);overflow:hidden;margin:10px 0;border:1px solid var(--trait)}.jauge div{height:100%;border-radius:var(--r-plein);background:linear-gradient(90deg,#5A88FF,var(--accent));transition:width .4s cubic-bezier(.4,0,.2,1)}.jauge.chaud div{background:linear-gradient(90deg,#F7B84B,var(--alerte))}.jauge.brulant div{background:linear-gradient(90deg,#EC5A5F,var(--danger))}.centre{text-align:center;padding:var(--e7) var(--e5);color:var(--acier);font-size:14px;line-height:1.6}.chargement{text-align:center;padding:var(--e6);color:var(--acier)}.chargement:after{content:"";display:block;width:22px;height:22px;margin:var(--e3) auto 0;border:2px solid var(--trait);border-top-color:var(--accent);border-radius:50%;animation:rotation .8s linear infinite}@keyframes rotation{to{transform:rotate(360deg)}}audio{width:100%;margin-bottom:var(--e3);filter:invert(.92) hue-rotate(180deg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@media(min-width:900px){body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 0%,rgba(76,125,255,.06),transparent 70%)}.app{border-left:1px solid var(--trait);border-right:1px solid var(--trait)}}