.mock,.motif{--mk-bg:var(--neutral-0);--mk-surface:var(--neutral-50);--mk-line:var(--neutral-200);--mk-skel:var(--neutral-100);--mk-text:var(--teal-900);--mk-muted:var(--neutral-500);--mk-accent:var(--mint-500);--mk-accent-soft:var(--mint-100);--mk-ink:var(--teal-900)}.mock{border:1px solid var(--mk-line);border-radius:var(--radius);background:var(--mk-bg);width:100%;font-family:var(--font-body);color:var(--mk-text);flex-direction:column;font-size:12.5px;line-height:1.4;display:flex;overflow:hidden;box-shadow:0 18px 40px -32px #00242380}.mock--sombre,.motif--sombre{--mk-bg:var(--teal-900);--mk-surface:var(--teal-800);--mk-line:var(--teal-700);--mk-skel:var(--teal-800);--mk-text:var(--neutral-0);--mk-muted:var(--neutral-400);--mk-accent:var(--mint-400);--mk-accent-soft:var(--teal-800);--mk-ink:var(--teal-950)}.mock--sombre{box-shadow:none}.mock__chrome{border-bottom:1px solid var(--mk-line);background:var(--mk-surface);align-items:center;gap:8px;padding:9px 14px;display:flex}.mock__chrome:before,.mock__chrome:after{content:"";border-radius:50%;flex:none;width:7px;height:7px}.mock__chrome:before{background:var(--mk-accent)}.mock__chrome:after{background:var(--mk-line)}.mock__legende{color:var(--mk-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:4px;font-size:11.5px;line-height:1.3;overflow:hidden}.mock__corps{flex-direction:column;gap:12px;padding:16px;display:flex}.mk-tete{align-items:center;gap:10px;display:flex}.mk-titre{font-family:var(--font-heading);letter-spacing:-.01em;font-size:17px;font-weight:700;line-height:1.2}.mk-badge{background:var(--mk-accent-soft);color:var(--mk-ink);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:600;line-height:1.3}.mock--sombre .mk-badge,.motif--sombre .mk-badge{color:var(--mk-accent)}.mk-legende{letter-spacing:.08em;text-transform:uppercase;color:var(--mk-muted);font-size:10px;font-weight:600}.mk-barre{height:6px;width:var(--w,100%);background:var(--mk-skel);border-radius:3px}.mk-barre--accent{background:var(--mk-accent)}.mk-rang{border:1px solid var(--mk-line);border-radius:var(--radius-sm);background:var(--mk-bg);grid-template-columns:3px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.mk-rang:before{content:"";background:var(--c,var(--mk-accent));border-radius:2px;align-self:stretch}.mk-rang__corps{gap:7px;min-width:0;display:grid}.mk-rang__label{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.25;overflow:hidden}.mk-rang__meta{color:var(--mk-muted);white-space:nowrap;font-size:11px}.mk-champs{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:10px 12px;display:grid}.mk-champ{gap:5px;min-width:0;display:grid}.mk-champ__label{letter-spacing:.07em;text-transform:uppercase;color:var(--mk-muted);font-size:9.5px;font-weight:600}.mk-champ__boite{border:1px solid var(--mk-line);border-radius:var(--radius-sm);background:var(--mk-bg);white-space:nowrap;text-overflow:ellipsis;align-items:center;min-height:28px;padding:0 10px;font-size:12px;line-height:1.2;display:flex;overflow:hidden}.mk-chips{flex-wrap:wrap;gap:6px;display:flex}.mk-chip{border:1px solid var(--mk-line);background:var(--mk-bg);color:var(--mk-muted);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:11.5px;line-height:1.2}.mk-chip.is-actif{background:var(--mk-accent-soft);color:var(--mk-ink);border-color:#0000;font-weight:600}.mock--sombre .mk-chip.is-actif,.motif--sombre .mk-chip.is-actif{background:var(--mk-accent)}.mk-chip.is-contour{border-color:var(--mk-text);color:var(--mk-text);font-weight:600}.mk-etapes{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.mk-etapes span{background:var(--mk-skel);border-radius:2px;height:4px}.mk-etapes span.is-faite{background:var(--mk-text)}.mk-note{border-left:3px solid var(--mk-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--mk-surface);color:var(--mk-muted);padding:9px 12px;font-size:11.5px;line-height:1.45}.mk-actions{align-items:center;gap:8px;padding-top:4px;display:flex}.mk-actions__note{color:var(--mk-muted);margin-right:auto;font-size:11px}.mk-btn{border-radius:var(--radius-sm);background:var(--mk-text);color:var(--mk-bg);white-space:nowrap;padding:7px 14px;font-size:11.5px;font-weight:600;line-height:1.2}.mk-btn--large{text-align:center;flex:1}.mk-btn--fantome{border:1px solid var(--mk-line);color:var(--mk-text);background:0 0}.mk-nuancier{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.mk-nuancier span{border-radius:var(--radius-sm);background:var(--c);border:1px solid var(--mk-line);height:36px}.mk-echelle{gap:7px;display:grid}.mk-echelle div{align-items:baseline;gap:10px;display:flex}.mk-echelle b{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1}.mk-echelle i{color:var(--mk-muted);font-size:10px;font-style:normal}.mk-coches{gap:9px;display:grid}.mk-coche{grid-template-columns:14px minmax(0,1fr);align-items:center;gap:10px;display:grid}.mk-coche:before{content:"";border:1px solid var(--mk-line);background:var(--mk-bg);border-radius:4px;width:14px;height:14px}.mk-coche.is-cochee:before{background:var(--mk-accent);border-color:#0000}.mk-wire{grid-template-columns:54px minmax(0,1fr);gap:10px;display:grid}.mk-wire__col,.mk-wire__bloc{border-radius:var(--radius-sm);background:var(--mk-skel)}.mk-wire__col .mk-barre{background:var(--mk-line)}.mk-wire__col .mk-barre--accent{background:var(--mk-accent)}.mk-wire__col{align-content:start;gap:6px;min-height:86px;padding:8px 7px;display:grid}.mk-wire__main{align-content:start;gap:8px;display:grid}.mk-wire__bloc{height:26px}.mk-wire__bloc--accent{background:var(--mk-accent-soft)}.mk-wire__duo{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mk-pensees{height:86px;position:relative}.mk-pensees span{background:var(--c);width:62px;height:52px;transform:rotate(var(--r,0deg));border-radius:4px;position:absolute}.mk-frise{gap:8px;display:grid}.mk-frise__piste{grid-auto-flow:column;grid-auto-columns:var(--parts,1fr);gap:5px;display:grid}.mk-frise__piste span{background:var(--mk-skel);border-radius:4px;height:16px}.mk-frise__piste span.is-plein{background:var(--mk-accent)}.mk-frise__piste span.is-demi{background:color-mix(in srgb, var(--mk-accent) 38%, var(--mk-bg))}.mk-frise__jours{letter-spacing:.06em;text-transform:uppercase;color:var(--mk-muted);text-align:center;grid-auto-columns:1fr;grid-auto-flow:column;gap:5px;font-size:9.5px;font-weight:600;display:grid}.motif{font-family:var(--font-body);color:var(--mk-text);height:var(--motif-h,13.5rem);background:var(--mk-surface);border-bottom:1px solid var(--mk-line);flex-direction:column;justify-content:center;gap:10px;padding:20px;font-size:12.5px;line-height:1.4;display:flex;overflow:hidden}.motif--sombre{background:var(--teal-900);border-bottom-color:var(--teal-800)}.motif__pied{letter-spacing:.08em;text-transform:uppercase;color:var(--mk-accent);margin-top:2px;font-size:9.5px;font-weight:600}.mk-ecrans{grid-template-columns:repeat(2,42px);justify-content:start;gap:10px;display:grid}.mk-ecrans span{border:1px solid var(--mk-line);background:var(--mk-bg);border-radius:6px;height:64px;display:block}.mk-ecrans span.is-valide{background:var(--mk-accent-soft);border-color:#0000}.mk-histo{grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:7px;height:58px;display:grid}.mk-histo span{height:var(--h,40%);background:var(--mk-skel);border-radius:3px 3px 0 0}.mk-histo span.is-accent{background:var(--mk-accent)}@media (width<=30rem){.mock__corps{gap:10px;padding:12px}.mk-champs{--cols:1}.motif{--motif-h:10.5rem;padding:16px}}