*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #faf7f2;--color-surface: #ffffff;--color-border: #e8e0d4;--color-border-light: #f1ebe1;--color-text: #2b2823;--color-text-secondary: #6b6259;--color-text-muted: #9b9286;--color-accent: #8c3b46;--color-accent-soft: #a8505c;--color-accent-light: #f3e7e8;--color-accent-hover: #6e2c35;--color-tag-bg: #f1ebe1;--color-tag-hover: #e7ddce;--color-positive: #7f8f6a;--color-negative: #b5705c;--color-serenite: #6f8a86;--color-danger: #c97070;--font-sans: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Cormorant Garamond", 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(60, 45, 30, .05);--shadow-md: 0 2px 10px rgba(60, 45, 30, .08);--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,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}textarea{resize:vertical}.app{max-width:880px;margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-2xl)}.app__main{margin-top:var(--space-xl)}.header{text-align:center;padding:var(--space-xl) 0 var(--space-md)}.header__title{font-family:var(--font-serif);font-size:2.6rem;font-weight:600;color:var(--color-text);letter-spacing:.01em;line-height:1.1}.header__subtitle{font-family:var(--font-serif);font-style:italic;font-size:1.1rem;color:var(--color-text-muted);margin-top:var(--space-xs)}.header__actions{margin-top:var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.header__reload{font-size:.8rem;font-weight:700;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.35rem .75rem;transition:color var(--transition-fast),border-color var(--transition-fast)}.header__reload:hover{color:var(--color-text);border-color:var(--color-accent)}.header__welcome{font-size:.9rem;color:var(--color-text-secondary)}.auth__loading{text-align:center;padding:var(--space-2xl) 0;color:var(--color-text-muted)}.golden-nugget{max-width:640px;margin:var(--space-md) auto 0;text-align:center;font-family:var(--font-serif);font-style:italic;font-size:1.25rem;line-height:1.5;color:var(--color-accent-hover);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.course-actions{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.course-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:.88rem;font-weight:700;text-decoration:none;transition:all var(--transition-fast)}.course-btn:hover{border-color:var(--color-accent);color:var(--color-accent-hover);background:var(--color-accent-light)}.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xl)}.tabs__tab{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.55rem 1rem;border-radius:999px;font-size:.92rem;font-weight:700;color:var(--color-text-secondary);border:1px solid transparent;transition:all var(--transition-fast)}.tabs__tab:hover{background:var(--color-accent-light);color:var(--color-text)}.tabs__tab--active{background:var(--color-accent);color:#fff}.tabs__tab--active:hover{background:var(--color-accent-hover);color:#fff}.section{margin-bottom:var(--space-2xl)}.section__lead{font-family:var(--font-serif);font-size:1.6rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.section__hint{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--space-lg)}.block{margin-bottom:var(--space-xl)}.block__title{font-family:var(--font-serif);font-size:1.3rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs);display:flex;align-items:baseline;gap:var(--space-sm)}.block__title small{font-family:var(--font-sans);font-size:.78rem;font-weight:400;color:var(--color-text-muted)}.block__intro{color:var(--color-text-secondary);font-size:.92rem;margin-bottom:var(--space-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.card__title{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;color:var(--color-text)}.field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.field:last-child{margin-bottom:0}.field__label{font-size:.8rem;font-weight:700;letter-spacing:.02em;color:var(--color-text-secondary);text-transform:uppercase}.field__label--positive{color:var(--color-positive)}.field__label--negative{color:var(--color-negative)}.text-input,.textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.6rem .75rem;background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast);line-height:1.5}.textarea{min-height:4.5rem}.text-input:focus,.textarea:focus{outline:none;border-color:var(--color-accent)}.segmented{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.segmented__option{padding:.45rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:.88rem;font-weight:700;transition:all var(--transition-fast)}.segmented__option:hover{border-color:var(--color-accent)}.segmented__option--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.sync{font-size:.72rem;color:var(--color-text-muted);min-height:1em}.sync--pending{color:var(--color-text-muted)}.sync--error{color:var(--color-danger)}@media(max-width:680px){.app{padding:var(--space-md) var(--space-sm) var(--space-2xl)}.header{padding:var(--space-md) 0 var(--space-sm)}.header__title{font-size:2rem}.golden-nugget{font-size:1.1rem}.tabs__tab{font-size:.82rem;padding:.5rem .75rem}.section__lead{font-size:1.35rem}.card{padding:var(--space-md)}}.forme__desc{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--space-md);margin-top:calc(-1 * var(--space-sm))}.erreurs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.erreur{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-xs);transition:all var(--transition-fast)}.erreur:hover{border-color:var(--color-accent)}.erreur--active{border-color:var(--color-accent);background:var(--color-accent-light)}.erreur__titre{font-weight:700;color:var(--color-negative);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.erreur__desc{font-size:.88rem;color:var(--color-text-secondary);line-height:1.45}.maillon__sous{font-family:var(--font-sans);font-size:.78rem;font-weight:400;color:var(--color-text-muted)}.maillon--weak{border-color:var(--color-negative);box-shadow:0 0 0 1px var(--color-negative)}.maillon__flag{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:var(--color-negative);padding:.25rem .55rem;border-radius:999px;white-space:nowrap}.maillon__rupture{font-size:.88rem;color:var(--color-negative);background:var(--color-accent-light);border-left:2px solid var(--color-negative);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.score-range{width:100%;cursor:pointer}.score-scale{display:flex;justify-content:space-between;font-size:.72rem;color:var(--color-text-muted);margin-top:2px}.plan__hint{font-size:.85rem;color:var(--color-text-secondary)}.synthese{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.synthese__item{display:flex;align-items:flex-start;gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text-secondary);font-size:.92rem}.synthese__num{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--color-accent);color:#fff;font-weight:700;font-size:.85rem}@media(max-width:680px){.erreurs{grid-template-columns:1fr}}.point-row{display:flex;gap:var(--space-sm)}.point-row .text-input{flex:1}.point-btn{display:inline-flex;align-items:center;gap:var(--space-sm);white-space:nowrap;padding:.55rem 1rem;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-weight:700;font-size:.88rem;transition:background var(--transition-fast)}.point-btn:hover{background:var(--color-accent-hover)}.point-btn:disabled{opacity:.6;cursor:default}.suivi-empty{color:var(--color-text-muted);font-size:.92rem;text-align:center;padding:var(--space-xl) var(--space-md)}.chart{width:100%;height:auto;display:block}.chart__grid{stroke:var(--color-border);stroke-width:1}.chart__axis{fill:var(--color-text-muted);font-size:9px;font-family:var(--font-sans)}.chart__axis--date{text-anchor:middle}.legend{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md)}.legend__item{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--color-text-secondary)}.legend__dot{width:12px;height:12px;border-radius:999px;display:inline-block}.snap-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.snap-date{font-weight:700;color:var(--color-text)}.snap-label{color:var(--color-text-secondary)}@media(max-width:680px){.point-row{flex-direction:column}}.auth{max-width:420px;margin:0 auto;padding:var(--space-2xl) var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.auth__header{text-align:center}.auth__title{font-family:var(--font-serif);font-size:1.6rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text)}.auth__subtitle{margin-top:var(--space-xs);color:var(--color-text-secondary);font-size:.95rem;font-weight:300}.auth__divider{width:40px;height:2px;background:var(--color-accent);border:none;margin:var(--space-md) auto 0}.auth__form{display:flex;flex-direction:column;gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-sm)}.auth__field{display:flex;flex-direction:column;gap:var(--space-xs)}.auth__label{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.auth__input{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.6rem .75rem;background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast)}.auth__input:focus{outline:none;border-color:var(--color-accent)}.auth__submit{margin-top:var(--space-sm);background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);padding:.65rem 1rem;font-weight:500;transition:background var(--transition-fast)}.auth__submit:hover:not(:disabled){background:var(--color-accent-hover)}.auth__submit:disabled{opacity:.6;cursor:wait}.auth__error{background:#fdeeee;color:#b42318;border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.85rem}.auth__footer{text-align:center;font-size:.9rem;color:var(--color-text-secondary)}.auth__link{color:var(--color-accent-hover);font-weight:500;text-decoration:none}.auth__link:hover{text-decoration:underline}@media(max-width:480px){.auth{padding:var(--space-lg) var(--space-sm)}.auth__form{padding:var(--space-lg) var(--space-md)}}