:root{--creme:#f6f1e9;--carte:#fffdf9;--filet:#e4dacb;--texte:#22303c;--texte-2:#6f6a62;--terracotta:#c4572e;--terracotta-clair:#f3dccf;--sauge:#5e8b6e;--sauge-clair:#dce8df;--ocre:#d9a441;--ocre-clair:#f6e7c4;--ocre-texte:#a0721a;--radius:18px;--serif:var(--font-serif),"Iowan Old Style",Charter,Georgia,serif;--sans:var(--font-sans),"Avenir Next",Avenir,"Segoe UI",Helvetica,sans-serif;--ease:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--creme);color:var(--texte);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100dvh}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;margin:0}p{margin:0}a{color:inherit}button{cursor:pointer}button,input,textarea{font:inherit;color:inherit}::selection{background:var(--terracotta-clair)}.kicker{font-weight:700;font-size:.95rem;color:var(--terracotta)}.kicker.sauge{color:var(--sauge)}.kicker.ocre{color:var(--ocre-texte)}.muted{color:var(--texte-2)}.btn{--btn-bg:var(--texte);--btn-bg-hover:#2c3d4c;--btn-glow:rgba(34,48,60,0.28);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;border:0;background:var(--btn-bg);color:var(--carte);font-family:var(--sans);font-weight:600;font-size:.95rem;letter-spacing:-.005em;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(34,48,60,.12),0 8px 20px -10px var(--btn-glow);transition:background-color .2s,box-shadow .25s var(--ease),transform .25s var(--ease),opacity .2s}.btn:hover{background:var(--btn-bg-hover);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 2px 4px rgba(34,48,60,.1),0 14px 28px -12px var(--btn-glow)}.btn:active{transform:translateY(0);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 2px rgba(34,48,60,.14)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--creme),0 0 0 5px color-mix(in srgb,var(--btn-bg) 55%,transparent)}.btn:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}.btn.accent{--btn-bg:var(--terracotta);--btn-bg-hover:#b54d27;--btn-glow:rgba(196,87,46,0.55);background:linear-gradient(180deg,#cc6038 0,var(--terracotta) 100%)}.btn.accent:hover{background:linear-gradient(180deg,#c35832 0,var(--btn-bg-hover) 100%)}.btn.ghost{background:var(--carte);color:var(--texte);box-shadow:inset 0 0 0 1px var(--filet),0 1px 2px rgba(34,48,60,.05)}.btn.ghost:hover{background:var(--carte);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--texte-2) 45%,var(--filet)),0 4px 12px -8px rgba(34,48,60,.3)}.btn.small{min-height:38px;padding:0 14px;font-size:.88rem;border-radius:10px}.field{width:100%;padding:15px 18px;border-radius:16px;border:1.5px solid transparent;background:var(--creme);font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.field:focus{border-color:var(--terracotta);box-shadow:0 0 0 4px var(--terracotta-clair)}.label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.error{color:var(--terracotta);font-size:.92rem}.card{background:var(--carte);border-radius:28px;box-shadow:0 1px 0 var(--filet),0 0 0 1px color-mix(in srgb,var(--filet) 60%,transparent)}.chip{border:0;background:var(--creme);border-radius:16px;padding:14px 18px;text-align:left;font-size:.98rem;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s,background .2s,transform .2s var(--ease)}.chip:hover{background:color-mix(in srgb,var(--filet) 55%,var(--creme))}.chip[aria-pressed=true]{background:var(--terracotta-clair);box-shadow:inset 0 0 0 1.5px var(--terracotta)}.chip.good{background:var(--sauge-clair);box-shadow:inset 0 0 0 1.5px var(--sauge)}.chip.bad{background:var(--terracotta-clair);box-shadow:inset 0 0 0 1.5px var(--terracotta)}.tone-terracotta{--tone:var(--terracotta);--tone-clair:var(--terracotta-clair);--tone-texte:var(--terracotta)}.tone-sauge{--tone:var(--sauge);--tone-clair:var(--sauge-clair);--tone-texte:var(--sauge)}.tone-ocre{--tone:var(--ocre);--tone-clair:var(--ocre-clair);--tone-texte:var(--ocre-texte)}.tone-neutre{--tone:var(--texte-2);--tone-clair:var(--creme);--tone-texte:var(--texte-2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}