:root,[data-theme=light]{--partition:#f7f6f2;--surface:#ffffff;--surface-creuse:#efede6;--encre:#1c2340;--encre-douce:#5b6078;--indigo:#2a3a8f;--sur-indigo:#ffffff;--laiton:#f2c14e;--sur-laiton:#1c2340;--mesure:#dcd8cc;--mesure-forte:var(--indigo);--ok:#0e7c86;--sur-ok:#ffffff;--attention:#9a6400;--erreur:#b3261e;--ombre-flottante:0 8px 24px rgba(28,35,64,.12),0 1px 2px rgba(28,35,64,.08)}[data-theme=dark]{--partition:#12151f;--surface:#1a1e2c;--surface-creuse:#232838;--encre:#eef0f7;--encre-douce:#a6acc4;--indigo:#afb9ff;--sur-indigo:#12151f;--mesure:#2e3449;--ok:#5fd3dc;--sur-ok:#12151f;--attention:#f0b64b;--erreur:#ff8a80;--ombre-flottante:0 8px 24px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.4)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--partition:#12151f;--surface:#1a1e2c;--surface-creuse:#232838;--encre:#eef0f7;--encre-douce:#a6acc4;--indigo:#afb9ff;--sur-indigo:#12151f;--mesure:#2e3449;--ok:#5fd3dc;--sur-ok:#12151f;--attention:#f0b64b;--erreur:#ff8a80;--ombre-flottante:0 8px 24px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.4)}}:root{--e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--e6:32px;--e7:48px;--e8:64px;--e9:96px;--r-s:4px;--r-m:8px;--r-l:12px;--r-note:999px;--font-sans:"Bricolage Grotesque"}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--partition);color:var(--encre);font-family:var(--font-sans),"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}a{color:var(--indigo);text-decoration:none}a:hover{color:var(--encre)}figure,h1,h2,h3,h4,ol,p,ul{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--mesure-forte);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.t-xl{font-size:56px;line-height:60px;letter-spacing:-.02em}.t-l,.t-xl{font-weight:700}.t-l{font-size:40px;line-height:44px;letter-spacing:-.015em}.t-m{font-size:28px;line-height:34px;letter-spacing:-.01em}.t-m,.t-s{font-weight:600}.t-s{font-size:20px;line-height:26px}.lead{font-size:18px;line-height:28px;color:var(--encre-douce)}.p{font-size:15px;line-height:22px}.s{line-height:18px;color:var(--encre-douce)}.lbl,.s{font-size:13px}.lbl{font-weight:500;line-height:16px}.compteur{font-weight:600;font-size:24px;line-height:28px;letter-spacing:-.01em}.prix{font-weight:700;font-size:48px;line-height:52px;letter-spacing:-.02em}@media (max-width:860px){.t-xl{font-size:40px;line-height:44px}.t-l{font-size:32px;line-height:36px}}.wrap{max-width:1200px;margin:0 auto;padding:0 var(--e6)}@media (max-width:640px){.wrap{padding:0 var(--e4)}}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center;gap:var(--e3);flex-wrap:wrap}.grid{display:grid;grid-gap:var(--e4);gap:var(--e4)}.card{background:var(--surface);border:1px solid var(--mesure);border-radius:var(--r-l)}.hr{height:1px;background:var(--mesure)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);padding:var(--e3) var(--e4);border-radius:var(--r-m);border:1px solid transparent;font-weight:600;font-size:15px;line-height:20px;cursor:pointer;text-decoration:none;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out}.btn-primary{background:var(--indigo);color:var(--sur-indigo)}.btn-primary:hover{filter:brightness(1.08);color:var(--sur-indigo)}.btn-secondary{background:var(--surface);color:var(--encre);border-color:var(--mesure)}.btn-secondary:hover{border-color:var(--encre-douce);color:var(--encre)}.btn-ghost{background:transparent;color:var(--indigo);padding-inline:var(--e2)}.btn-ghost:hover{background:var(--surface-creuse)}.btn-danger{background:var(--surface);color:var(--erreur);border-color:var(--mesure)}.btn[aria-disabled=true],.btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}.btn-s{padding:var(--e2) var(--e3);font-size:13px;line-height:16px}.btn-l{padding:var(--e4) var(--e5);font-size:18px;line-height:24px}.btn-laiton{background:var(--laiton);color:var(--sur-laiton)}.btn-laiton:hover{color:var(--sur-laiton);filter:brightness(1.04)}.badge{display:inline-flex;align-items:center;gap:var(--e1);padding:2px var(--e2);border-radius:var(--r-s);font-weight:500;font-size:13px;line-height:16px;border:1px solid var(--mesure);color:var(--encre);background:var(--surface);white-space:nowrap}.badge:before{content:"";width:8px;height:8px;border-radius:var(--r-note);background:var(--encre-douce)}.badge-ok{color:var(--ok);border-color:var(--ok)}.badge-ok:before{background:var(--ok)}.badge-attention{color:var(--attention);border-color:var(--attention)}.badge-attention:before{background:var(--attention)}.badge-erreur{color:var(--erreur);border-color:var(--erreur)}.badge-erreur:before{background:var(--erreur)}.badge-cours{color:var(--indigo);border-color:var(--indigo)}.badge-cours:before,.badge-laiton{background:var(--laiton)}.badge-laiton{color:var(--sur-laiton);border-color:var(--laiton)}.badge-laiton:before{display:none}.tabs{display:inline-flex;padding:var(--e1);border-radius:var(--r-m);background:var(--surface-creuse);gap:var(--e1)}.tab{padding:var(--e2) var(--e4);border-radius:calc(var(--r-m) - 2px);font-weight:600;font-size:15px;line-height:20px;color:var(--encre-douce);background:transparent;border:0;cursor:pointer;text-decoration:none}.tab.on,.tab[aria-selected=true]{background:var(--surface);color:var(--encre);box-shadow:inset 0 0 0 1px var(--mesure)}.field{display:flex;flex-direction:column;gap:6px}.input{padding:12px 14px;border:1px solid var(--mesure);border-radius:var(--r-m);background:var(--surface);color:var(--encre);width:100%}.input:focus{border-color:var(--mesure-forte)}.chip{display:inline-flex;align-items:center;gap:var(--e1);padding:var(--e1) var(--e3);border-radius:var(--r-m);border:1px solid var(--mesure);background:var(--surface);color:var(--encre);font-weight:500;font-size:13px;line-height:16px;cursor:pointer}.chip.on,.chip[aria-pressed=true]{border-color:var(--indigo);color:var(--indigo)}.composer{background:var(--surface);border:1px solid var(--mesure);border-radius:var(--r-l);padding:var(--e4);display:grid;grid-gap:var(--e3);gap:var(--e3);width:100%}.composer:focus-within{border-color:var(--mesure-forte);box-shadow:0 0 0 1px var(--mesure-forte)}.composer textarea{width:100%;min-height:72px;resize:vertical;border:0;outline:0;background:transparent;color:var(--encre);font-size:18px;line-height:28px}.composer textarea::placeholder{color:var(--encre-douce)}.stave{position:relative;height:49px;background-image:repeating-linear-gradient(to bottom,var(--mesure) 0 1px,transparent 1px 12px);background-size:100% 49px;background-repeat:no-repeat}.note{position:absolute;width:12px;height:12px;border-radius:var(--r-note);background:var(--laiton);transform:translate(-50%,-50%)}.note.todo{background:var(--mesure)}.barre{top:0;bottom:0;width:1px;background:var(--mesure-forte)}.barre,.tete{position:absolute}.tete{top:-8px;bottom:-8px;width:2px;background:var(--laiton);border-radius:var(--r-s);transition:left .24s ease-out}.measure{display:grid;grid-template-columns:28px 1fr auto;grid-gap:var(--e3);gap:var(--e3);align-items:start;padding:var(--e3) 0;border-top:1px solid var(--mesure);position:relative}.measure:first-child{border-top:0}.measure-num{width:28px;height:28px;border-radius:var(--r-note);border:1px solid var(--mesure);display:grid;place-items:center;font-weight:600;font-size:13px;color:var(--encre-douce);background:var(--surface)}.measure[data-state=done] .measure-num{background:var(--laiton);border-color:var(--laiton);color:var(--sur-laiton)}.measure[data-state=active] .measure-num{border-color:var(--indigo);color:var(--indigo);border-width:2px}.measure[data-state=active]:before{content:"";position:absolute;left:-16px;top:var(--e3);bottom:var(--e3);width:2px;background:var(--mesure-forte);border-radius:var(--r-s)}.measure[data-state=failed] .measure-num{border-color:var(--erreur);color:var(--erreur)}.measure-title{font-weight:600;font-size:15px;line-height:22px}.measure[data-state=todo] .measure-title{color:var(--encre-douce)}.measure-desc{line-height:18px;margin-top:var(--e1)}.measure-cost,.measure-desc{font-size:13px;color:var(--encre-douce)}.measure-cost{font-weight:500;line-height:16px;white-space:nowrap;padding-top:3px}.measure[data-state=active] .measure-cost{color:var(--indigo)}.meter{display:grid;grid-gap:var(--e2);gap:var(--e2)}.meter-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--e3)}.meter-track{position:relative;height:8px;border-radius:var(--r-s);background:var(--surface-creuse)}.meter-fill{background:var(--indigo);transition:width .24s ease-out}.meter-est,.meter-fill{height:100%;border-radius:var(--r-s)}.meter-est{position:absolute;top:0;background:var(--laiton);opacity:.55}.meter-cap{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--encre-douce);border-radius:var(--r-s)}.meter[data-state=attention] .meter-fill{background:var(--attention)}.meter[data-state=erreur] .meter-fill{background:var(--erreur)}.legend{display:flex;gap:var(--e4);font-size:13px;line-height:18px;color:var(--encre-douce);flex-wrap:wrap}.legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:var(--e1);vertical-align:-1px;background:var(--indigo)}.legend .est:before{background:var(--laiton)}.legend .cap:before{background:var(--encre-douce);width:2px}.app{display:flex;flex-wrap:wrap;min-height:100vh}.side{width:240px;flex:0 0 240px;border-right:1px solid var(--mesure);background:var(--surface);flex-direction:column;gap:var(--e5);padding:20px var(--e4)}.main,.side{display:flex}.main{flex:999 1 560px;min-width:0;flex-direction:column}.side-top{display:flex;align-items:center;gap:var(--e3)}.side-body{display:flex;flex-direction:column;gap:var(--e5);flex:1 1}.side-balance,.side-toggle{display:none}.side-toggle{align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--mesure);border-radius:var(--r-m);background:var(--surface);color:var(--encre);font:inherit;font-weight:500;cursor:pointer}.side-toggle:hover{background:var(--surface-creuse)}@media (max-width:900px){.app{flex-direction:column}.side{width:100%;flex:0 0 auto;border-right:0;border-bottom:1px solid var(--mesure);padding:10px var(--e4);gap:var(--e3);position:-webkit-sticky;position:sticky;top:0;z-index:20}.side-balance{display:inline;margin-left:auto;font-weight:600;color:var(--encre)}.side-toggle{display:inline-flex}.side-body{display:none;padding-bottom:var(--e2)}.side-body.open{display:flex}.main{flex:1 1 auto}}.demo-bar{margin:0;padding:10px var(--e6);font-size:13px;line-height:18px;color:var(--encre);background:color-mix(in srgb,var(--laiton) 22%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--laiton) 55%,var(--mesure))}.demo-bar code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media (max-width:640px){.demo-bar{padding:8px var(--e4)}}.mhead{width:100%;padding-top:var(--e4);padding-bottom:var(--e4)}.mhead-row{display:flex;align-items:center;justify-content:space-between;gap:var(--e5)}.mhead-nav{display:flex;gap:28px}.mhead-nav a{font-weight:500;color:var(--encre-douce)}.mhead-nav a:hover{color:var(--encre)}.mhead-cta{display:flex;align-items:center;gap:var(--e2)}.mhead-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--mesure);border-radius:var(--r-m);background:var(--surface);color:var(--encre);cursor:pointer}.mhead-menu{display:none}@media (max-width:900px){.mhead-login,.mhead-nav{display:none}.mhead-toggle{display:inline-flex}.mhead-cta .btn-primary{padding-left:14px;padding-right:14px}.mhead-menu.open{display:grid;grid-gap:2px;gap:2px;margin-top:var(--e3);padding:var(--e2);border:1px solid var(--mesure);border-radius:var(--r-l);background:var(--surface)}}@media (max-width:420px){.mhead-cta .btn-primary{display:none}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--e4);padding:var(--e4) var(--e6);border-bottom:1px solid var(--mesure);background:var(--surface);flex-wrap:wrap}.content{padding:var(--e6);display:flex;flex-direction:column;gap:var(--e5);flex:1 1}@media (max-width:640px){.content{padding:var(--e4)}.topbar{padding:var(--e3) var(--e4)}}.wordmark{font-weight:700;font-size:22px;line-height:26px;letter-spacing:-.02em;color:var(--encre)}.navitem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-m);font-weight:500;color:var(--encre-douce)}.navitem.on,.navitem:hover{background:var(--surface-creuse);color:var(--encre)}.log{display:flex;gap:var(--e3);padding:10px 0;border-top:1px solid var(--mesure);font-size:13px;line-height:18px}.log:first-child{border-top:0}.log time{flex:0 0 56px}.log .meta,.log time{color:var(--encre-douce)}.log .meta{margin-left:auto;white-space:nowrap}table.receipt{border-collapse:collapse;width:100%}table.receipt td,table.receipt th{text-align:left;padding:10px 16px;border-bottom:1px solid var(--mesure)}table.receipt thead th{font-weight:500;font-size:13px;color:var(--encre-douce)}table.receipt td.n{text-align:right;font-weight:500}.browser{border:1px solid var(--mesure);border-radius:var(--r-l);overflow:hidden;background:var(--surface)}.browser .chrome{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--mesure);background:var(--surface-creuse)}.browser .url{flex:1 1;padding:6px 12px;border-radius:6px;background:var(--surface);font-size:13px;color:var(--encre-douce);border:1px solid var(--mesure)}.browser iframe{width:100%;height:480px;border:0;background:#fff}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--e4);top:var(--e4);background:var(--surface);padding:var(--e2) var(--e3);border-radius:var(--r-m);z-index:10}.sr{position:absolute;left:-9999px}