:root{--fond:#fffbf2;--carte:#fff;--encre:#4a4238;--encre-douce:#8c8172;--soleil:#f6c445;--soleil-fonce:#b98a10;--soleil-pale:#fdf3d8;--bleu:#5b8bc9;--bleu-pale:#e9f1fa;--ligne:#f0e6d2;--retard:#b3543d;--retard-pale:#fbe6e0;--ok:#5f9b6d;--ok-pale:#e6f2e9;--rayon:16px;--ombre:0 2px 10px #be9b3c1a}*{box-sizing:border-box}html,body{background:var(--fond);color:var(--encre);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}#root{max-width:640px;min-height:100dvh;margin:0 auto}.ecran{padding:20px 18px calc(104px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;display:flex}h1{margin:0;font-size:1.45rem;font-weight:700}h2{color:var(--encre);margin:0;font-size:1.02rem;font-weight:700}.sous-titre{color:var(--encre-douce);margin:2px 0 0;font-size:.92rem}.carte{background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);box-shadow:var(--ombre);padding:16px}.bandeau-focus{background:var(--soleil-pale);border:1.5px solid var(--soleil);border-radius:var(--rayon);padding:14px 16px;font-size:1.02rem}.bandeau-focus strong{color:var(--soleil-fonce)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.btn{border:1px solid var(--ligne);background:var(--carte);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.95rem;font-weight:600;transition:transform 60ms,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-soleil{background:var(--soleil);border-color:var(--soleil);color:#4a3a10}.btn-bleu{background:var(--bleu-pale);color:#33608f;border-color:#cfe0f2}.btn-doux{background:var(--fond)}.btn-large{width:100%;padding:13px 16px}.btn-petit{border-radius:10px;padding:7px 11px;font-size:.85rem}.btn-fait{border:1.5px solid var(--ligne);background:var(--carte);width:40px;min-width:40px;height:40px;color:var(--encre-douce);border-radius:12px;font-size:1.05rem}.btn-fait:hover{border-color:var(--ok);color:var(--ok);background:var(--ok-pale)}.rang-energie{justify-content:space-between;gap:8px;display:flex}.btn-energie{border:1.5px solid var(--ligne);background:var(--carte);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px 8px;font-size:1.45rem;line-height:1;transition:all .12s;display:flex}.btn-energie small{color:var(--encre-douce);font-size:.68rem;font-weight:600}.btn-energie.actif{border-color:var(--soleil);background:var(--soleil-pale);box-shadow:0 0 0 3px #f6c44540}.ligne-tache{border-bottom:1px solid var(--ligne);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;display:flex}.ligne-tache:last-child{border-bottom:none;padding-bottom:2px}.ligne-tache:first-child{padding-top:2px}.tache-corps{flex:150px;min-width:0}.tache-titre{overflow-wrap:anywhere;font-weight:600}.tache-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.chip{background:var(--fond);color:var(--encre-douce);border:1px solid var(--ligne);border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:.78rem;font-weight:600;display:inline-flex}.chip-deadline{background:var(--bleu-pale);color:#33608f;border-color:#d5e4f4}.chip-retard{background:var(--retard-pale);color:var(--retard);border-color:#f2cfc5}.chip-aujourdhui{background:var(--soleil-pale);color:var(--soleil-fonce);border-color:#f3dfa4}.pastille{border-radius:50%;width:10px;min-width:10px;height:10px;display:inline-block}.chip-filtre{border:1.5px solid var(--ligne);background:var(--carte);border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:.87rem;font-weight:600;display:inline-flex}.chip-filtre.actif{border-color:var(--soleil);background:var(--soleil-pale);color:var(--soleil-fonce)}.rang-filtres{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}input[type=text],input[type=url],input[type=number],input[type=date],select,textarea{font:inherit;color:var(--encre);background:var(--carte);border:1.5px solid var(--ligne);border-radius:12px;outline:none;width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--soleil);box-shadow:0 0 0 3px #f6c44533}textarea{resize:vertical;min-height:88px}label.etiquette{color:var(--encre-douce);margin-bottom:4px;font-size:.82rem;font-weight:600;display:block}.rang{gap:10px;display:flex}.rang>*{flex:1}.pile{flex-direction:column;gap:10px;display:flex}input[type=date].date-mini{border-radius:9px;flex:none;width:116px;min-width:116px;min-height:32px;padding:5px 7px;font-size:.8rem}.segmente{gap:8px;display:flex}.segmente button{border:1.5px solid var(--ligne);background:var(--carte);color:var(--encre-douce);border-radius:12px;flex:1;padding:9px 8px;font-size:.88rem;font-weight:600}.segmente button.actif{border-color:var(--bleu);background:var(--bleu-pale);color:#33608f}.barre-onglets{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--ligne);width:100%;max-width:640px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:20;background:#fffffff5;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.onglet{color:var(--encre-douce);border-radius:13px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 2px;font-size:1.25rem;line-height:1.1;display:flex}.onglet small{font-size:.62rem;font-weight:700}.onglet.actif{background:var(--soleil-pale);color:var(--soleil-fonce)}.toast{bottom:calc(92px + env(safe-area-inset-bottom));color:#fff8e8;z-index:40;text-align:center;background:#4a4238;border-radius:999px;max-width:88%;padding:10px 20px;font-size:.92rem;font-weight:600;animation:.18s toast-pop;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #4a42384d}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.vide{text-align:center;color:var(--encre-douce);padding:26px 14px;font-size:.95rem}.entete-ecran{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.lien-doux{color:var(--bleu);font-weight:600;text-decoration:none}.lien-doux:hover{text-decoration:underline}.texte-doux{color:var(--encre-douce);font-size:.88rem}.separateur{border:none;border-top:1px solid var(--ligne);margin:4px 0}details.repliable>summary{cursor:pointer;color:var(--encre-douce);-webkit-user-select:none;user-select:none;font-size:.92rem;font-weight:600;list-style:none}details.repliable>summary:before{content:"▸ "}details.repliable[open]>summary:before{content:"▾ "}.btn-capture{right:16px;bottom:calc(92px + env(safe-area-inset-bottom));background:var(--carte);border:1.5px solid var(--soleil);z-index:25;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.5rem;display:flex;position:fixed;box-shadow:0 4px 14px #be9b3c38}.btn-capture:active{transform:scale(.94)}.voile{z-index:30;background:#4a423859;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.panneau{background:var(--carte);padding:20px 18px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;width:100%;max-width:640px;animation:.18s panneau-monte}@keyframes panneau-monte{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fete{z-index:50;pointer-events:none;font-size:3rem;animation:1s forwards fete-pop;position:fixed;top:42%;left:50%}@keyframes fete-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}60%{opacity:1;transform:translate(-50%,-55%)scale(1)}to{opacity:0;transform:translate(-50%,-75%)scale(1.05)}}.focus-one{background:var(--fond);z-index:35;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px 24px;display:flex;position:fixed;inset:0}.focus-sur-titre{color:var(--encre-douce);font-size:.95rem;font-weight:600}.focus-titre{overflow-wrap:anywhere;max-width:30rem;font-size:1.35rem;font-weight:700}.focus-timer{font-variant-numeric:tabular-nums;color:var(--soleil-fonce);margin:6px 0;font-size:3.4rem;font-weight:700}.focus-actions{flex-direction:column;gap:10px;width:100%;max-width:22rem;margin-top:8px;display:flex}