:root{--primary:#8c2f39;--primary-active:#6e2229;--primary-disabled:#d9c8c2;--ink:#241c15;--body:#463b2f;--body-strong:#2f271d;--muted:#6f6253;--muted-soft:#8a7c6b;--hairline:#e0d5c2;--hairline-soft:#ebe3d5;--canvas:#f6f0e6;--surface-soft:#efe7d9;--surface-card:#e9dfce;--surface-dark:#1e1712;--surface-dark-elevated:#2a2018;--surface-dark-soft:#241c15;--on-primary:#f6f0e6;--on-dark:#f3ecdf;--on-dark-soft:#a89a86;--success:#4e8c57;--warning:#b07d1e;--error:#c0453a;--accent-anis:#a9a73f;--accent-navy:#22395b;--accent-oak:#c89b6a;--rounded-xs:4px;--rounded-sm:6px;--rounded-md:10px;--rounded-lg:14px;--rounded-xl:20px;--rounded-pill:999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--nav-hauteur:56px;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--accent-anis-halo:#7c7b2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@font-face{font-family:Fraunces;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fraunces-variable-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fraunces-variable-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--body);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.55}#root{min-height:100dvh}h1,h2,h3{font-family:var(--font-display);color:var(--ink);margin:0;font-weight:600}button{font-family:var(--font-body);cursor:pointer}.safe-bottom{padding-bottom:max(var(--space-lg), env(safe-area-inset-bottom))}.safe-top{padding-top:env(safe-area-inset-top)}.nav-bas{border-top:1px solid var(--hairline);background:var(--surface-soft);padding-bottom:env(safe-area-inset-bottom);display:flex}.nav-onglet{min-height:var(--nav-hauteur);padding:var(--space-sm) var(--space-md);color:var(--muted);touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:14px;font-weight:500;transition:color .15s ease-out,background .15s ease-out;display:flex;position:relative}.nav-onglet svg{width:22px;height:22px}.nav-onglet.actif{color:var(--primary)}.nav-onglet.actif:after{content:"";border-radius:var(--rounded-pill);background:var(--primary);width:28px;height:3px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.nav-onglet:active:not(.actif){background:var(--surface-card)}.bouton-micro{border-radius:var(--rounded-pill);background:var(--primary);width:88px;height:88px;color:var(--on-primary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;place-items:center;transition:transform .15s ease-out,background .15s ease-out;display:grid;box-shadow:0 2px 8px #241c152e}.bouton-micro:active{background:var(--primary-active)}.bouton-micro:disabled{background:var(--primary-disabled);color:var(--muted-soft);box-shadow:none}.bouton-micro svg{width:40px;height:40px}.bouton-micro.ecoute{animation:1.4s ease-in-out infinite halo-anis;transform:scale(1.06)}@keyframes halo-anis{0%{box-shadow:0 2px 10px #241c1533,0 0 #7c7b2ed9}70%{box-shadow:0 2px 10px #241c1533,0 0 0 20px #7c7b2e00}to{box-shadow:0 2px 10px #241c1533,0 0 #7c7b2e00}}@media (prefers-reduced-motion:reduce){.bouton-micro.ecoute{animation:none;box-shadow:0 2px 10px #241c1533,0 0 0 6px #7c7b2ed9}}.carte-recap{text-align:left;background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--rounded-lg);width:100%;padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;box-shadow:0 1px 2px #241c150f}.confiance-bandeau{align-items:center;gap:var(--space-sm);border-radius:var(--rounded-pill);align-self:flex-start;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.confiance-bandeau.certain{color:var(--success);background:#4e8c5729}.confiance-bandeau.a_confirmer{color:var(--warning);background:#b07d1e29}.confiance-bandeau.no_match{color:var(--error);background:#c0453a24}.bandeau-multiple{align-items:flex-start;gap:var(--space-sm);border-radius:var(--rounded-md);border-left:4px solid var(--accent-anis);color:var(--ink);background:#a9a73f2e;flex-direction:column;margin:0;padding:12px 14px;font-size:14px;font-weight:500;line-height:1.45;display:flex}.pastille-anis{background:var(--accent-anis);color:var(--ink);letter-spacing:1.2px;text-transform:uppercase;border-radius:var(--rounded-pill);padding:4px 12px;font-size:12px;font-weight:600}.badge-region{background:var(--accent-navy);color:var(--on-dark);letter-spacing:1.2px;text-transform:uppercase;border-radius:var(--rounded-pill);align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:600}.champ{flex-direction:column;gap:6px;display:flex}.champ-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.champ-input{background:var(--canvas);width:100%;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--rounded-md);min-height:52px;font-family:var(--font-body);padding:14px 16px;font-size:16px}.champ-input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.champ-input.a-verifier{border-color:var(--warning);background:#b07d1e0f}.champ-input.mono{font-family:var(--font-mono);letter-spacing:.2px;font-size:15px}.dictee-brute-recap{color:var(--muted);margin:0;font-size:13px;font-style:italic;line-height:1.4}.grille-chiffres{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.grille-chiffres>*{min-width:0}.toaster{left:0;right:0;bottom:calc(var(--nav-hauteur) + env(safe-area-inset-bottom) + var(--space-sm));align-items:center;gap:var(--space-sm);padding:0 var(--space-md);pointer-events:none;z-index:50;flex-direction:column;display:flex;position:fixed}.toast{border-radius:var(--rounded-md);width:100%;max-width:640px;color:var(--on-primary);pointer-events:none;justify-content:space-between;align-items:center;gap:var(--space-md);padding:14px 18px;font-size:14px;line-height:1.4;animation:.15s ease-out toast-in;display:flex;box-shadow:0 4px 14px #241c1538}.toast-action{min-height:44px;padding:0 var(--space-sm);color:var(--on-primary);font-family:var(--font-body);text-underline-offset:3px;touch-action:manipulation;pointer-events:auto;background:0 0;border:none;flex-shrink:0;font-size:14px;font-weight:700;text-decoration:underline}.toast-action:active{opacity:.75}.toast.success{background:var(--success)}.toast.error{background:var(--error)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dictee-page{width:100%;max-width:640px;padding:0 var(--space-md);flex-direction:column;margin:0 auto;display:flex}.dictee-bandeau-file{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin:var(--space-md) 0 0;padding:var(--space-sm) var(--space-md);border-radius:var(--rounded-md);background:var(--surface-soft);color:var(--body-strong);font-size:14px;display:flex}.dictee-bandeau-texte{flex-direction:column;gap:2px;padding-top:2px;display:flex}.dictee-bandeau-motif{opacity:.85;font-size:12px}.dictee-bandeau-file.alerte{color:var(--error);background:#c0453a1f}.dictee-bandeau-retry{padding:var(--space-xs) var(--space-md);border-radius:var(--rounded-pill);color:inherit;font-family:var(--font-body);touch-action:manipulation;background:0 0;border:1px solid;flex-shrink:0;font-size:13px;font-weight:600}.dictee-bandeau-retry:active{background:#0000000f}.dictee-compteur{margin:var(--space-md) 0 0;padding:var(--space-xs) var(--space-md);border-radius:var(--rounded-pill);background:var(--surface-soft);color:var(--muted);align-self:center;font-size:14px}.dictee-compteur-nombre{font-family:var(--font-mono);color:var(--body-strong);font-weight:600}.dictee-contenu{text-align:center;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl) 0;flex-direction:column;flex:1;display:flex}.dictee-titre{font-family:var(--font-display);color:var(--ink);font-size:34px;line-height:1.12}.dictee-hint{color:var(--muted);font-size:16px}.dictee-hint.ecoute{color:var(--primary);font-weight:600}.dictee-hint-interrompu{color:var(--error);font-weight:600}.dictee-actions{align-items:center;gap:var(--space-md);padding-top:var(--space-lg);padding-bottom:var(--space-lg);flex-direction:column;display:flex}.spinner{border:3px solid var(--hairline);border-top-color:var(--accent-anis);border-radius:var(--rounded-pill);width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{border-radius:var(--rounded-md);width:100%;max-width:420px;min-height:52px;font-family:var(--font-body);touch-action:manipulation;border:none;padding:16px 24px;font-size:16px;font-weight:600;transition:background .15s ease-out,transform .15s ease-out}.btn:disabled{opacity:.7}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 2px 8px #241c152e}.btn-primary:active:not(:disabled){background:var(--primary-active)}.btn-pause{background:var(--surface-soft);max-width:220px;color:var(--body-strong);border:1px solid var(--hairline)}.btn-pause:active{background:var(--surface-card)}.btn-ghost{color:var(--body);background:0 0}.btn-ghost:active:not(:disabled){transform:scale(.98)}.cave-page{width:100%;max-width:640px;min-height:0;padding:0 var(--space-md);gap:var(--space-md);flex-direction:column;flex:1;margin:0 auto;display:flex}.cave-entete{justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding-top:var(--space-lg);display:flex}.cave-titre{font-family:var(--font-display);color:var(--ink);font-size:28px;line-height:1.12}.cave-compte{color:var(--muted);margin:0;font-size:14px}.cave-compte-nombre{font-family:var(--font-mono);color:var(--body-strong);font-weight:600}.cave-recherche{background:var(--canvas);width:100%;min-height:52px;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--rounded-md);font-family:var(--font-body);padding:14px 16px;font-size:16px}.cave-recherche:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.cave-recherche::placeholder{color:var(--muted-soft)}.cave-liste{-webkit-overflow-scrolling:touch;gap:var(--space-sm);min-height:0;padding-bottom:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bottle-row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:var(--rounded-md);padding:var(--space-md);display:flex;box-shadow:0 1px 2px #241c150f}.bottle-texte{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.bottle-nom{font-family:var(--font-display);color:var(--ink);font-size:19px;line-height:1.2}.bottle-soustitre{color:var(--body);margin:0;font-size:14px}.badge-region{background:var(--accent-navy);color:var(--on-dark);letter-spacing:1.2px;text-transform:uppercase;border-radius:var(--rounded-pill);padding:4px 12px;font-size:12px;font-weight:600}.bottle-chiffres{align-items:center;gap:var(--space-sm);color:var(--muted);margin:0;font-size:14px;display:flex}.bottle-chiffres .mono,.bottle-quantite .mono{font-family:var(--font-mono);letter-spacing:.2px;font-size:15px}.bottle-sep{color:var(--muted-soft)}.bottle-actions{align-items:center;gap:var(--space-sm);flex-direction:column;flex-shrink:0;display:flex}.bottle-quantite{text-align:center;min-width:52px;min-height:44px;color:var(--body-strong);border-radius:var(--rounded-md);touch-action:manipulation;background:0 0;border:1px solid #0000;margin:0}.bottle-quantite:active:not(:disabled){border-color:var(--hairline);background:var(--surface-card)}.bottle-quantite:disabled{opacity:.5}.bottle-quantite-input{text-align:center;background:var(--canvas);width:64px;min-height:44px;color:var(--ink);border:1px solid var(--primary);border-radius:var(--rounded-md);font-family:var(--font-mono);font-size:20px;font-weight:600}.bottle-boire{border-radius:var(--rounded-md);border:1px solid var(--hairline);background:var(--surface-card);min-width:52px;min-height:52px;color:var(--primary);font-family:var(--font-mono);touch-action:manipulation;font-size:17px;font-weight:600;transition:background .15s ease-out}.bottle-boire:active:not(:disabled){background:var(--primary);color:var(--on-primary)}.bottle-boire:disabled{opacity:.5}.bottle-quantite .mono{font-size:20px;font-weight:600}.cave-etat{color:var(--muted);text-align:center;padding:var(--space-lg) 0;margin:0;font-size:16px}.cave-vide{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) 0;color:var(--accent-oak);flex-direction:column;display:flex}.cave-vide svg{width:48px;height:72px}.cave-vide .cave-etat{color:var(--body);padding:0}.cave-etat-hint{color:var(--muted);margin:0;font-size:15px}.cave-erreur{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl) 0;flex-direction:column;display:flex}.cave-erreur .cave-etat{color:var(--error);padding:0}.cave-erreur .btn{max-width:220px}.cave-diagnostic-lien{color:var(--muted-soft);padding:var(--space-sm);touch-action:manipulation;background:0 0;border:none;align-self:center;font-size:12px}.cave-export{justify-content:center;display:flex}.cave-export-lien{border:1px solid var(--hairline);border-radius:var(--rounded-pill);color:var(--body);touch-action:manipulation;background:0 0;min-height:44px;padding:8px 16px;font-size:13px}.cave-export-lien:disabled{opacity:.6}.cave-export-copie{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.cave-export-textarea{background:var(--canvas);width:100%;min-height:120px;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--rounded-md);padding:var(--space-sm);font-family:var(--font-mono);font-size:13px}.diagnostic-sonde{width:0;height:0;padding-top:env(safe-area-inset-top);pointer-events:none;position:absolute;top:0;left:0}.diagnostic-page{width:100%;max-width:640px;min-height:0;padding:var(--space-lg) var(--space-md);gap:var(--space-lg);flex-direction:column;flex:1;margin:0 auto;display:flex;overflow-y:auto}.diagnostic-entete{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.diagnostic-titre{font-family:var(--font-display);color:var(--ink);font-size:28px}.diagnostic-retour{color:var(--primary);padding:var(--space-sm);touch-action:manipulation;background:0 0;border:none;font-size:15px;font-weight:600}.diagnostic-liste{gap:var(--space-md);flex-direction:column;margin:0;display:flex}.diagnostic-ligne{border-bottom:1px solid var(--hairline-soft);padding-bottom:var(--space-sm);flex-direction:column;gap:2px;display:flex}.diagnostic-ligne dt{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:13px}.diagnostic-ligne dd{color:var(--body-strong);margin:0;font-size:16px}.diagnostic-mono{font-family:var(--font-mono)}.diagnostic-bouton-micro{border-radius:var(--rounded-md);border:1px solid var(--hairline);background:var(--surface-card);min-height:52px;color:var(--primary);touch-action:manipulation;font-size:16px;font-weight:600;transition:background .15s ease-out}.diagnostic-bouton-micro:active{background:var(--primary);color:var(--on-primary)}.diagnostic-erreur{color:var(--error);margin:0;font-size:14px}.diagnostic-ua{color:var(--muted-soft);word-break:break-all;padding-top:var(--space-md);border-top:1px solid var(--hairline-soft);margin:0;font-size:12px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-shell>main{flex:1;min-height:0}