:root{--papier: #eff1ec;--surface: #fafbf7;--creux: #e6e9e2;--encre: #131a19;--encre-2: #3e4846;--attenue: #6d7876;--filet: #d2d8cf;--accent: #0c5b57;--accent-doux: #dce9e6;--ok: #2e6b47;--ok-fond: #deebe2;--alerte: #8a6210;--alerte-fond: #f0e7cf;--critique: #9c3226;--critique-fond: #f1deda;--ui: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--papier: #0e1213;--surface: #161b1c;--creux: #1d2425;--encre: #e5eae7;--encre-2: #b3bdba;--attenue: #808b89;--filet: #263030;--accent: #5cb9b2;--accent-doux: #12312f;--ok: #6db98c;--ok-fond: #17301f;--alerte: #d6a548;--alerte-fond: #322709;--critique: #e27b69;--critique-fond: #331815}}*{box-sizing:border-box}body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.cadre{max-width:460px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:0 20px env(safe-area-inset-bottom,20px)}.barre{display:flex;justify-content:space-between;align-items:center;padding:14px 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--attenue)}.entete{padding-bottom:14px;border-bottom:1px solid var(--filet);margin-bottom:20px}.titre{font-size:19px;font-weight:650;letter-spacing:-.01em;margin:0}.sous-titre{font-size:13px;color:var(--attenue);margin:3px 0 0}.corps{flex:1;display:flex;flex-direction:column}.espace{flex:1;min-height:16px}.etiquette{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--attenue);margin-bottom:6px}.champ{width:100%;border:1px solid var(--filet);border-radius:6px;background:var(--surface);color:var(--encre);padding:11px 12px;font-family:var(--ui);font-size:15px;margin-bottom:14px}.champ:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.bouton{width:100%;border:none;border-radius:6px;background:var(--accent);color:var(--papier);padding:14px 16px;font-family:var(--ui);font-size:15px;font-weight:600;cursor:pointer}.bouton:disabled{opacity:.55;cursor:not-allowed}.bouton-discret{background:transparent;color:var(--accent);border:1px solid var(--accent)}.bouton:focus-visible{outline:2px solid var(--encre);outline-offset:2px}.horloge{font-family:var(--mono);font-size:54px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:center;margin:22px 0 4px}.horloge-note{text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--attenue);margin:0 0 22px}.pastille{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:5px 10px;border-radius:4px;margin-bottom:8px}.p-ok{background:var(--ok-fond);color:var(--ok)}.p-alerte{background:var(--alerte-fond);color:var(--alerte)}.p-critique{background:var(--critique-fond);color:var(--critique)}.p-neutre{background:var(--creux);color:var(--encre-2)}.pile{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.regle{border:1px solid var(--filet);background:var(--surface);border-radius:6px;padding:18px;font-size:15px;line-height:1.65}.regle p{margin:0 0 14px}.regle p:last-child{margin-bottom:0}.note{font-family:var(--mono);font-size:11px;line-height:1.6;color:var(--attenue);margin:0 0 14px}.erreur{font-size:13px;color:var(--critique);margin:0 0 14px}.journal{border-top:1px solid var(--filet);margin-top:18px;padding-top:12px}.ligne-journal{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:11px;color:var(--attenue);padding:5px 0;border-bottom:1px solid var(--filet)}.ligne-journal:last-child{border-bottom:none}.barre-droite{display:flex;gap:8px;align-items:center}.onglets{display:flex;gap:4px;border-bottom:1px solid var(--filet);margin-bottom:4px}.onglet{flex:1;border:none;background:transparent;color:var(--attenue);font-family:var(--ui);font-size:13px;font-weight:550;padding:10px 6px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.onglet-actif{color:var(--accent);border-bottom-color:var(--accent)}.onglet:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.carte{border:1px solid var(--filet);background:var(--surface);border-radius:8px;padding:14px;margin-bottom:12px}.carte-entete{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.carte-heure{font-family:var(--mono);font-size:10px;color:var(--attenue)}.carte-titre{font-size:14px;font-weight:600;margin:0 0 6px;line-height:1.4}.carte-corps{font-size:13px;color:var(--encre-2);margin:0 0 8px;line-height:1.5}.carte-meta{font-family:var(--mono);font-size:10.5px;color:var(--attenue);margin:0 0 8px}.carte-reponse{font-size:12.5px;color:var(--encre-2);border-left:2px solid var(--accent);padding-left:10px;margin:8px 0 0;line-height:1.5}.w-chip{font-family:var(--mono);font-size:10px;background:var(--accent-doux);color:var(--accent);padding:3px 7px;border-radius:4px;white-space:nowrap}.tache{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--filet)}.tache-texte{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px}.tache-texte span{font-size:11.5px;color:var(--attenue);line-height:1.45}.tache-actions{display:flex;flex-direction:column;gap:5px;flex:0 0 auto}.mini{border:1px solid var(--accent);background:var(--accent);color:var(--papier);border-radius:4px;padding:5px 10px;font-family:var(--ui);font-size:11.5px;font-weight:550;cursor:pointer;white-space:nowrap}.mini-discret{background:transparent;color:var(--attenue);border-color:var(--filet)}.mini:focus-visible{outline:2px solid var(--encre);outline-offset:2px}.case{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px;cursor:pointer}textarea.champ{font-family:var(--ui);resize:vertical}select.champ{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--attenue) 50%),linear-gradient(135deg,var(--attenue) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.compteurs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:6px}.compteur{border:1px solid var(--filet);background:var(--surface);border-radius:6px;padding:10px 8px;text-align:center}.compteur b{display:block;font-family:var(--mono);font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.compteur span{font-family:var(--mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--attenue)}.ligne-service{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--filet)}.ligne-service-texte{display:flex;flex-direction:column;gap:2px;font-size:13px;min-width:0}.ligne-service-texte span{font-family:var(--mono);font-size:10.5px;color:var(--attenue)}.jauge-zone{display:flex;align-items:center;gap:8px;flex:0 0 auto}.jauge{display:block;width:78px;height:6px;background:var(--creux);border-radius:3px;overflow:hidden}.jauge i{display:block;height:100%;background:var(--accent);border-radius:3px}.jauge i.w{background:var(--alerte)}.jauge i.c{background:var(--critique)}.jauge-valeur{font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--encre-2);min-width:38px;text-align:right}.friction{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--filet)}.friction-texte{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px;min-width:0}.friction-texte span{font-size:11.5px;color:var(--attenue);line-height:1.45}.note-bloc{display:flex;align-items:baseline;gap:8px;margin:4px 0 14px}.note-grande{font-family:var(--mono);font-size:38px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.note-plafond{font-family:var(--mono);font-size:13px;color:var(--attenue)}.composante{display:grid;grid-template-columns:1fr 42px 68px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--filet)}.composante-texte{display:flex;flex-direction:column;gap:2px;min-width:0}.composante-texte b{font-size:12.5px;font-weight:600}.composante-texte span{font-size:11px;color:var(--attenue);line-height:1.45}.composante-poids{font-family:var(--mono);font-size:11px;color:var(--attenue);text-align:right;font-variant-numeric:tabular-nums}.bandeau-controle{border:1px solid var(--alerte);background:var(--alerte-fond);border-radius:6px;padding:12px 14px;margin-bottom:14px;display:flex;flex-direction:column;gap:4px}.bandeau-controle b{font-size:13px;color:var(--alerte)}.bandeau-controle span{font-size:12px;line-height:1.5;color:var(--encre-2)}.choix-durees{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}