:root{--craie: #e8eae4;--surface: #f4f5f1;--surface-sunk: #dfe2da;--encre: #152238;--encre-pale: #5a6577;--encre-faible: #8a93a0;--filet: #c9cdc3;--filet-fort: #a8afa1;--bleu: #2d5d9f;--garance: #a8352a;--ocre: #b8811f;--olive: #566d3c;--prune: #6b4570;--ardoise: #44586b;--weekend: #dde0d8;--fait: var(--olive);--manque: var(--garance);--attention: var(--ocre);--ui: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Bricolage Grotesque", "Archivo", ui-sans-serif, system-ui, sans-serif;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.0625rem;--t-lg: 1.375rem;--t-xl: 2rem;--gouttiere: clamp(1rem, 4vw, 2.5rem);--rayon: 2px}@media(prefers-color-scheme:dark){:root{--craie: #171a1e;--surface: #1e2227;--surface-sunk: #262b31;--encre: #e6e8e3;--encre-pale: #9aa3ac;--encre-faible: #6e7881;--filet: #333a41;--filet-fort: #4a535c;--bleu: #6f9de2;--garance: #e0705f;--ocre: #dfa94e;--olive: #8aa768;--prune: #b088b6;--ardoise: #8aa3b8;--weekend: #22272c}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--craie);color:var(--encre);font-family:var(--ui);font-size:var(--t-base);line-height:1.55;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.1;letter-spacing:-.015em;margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--bleu);outline-offset:2px;border-radius:var(--rayon)}.shell{min-height:100dvh;display:flex;flex-direction:column}.masthead{border-bottom:1px solid var(--filet);padding:1rem var(--gouttiere) 0;position:sticky;top:0;background:var(--craie);z-index:10}.masthead__top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;max-width:68rem;margin:0 auto;flex-wrap:wrap}.wordmark{font-family:var(--display);font-weight:700;font-size:var(--t-lg);letter-spacing:-.03em;text-decoration:none}.masthead__date{font-size:var(--t-sm);color:var(--encre-pale)}.nav{display:flex;gap:1.5rem;max-width:68rem;margin:.5rem auto 0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{text-decoration:none;font-size:var(--t-sm);color:var(--encre-pale);padding:.35rem 0 .6rem;border-bottom:2px solid transparent;white-space:nowrap}.nav a:hover{color:var(--encre)}.nav a.is-active{color:var(--encre);border-bottom-color:var(--encre);font-weight:600}main{flex:1;width:100%;max-width:68rem;margin:0 auto;padding:1.75rem var(--gouttiere) 4rem}.page-title{font-size:var(--t-xl);margin-bottom:.25rem}.page-lede{color:var(--encre-pale);font-size:var(--t-sm);margin:0 0 2rem;max-width:46ch}.section{margin-bottom:2.25rem}.section__head{display:flex;align-items:baseline;gap:.625rem;border-bottom:1px solid var(--filet-fort);padding-bottom:.375rem;margin-bottom:.25rem}.section__name{font-family:var(--display);font-weight:700;font-size:var(--t-md);letter-spacing:-.01em}.section__count{font-size:var(--t-sm);color:var(--encre-pale);margin-left:auto}.section--late .section__name{color:var(--garance)}.rows{list-style:none;margin:0;padding:0}.row{display:flex;align-items:center;gap:.875rem;padding:.75rem 0;border-bottom:1px solid var(--filet)}.row__body{flex:1;min-width:0}.row__name{font-size:var(--t-base);font-weight:500;overflow-wrap:anywhere}.row--done .row__name{color:var(--encre-pale)}.row__meta{font-size:var(--t-xs);color:var(--encre-pale);display:flex;gap:.75rem;flex-wrap:wrap}.row__meta em{font-style:normal;color:var(--garance)}.mark{--teinte: var(--bleu);flex:none;width:2rem;height:2rem;padding:0;border:1.5px solid var(--teinte);border-radius:var(--rayon);background:transparent;position:relative;overflow:hidden;cursor:pointer;display:grid;place-items:center;color:var(--teinte)}.mark:hover{background:color-mix(in srgb,var(--teinte) 12%,transparent)}.mark__fill{position:absolute;inset:auto 0 0 0;background:color-mix(in srgb,var(--teinte) 30%,transparent);pointer-events:none}.mark--done{background:var(--teinte);color:var(--surface)}.mark--done:hover{background:color-mix(in srgb,var(--teinte) 85%,var(--encre))}.mark svg{position:relative;width:1.05rem;height:1.05rem;transform:rotate(-4deg)}.tally{display:flex;align-items:center;gap:.5rem;flex:none}.tally__value{font-family:var(--display);font-weight:500;font-size:var(--t-sm);min-width:4.5rem;text-align:right;color:var(--encre-pale)}.tally__value b{color:var(--encre);font-weight:700}.step{width:1.75rem;height:1.75rem;border:1px solid var(--filet-fort);border-radius:var(--rayon);background:transparent;cursor:pointer;line-height:1;color:var(--encre-pale)}.step:hover:not(:disabled){border-color:var(--encre);color:var(--encre)}.step:disabled{opacity:.35;cursor:default}.planner-scroll{overflow-x:auto;border:1px solid var(--filet-fort);border-radius:var(--rayon);background:var(--surface)}.planner{display:grid;grid-template-columns:2.25rem repeat(12,minmax(2rem,1fr));min-width:27rem;font-size:var(--t-xs)}.planner__corner,.planner__month,.planner__day,.cell{height:1.5rem;display:grid;place-items:center;border-width:0 1px 1px 0;border-style:solid;border-color:var(--filet)}.planner__month,.planner__corner{position:sticky;top:0;background:var(--surface-sunk);font-weight:600;color:var(--encre-pale);border-bottom-color:var(--filet-fort);z-index:2}.planner__day{position:sticky;left:0;background:var(--surface-sunk);color:var(--encre-faible);border-right-color:var(--filet-fort);z-index:1}.planner__corner{left:0;z-index:3}.cell{background:var(--surface);padding:0;cursor:pointer;position:relative}.cell--weekend{background:var(--weekend)}.cell--void{background:var(--craie);cursor:default}.cell--today{outline:2px solid var(--ocre);outline-offset:-2px;z-index:1}.cell__mark{width:62%;height:62%;border-radius:1px;background:var(--teinte, var(--bleu))}.cell:disabled{cursor:default}.planner-legend{display:flex;align-items:center;gap:.5rem;font-size:var(--t-xs);color:var(--encre-pale);margin-top:.75rem;flex-wrap:wrap}.planner-legend__swatch{width:.85rem;height:.85rem;border-radius:1px;border:1px solid var(--filet-fort)}.field{display:block;margin-bottom:1rem}.field__label{display:block;font-size:var(--t-sm);font-weight:600;margin-bottom:.3rem}.field__hint{font-size:var(--t-xs);color:var(--encre-pale);margin-top:.25rem}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;padding:.5rem .625rem;background:var(--surface);border:1px solid var(--filet-fort);border-radius:var(--rayon)}input:focus,select:focus,textarea:focus{border-color:var(--bleu);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--bleu) 25%,transparent)}textarea{min-height:4.5rem;resize:vertical}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border:1px solid var(--encre);border-radius:var(--rayon);background:var(--encre);color:var(--craie);font-weight:600;font-size:var(--t-sm);cursor:pointer;text-decoration:none}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--encre) 85%,var(--craie))}.btn:disabled{opacity:.5;cursor:default}.btn--quiet{background:transparent;color:var(--encre);border-color:var(--filet-fort)}.btn--quiet:hover:not(:disabled){background:var(--surface);border-color:var(--encre)}.btn--danger{background:transparent;border-color:var(--garance);color:var(--garance)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--garance) 12%,transparent)}.btn-row{display:flex;gap:.625rem;flex-wrap:wrap;align-items:center}.chips{display:flex;gap:.375rem;flex-wrap:wrap}.chip{padding:.3rem .6rem;border:1px solid var(--filet-fort);border-radius:var(--rayon);background:transparent;font-size:var(--t-sm);cursor:pointer}.chip[aria-pressed=true]{background:var(--encre);border-color:var(--encre);color:var(--craie);font-weight:600}.swatch{width:1.75rem;height:1.75rem;border-radius:var(--rayon);border:1.5px solid transparent;cursor:pointer;padding:2px;background:transparent}.swatch span{display:block;width:100%;height:100%;border-radius:1px}.swatch[aria-pressed=true]{border-color:var(--encre)}.notice{padding:.625rem .75rem;border-left:3px solid var(--garance);background:color-mix(in srgb,var(--garance) 8%,transparent);font-size:var(--t-sm);margin-bottom:1rem;border-radius:0 var(--rayon) var(--rayon) 0}.notice--ok{border-left-color:var(--olive);background:color-mix(in srgb,var(--olive) 10%,transparent)}.empty{padding:2rem 0;color:var(--encre-pale);max-width:44ch}.empty h3{font-size:var(--t-md);color:var(--encre);margin-bottom:.35rem}.panel{border:1px solid var(--filet-fort);border-radius:var(--rayon);background:var(--surface);padding:1.25rem;margin-bottom:1.5rem}.gate{max-width:23rem;margin:clamp(2rem,10vh,6rem) auto;padding:0 var(--gouttiere)}.gate__mark{font-family:var(--display);font-weight:700;font-size:clamp(2.5rem,12vw,3.75rem);letter-spacing:-.04em;line-height:.95;margin-bottom:.5rem}.gate__lede{color:var(--encre-pale);font-size:var(--t-sm);margin:0 0 2rem}.people{list-style:none;padding:0;margin:0}.person{display:flex;align-items:center;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--filet)}.person__dot{width:.75rem;height:.75rem;border-radius:50%;flex:none}.person__name{font-weight:500}.person--stacked{display:block;padding:.9rem 0;border-bottom:1px solid var(--filet)}.person--stacked .person{border-bottom:none;padding:0}.habit-visibility{margin-top:.625rem;padding-left:1.5rem}.habit-visibility .chip{display:inline-flex;align-items:center}.person__email{font-size:var(--t-xs);color:var(--encre-pale)}.spacer{margin-left:auto}.grid-2{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.week-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.week-nav{display:flex;align-items:center;gap:.5rem}.week-nav__label{font-family:var(--display);font-weight:700;font-size:var(--t-md);min-width:11rem;text-align:center}.btn--round{width:2.25rem;height:2.25rem;padding:0;border-radius:50%;display:grid;place-items:center;font-size:var(--t-lg);line-height:1}.summary{display:grid;grid-template-columns:auto 1fr;gap:1.25rem 1.75rem;align-items:center;margin-bottom:1.5rem}@media(max-width:30rem){.summary{grid-template-columns:auto 1fr;gap:1rem}}.ring{flex:none;width:5.5rem;height:5.5rem;transform:rotate(-90deg)}.ring__track{fill:none;stroke:var(--filet);stroke-width:8}.ring__value{fill:none;stroke:var(--fait);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .3s ease}.ring-wrap{position:relative;display:grid;place-items:center}.ring__label{position:absolute;font-family:var(--display);font-weight:700;font-size:var(--t-md);color:var(--encre)}.stats{display:flex;gap:1.5rem;flex-wrap:wrap}.stat__value{font-family:var(--display);font-weight:700;font-size:var(--t-lg);display:block;line-height:1.15}.stat__label{font-size:var(--t-xs);color:var(--encre-pale)}.heat{grid-column:1 / -1;display:flex;gap:.375rem}.heat__day{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem}.heat__bar{width:100%;height:2.25rem;border-radius:var(--rayon);background:var(--surface-sunk);border:1px solid var(--filet);position:relative;overflow:hidden}.heat__bar span{position:absolute;inset:auto 0 0 0;background:var(--fait)}.heat__label{font-size:var(--t-xs);color:var(--encre-pale)}.heat__label--today{color:var(--encre);font-weight:700}.week-scroll{overflow-x:auto;border:1px solid var(--filet-fort);border-radius:var(--rayon);background:var(--surface)}.week-table{display:grid;grid-template-columns:minmax(9.5rem,1fr) repeat(7,minmax(2.75rem,1fr));min-width:32rem}.week-table__corner,.week-table__day{position:sticky;top:0;background:var(--surface-sunk);border-bottom:1px solid var(--filet-fort);padding:.5rem .25rem;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.1rem}.week-table__corner{position:sticky;left:0;z-index:3;align-items:flex-start}.week-table__weekday{font-size:var(--t-xs);color:var(--encre-pale);text-transform:uppercase;letter-spacing:.02em}.week-table__date{font-family:var(--display);font-weight:700;font-size:var(--t-sm)}.week-table__day--today .week-table__weekday,.week-table__day--today .week-table__date{color:var(--attention)}.week-table__name{position:sticky;left:0;background:var(--surface);border-bottom:1px solid var(--filet);padding:.6rem .75rem;display:flex;align-items:center;gap:.5rem;min-width:0;z-index:1}.week-table__dot{width:.6rem;height:.6rem;border-radius:50%;flex:none;background:var(--teinte, var(--bleu))}.week-table__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-sm);font-weight:500}.streak{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:.2rem;font-size:var(--t-xs);font-weight:700;color:var(--attention);white-space:nowrap}.streak svg{width:.85rem;height:.85rem}.streak--lg{font-family:var(--display);font-size:var(--t-lg);margin-left:0}.streak--lg svg{width:1.1rem;height:1.1rem}.wcell{border:0;border-bottom:1px solid var(--filet);border-left:1px solid var(--filet);background:var(--surface);padding:0;cursor:pointer;display:grid;place-items:center;min-height:2.75rem}.wcell:disabled{cursor:default}.wcell__mark{width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--filet-fort);color:transparent;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.wcell:active:not(:disabled) .wcell__mark{transform:scale(.88)}.wcell__mark svg{width:1rem;height:1rem}.wcell--done .wcell__mark{background:var(--fait);border-color:var(--fait);color:var(--surface)}.wcell--missed .wcell__mark{background:color-mix(in srgb,var(--manque) 14%,transparent);border-color:var(--manque);color:var(--manque)}.wcell--pending .wcell__mark{border-color:var(--filet-fort);border-style:dashed}.wcell--future .wcell__mark{border-color:var(--filet);opacity:.5}.wcell--na{background:var(--craie)}.wcell--na .wcell__mark{border:0;color:var(--encre-faible)}.wcell--na .wcell__mark:before{content:"–"}.wcell--today{outline:2px solid var(--attention);outline-offset:-2px;z-index:1;position:relative}.week-legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:var(--t-xs);color:var(--encre-pale);margin-top:.75rem}.week-legend__item{display:inline-flex;align-items:center;gap:.4rem}.week-legend__mark{width:.9rem;height:.9rem;border-radius:50%;border:1.5px solid var(--filet-fort)}.week-legend__mark--done{background:var(--fait);border-color:var(--fait)}.week-legend__mark--missed{background:color-mix(in srgb,var(--manque) 14%,transparent);border-color:var(--manque)}.week-legend__mark--pending{border-style:dashed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--encre) 45%,transparent);display:grid;place-items:start center;padding:4rem 1rem;overflow-y:auto;z-index:20}.modal{width:100%;max-width:30rem;margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}