*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #faf8f5;--color-surface: #ffffff;--color-border: #e8e2da;--color-border-light: #f0ebe4;--color-text: #2c2825;--color-text-secondary: #6b6560;--color-text-muted: #9a9490;--color-accent: #c4956a;--color-accent-light: #f5ebe3;--color-accent-hover: #b07d52;--color-tag-bg: #f0ebe4;--color-tag-hover: #e5ddd3;--color-danger: #c97070;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Lora", Georgia, serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-normal: .25s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh}input,textarea,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}textarea{resize:vertical}.app{max-width:960px;margin:0 auto;padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-2xl)}.header{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-xl) 0}.header__title{font-family:var(--font-serif);font-size:2rem;font-weight:600;color:var(--color-text);letter-spacing:-.02em}.header__subtitle{font-size:.9rem;color:var(--color-text-muted);margin-top:var(--space-xs);font-weight:300}.header__actions{margin-top:var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.header__reload{font-family:var(--font-sans, inherit);font-size:.8rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border, rgba(0, 0, 0, .12));border-radius:6px;padding:.35rem .75rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.header__reload:hover:not(:disabled){color:var(--color-text);border-color:var(--color-accent)}.header__reload:disabled{opacity:.6;cursor:wait}.header__reload-error{font-size:.75rem;color:#b42318;margin:0;max-width:28rem}.header__divider{width:60px;height:2px;background-color:var(--color-accent);margin:var(--space-md) auto 0;border:none}.section{margin-bottom:var(--space-2xl)}.section__title{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.section__title:before{content:"";display:inline-block;width:4px;height:1.2em;background-color:var(--color-accent);border-radius:2px}@media(max-width:680px){.app{padding:var(--space-md) var(--space-sm)}.header{padding:var(--space-md) 0;margin-bottom:var(--space-xl)}.header__title{font-size:1.6rem}.section__title{font-size:1.15rem}}.trois-corps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.colonne-corps{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.colonne-corps:hover{box-shadow:var(--shadow-md)}.colonne-corps__title{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;text-align:center;color:var(--color-accent-hover);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.colonne-corps__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);min-height:60px;align-content:flex-start}.colonne-corps__empty{font-size:.8rem;color:var(--color-text-muted);font-style:italic;width:100%;text-align:center;padding:var(--space-md) 0}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-tag-bg);color:var(--color-text);padding:.25em .6em;border-radius:20px;font-size:.85rem;transition:background var(--transition-fast);animation:tagAppear .2s ease}@keyframes tagAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tag:hover{background:var(--color-tag-hover)}.tag__text{line-height:1.4}.tag__remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.85rem;line-height:1;color:var(--color-text-muted);transition:all var(--transition-fast)}.tag__remove:hover{background:var(--color-danger);color:#fff}.colonne-corps__input-row{display:flex;gap:var(--space-xs);margin-top:auto}.colonne-corps__input{flex:1;padding:.5em .75em;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:.85rem;outline:none;transition:border-color var(--transition-fast)}.colonne-corps__input:focus{border-color:var(--color-accent)}.colonne-corps__input::placeholder{color:var(--color-text-muted)}.colonne-corps__add{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-size:1.2rem;font-weight:300;transition:background var(--transition-fast)}.colonne-corps__add:hover:not(:disabled){background:var(--color-accent-hover)}.colonne-corps__add:disabled{opacity:.4;cursor:not-allowed}@media(max-width:680px){.trois-corps{grid-template-columns:1fr}}.cinq-valeurs{display:flex;flex-direction:column;gap:var(--space-sm)}.valeur-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.valeur-card:hover{box-shadow:var(--shadow-md)}.valeur-card--open{border-color:var(--color-accent)}.valeur-card__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);text-align:left;gap:var(--space-md);transition:background var(--transition-fast)}.valeur-card__header:hover{background:var(--color-accent-light)}.valeur-card__header-content{flex:1}.valeur-card__titre{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;color:var(--color-text);margin-bottom:2px}.valeur-card__question{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.valeur-card__chevron{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-tag-bg);color:var(--color-accent-hover);font-size:1.1rem;font-weight:400;transition:all var(--transition-fast)}.valeur-card--open .valeur-card__chevron{background:var(--color-accent);color:#fff}.valeur-card__body{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease;opacity:0}.valeur-card--open .valeur-card__body{max-height:2000px;opacity:1}.valeur-card__content{padding:0 var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border-light);padding-top:var(--space-lg)}.valeur-card__paragraph{font-size:.9rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.valeur-card__paragraph:last-child{margin-bottom:0}.valeur-card__exercice{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-accent-light);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.valeur-card__exercice-label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-hover);margin-bottom:var(--space-sm)}.valeur-card__exercice .valeur-card__paragraph{color:var(--color-text)}.valeur-card__reponse{margin-top:var(--space-lg)}.valeur-card__reponse-label{display:block;font-size:.8rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.04em}.valeur-card__textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:.88rem;line-height:1.6;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:80px}.valeur-card__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c4956a1f}.valeur-card__textarea::placeholder{color:var(--color-text-muted)}.neuf-volontes{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-border);gap:1px;box-shadow:var(--shadow-sm)}.volonte-cell{background:var(--color-surface);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);min-height:180px;transition:background var(--transition-fast)}.volonte-cell:hover{background:#fdfcfa}.volonte-cell__header{display:flex;align-items:flex-start;gap:var(--space-xs)}.volonte-cell__numero{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent);color:#fff;font-size:.7rem;font-weight:600;line-height:1}.volonte-cell__titre{flex:1;font-family:var(--font-serif);font-size:.85rem;font-weight:600;color:var(--color-text);line-height:1.3}.volonte-cell__info{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-tag-bg);color:var(--color-text-muted);font-size:.75rem;font-weight:600;transition:all var(--transition-fast)}.volonte-cell__info:hover{background:var(--color-accent-light);color:var(--color-accent-hover)}.volonte-cell__description{font-size:.78rem;line-height:1.55;color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);background:var(--color-accent-light);border-radius:var(--radius-sm);border-left:2px solid var(--color-accent);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.volonte-cell__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);flex:1;align-content:flex-start}.volonte-cell__input-row{display:flex;gap:var(--space-xs);margin-top:auto}.volonte-cell__input{flex:1;min-width:0;padding:.4em .6em;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:.8rem;outline:none;transition:border-color var(--transition-fast)}.volonte-cell__input:focus{border-color:var(--color-accent)}.volonte-cell__input::placeholder{color:var(--color-text-muted)}.volonte-cell__add{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-size:1.1rem;font-weight:300;transition:background var(--transition-fast);flex-shrink:0}.volonte-cell__add:hover:not(:disabled){background:var(--color-accent-hover)}.volonte-cell__add:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.neuf-volontes{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.neuf-volontes{grid-template-columns:1fr}.volonte-cell{min-height:auto}}