:root{color-scheme:light dark;--vd-bg: #fbfaf7;--vd-bg-raised: #ffffff;--vd-fg: #1a1a19;--vd-fg-muted: #55534d;--vd-border: #d9d6ce;--vd-sun: #fdcc03;--vd-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vd-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--vd-space-1: .25rem;--vd-space-2: .5rem;--vd-space-3: 1rem;--vd-space-4: 1.5rem;--vd-space-5: 2.5rem;--vd-space-6: 4rem;--vd-radius: 10px;--vd-measure: 68ch;--bo-danger: #a4262c;--bo-danger-bg: #fbeceb;--bo-on-sun: #1a1a19}@media(prefers-color-scheme:dark){:root{--vd-bg: #131413;--vd-bg-raised: #1c1e1d;--vd-fg: #f2f1ec;--vd-fg-muted: #a8a59d;--vd-border: #33352f;--bo-danger: #ff9390;--bo-danger-bg: #3a1f20}}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:var(--vd-font-sans);font-size:1rem;line-height:1.5;color:var(--vd-fg);background:var(--vd-bg)}main{max-width:46rem;margin:0 auto;padding:var(--vd-space-3)}h1{display:flex;align-items:center;gap:var(--vd-space-2);margin:0 0 var(--vd-space-3);padding-bottom:var(--vd-space-3);border-bottom:1px solid var(--vd-border);font-size:1.75rem;font-weight:800;line-height:1.1;letter-spacing:-.03em}h1:before{content:"";flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--vd-sun);box-shadow:0 0 0 1px color-mix(in srgb,var(--vd-fg) 25%,transparent)}h2{margin:0 0 var(--vd-space-3);font-size:1.375rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}p{margin:var(--vd-space-3) 0;overflow-wrap:anywhere}main:has(>section>form){max-width:24rem;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}main>section>form{padding:var(--vd-space-3);background:var(--vd-bg-raised);border:1px solid var(--vd-border);border-top:2px solid color-mix(in srgb,var(--vd-sun) 70%,transparent);border-radius:var(--vd-radius)}main>section>form label{margin-top:0}nav{display:flex;flex-wrap:wrap;gap:var(--vd-space-2);margin-bottom:var(--vd-space-4)}nav button{flex:1}nav button[aria-current=page]{background:var(--vd-fg);color:var(--vd-bg)}nav button:last-child{flex:none;border-color:var(--vd-border)}label{display:block;margin:var(--vd-space-3) 0 var(--vd-space-1);font-weight:600}input,select,button{font:inherit}input,select{width:100%;padding:.6rem;border:1px solid var(--vd-fg-muted);border-radius:var(--vd-radius);background:var(--vd-bg-raised);color:var(--vd-fg)}button{padding:.6rem .9rem;border:1px solid var(--vd-fg);border-radius:var(--vd-radius);background:var(--vd-bg-raised);color:var(--vd-fg);cursor:pointer}button:hover:not(:disabled){background:color-mix(in srgb,var(--vd-fg) 8%,var(--vd-bg-raised))}nav button[aria-current=page]:hover:not(:disabled),form button:hover:not(:disabled){background:var(--vd-fg)}form button{margin-top:var(--vd-space-3);width:100%;background:var(--vd-fg);color:var(--vd-bg);font-weight:600}:focus-visible{outline:3px solid var(--vd-fg);outline-offset:2px}button:disabled{opacity:.5;cursor:default;background:color-mix(in srgb,var(--vd-fg) 10%,var(--vd-bg-raised));border-style:dashed}form button:disabled{color:var(--vd-fg)}[role=alert]{padding:.6rem .75rem;border:1px solid var(--bo-danger);border-left-width:.35rem;border-radius:var(--vd-radius);background:var(--bo-danger-bg);color:var(--bo-danger);font-weight:600}[role=status]{color:var(--vd-fg-muted)}ul{list-style:none;margin:0;padding:0}ul>li{margin-bottom:var(--vd-space-2);background:var(--vd-bg-raised);border:1px solid var(--vd-border);border-radius:var(--vd-radius);overflow:hidden}summary{padding:.75rem;cursor:pointer;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}summary:hover{background:color-mix(in srgb,var(--vd-fg) 5%,var(--vd-bg-raised))}details[open]>summary{border-bottom:1px solid var(--vd-border)}summary span{display:inline-block;padding:0 .5rem;border-radius:999px;font-size:.8rem;background:var(--vd-border);color:var(--vd-fg-muted)}li[data-etat=new]{border-left:.3rem solid var(--vd-sun)}li[data-etat=new] summary{font-weight:600}li[data-etat=new] summary span{background:var(--vd-sun);color:var(--bo-on-sun)}details>dl,details>button{margin-left:.75rem}details>dl{margin-right:.75rem;margin-top:.75rem;margin-bottom:var(--vd-space-3)}details>button{margin-bottom:.75rem;margin-right:var(--vd-space-2)}dt{font-weight:600;font-size:.85rem;color:var(--vd-fg-muted)}dd{margin:0 0 var(--vd-space-2);overflow-wrap:anywhere}pre{margin:0;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}details>button[data-action=supprimer]{border-color:var(--bo-danger);color:var(--bo-danger)}details>button[data-action=supprimer]:disabled{border-color:var(--vd-fg);color:var(--vd-fg)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--vd-bg-raised);border:1px solid var(--vd-border);border-radius:var(--vd-radius);overflow:hidden}th,td{padding:.5rem .6rem;text-align:left;vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums}td:nth-child(2){white-space:normal;overflow-wrap:anywhere;width:100%}th{font-size:.85rem;color:var(--vd-fg-muted);background:color-mix(in srgb,var(--vd-fg) 5%,var(--vd-bg-raised))}tbody td{border-top:1px solid var(--vd-border)}td button{white-space:nowrap;border-color:var(--bo-danger);color:var(--bo-danger);padding:.4rem .7rem}td button:disabled{border-color:var(--vd-fg);color:var(--vd-fg)}@media(max-width:40rem){thead{display:none}table,tbody{display:block;border:0;background:none;border-radius:0;overflow:visible}tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 var(--vd-space-2);margin-bottom:var(--vd-space-2);background:var(--vd-bg-raised);border:1px solid var(--vd-border);border-radius:var(--vd-radius)}tbody td{border-top:0}td{display:block;min-width:0;white-space:normal;overflow-wrap:break-word}td:nth-child(2){width:auto}td:nth-child(1){grid-column:1;color:var(--vd-fg-muted);font-size:.9rem;padding-bottom:0}td:nth-child(2){grid-column:1;font-weight:600;padding-bottom:0}td:nth-child(3){grid-column:1;color:var(--vd-fg-muted);font-size:.9rem}td:nth-child(4){grid-column:2;grid-row:1 / span 3;align-self:center}}