:root{--primary:#a3363f;--primary-active:#802a32;--primary-disabled:#5c3a3d;--ink:#faf3e7;--body:#b9a894;--body-strong:#dccdb9;--muted:#9c8d7c;--muted-soft:#8a7c6b;--hairline:#f3ecdf29;--hairline-soft:#f3ecdf1a;--canvas:#241c16;--surface-soft:#2a2119;--surface-card:#30251c;--gradient-atmosphere:linear-gradient(180deg, #2b1e1c 0%, #241c16 55%);--on-primary:#fbf5ea;--success:#a8d8af;--success-doux:#3a4238;--warning:#e8c98a;--error:#e29b8f;--error-fill:#c0453a;--accent-anis:#a9a73f;--accent-navy:#2f4d7a;--accent-navy-text:#5992e8;--accent-anis-text:#d6d29b;--accent-anis-soft-text:#e8e3c8;--primary-halo:#c44250;--primary-halo-text:#f0a9b1;--accent-oak:#c89b6a;--accent-vert:#4e8c57;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #00000059;--shadow-lg:0 4px 14px #0006;--viz-rouge:#a3363f;--viz-blanc:#d9b45c;--viz-rose:#d9737f;--viz-effervescent:#2f4d7a;--viz-neutre:#8a7c6b;--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;--nav-flottante-reserve:calc(108px + var(--space-lg));--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@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{z-index:40;border:1px solid var(--hairline);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a130fd1;border-radius:22px;gap:6px;padding:6px;display:flex;position:fixed;bottom:40px;left:16px;right:16px;box-shadow:0 14px 34px #00000080}.nav-onglet{min-height:var(--nav-hauteur);padding:var(--space-sm) 0;border-radius:var(--rounded-md);color:var(--body);touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500;transition:color .15s ease-out,background .15s ease-out;display:flex}.nav-onglet svg{width:20px;height:20px}.nav-onglet.actif{color:var(--accent-anis-text);background:#a9a73f33}.nav-onglet:active:not(.actif){background:#f3ecdf14}.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 0 44px #c442508c}.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{outline:3px solid var(--accent-anis);outline-offset:3px;animation:1.4s ease-in-out infinite halo-anis;transform:scale(1.06)}@keyframes halo-anis{0%{box-shadow:0 0 56px #c44250bf,0 0 #a9a73fd9}70%{box-shadow:0 0 56px #c44250bf,0 0 0 28px #a9a73f00}to{box-shadow:0 0 56px #c44250bf,0 0 #a9a73f00}}@media (prefers-reduced-motion:reduce){.bouton-micro.ecoute{animation:none;box-shadow:0 0 56px #c44250bf,0 0 0 9px #a9a73fd9}}.carte-recap{text-align:left;background:var(--surface-card);border:1.5px solid var(--accent-anis);border-radius:var(--rounded-lg);width:100%;padding:var(--space-lg);box-shadow:var(--shadow-sm);gap:var(--space-md);flex-direction:column;display:flex}.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(--ink);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::placeholder{color:var(--muted-soft);opacity:1;font-style:italic}.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-variant-numeric:tabular-nums;letter-spacing:.2px;font-size:16px}.recap-prix{gap:var(--space-sm);background:var(--canvas);border-left:4px solid var(--primary);border-radius:var(--rounded-md);padding:var(--space-md);flex-direction:column;display:flex}.recap-prix-montant{color:var(--primary);letter-spacing:.2px;font-variant-numeric:tabular-nums;margin:0;font-size:40px;font-weight:600;line-height:1.1}.recap-prix-unite{color:var(--body);letter-spacing:0;font-size:16px;font-weight:500}.recap-prix-total{color:var(--body);margin:0;font-size:14px}.recap-prix-confirmer{border-radius:var(--rounded-md);border:1px solid var(--primary);background:var(--primary);min-height:52px;color:var(--on-primary);font-family:var(--font-body);padding:0 var(--space-lg);touch-action:manipulation;font-size:16px;font-weight:600;transition:background .15s ease-out}.recap-prix-confirmer:active:not(:disabled){background:var(--primary-active)}.recap-prix-confirmer.actif{background:var(--accent-anis);border-color:var(--accent-anis);color:var(--ink)}.recap-prix-confirmer:disabled{background:var(--primary-disabled);border-color:var(--primary-disabled);cursor:default}.recap-prix-hint{color:var(--muted);margin:0;font-size:13px}.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}.suggestions-region{gap:var(--space-sm);flex-wrap:wrap;display:flex}.suggestion-region{min-height:44px;padding:0 var(--space-md);background:var(--surface-card);color:var(--ink);border:1px dashed var(--hairline);border-radius:var(--rounded-pill);font-family:var(--font-body);touch-action:manipulation;font-size:14px;font-weight:600;transition:background .15s ease-out}.suggestion-region:active{background:var(--accent-navy);border-color:var(--accent-navy);color:var(--ink);border-style:solid}.suggestion-region:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.toaster{left:0;right:0;bottom:calc(var(--nav-flottante-reserve) + env(safe-area-inset-bottom) + var(--space-sm) + 76px);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);box-shadow:var(--shadow-lg);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}.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(--accent-anis);color:var(--ink)}.toast.error{background:var(--error-fill)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toaster.toaster-degage-micro{bottom:calc(var(--nav-flottante-reserve) + env(safe-area-inset-bottom) + var(--space-sm) + 76px + 88px + var(--space-md) + 40px)}.dictee-page{width:100%;max-width:640px;padding:0 var(--space-md);background:radial-gradient(circle at 50% 120%, #c4425080 0%, #a838463d 34%, #1e171200 72%), var(--gradient-atmosphere);background-position:bottom,top;background-repeat:no-repeat,no-repeat;background-size:700px 700px,100% 100dvh;background-attachment:fixed,fixed;flex-direction:column;margin:0 auto;display:flex}.dictee-page.ecoute{background:radial-gradient(circle at 50% 120%, #c44250d9 0%, #a838466b 34%, #8c2f3924 55%, #1e171200 74%), var(--gradient-atmosphere);background-position:bottom,top;background-repeat:no-repeat,no-repeat;background-size:700px 700px,100% 100dvh;background-attachment:fixed,fixed;transition:background .2s ease-out}.dictee-ecoute-bandeau{margin-top:var(--space-md);border-radius:var(--rounded-pill);color:var(--accent-anis-text);font-family:var(--font-body);background:#a9a73f33;align-self:center;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.dictee-ecoute-pastille{border-radius:var(--rounded-pill);background:var(--accent-anis);flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite pastille-ecoute}@keyframes pastille-ecoute{50%{opacity:.25;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.dictee-ecoute-pastille{animation:none}.dictee-page.ecoute{transition:none}}.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{color:inherit;font:inherit;text-align:left;touch-action:manipulation;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding-top:2px;display:flex}.dictee-bandeau-motif{opacity:.85;font-size:12px}.dictee-bandeau-file.alerte{color:var(--error);background:#c0453a1f}.dictee-bandeau-file.cliquable{background:0 0;align-items:center;padding:0}.dictee-bandeau-bouton{justify-content:space-between;align-items:center;gap:var(--space-sm);min-width:0;min-height:52px;padding:var(--space-sm) var(--space-md);border-radius:var(--rounded-md);color:var(--accent-anis-soft-text);font-family:var(--font-body);text-align:left;touch-action:manipulation;background:#a9a73f29;border:1px solid #a9a73f4d;flex:1;margin:0;font-size:14px;font-weight:600;display:flex}.dictee-bandeau-bouton:disabled{opacity:.7}.dictee-bandeau-lignes{flex-direction:column;gap:2px;min-width:0;display:flex}.dictee-bandeau-geste{font-size:13px;font-weight:400}.dictee-bandeau-chevron{color:var(--accent-anis-text);flex-shrink:0;font-size:16px}.dictee-bandeau-file.alerte .dictee-bandeau-bouton{color:var(--error);background:#c0453a1f;border-color:#c0453a4d}.dictee-bandeau-file.alerte .dictee-bandeau-chevron{color:var(--error)}.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-variant-numeric:tabular-nums;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);letter-spacing:-.5px;color:var(--ink);font-size:40px;line-height:1.08}.dictee-hint{color:var(--muted);font-size:16px}.dictee-hint.ecoute{color:var(--body)}.dictee-note-coche{background:var(--success-doux);width:72px;height:72px;color:var(--success);margin-bottom:var(--space-md);border-radius:50%;place-items:center;animation:.18s ease-out dictee-note-entree;display:grid}.dictee-note-coche svg{width:38px;height:38px}.dictee-titre.note{color:var(--success)}.dictee-hint.note{color:var(--body)}@keyframes dictee-note-entree{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dictee-note-coche{animation:none}}.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:max(var(--nav-flottante-reserve), env(safe-area-inset-bottom));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:var(--shadow-md)}.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-derniere{width:auto;max-width:100%}.btn-ghost{color:var(--body);background:0 0}.btn-ghost:active:not(:disabled){transform:scale(.98)}.bottle-row{justify-content:space-between;align-items:center;gap:var(--space-md);border:2px solid var(--accent-anis);border-left:3px solid var(--accent-anis);border-radius:var(--rounded-md);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm);background:#a9a73f0d;display:flex}.bottle-texte{min-width:0;font:inherit;text-align:left;touch-action:manipulation;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:0;display:flex}.bottle-row-ouverte{background:#a3363f0d}.bottle-nom{font-family:var(--font-display);color:var(--ink);font-size:17px;line-height:1.2}.bottle-soustitre{color:var(--body);margin:0;font-size:13px}.bottle-pilule-magnum{border-radius:var(--rounded-pill);color:var(--primary-halo-text);font-family:var(--font-body);vertical-align:middle;background:#c4425038;border:1px solid #c442508c;align-items:center;gap:5px;margin-right:6px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.bottle-pilule-magnum-point{background:var(--primary-halo);border-radius:50%;width:6px;height:6px}.bottle-chiffres{align-items:center;gap:var(--space-sm);width:100%;min-width:0;color:var(--muted);margin:0;font-size:14px;display:flex}.bottle-chiffres-region{color:var(--accent-navy-text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;font-weight:600;overflow:hidden}.bottle-prix-detail{color:var(--muted);margin:4px 0 0;font-size:13px}.bottle-chiffres .mono{font-variant-numeric:tabular-nums;letter-spacing:.2px;flex-shrink:0;font-size:15px}.bottle-quantite .mono{font-variant-numeric:tabular-nums;letter-spacing:.2px;font-size:15px}.bottle-sep{color:var(--muted-soft)}.bottle-actions{align-items:center;gap:var(--space-sm);flex-direction:row;flex-shrink:0;display:flex}.bottle-quantite-lecture{min-width:52px;min-height:44px;color:var(--body-strong);justify-content:center;align-items:center;font-size:20px;font-weight:600;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-variant-numeric:tabular-nums;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);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-boire{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bottle-sortie-menu{align-items:center;gap:var(--space-xs);display:flex}.bottle-sortie{min-height:52px;padding:0 var(--space-sm);border-radius:var(--rounded-md);border:1px solid var(--primary);background:var(--surface-card);color:var(--primary);font-family:var(--font-body);touch-action:manipulation;font-size:14px;font-weight:600;transition:background .15s ease-out}.bottle-sortie:active:not(:disabled){background:var(--primary);color:var(--on-primary)}.bottle-sortie:disabled{opacity:.5}.bottle-sortie.annuler{border-color:var(--hairline);min-width:44px;color:var(--muted);font-size:20px}.bottle-quantite .mono{font-size:20px;font-weight:600}.bascule-vue{background:var(--surface-soft);border-radius:var(--rounded-md);gap:4px;padding:4px;display:flex}.bascule-vue-bouton{min-height:52px;padding:0 var(--space-md);border-radius:var(--rounded-md);color:var(--muted);font-family:var(--font-body);touch-action:manipulation;background:0 0;border:1px solid #0000;flex:1;font-size:15px;font-weight:600;transition:background .15s ease-out}.bascule-vue-bouton[aria-pressed=true]{color:var(--ink);background:#a9a73f33;border-color:#a9a73f66}.bascule-vue-bouton:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.chips-couleur{gap:var(--space-xs);flex-wrap:wrap;display:flex}.chip-couleur{min-height:44px;padding:0 var(--space-sm);background:var(--surface-card);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--rounded-pill);font-family:var(--font-body);touch-action:manipulation;font-size:13px;font-weight:600;transition:background .15s ease-out}.chip-couleur[aria-pressed=true]{background:var(--accent-anis);border-color:var(--accent-anis);color:var(--surface-soft)}.chip-couleur:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.chip-compte{font-variant-numeric:tabular-nums;opacity:.85;font-size:12px;font-weight:600}.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-entete-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.cave-compte{color:var(--muted);margin:0;font-size:14px}.cave-compte-nombre{font-variant-numeric:tabular-nums;color:var(--body-strong);font-weight:600}.cave-bandeau-prix{justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;min-height:52px;padding:var(--space-sm) var(--space-md);border-radius:var(--rounded-md);color:var(--accent-anis-soft-text);font-family:var(--font-body);text-align:left;touch-action:manipulation;background:#a9a73f29;border:1px solid #a9a73f4d;flex-shrink:0;font-size:14px;font-weight:600;display:flex}.cave-bandeau-prix-chevron{color:var(--accent-anis-text);flex-shrink:0;font-size:16px}.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{gap:var(--space-sm);min-height:0;padding-bottom:max(var(--nav-flottante-reserve), env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.cave-controles{align-items:center;gap:var(--space-sm);display:flex}.cave-controles .bascule-vue{flex:1;min-width:0}.cave-tout-deplier{min-height:52px;padding:0 var(--space-sm);color:var(--body);font-family:var(--font-body);text-underline-offset:3px;touch-action:manipulation;background:0 0;border:none;flex-shrink:0;font-size:13px;font-weight:600;text-decoration:underline}.groupe-region,.groupe-vins{gap:var(--space-sm);flex-direction:column;display:flex}.groupe-entete{z-index:1;align-items:center;gap:var(--space-sm);width:100%;min-height:52px;padding:var(--space-sm) var(--space-xs);background:var(--canvas);border:none;border-bottom:1px solid var(--hairline);color:var(--muted);font-family:var(--font-body);letter-spacing:1.2px;text-transform:uppercase;text-align:left;touch-action:manipulation;font-size:12px;font-weight:600;display:flex;position:sticky;top:0}.groupe-libelle{flex:1;min-width:0}.groupe-chevron{flex-shrink:0;width:16px;height:16px;transition:transform .15s ease-out}.groupe-chevron-ouvert{transform:rotate(90deg)}.groupe-compte{font-variant-numeric:tabular-nums;color:var(--body-strong);letter-spacing:0;font-size:15px;font-weight:600}.cave-dense{border-collapse:collapse;width:100%;font-size:13px}.cave-dense caption{text-align:left;color:var(--muted);margin-bottom:var(--space-xs);font-size:12px}.cave-dense-col-vin{width:38%}.cave-dense-col-mill{width:9%}.cave-dense-col-qte{width:7%}.cave-dense-col-achat,.cave-dense-col-valeur{width:23%}@media (width<=639px){.cave-dense th:nth-child(4),.cave-dense td:nth-child(4){display:none}.cave-dense-col-achat{width:0}.cave-dense-col-vin{width:56%}.cave-dense-col-mill{width:12%}.cave-dense-col-qte{width:9%}.cave-dense-col-valeur{width:23%}}.cave-dense-controles{gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.cave-dense-select{min-width:0;min-height:40px;padding:0 var(--space-sm);background:var(--canvas);color:var(--body);border:1px solid var(--primary);border-radius:var(--rounded-md);font-family:var(--font-body);touch-action:manipulation;flex:1;font-size:13px}.cave-dense th,.cave-dense td{padding:var(--space-xs) var(--space-xs);text-align:right;border-bottom:1px solid var(--hairline)}.cave-dense th:first-child,.cave-dense td:first-child{text-align:left}.cave-dense thead th{color:var(--muted);font-family:var(--font-body);letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:600}.cave-dense-nom{text-overflow:ellipsis;white-space:nowrap;max-width:0;color:var(--ink);overflow:hidden}.cave-dense-pastille-magnum{background:var(--primary);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.cave-dense-nom-sous{color:var(--muted);font-size:11px}.cave-dense tbody td{color:var(--body)}.cave-dense tfoot td{padding-top:var(--space-sm);border-bottom:none;border-top:2px solid var(--hairline);color:var(--body-strong);font-weight:700}.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-xs) 0;touch-action:manipulation;background:0 0;border:none;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-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-variant-numeric:tabular-nums}.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-compte{gap:var(--space-sm);flex-direction:column;display:flex}.diagnostic-bouton-compte{border-radius:var(--rounded-md);border:1px solid var(--hairline);background:var(--surface-card);min-height:52px;color:var(--primary);font-family:var(--font-body);padding:0 var(--space-md);touch-action:manipulation;font-size:16px;font-weight:600;transition:background .15s ease-out}.diagnostic-bouton-compte:active:not(:disabled){background:var(--primary);color:var(--on-primary)}.diagnostic-bouton-compte.danger{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.diagnostic-bouton-compte.danger:active:not(:disabled){background:var(--primary-active)}.diagnostic-bouton-compte:disabled{opacity:.7}.diagnostic-confirmation{gap:var(--space-md);padding:var(--space-md);border-radius:var(--rounded-lg);background:var(--surface-card);border:1px solid var(--hairline);flex-direction:column;display:flex}.diagnostic-confirmation-texte{color:var(--body-strong);margin:0;font-size:16px;line-height:1.45}.diagnostic-confirmation-actions{gap:var(--space-sm);flex-direction:column;display:flex}.diagnostic-chrono-titre{font-family:var(--font-display);color:var(--ink);margin:0 0 var(--space-sm);font-size:18px}.diagnostic-chrono-vide{color:var(--muted);margin:0;font-size:14px}.diagnostic-chrono-cadre{overflow-x:auto}.diagnostic-chrono{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.diagnostic-chrono th,.diagnostic-chrono td{padding:6px var(--space-sm) 6px 0;text-align:right;border-bottom:1px solid var(--hairline-soft);white-space:nowrap}.diagnostic-chrono th{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.diagnostic-chrono th:first-child,.diagnostic-chrono td:first-child{text-align:left}.diagnostic-chrono .suspect{color:var(--accent-navy-text);font-weight:600}.diagnostic-chrono .total{color:var(--body-strong);font-weight:600}.diagnostic-chrono-vider{margin-top:var(--space-sm);color:var(--primary);padding:var(--space-sm) 0;touch-action:manipulation;background:0 0;border:none;align-self:flex-start;font-size:14px;font-weight:600}.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}.verification-page{z-index:100;background:var(--canvas);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.verification-entete{justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding:var(--space-lg) var(--space-md) 0;display:flex}.verification-titre{font-family:var(--font-display);color:var(--ink);font-size:28px}.verification-retour{color:var(--primary);padding:var(--space-sm);touch-action:manipulation;background:0 0;border:none;font-size:15px;font-weight:600}.verification-outils{padding:0 var(--space-md);justify-content:flex-end;width:100%;max-width:640px;margin:0 auto;display:flex}.verification-compteur{text-align:center;color:var(--body-strong);font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:600;line-height:1.4}.verification-tout-decocher{min-height:52px;color:var(--primary);padding:0 var(--space-sm);touch-action:manipulation;background:0 0;border:none;font-size:15px;font-weight:600}.verification-tout-decocher:disabled{opacity:.5}.verification-etat{margin:var(--space-xl) auto;color:var(--muted);text-align:center;font-size:16px}.verification-liste{gap:var(--space-sm);padding:var(--space-md);flex-direction:column;width:100%;max-width:640px;margin:0 auto;display:flex}.verif-ligne{justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--canvas);border:1.5px solid var(--hairline-soft);border-radius:var(--rounded-md);padding:var(--space-md);box-shadow:var(--shadow-sm);display:flex}.verif-texte{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.verif-texte-bouton{text-align:left;touch-action:manipulation;background:0 0;border:none;flex:1;min-width:0;margin:0}.verif-nom{font-family:var(--font-display);color:var(--ink);font-size:19px;line-height:1.2}.verif-nom-attente{font-family:var(--font-body);color:var(--muted);font-size:15px;font-weight:500}.verif-soustitre{color:var(--body);margin:0;font-size:14px}.verif-chiffres{align-items:center;gap:var(--space-sm);color:var(--muted);margin:0;font-size:14px;display:flex}.verif-chiffres .mono{font-variant-numeric:tabular-nums;letter-spacing:.2px;font-size:15px}.verif-sep{color:var(--muted-soft)}.verif-spinner{border:2.5px solid var(--hairline);border-top-color:var(--accent-anis);border-radius:var(--rounded-pill);width:18px;height:18px;animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.verif-spinner{animation:none}}.verif-coche{border-radius:var(--rounded-md);border:1.5px solid var(--hairline);background:var(--canvas);color:#0000;touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:background .15s ease-out,border-color .15s ease-out;display:flex}.verif-coche svg{width:26px;height:26px}.verif-coche.cochee{background:var(--accent-anis);border-color:var(--accent-anis);color:var(--ink)}.verif-badge-ouvrir{color:var(--error);letter-spacing:1.2px;text-transform:uppercase;border-radius:var(--rounded-pill);background:#c0453a24;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:600}.verification-ecartes{padding-top:var(--space-md);flex-direction:column;display:flex}.verification-ecartes-titre{font-family:var(--font-display);color:var(--ink);margin:0 var(--space-md);font-size:19px}.verification-ecartes-hint{margin:var(--space-xs) var(--space-md) 0;color:var(--muted);font-size:14px}.verif-badge-ecarte{color:var(--warning);letter-spacing:1.2px;text-transform:uppercase;border-radius:var(--rounded-pill);background:#b07d1e29;align-self:flex-start;padding:6px 12px;font-size:13px;font-weight:600}.verif-retirer{min-height:52px;padding:0 var(--space-md);border-radius:var(--rounded-md);border:1.5px solid var(--hairline);background:var(--canvas);color:var(--primary);font-family:var(--font-body);touch-action:manipulation;flex-shrink:0;font-size:15px;font-weight:600}.verif-corriger{gap:var(--space-lg);padding:var(--space-md);flex-direction:column;width:100%;max-width:640px;margin:0 auto;display:flex}.verif-corriger-actions{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.verification-actions{z-index:1;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) max(var(--space-lg), env(safe-area-inset-bottom));background:var(--canvas);border-top:1px solid var(--hairline-soft);flex-direction:column;margin-top:auto;display:flex;position:sticky;bottom:0}.prix-page{z-index:100;background:var(--canvas);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.prix-entete{justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding:var(--space-lg) var(--space-md) 0;display:flex}.prix-titre{font-family:var(--font-display);color:var(--ink);font-size:28px}.prix-retour{color:var(--primary);padding:var(--space-sm);touch-action:manipulation;background:0 0;border:none;font-size:15px;font-weight:600}.prix-etat{margin:var(--space-xl) auto;color:var(--muted);text-align:center;font-size:16px}.prix-liste{gap:var(--space-sm);padding:var(--space-md);flex-direction:column;width:100%;max-width:640px;margin:0 auto;display:flex}.prix-ligne{justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--canvas);border:1.5px solid var(--hairline-soft);border-radius:var(--rounded-md);padding:var(--space-md);box-shadow:var(--shadow-sm);display:flex}.prix-texte{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.prix-nom{font-family:var(--font-display);color:var(--ink);font-size:19px;line-height:1.2}.prix-soustitre{color:var(--body);margin:0;font-size:14px}.prix-chiffres{align-items:center;gap:var(--space-sm);color:var(--muted);margin:0;font-size:14px;display:flex}.prix-chiffres .mono{font-variant-numeric:tabular-nums;letter-spacing:.2px;font-size:15px}.prix-champ{width:108px;height:52px;padding:0 var(--space-sm);border:1.5px solid var(--hairline);border-radius:var(--rounded-md);background:var(--canvas);flex-shrink:0;align-items:center;gap:6px;display:flex}.prix-champ:focus-within{border-color:var(--primary)}.prix-champ-suffixe{color:var(--muted);font-size:16px}.prix-champ input{font-variant-numeric:tabular-nums;min-width:0;color:var(--ink);text-align:right;background:0 0;border:none;flex:1;font-size:17px}.prix-champ input:disabled{color:var(--muted)}.prix-champ input::placeholder{color:var(--muted-soft)}.prix-actions{padding:0 var(--space-md) var(--space-lg);justify-content:center;display:flex}.valeur-page{width:100%;max-width:640px;min-height:0;padding:0 var(--space-md) max(var(--nav-flottante-reserve), env(safe-area-inset-bottom));gap:var(--space-lg);background:radial-gradient(circle, #c4425099 0%, #a8384642 40%, #1e171200 72%), var(--gradient-atmosphere);background-position:50% -180px,top;background-repeat:no-repeat,no-repeat;background-size:660px 660px,100% 100dvh;background-attachment:scroll,fixed;flex-direction:column;flex:1;margin:0 auto;display:flex}.valeur-entete{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-top:var(--space-lg);display:flex}.valeur-titre{font-family:var(--font-display);color:var(--ink);font-size:28px;line-height:1.12}.valeur-icone-logo{border-radius:var(--rounded-md);flex-shrink:0;width:30px;height:30px}.valeur-etat{margin:var(--space-xl) auto;color:var(--muted);text-align:center;font-size:16px}.valeur-kpi{align-items:flex-start;gap:var(--space-sm);background:var(--surface-card);border-left:4px solid var(--primary);border-radius:var(--rounded-lg);padding:var(--space-md) var(--space-lg);flex-direction:column;display:flex}.valeur-kpi-libelle{color:var(--muted);margin:0;font-size:14px}.valeur-kpi-montant{color:var(--primary);letter-spacing:.2px;margin:0;font-size:40px;font-weight:600}.valeur-kpi-sous{color:var(--body);margin:0;font-size:14px}.valeur-kpi-lacune{margin-top:var(--space-xs);border-radius:var(--rounded-pill);color:var(--accent-anis-soft-text);touch-action:manipulation;background:#a9a73f29;border:1px solid #a9a73f4d;padding:8px 14px;font-size:13px;font-weight:600}.valeur-section-titre{margin:0 0 var(--space-sm);font-family:var(--font-display);color:var(--ink);font-size:19px}.valeur-conso-grille{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.valeur-conso-tuile{background:var(--canvas);border:1px solid var(--primary);border-radius:var(--rounded-md);padding:var(--space-sm);flex-direction:column;align-items:center;gap:2px;display:flex}.valeur-conso-periode{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px}.valeur-conso-nombre{color:var(--ink);font-size:20px;font-weight:600}.valeur-conso-eur{color:var(--muted);font-size:13px}.valeur-camembert-bloc{align-items:center;gap:var(--space-lg);display:flex}.valeur-camembert{border-radius:50%;flex-shrink:0;width:120px;height:120px;position:relative}.valeur-camembert:after{content:"";background:var(--canvas);border-radius:50%;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.valeur-legende{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.valeur-legende-ligne{align-items:center;gap:var(--space-xs);display:flex}.valeur-legende-pastille{border-radius:50%;flex-shrink:0;width:10px;height:10px}.valeur-legende-libelle{min-width:0;color:var(--body);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.valeur-legende-chiffres{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:13px}.valeur-barres{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.valeur-barre-ligne{gap:var(--space-xs);flex-direction:column;display:flex}.valeur-barre-entete{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.valeur-barre-libelle{min-width:0;color:var(--body);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.valeur-barre-chiffres{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:13px}.valeur-barre-piste{border-radius:var(--rounded-pill);background:var(--hairline-soft);height:10px;overflow:hidden}.valeur-barre-remplissage{border-radius:var(--rounded-pill);background:var(--accent-anis);height:100%;transition:width .2s ease-out}.valeur-activite-liste{gap:var(--space-sm);margin:var(--space-md) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.valeur-activite-ligne{padding-bottom:var(--space-sm);border-bottom:1px solid var(--hairline-soft);flex-direction:column;gap:2px;display:flex}.valeur-activite-ligne:last-child{border-bottom:none;padding-bottom:0}.valeur-activite-texte{flex-direction:column;min-width:0;display:flex}.valeur-activite-nom{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.valeur-activite-detail{color:var(--muted);font-size:12px}.valeur-activite-quantite{color:var(--body-strong);flex-shrink:0;font-size:15px;font-weight:600}.connexion-page{width:100%;max-width:640px;min-height:100dvh;padding:var(--space-2xl) var(--space-md) max(var(--space-lg), env(safe-area-inset-bottom));gap:var(--space-lg);background:var(--gradient-atmosphere);background-repeat:no-repeat;background-size:100% 100dvh;background-attachment:fixed;flex-direction:column;flex:1;margin:0 auto;display:flex}.connexion-entete{gap:var(--space-sm);flex-direction:column;display:flex}.connexion-titre{font-family:var(--font-display);color:var(--ink);margin:0;font-size:34px;line-height:1.1}.connexion-explication{color:var(--body);margin:0;font-size:16px;line-height:1.45}.connexion-attente{margin:var(--space-xs) 0 0;border-radius:var(--rounded-pill);color:var(--accent-anis-soft-text);background:#a9a73f2e;align-self:flex-start;padding:6px 12px;font-size:14px;font-weight:600}.connexion-formulaire{gap:var(--space-md);flex-direction:column;display:flex}.connexion-champ{flex-direction:column;gap:6px;display:flex}.connexion-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.connexion-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}.connexion-input::placeholder{color:var(--muted-soft);opacity:1;font-style:italic}.connexion-input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.connexion-code{letter-spacing:6px;font-variant-numeric:tabular-nums;text-align:center;font-size:28px}.connexion-confirmation{padding:var(--space-md);border-radius:var(--rounded-lg);background:var(--surface-card);border:1px solid var(--hairline)}.connexion-confirmation-texte{color:var(--body-strong);margin:0;font-size:16px;line-height:1.45}.connexion-message{color:var(--success);margin:0;font-size:15px}.connexion-erreur{color:var(--error);margin:0;font-size:15px}.connexion-actions{align-items:center;gap:var(--space-sm);flex-direction:column;margin-top:auto;display:flex}.connexion-actions .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}.connexion-actions .btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-md)}.connexion-actions .btn-primary:active:not(:disabled){background:var(--primary-active)}.connexion-actions .btn-primary:disabled{background:var(--primary-disabled);color:var(--on-primary)}.connexion-actions .btn-ghost{color:var(--body);background:0 0}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-shell>main{flex:1;min-height:0}.accueil-bandeau-file{width:100%;padding:var(--space-sm) var(--space-md);background:var(--surface-soft);color:var(--body-strong);font-family:var(--font-body);text-align:left;touch-action:manipulation;border:none;border-radius:0;flex-shrink:0;margin:0;font-size:14px;font-weight:600;display:block}