.chrono-app{padding:0 0 var(--space-xl);display:block}.chrono-app .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chrono-stage{padding:clamp(2.5rem, 5vw, 4.5rem) var(--space-page) 0;max-width:74rem;margin:0 auto}.chrono-breadcrumb{color:var(--muted);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);gap:.4rem;font-size:.72rem;display:flex}.chrono-breadcrumb a:hover{color:var(--ink);text-decoration:underline}.chrono-breadcrumb span[aria-hidden]{color:var(--brand-green)}.chrono-route{color:var(--brand-green);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);margin:1.6rem 0 .4rem;font-size:.78rem}.chrono-masthead h1{font-family:var(--font-display);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:840;font-stretch:86%;line-height:1.02}.chrono-lead{max-width:44rem;color:var(--ink-subtle);text-wrap:pretty;margin:.9rem 0 0;font-size:1.02rem;line-height:1.55}.chrono-instrument{border:1px solid var(--rule-strong);background:var(--white);margin-top:clamp(1.8rem,3.5vw,3rem);padding:clamp(1.1rem,2.5vw,1.8rem) clamp(1.1rem,3vw,2.2rem) clamp(1.3rem,2.5vw,1.9rem)}.chrono-noscript{font-family:var(--font-mono);color:var(--brand-red-contrast);margin:0}.ct-head{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.72rem;display:flex}.ct-state{color:var(--ink);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.ct-pulse{background:var(--faint);border-radius:50%;width:.55rem;height:.55rem}.chrono-instrument[data-mode=running] .ct-pulse{background:var(--brand-blue);animation:1.6s ease-in-out infinite ct-pulse}.chrono-instrument[data-mode=paused] .ct-pulse{background:var(--brand-red)}@keyframes ct-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.chrono-instrument[data-mode=running] .ct-pulse{animation:none}}.ct-tools{gap:.45rem;margin-left:auto;display:inline-flex}.ct-tool{border:1px solid var(--rule-strong);color:var(--muted);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);cursor:pointer;min-height:2rem;transition:color .18s var(--ease), border-color .18s var(--ease), background-color .18s var(--ease);background:0 0;padding:.42rem .6rem;font-size:.68rem}.ct-tool:hover{color:var(--ink);border-color:var(--ink)}.ct-tool[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}.ct-display{justify-content:center;padding:clamp(1.4rem,4vw,2.6rem) 0 clamp(.6rem,2vw,1.2rem);display:flex}.ct-digits{font-family:var(--font-mono);letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(3.1rem,11vw,6rem);font-weight:640;line-height:1}.chrono-instrument[data-mode=idle] .ct-digits{color:var(--faint)}.chrono-instrument[data-mode=paused] .ct-digits{color:var(--muted)}.ct-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem .9rem;padding-bottom:clamp(.9rem,2vw,1.4rem);display:flex}.ct-dot{background:var(--dot,var(--faint));border-radius:50%;flex:none;width:.55rem;height:.55rem;display:inline-block}.ct-cat{border:1px solid var(--rule-strong);color:var(--ink);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);cursor:pointer;min-height:2.25rem;transition:border-color .18s var(--ease);background:0 0;align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.78rem;display:inline-flex}.ct-cat:hover{border-color:var(--ink)}.ct-caret{color:var(--muted)}.ct-title{width:min(24rem,100%);color:var(--ink);font-family:var(--font-body);text-align:center;background:0 0;border:0;border-bottom:1px dashed #0000;padding:.35rem .1rem;font-size:1.05rem}.ct-title::placeholder{color:var(--muted)}.ct-title:hover,.ct-title:focus{border-bottom-color:var(--rule-strong);outline:none}.ct-title:focus-visible{border-bottom:1px solid var(--brand-green)}.ct-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.ct-split{display:inline-flex}.ct-split .cbtn:first-child{border-right:0}.ct-split-caret{padding-inline:.6rem}.ct-hint{text-align:center;color:var(--muted);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);margin:1rem 0 0;font-size:.7rem}.ct-menu-holder{display:inline-flex;position:relative}.ct-menu{z-index:30;border:1px solid var(--ink);background:var(--white);flex-direction:column;min-width:14rem;display:flex;position:absolute;top:calc(100% + .4rem);left:0;box-shadow:0 10px 24px oklch(14.5% 0 0/.08)}.ct-menu-item{color:var(--ink);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.55rem;padding:.6rem .8rem;font-size:.78rem;display:flex}.ct-menu-item:hover,.ct-menu-item:focus-visible{background:var(--comment-bg)}.ct-menu-create{border-top:1px solid var(--rule);color:var(--brand-blue-contrast)}.cbtn{border:1px solid var(--ink);min-height:2.9rem;color:var(--ink);font-family:var(--font-mono);cursor:pointer;transition:color .18s var(--ease), background-color .18s var(--ease), border-color .18s var(--ease);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.05rem;font-size:.88rem;font-weight:780;line-height:1.1;display:inline-flex}.cbtn-primary{background:var(--ink);color:var(--white)}.cbtn-primary:hover{background:var(--brand-blue);border-color:var(--brand-blue)}.cbtn-secondary{background:var(--white)}.cbtn-secondary:hover{border-color:var(--brand-blue);color:var(--brand-blue-contrast)}.cbtn-quiet{color:var(--muted);border-color:#0000}.cbtn-quiet:hover{color:var(--ink);border-color:var(--rule-strong)}.chrono-app button:focus-visible,.chrono-app input:focus-visible,.chrono-app select:focus-visible{outline:3px solid var(--brand-green);outline-offset:2px}.chrono-board{padding:clamp(2.8rem, 6vw, 4.5rem) var(--space-page) 0;max-width:74rem;margin:0 auto}.chrono-board-head{border-bottom:1px solid var(--rule-strong);flex-wrap:wrap;align-items:baseline;gap:.8rem 2rem;padding-bottom:1rem;display:flex}.chrono-board-head h2{font-family:var(--font-display);letter-spacing:var(--tracking-tight);margin:0;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:840;font-stretch:86%}.chrono-summary{flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;margin-left:auto;display:flex}.cs-today{color:var(--muted);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);margin:0;font-size:.78rem}.cs-today strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.95rem}.cs-cats{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.cs-cat{border:1px solid var(--rule);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--muted);align-items:center;gap:.45rem;padding:.3rem .55rem;font-size:.7rem;display:inline-flex}.cs-name{color:var(--ink);font:inherit;background:0 0;border:0;min-width:2.5rem;padding:0}.cs-name:hover{text-underline-offset:3px;text-decoration:underline dashed}.cs-total{font-variant-numeric:tabular-nums}.ch-day{margin-top:clamp(1.8rem,4vw,2.8rem)}.ch-day-head{flex-wrap:wrap;align-items:baseline;gap:.4rem 1.1rem;padding:.5rem 0;display:flex}.ch-day-head h3{font-family:var(--font-display);letter-spacing:var(--tracking-tight);margin:0;font-size:1.05rem;font-weight:800;font-stretch:90%}.ch-day-cats{flex-wrap:wrap;gap:.35rem .9rem;display:inline-flex}.ch-day-cat{color:var(--muted);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);font-variant-numeric:tabular-nums;align-items:center;gap:.4rem;font-size:.68rem;display:inline-flex}.ch-day-total{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem}.ch-table{border-collapse:collapse;width:100%}.ch-table th{text-align:left;border-bottom:1px solid var(--rule);color:var(--muted);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);padding:.45rem .7rem .45rem 0;font-size:.66rem;font-weight:400}.ch-table td{border-bottom:1px solid var(--rule);vertical-align:middle;padding:.32rem .7rem .32rem 0}.ch-table tr:hover td{background:var(--comment-bg)}.ch-row-live td{background:color-mix(in oklch, var(--brand-blue) 4%, var(--white))}.ch-table input,.ch-table select{width:100%;color:var(--ink);background:0 0;border:0;padding:.42rem .15rem;font-size:.86rem}.ch-table input::placeholder{color:var(--muted)}.ch-time,.ch-dur{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-mono)}.ch-table .ch-time{max-width:7.4rem}.ch-table .ch-dur{max-width:8.2rem}.ch-live{color:var(--brand-blue-contrast);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);font-variant-numeric:tabular-nums;padding:.42rem .15rem;font-size:.8rem;display:inline-block}.ch-catwrap{align-items:center;gap:.45rem;max-width:100%;display:inline-flex}.ch-cat{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);cursor:pointer;max-width:11rem;font-size:.78rem}.ch-title{font-family:var(--font-body);min-width:9rem}.ch-notes{font-family:var(--font-body);color:var(--ink-subtle);min-width:8rem}.ch-actions{white-space:nowrap;text-align:right}.ch-act{color:var(--muted);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);cursor:pointer;background:0 0;border:0;padding:.4rem .35rem;font-size:.68rem}.ch-act:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.ch-act-del:hover,.ch-act-del[data-armed]{color:var(--brand-red-contrast)}.ch-empty{border:1px dashed var(--rule-strong);margin-top:2rem;padding:clamp(1.4rem,3.5vw,2.4rem)}.ch-empty-title{font-family:var(--font-display);letter-spacing:var(--tracking-tight);margin:0 0 .8rem;font-size:1.1rem;font-weight:800;font-stretch:90%}.ch-empty ul{color:var(--ink-subtle);flex-direction:column;gap:.45rem;max-width:46rem;margin:0;padding:0;list-style:none;display:flex}.ch-empty li:before{content:">";color:var(--brand-green);font-family:var(--font-mono);margin-right:.6rem}.chrono-dialog{width:min(34rem, calc(100vw - 2 * var(--space-page)));border:1px solid var(--ink);background:var(--white);color:var(--ink);padding:clamp(1.3rem,3vw,1.9rem)}.chrono-dialog::backdrop{background:oklch(14.5% 0 0/.35)}.chrono-dialog h2{font-family:var(--font-display);letter-spacing:var(--tracking-tight);margin:0 0 .6rem;font-size:1.25rem;font-weight:840;font-stretch:86%}.chrono-dialog p{color:var(--ink-subtle);max-width:60ch;margin:0 0 1.1rem;line-height:1.55}.chrono-dialog-actions{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}#chrono-merge .chrono-dialog-actions,#chrono-category .chrono-dialog-actions,#chrono-settings .chrono-dialog-actions{flex-flow:wrap}.chrono-field{flex-direction:column;gap:.4rem;margin-bottom:1.1rem;display:flex}.chrono-field span{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--muted);font-size:.7rem}.chrono-field input,.chrono-field select{border:1px solid var(--rule-strong);background:var(--white);color:var(--ink);font-family:var(--font-body);padding:.6rem .7rem;font-size:.95rem}.chrono-check{align-items:center;gap:.55rem;margin-bottom:1.1rem;font-size:.92rem;display:flex}.chrono-check input{width:1.05rem;height:1.05rem;accent-color:var(--brand-blue)}@media (width<=760px){.chrono-summary,.ch-day-total{margin-left:0}.ch-table,.ch-table tbody,.ch-table td{display:block}.ch-table thead{display:none}.ch-table tr{border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem .8rem;padding:.75rem 0;display:grid}.ch-table td{border-bottom:0;padding:0}.ch-table tr:hover td,.ch-row-live td{background:0 0}.ch-row-live{background:color-mix(in oklch, var(--brand-blue) 4%, var(--white))}.ch-table td:nth-child(-n+3):before{color:var(--muted);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);font-size:.62rem;display:block}.ch-table td:first-child:before{content:"début"}.ch-table td:nth-child(2):before{content:"fin"}.ch-table td:nth-child(3):before{content:"durée"}.ch-table td:nth-child(4){grid-column:1/-1;margin-top:.35rem}.ch-table td:nth-child(5),.ch-table td:nth-child(6){grid-column:1/-1}.ch-table td:nth-child(7){text-align:left;grid-column:1/-1}}@media (pointer:coarse){.chrono-breadcrumb a{align-items:center;min-width:2.75rem;min-height:2.75rem;display:inline-flex}.ct-tool{min-width:2.75rem;min-height:2.75rem}}
