@font-face{font-family:Mielo Jakarta;src:url("./plus-jakarta-sans-latin-wght-normal-XZSBT77D.woff2") format("woff2");font-style:normal;font-weight:500 700;font-display:swap}@font-face{font-family:Mielo Fraunces;src:url("./mielo-fraunces-600-soft100-GA6QVEZN.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0020,U+0042,U+004D,U+0063,U+0065,U+0068,U+0069,U+006C,U+006E,U+006F,U+0075,U+0076,U+007A}:root,[data-theme=light]{--bg: #F5F3EE;--surface: #FFFFFF;--surface-2: #ECEAE4;--ink: #1E2321;--ink-2: #5A615D;--line: #E2E0DA;--line-strong: #8A8F8A;--selected: #E3E1DA;--on-selected: #1E2321;--action: #365F4B;--on-action: #FFFFFF;--action-hover: #2E523F;--action-pressed: #264634;--miel: #F2B53A;--on-miel: #1E2321;--attention: #865700;--attention-soft: #FFF4DD;--problem: #A12F35;--problem-soft: #FBECEE;--on-problem: #FFFFFF;--info: #006778;--info-soft: #E7F4F6;--disabled-bg: #E5E3DD;--disabled-ink: #5F645F;--overlay: rgba(21, 22, 28, .6);--brand-cream: #FFF8EC;--on-personne: #FFFFFF;--p-bleu: #345FA0;--p-prune: #855277;--p-sarcelle: #0E6E78;--p-corail: #B3442E;--p-indigo: #4B4FA6;--p-olive: #5F6B1F}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #171918;--surface: #222523;--surface-2: #2E3230;--ink: #EEEFEC;--ink-2: #B7BCB7;--line: #3A3F3C;--line-strong: #7C827E;--selected: #3B403D;--on-selected: #EEEFEC;--action: #A8CDB6;--on-action: #171918;--action-hover: #B9D9C5;--action-pressed: #92BDA2;--miel: #E6B458;--on-miel: #171918;--attention: #E6C27A;--attention-soft: #3D321D;--problem: #F2A5A9;--problem-soft: #49292D;--on-problem: #171918;--info: #80DCEA;--info-soft: #183E43;--disabled-bg: #353A37;--disabled-ink: #A6ABA7;--on-personne: #171918;--p-bleu: #A8C4F1;--p-prune: #DDB2CF;--p-sarcelle: #7FCBD3;--p-corail: #F0A596;--p-indigo: #B4B6F0;--p-olive: #C5D07A}}[data-theme=dark]{--bg: #171918;--surface: #222523;--surface-2: #2E3230;--ink: #EEEFEC;--ink-2: #B7BCB7;--line: #3A3F3C;--line-strong: #7C827E;--selected: #3B403D;--on-selected: #EEEFEC;--action: #A8CDB6;--on-action: #171918;--action-hover: #B9D9C5;--action-pressed: #92BDA2;--miel: #E6B458;--on-miel: #171918;--attention: #E6C27A;--attention-soft: #3D321D;--problem: #F2A5A9;--problem-soft: #49292D;--on-problem: #171918;--info: #80DCEA;--info-soft: #183E43;--disabled-bg: #353A37;--disabled-ink: #A6ABA7;--on-personne: #171918;--p-bleu: #A8C4F1;--p-prune: #DDB2CF;--p-sarcelle: #7FCBD3;--p-corail: #F0A596;--p-indigo: #B4B6F0;--p-olive: #C5D07A}:root,[data-theme]{--personne-a: var(--p-bleu);--personne-b: var(--p-prune)}[data-pa=prune]{--personne-a: var(--p-prune)}[data-pa=sarcelle]{--personne-a: var(--p-sarcelle)}[data-pa=corail]{--personne-a: var(--p-corail)}[data-pa=indigo]{--personne-a: var(--p-indigo)}[data-pa=olive]{--personne-a: var(--p-olive)}[data-pb=bleu]{--personne-b: var(--p-bleu)}[data-pb=sarcelle]{--personne-b: var(--p-sarcelle)}[data-pb=corail]{--personne-b: var(--p-corail)}[data-pb=indigo]{--personne-b: var(--p-indigo)}[data-pb=olive]{--personne-b: var(--p-olive)}:root{--font-ui: "Mielo Jakarta", system-ui, -apple-system, "Segoe UI", sans-serif;--font-wordmark: "Mielo Fraunces", Georgia, serif;--text-xs: .75rem;--text-sm: .8125rem;--text-body: 1rem;--text-sheet: 1.125rem;--text-title: 1.25rem;--text-hero: 1.75rem;--text-hero-lg: 2.5rem;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r-contenant: 16px;--r-controle: 10px;--r-pilule: 999px;--d1: .12s;--d2: .2s;--d3: .32s;--courbe: cubic-bezier(.2, .7, .2, 1);--cible: 44px;--mascotte-sm: 32px;--mascotte-md: 40px;--mascotte-lg: 96px}:root{--hero: var(--text-hero)}@media(min-width:900px){:root{--hero: var(--text-hero-lg)}}@media(prefers-reduced-motion:reduce){:root{--d1: 0ms;--d2: 0ms;--d3: 0ms}}.mielo{font-family:var(--font-ui);font-size:var(--text-body);font-weight:500;color:var(--ink);background:var(--bg);line-height:1.4;font-variant-numeric:tabular-nums}.mielo *,.mielo *:before,.mielo *:after{box-sizing:border-box}.mielo :focus-visible{outline:2px solid var(--action);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.secondaire{color:var(--ink-2);font-size:var(--text-sm)}.titre-section{color:var(--ink-2);font-size:var(--text-sm);font-weight:600;margin:0 0 var(--s2)}.barre{display:flex;align-items:center;justify-content:space-around;padding:var(--s2) var(--s2);background:var(--surface)}.onglet{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s1);min-width:var(--cible);min-height:var(--cible);padding:var(--s1) var(--s3);border:0;border-radius:var(--r-controle);background:none;color:var(--ink-2);font:inherit;font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background var(--d2) var(--courbe)}.onglet svg{width:22px;height:22px}.onglet[aria-current=page]{background:var(--selected);color:var(--on-selected)}.disque-abeille{display:grid;place-items:center;width:56px;height:56px;margin-top:calc(var(--s4) * -1);border:0;border-radius:50%;background:var(--miel);color:var(--on-miel);cursor:pointer}.disque-abeille img{width:var(--mascotte-md);height:var(--mascotte-md);border-radius:50%;background:var(--brand-cream)}.entete{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4)}.entete h1{margin:0;font-size:var(--text-title);font-weight:700}.mois{display:inline-flex;align-items:center;gap:var(--s1)}.mois button{display:grid;place-items:center;width:var(--cible);height:var(--cible);border:0;border-radius:var(--r-controle);background:none;color:var(--ink);cursor:pointer}.mois output{min-width:7ch;text-align:center;font-weight:600}.heros{padding:var(--s4)}.heros .legende{color:var(--ink-2);font-size:var(--text-sm);margin:0 0 var(--s1)}.heros .montant{margin:0;font-size:var(--hero);font-weight:700;line-height:1.1;letter-spacing:-.01em}.heros.fait .montant{text-decoration:underline;text-decoration-color:var(--miel);text-decoration-thickness:3px;text-underline-offset:6px}.heros .personnes{display:flex;flex-wrap:wrap;gap:var(--s5);margin-top:var(--s4)}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--on-personne);font-size:var(--text-sm);font-weight:700}.avatar.a{background:var(--personne-a)}.avatar.b{background:var(--personne-b)}.carte{padding:var(--s4);border:0;border-radius:var(--r-contenant);background:var(--surface)}.carte>.encart{margin-top:var(--s3);padding:var(--s3);border-radius:var(--r-controle);background:var(--surface-2)}.ligne{display:flex;align-items:center;gap:var(--s3);min-height:var(--cible);padding:var(--s2) 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:inherit;text-align:left;width:100%}.ligne:last-child{border-bottom:0}.ligne svg{flex:none;width:22px;height:22px;color:var(--ink-2)}.ligne .nom{flex:1;min-width:0}.ligne .montant{font-weight:600}.etat{display:inline-block;width:14px;height:14px;border:2px solid var(--ink-2);border-radius:50%}.etat.plein{background:var(--action);border-color:var(--action)}.jauge{height:8px;border-radius:var(--r-pilule);background:var(--surface-2);overflow:hidden}.jauge>span{display:block;height:100%;width:var(--part, 0%);border-radius:inherit;background:var(--ink-2);transition:width var(--d3) var(--courbe)}.jauge.attention>span{background:var(--attention)}.jauge.probleme>span{background:var(--problem)}.jauge.objectif>span{background:var(--miel)}.segment{display:flex;gap:var(--s1);padding:var(--s1);border-radius:var(--r-controle);background:var(--surface-2)}.segment button{flex:1;min-height:40px;border:0;border-radius:var(--r-controle);background:none;color:var(--ink-2);font:inherit;font-weight:600;cursor:pointer;transition:background var(--d2) var(--courbe)}.segment button[aria-pressed=true]{background:var(--selected);color:var(--on-selected)}.feuille{padding:var(--s4) var(--s4) var(--s5);border-radius:var(--r-contenant) var(--r-contenant) 0 0;background:var(--surface);animation:glisse var(--d2) var(--courbe)}.feuille h2{margin:0 0 var(--s3);font-size:var(--text-sheet);font-weight:700}.feuille .poignee{width:36px;height:4px;margin:0 auto var(--s3);border-radius:var(--r-pilule);background:var(--line-strong)}@keyframes glisse{0%{transform:translateY(24px);opacity:0}}.menu{display:grid;gap:var(--s1);padding:var(--s1);border-radius:var(--r-controle);background:var(--surface);border:1px solid var(--line-strong)}.menu button{display:flex;align-items:center;justify-content:space-between;min-height:var(--cible);padding:0 var(--s3);border:0;border-radius:var(--r-controle);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.menu button[aria-selected=true]{background:var(--selected);color:var(--on-selected);font-weight:600}.champ{display:grid;gap:var(--s1)}.champ label{color:var(--ink-2);font-size:var(--text-sm);font-weight:600}.champ input{min-height:var(--cible);padding:0 var(--s3);border:1px solid var(--line-strong);border-radius:var(--r-controle);background:var(--surface);color:var(--ink);font:inherit;font-size:max(var(--text-body),16px)}.champ input:focus-visible{outline:2px solid var(--action);outline-offset:2px}.interrupteur{display:inline-flex;align-items:center;gap:var(--s3);min-height:var(--cible);cursor:pointer}.interrupteur input{position:absolute;opacity:0;width:1px;height:1px}.interrupteur .piste{position:relative;width:48px;height:28px;border:1px solid var(--line-strong);border-radius:var(--r-pilule);background:var(--surface-2);transition:background var(--d2) var(--courbe)}.interrupteur .piste:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--ink-2);transition:transform var(--d2) var(--courbe)}.interrupteur input:checked+.piste{background:var(--action);border-color:var(--action)}.interrupteur input:checked+.piste:after{transform:translate(20px);background:var(--on-action)}.interrupteur input:focus-visible+.piste{outline:2px solid var(--action);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--cible);padding:0 var(--s5);border:1px solid transparent;border-radius:var(--r-pilule);font:inherit;font-weight:600;cursor:pointer;transition:background var(--d1) var(--courbe)}.btn-plein{background:var(--action);color:var(--on-action)}.btn-plein:hover{background:var(--action-hover)}.btn-plein:active{background:var(--action-pressed)}.btn-secondaire{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-texte{background:none;color:var(--action);padding:0 var(--s3)}.btn:disabled{background:var(--disabled-bg);color:var(--disabled-ink);border-color:transparent;cursor:not-allowed}.puce{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--s3);border-radius:var(--r-pilule);background:var(--surface-2);color:var(--ink);font-size:var(--text-sm);font-weight:600}.puce.fondateur{background:var(--miel);color:var(--on-miel)}.message{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-contenant);color:var(--ink)}.message.info{background:var(--info-soft)}.message.attention{background:var(--attention-soft)}.message.probleme{background:var(--problem-soft)}.message .mot{font-weight:700}.message.info .mot{color:var(--info)}.message.attention .mot{color:var(--attention)}.message.probleme .mot{color:var(--problem)}.carte-abeille{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);border-radius:var(--r-contenant);background:var(--surface)}.carte-abeille .actions{display:flex;gap:var(--s2);margin-top:var(--s3)}.carte-abeille.je-vais{border-left:4px solid var(--miel)}.vide{display:grid;justify-items:center;gap:var(--s3);padding:var(--s6) var(--s4);text-align:center;color:var(--ink-2)}.vide img{width:var(--mascotte-lg);height:var(--mascotte-lg);border-radius:50%;background:var(--brand-cream)}.squelette{height:16px;border-radius:var(--r-controle);background:var(--surface-2);animation:pulse 1.2s var(--courbe) infinite alternate}@keyframes pulse{to{opacity:.5}}@media(prefers-reduced-motion:reduce){.feuille,.squelette{animation:none}}.ecran{display:grid;gap:var(--s3);align-content:start;width:100%;max-width:420px;padding-bottom:var(--s4)}.ecran>.carte,.ecran>.message,.ecran>.carte-abeille{margin:0 var(--s4)}body{margin:0;min-height:100vh}.page{display:grid;justify-items:center;padding-bottom:calc(var(--cible) + var(--s6) + var(--s5))}.page .ecran{padding-bottom:0}.ecran>.action,.ecran>details.carte{margin:0 var(--s4)}.action{display:grid}.action .btn-plein{width:100%}.heros .personnes strong{font-size:var(--text-sheet);font-weight:700}.heros .personnes>span{display:inline-flex;align-items:center;gap:var(--s2);flex-wrap:wrap}details.replie>summary{display:flex;align-items:center;min-height:var(--cible);margin:0;cursor:pointer;list-style:none}details.replie>summary::-webkit-details-marker{display:none}details.replie[open]>summary{margin-bottom:var(--s2)}details.plus>summary{list-style:none;width:max-content;cursor:pointer}details.plus>summary::-webkit-details-marker{display:none}.qr svg{width:200px;height:200px;background:var(--surface)}a.onglet,a.disque-abeille,a.btn{text-decoration:none}.barre{position:fixed;left:0;right:0;bottom:0;justify-content:center;gap:var(--s2)}.barre>*{flex:1;max-width:96px}.barre>.disque-abeille{flex:none;width:56px}.voile{position:fixed;inset:0;display:grid;align-items:end;justify-items:center;background:var(--overlay);z-index:10}.voile[hidden]{display:none}.voile .feuille{width:100%;max-width:420px;max-height:85vh;overflow-y:auto}.suivi{position:fixed;left:0;right:0;bottom:calc(var(--cible) + var(--s6) + var(--s4));display:grid;justify-items:center;padding:0 var(--s4);z-index:11;pointer-events:none}.suivi .message{width:100%;max-width:420px;background:var(--surface)}@media(min-width:900px){.ecran{max-width:560px}.voile{align-items:center}.voile .feuille{border-radius:var(--r-contenant)}}
