@font-face{font-family:Albert Sans;src:url(/fonts/albert-sans-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--fond:#0e1b3d;--fond-2:#16306b;--trait:#2a4a8f;--trait-doux:#1a2c5c;--texte:#eaf2ff;--texte-2:#a9bee8;--accent:#7fd6ff;--sur-accent:#06223f;--reflet:#1e3f86;--danger:#ff9a8f;--rayon:12px;--rayon-carte:16px;--pas:8px;--police:"Albert Sans", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--fond:#f4f8ff;--fond-2:#dcebff;--trait:#a9c6f5;--trait-doux:#d5e3f8;--texte:#0e1b3d;--texte-2:#4a5f8f;--accent:#1f6fd6;--sur-accent:#fff;--reflet:#f4f8ff;--danger:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--fond);color:var(--texte);font:400 16px/1.45 var(--police);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,p{margin:0}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;display:flex}.ecran{padding:calc(20px + env(safe-area-inset-top)) 20px 20px;flex-direction:column;flex:1;display:flex}.titre{margin-bottom:16px;font-size:26px;font-weight:500}.second{color:var(--texte-2);font-size:13px}.centre{text-align:center}.espace{margin-top:16px}.pousse{margin-top:auto}.onglets{background:var(--fond);border-top:1px solid var(--trait-doux);padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:flex;position:sticky;bottom:0}.onglet{border-radius:var(--rayon);min-height:48px;color:var(--texte-2);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex}.onglet svg{width:22px;height:22px}.onglet[aria-current=page]{color:var(--accent)}.bouton{cursor:pointer;border:1.5px solid var(--trait);min-height:48px;color:var(--texte);background:0 0;border-radius:999px;padding:0 20px;font-size:16px;font-weight:500;transition:background-color .15s ease-out,opacity .15s ease-out}.bouton-plein{background:var(--accent);border-color:var(--accent);color:var(--sur-accent)}.bouton-texte{color:var(--accent);border-color:#0000}.bouton-danger{color:var(--danger)}.bouton:hover{background:var(--fond-2)}.bouton-plein:hover{background:var(--accent);opacity:.9}.bouton:active{opacity:.75}.bouton:disabled{opacity:.45;cursor:not-allowed}.rangee{gap:var(--pas);display:flex}.rangee>.bouton{flex:1}.pile{gap:var(--pas);flex-direction:column;display:flex}.champ{color:var(--texte-2);flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.champ input{border-radius:var(--rayon);min-height:48px;color:var(--texte);border:1px solid var(--trait);background:0 0;padding:0 14px;font-size:16px}.champ input::placeholder{color:var(--texte-2)}.message{min-height:20px;margin:8px 0;font-size:13px}.message-erreur{color:var(--danger)}.message-info{color:var(--texte-2)}.ligne{border-bottom:1px solid var(--trait-doux);align-items:center;gap:12px;min-height:56px;padding:8px 0;display:flex}.ligne:last-child{border-bottom:0}.ligne>.grandit{flex:1;min-width:0}.carte{background:var(--fond-2);border-radius:var(--rayon-carte);margin-bottom:12px;padding:16px}.carte h2{font-size:16px;font-weight:500}.rang{justify-content:space-between;padding:3px 0;font-size:14px;display:flex}.rang.moi{color:var(--accent);font-weight:500}.fantome{border-radius:var(--rayon);background:var(--fond-2);opacity:.6;height:40px;margin:8px 0}.bulle-minuteur{aspect-ratio:1;width:min(64vw,260px);margin:24px auto 0;position:relative}.bulle-minuteur svg{width:100%;height:100%;display:block}.bulle-minuteur .fond{fill:var(--fond-2);stroke:var(--trait);stroke-width:2px}.bulle-minuteur .reflet{fill:var(--reflet)}.bulle-minuteur .anneau{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;transition:stroke-dasharray 1s linear}.bulle-minuteur .dedans{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chiffres{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;line-height:1}.bulle-membre{width:30px;height:30px;color:var(--texte-2);border:1px solid var(--trait);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;display:flex}.bulle-membre.en_pause{width:36px;height:36px;color:var(--texte);border:1.5px dashed var(--texte-2)}.bulle-membre.en_session{width:44px;height:44px;color:var(--texte);background:var(--fond-2);border:2px solid var(--couleur,var(--accent));font-size:15px}.loge{flex:none;justify-content:center;width:44px;display:flex}.copines{justify-content:center;align-items:flex-end;gap:20px;min-height:66px;margin-top:20px;display:flex}.copine{color:var(--texte-2);flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.reglage{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.rond{cursor:pointer;border:1px solid var(--trait);width:44px;height:44px;color:var(--texte);background:0 0;border-radius:50%;font-size:20px;line-height:1}.case{cursor:pointer;align-items:center;gap:10px;min-height:44px;margin:12px 0;display:flex}.case input{width:22px;height:22px;accent-color:var(--accent)}.pastilles{border:0;flex-wrap:wrap;gap:7px;margin:6px 0 16px;padding:0;display:flex}.pastille{width:34px;height:34px;position:relative}.pastille input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pastille span{background:var(--couleur);border:3px solid var(--fond);border-radius:50%;width:100%;height:100%;display:block}.pastille input:checked+span{box-shadow:0 0 0 2px var(--texte)}.pastille input:focus-visible+span{box-shadow:0 0 0 2px var(--accent)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}