:root{--bg:#101311;--card:#1a211b;--line:#334034;--muted:#a9b5aa;--lime:#c8f575;--white:#f3f6f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.header,.shell,footer{max-width:1120px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:7px;text-decoration:none;font-weight:950;font-size:26px;letter-spacing:-2px}.logo span{color:var(--lime)}.logo small{font-size:14px;font-weight:700;letter-spacing:0;margin-left:5px}.header nav{display:flex;gap:22px}.header nav a{color:var(--muted);font-size:13px;text-decoration:none}.header nav a:hover{color:var(--lime)}.shell{padding:0 28px}.hero{padding:76px 0 54px}.eyebrow{font-size:11px;color:var(--lime);letter-spacing:2px;font-weight:850}.hero h1{font-size:clamp(48px,8vw,86px);letter-spacing:-4px;line-height:1;margin:16px 0 24px}.hero h1 em{color:var(--lime);font-style:normal}.hero>p{font-size:18px;color:#c1cbc2;max-width:700px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.stats>div{border:1px solid var(--line);border-radius:14px;background:#182019;padding:19px}.stats strong{display:block;font-size:34px;line-height:1.2}.stats span{font-size:12px;color:var(--muted)}.notice{font-size:12px;color:#e1cf94;margin-top:15px}.explorer,.panel,.principles{padding:42px 0;border-top:1px solid var(--line)}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.sectionhead h2,.panel h2,.principles h2{font-size:31px;letter-spacing:-1px;margin:7px 0 22px}.switch{display:flex;border:1px solid var(--line);border-radius:10px;padding:4px;background:#161c17}.switch button{background:transparent;border:0;color:var(--muted);padding:8px 15px;border-radius:7px}.switch button.selected{background:var(--lime);color:#151b12;font-weight:800}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px}.filters input,.filters select,form input,form select,form textarea{width:100%;min-width:0;border:1px solid var(--line);background:#181e19;color:var(--white);border-radius:9px;padding:12px}.resultline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 16px;color:var(--muted);font-size:13px}.subtle{background:none;border:0;color:var(--lime);text-decoration:underline}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#202a20,#171d18);padding:21px;min-width:0}.cardtop{display:flex;justify-content:space-between;gap:8px}.tag{font-size:11px;border:1px solid #485a43;color:var(--lime);padding:4px 9px;border-radius:20px}.network{font-size:12px;color:var(--muted)}.avatar{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#33452b;color:var(--lime);font-size:22px;font-weight:850;margin:22px 0 14px}.card h3{font-size:21px;line-height:1.2;margin:0 0 7px}.card p{color:#bdc8bd;font-size:13px;min-height:60px}.region{color:var(--muted);font-size:12px}.actions{display:grid;gap:8px;margin-top:17px}.primary,.ghost{border-radius:9px;padding:10px 13px;font-size:13px;font-weight:750;text-align:center}.primary{border:1px solid var(--lime);background:var(--lime);color:#18210f}.ghost{background:#232c24;color:var(--white);border:1px solid #465148;text-decoration:none}.actionrow{display:flex;gap:8px}.actionrow button{flex:1}.actionrow button.active{border-color:var(--lime);color:var(--lime)}.hint{color:var(--muted);font-size:11px;margin-top:8px}.step{max-width:650px;margin:auto}.step .card{padding:28px}.step .avatar{margin:24px auto}.step .card h3,.step .card p,.step .region{text-align:center}.step .card p{min-height:0}.stepNav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.stepNav span{color:var(--muted);font-size:12px}.hidden{display:none!important}.empty{padding:35px;text-align:center;color:var(--muted)}.panel>p,.principles p{color:var(--muted);max-width:740px}.panel form{max-width:720px;display:grid;gap:13px;margin-top:25px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.panel label{display:grid;gap:6px;font-size:13px}.panel .check{display:flex;align-items:flex-start;gap:9px}.panel .check input{width:auto;margin-top:4px}.panel form>.primary{justify-self:start}#suggestStatus{color:var(--lime);font-size:13px}footer{padding:25px 28px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:var(--lime);color:#14200f;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:800;opacity:0;transition:.2s;pointer-events:none;max-width:90vw}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.header{align-items:flex-start;flex-direction:column;gap:10px;padding:18px}.header nav{gap:16px}.shell{padding:0 16px}.hero{padding:50px 0 35px}.hero h1{letter-spacing:-2px}.stats{grid-template-columns:1fr;gap:8px}.stats>div{display:flex;align-items:center;justify-content:space-between;padding:12px}.stats strong{font-size:26px}.stats span{text-align:right}.sectionhead{align-items:flex-start;flex-direction:column}.cards,.filters,.formgrid{grid-template-columns:1fr}.card p{min-height:0}.resultline{align-items:flex-start}.stepNav{flex-wrap:wrap}footer{flex-direction:column}}

.goalpanel{margin-top:18px;border:1px solid var(--line);border-radius:16px;background:#19211a;padding:22px}.goalpanel.collective{background:#151b16}.goalhead{display:flex;justify-content:space-between;align-items:center;gap:15px}.goalhead h2{margin:4px 0 14px;font-size:clamp(18px,2.6vw,25px);line-height:1.3}.goalhead strong{font-size:22px;white-space:nowrap;color:var(--lime)}.goaltrack{height:12px;background:#334034;border-radius:99px;overflow:hidden}.goaltrack span{display:block;height:100%;width:0;background:var(--lime);border-radius:99px;transition:width .3s ease}.goalpanel p{font-size:13px;color:var(--muted);margin:10px 0 0}@media(max-width:520px){.goalpanel{padding:16px}.goalhead{align-items:flex-start;flex-direction:column;gap:0}.goalhead strong{margin-bottom:10px}}

/* V6: single global metric, discreet daily progress below filters */
.global-counter{display:flex;flex-direction:column;align-items:flex-start;margin-top:32px;padding:22px 26px;border:1px solid var(--line);border-radius:16px;background:#192019;max-width:580px}.global-counter strong{font-size:clamp(52px,8vw,84px);line-height:1.1;letter-spacing:-3px;color:var(--lime);font-variant-numeric:tabular-nums}.counter-caption{font-size:15px;color:var(--white)}.global-counter p{font-size:13px;color:var(--muted);margin:8px 0 0}.daily-mini{padding:13px 0 5px;margin-top:16px;max-width:100%;opacity:.85}.daily-mini-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:8px}.daily-mini-track{height:5px;background:#2c352d;border-radius:10px;overflow:hidden}.daily-mini-track span{display:block;height:100%;width:0;background:var(--lime);border-radius:10px;transition:width .25s}.daily-mini-note{display:block;margin-top:5px;color:var(--muted);font-size:11px}.goalpanel,.stats{display:none!important}@media(max-width:560px){.global-counter{padding:18px}.daily-mini-label{font-size:11px}}

/* V7 — Québec: bleu fleurdelisé et blanc, avec accents bleu clair */
:root{--bg:#061a36;--card:#0b2a54;--line:#315a88;--muted:#bdd0e8;--lime:#83c9ff;--white:#ffffff}
body{background:radial-gradient(ellipse at 80% 0%,#124a91 0%,#061a36 43%,#041329 100%);background-attachment:fixed}
.header{border-bottom-color:#497db4}.logo span,.eyebrow,.hero h1 em{color:#ffffff}.logo span{background:#1764ad;padding:0 6px;border-radius:5px}
.header nav a:hover,.subtle{color:#83c9ff}.global-counter{background:linear-gradient(120deg,#0c356a,#092348);border-color:#5085bc;box-shadow:0 12px 32px #020c1b50}.global-counter strong{color:#fff}.global-counter .eyebrow{color:#b9ddff}
.switch{background:#092448}.switch button.selected,.primary{background:#fff;color:#064587;border-color:#fff}.filters input,.filters select,form input,form select,form textarea{background:#09274f;color:#fff}.card{background:linear-gradient(155deg,#123c75,#092348)}.tag{border-color:#5d91c5;color:#d9eeff}.avatar{background:#1e5da1;color:#fff}.ghost{background:#153966;border-color:#4477ac}.actionrow button.active{color:#fff;border-color:#fff}.daily-mini-track{background:#254c79}.daily-mini-track span{background:#fff}.toast{background:#fff;color:#063569}.notice{color:#c8ddf5}
.panel,.principles,.explorer{border-top-color:#315a88}.global-counter:before{content:'⚜';align-self:flex-end;color:#fff;font-size:28px;line-height:1;opacity:.9;margin-bottom:-10px}
.filters{grid-template-columns:2fr 1fr 1fr}@media(max-width:850px){.filters{grid-template-columns:1fr 1fr}}@media(max-width:560px){.filters{grid-template-columns:1fr}}

/* V8 — palette Québec lumineuse : blanc neige, bleu fleurdelisé, bleu ciel */
:root{--bg:#f4f9ff;--card:#ffffff;--line:#c6d9ef;--muted:#526b88;--lime:#1769b8;--white:#17395f}
body{background:linear-gradient(155deg,#e7f3ff 0%,#f7fbff 36%,#ffffff 100%);color:var(--white)}
.header{border-bottom-color:#c6d9ef}.logo span{background:#1769b8;color:#fff}.eyebrow,.hero h1 em{color:#1769b8}.hero>p{color:#526b88}.header nav a:hover,.subtle{color:#1769b8}
.global-counter{background:linear-gradient(115deg,#e4f2ff,#fafdff);border-color:#a7c8e8;box-shadow:0 10px 30px #2a69aa15}.global-counter strong{color:#125ca8}.global-counter .eyebrow{color:#1769b8}.global-counter:before{color:#1769b8}.counter-caption{color:#17395f}
.switch{background:#e9f3ff}.switch button.selected,.primary{background:#1769b8;color:#fff;border-color:#1769b8}.switch button:not(.selected){color:#526b88}
.filters input,.filters select,form input,form select,form textarea{background:#fff;color:#17395f;border-color:#b8cfe8}.filters input::placeholder,form input::placeholder,form textarea::placeholder{color:#7287a0}
.card{background:linear-gradient(155deg,#ffffff,#eef6ff);border-color:#c6d9ef;box-shadow:0 5px 18px #275c9010}.card p,.panel>p,.principles p{color:#526b88}.tag{border-color:#abcbe8;color:#1769b8;background:#e8f3ff}.avatar{background:#d8ebff;color:#1769b8}.ghost{background:#f4f9ff;border-color:#aac7e4;color:#24517e}.actionrow button.active{color:#1769b8;border-color:#1769b8}
.daily-mini-track{background:#d4e5f6}.daily-mini-track span{background:#1769b8}.toast{background:#1769b8;color:#fff}.notice{color:#526b88}.panel,.principles,.explorer{border-top-color:#c6d9ef}.resultline,.region,.network,.hint,footer{color:#526b88}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #69a9e9;outline-offset:2px}

/* V9 — Palette pastel chaude, sans bleu Québec : ivoire, sauge, pêche, terracotta */
:root{--bg:#fcfaf5;--card:#fffefa;--line:#e8dfd4;--muted:#736f69;--lime:#b35d47;--white:#403d38}
body{background:linear-gradient(145deg,#fff8ee 0%,#f9f4ec 48%,#f0f5eb 100%);color:var(--white)}
.header,.panel,.principles,.explorer{border-color:var(--line)}
.logo span{background:#e9dfd2;color:#644c3f}.eyebrow,.hero h1 em,.header nav a:hover,.subtle{color:#a65442}.hero>p,.notice,.panel>p,.principles p,.card p,.resultline,.region,.network,.hint,footer{color:var(--muted)}
.global-counter{background:linear-gradient(115deg,#f4eadc,#f7f2e9);border-color:#e6d7c4;box-shadow:0 10px 30px #8b655019}.global-counter strong,.global-counter .eyebrow,.global-counter:before{color:#9f4d3d}.counter-caption{color:#403d38}
.switch{background:#f2ede5;border-color:#e8dfd4}.switch button.selected,.primary{background:#a65442;color:#fff;border-color:#a65442}.switch button:not(.selected){color:#736f69}
.filters input,.filters select,form input,form select,form textarea{background:#fffefa;color:#403d38;border-color:#ded5ca}.filters input::placeholder,form input::placeholder,form textarea::placeholder{color:#898079}
.card{background:linear-gradient(155deg,#fffefa,#f8f5ef);border-color:#e8dfd4;box-shadow:0 5px 18px #6851410e}.tag{border-color:#d6ddc9;color:#526947;background:#edf2e7}.avatar{background:#e5ecdb;color:#526947}.ghost{background:#f7f2e9;border-color:#e1d7c9;color:#655246}.actionrow button.active{color:#a65442;border-color:#a65442}
.daily-mini-track{background:#e8e3d9}.daily-mini-track span{background:#a65442}.toast{background:#a65442;color:#fff}#suggestStatus{color:#526947}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b5c89d;outline-offset:2px}


/* V10 — Palette lumineuse inspirée des codes chromatiques des campagnes de Lula : rouge, jaune, vert et crème. */
:root{--bg:#fffaf0;--card:#ffffff;--line:#eadfcd;--muted:#6b625b;--lime:#c52232;--white:#302b28}
body{background:radial-gradient(circle at 88% 0%,#fff0bf 0%,transparent 32%),linear-gradient(145deg,#fffdf7 0%,#fff7e9 60%,#f2f8eb 100%);color:var(--white)}
.header,.panel,.principles,.explorer{border-color:var(--line)}
.logo span{background:#c52232;color:#fff}.eyebrow,.hero h1 em,.header nav a:hover,.subtle{color:#b41d2b}
.hero>p,.notice,.panel>p,.principles p,.card p,.resultline,.region,.network,.hint,footer{color:var(--muted)}
.global-counter{background:linear-gradient(115deg,#fff0c4,#fff9e8 70%,#f1f8e8);border-color:#e9d5a0;box-shadow:0 10px 28px #9c67201c}
.global-counter strong,.global-counter .eyebrow{color:#b41d2b}.global-counter:before{content:none}.counter-caption{color:#302b28}
.switch{background:#f8f0e4;border-color:#eadfcd}.switch button.selected,.primary{background:#c52232;color:#fff;border-color:#c52232}.switch button:not(.selected){color:#6b625b}
.filters input,.filters select,form input,form select,form textarea{background:#fff;color:#302b28;border-color:#e0d3c3}
.filters input::placeholder,form input::placeholder,form textarea::placeholder{color:#827870}
.card{background:linear-gradient(155deg,#fff,#fffaf1);border-color:#eadfcd;box-shadow:0 6px 20px #71512b10}
.tag{border-color:#bed6b5;color:#23663c;background:#edf7e9}.avatar{background:#fce6a6;color:#9e2630}
.ghost{background:#f4f8ee;border-color:#d0dec6;color:#2d6240}.actionrow button.active{color:#b41d2b;border-color:#b41d2b}
.daily-mini-track{background:#eee4d2}.daily-mini-track span{background:#26824b}.toast{background:#c52232;color:#fff}#suggestStatus{color:#247342}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e7b73f;outline-offset:2px}
.primary:hover,.switch button.selected:hover{background:#a91927}.ghost:hover{background:#e7f2df}


/* V11 : palette inspirée du contraste sombre, citron vif et accents roses du site de référence. */
:root{--bg:#101410;--card:#1b211b;--line:#354034;--muted:#b6c1b2;--lime:#d6ff37;--white:#f8faf2}
body{background:radial-gradient(circle at 90% 1%,#28321a 0,transparent 29%),linear-gradient(160deg,#101410 0%,#151b15 60%,#101410 100%);color:var(--white)}
.header,.panel,.principles,.explorer{border-color:var(--line)}
.logo{display:block;line-height:0}.logo img{width:min(238px,45vw);height:auto;display:block}
.eyebrow,.hero h1 em,.header nav a:hover,.subtle{color:var(--lime)}
.hero h1{max-width:1050px}.hero h1 em{text-decoration:underline;text-decoration-color:#ff477e;text-decoration-thickness:7px;text-underline-offset:9px}
.hero>p{color:#dce5d8;max-width:850px}.notice,.panel>p,.principles p,.card p,.resultline,.region,.network,.hint,footer{color:var(--muted)}
.global-counter{background:linear-gradient(120deg,#24351b,#19241a 75%,#262c20);border-color:#52633d;box-shadow:0 10px 32px #0004}
.global-counter strong,.global-counter .eyebrow{color:var(--lime)}.global-counter:before{content:none}.counter-caption{color:#eef4e8}
.switch{background:#1d251d;border-color:var(--line)}.switch button.selected,.primary{background:var(--lime);color:#121811;border-color:var(--lime)}.switch button:not(.selected){color:#c0c9bd}
.filters input,.filters select,form input,form select,form textarea{background:#1a211a;color:var(--white);border-color:#435043}
.filters input::placeholder,form input::placeholder,form textarea::placeholder{color:#aab6a7}
.card{background:linear-gradient(155deg,#222b20,#171e18);border-color:#3e4c3d;box-shadow:0 8px 24px #0003}
.tag{border-color:#586a42;color:var(--lime);background:#2b3624}.avatar{background:#374629;color:var(--lime)}
.ghost{background:#263026;border-color:#4b5b48;color:#f6faf1}.actionrow button.active{color:var(--lime);border-color:var(--lime)}
.daily-mini{background:#202b1c;border-color:#405037}.daily-mini-track{background:#394536}.daily-mini-track span{background:var(--lime)}
.toast{background:#ff477e;color:#101410}#suggestStatus{color:var(--lime)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff477e;outline-offset:2px}
.primary:hover,.switch button.selected:hover{background:#e6ff83}.ghost:hover{background:#344233}
.explainer{max-width:780px;color:#d6e0d1;margin:0 0 20px;font-size:15px}
@media(max-width:700px){.hero h1 em{text-decoration-thickness:4px}}

/* V12 — fond lumineux, esprit citron/rose du site de référence, sans thème sombre */
:root{--bg:#fbfcf5;--card:#ffffff;--line:#dde6d0;--muted:#526050;--lime:#b6e929;--white:#19251d}
body{background:radial-gradient(circle at 92% 3%,#f0ffd0 0,transparent 31%),linear-gradient(160deg,#fcfff6 0%,#f7faef 55%,#fff9fb 100%);color:var(--white)}
.header,.panel,.principles,.explorer{border-color:var(--line)}
.header nav a{color:#40513f}.header nav a:hover,.eyebrow,.hero h1 em,.subtle{color:#496d13}
.hero>p,.explainer{color:#3c4b3e}.notice,.panel>p,.principles p,.card p,.resultline,.region,.network,.hint,footer{color:var(--muted)}
.hero h1 em{text-decoration-color:#ff477e}
.global-counter{background:linear-gradient(120deg,#eaffb5,#f5ffdf 75%,#fff1f6);border-color:#c9e59b;box-shadow:0 12px 30px #53721c14}
.global-counter strong,.global-counter .eyebrow{color:#3d6110}.counter-caption{color:#253321}
.switch{background:#edf5e5;border-color:#d9e5cb}.switch button.selected,.primary{background:#b6e929;color:#19251d;border-color:#9dc91b}.switch button:not(.selected){color:#40513f}
.filters input,.filters select,form input,form select,form textarea{background:#fff;color:#19251d;border-color:#cbd8c4}
.filters input::placeholder,form input::placeholder,form textarea::placeholder{color:#72816f}
.card{background:linear-gradient(155deg,#ffffff,#fcfff8);border-color:#dce7d5;box-shadow:0 8px 22px #3a57300e}
.tag{border-color:#cfe4ae;color:#426b13;background:#f0fadf}.avatar{background:#eaffb8;color:#365c0c}
.ghost{background:#f4f8f0;border-color:#cedcc7;color:#2e4430}.actionrow button.active{color:#416910;border-color:#8bbd1c}
.daily-mini{background:transparent;border-color:transparent;opacity:1}.daily-mini-track{background:#e0ead6}.daily-mini-track span{background:#87b924}
.toast{background:#ff477e;color:#fff}#suggestStatus{color:#426b13}
.primary:hover,.switch button.selected:hover{background:#789600}.ghost:hover{background:#eaf4df}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff477e;outline-offset:2px}

/* V13 : palette reprise du fichier styles.css fourni par l'utilisateur */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f5ef;--card:#ffffff;--line:#dfe1d8;--muted:#777c75;--lime:#d9ff55;--white:#171817;--ink:#171817}
body{background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}
.header{background:rgba(244,245,239,.95)}
.header nav a{color:#535951}.header nav a:hover{color:#657b00}
.eyebrow,.hero h1 em{color:#789600}.hero>p{color:#555d53}
.global-counter{background:#e8ebdf!important;border:1px solid #d5dacb!important;color:var(--ink)!important}
.global-counter strong{color:#171817!important}.global-counter .counter-caption,.global-counter p{color:#555d53!important}
.notice{color:#606c40}.switch{background:#e8ebdf}.switch button{color:#535951}.switch button.selected{background:var(--lime);color:var(--ink)}
.filters input,.filters select,form input,form select,form textarea{background:#fff;color:var(--ink);border-color:var(--line)}
.card{background:#fff;border-color:var(--line);box-shadow:0 9px 24px rgba(23,24,23,.045)}
.tag{border-color:#d4dfaa;color:#627900;background:#f4f8e8}.network,.region,.hint,.stepNav span{color:#777c75}
.avatar{background:#d9ff55;color:#171817}.card p{color:#626960}
.primary{background:#d9ff55;border-color:#c4e947;color:#171817}.ghost{background:#fff;color:#171817;border-color:#dfe1d8}
.actionrow button.active{border-color:#98b52c;color:#5e7900;background:#f3f8e4}
.panel>p,.principles p{color:#626960}.subtle{color:#5b7600}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8da820;outline-offset:3px}

/* V16 — statistiques complémentaires du compteur collectif */
.counter-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.counter-extra{background:rgba(255,255,255,.7);border:1px solid rgba(23,24,23,.10);border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:5px}
.counter-extra strong{font-size:clamp(24px,3vw,34px);line-height:1.1;font-weight:850;color:#171817}
.counter-extra span{font-size:11px;line-height:1.45;color:#4b5048}
@media(max-width:480px){.counter-extras{grid-template-columns:1fr}}

/* V17 : statistiques complémentaires compactes, sans cartes */
.counter-extras{display:flex;align-items:center;justify-content:center;gap:10px 22px;flex-wrap:wrap;margin-top:11px;padding-top:10px;border-top:1px solid rgba(23,24,23,.12)}
.counter-extra{display:inline-flex;align-items:center;gap:3px;background:transparent;border:0;border-radius:0;padding:0;color:#62695c;font-size:11px;font-weight:500;line-height:1.4}
.counter-extra span{font-size:11px;color:#62695c;line-height:1.4}
.counter-extra strong{display:inline;font-size:11px;line-height:inherit;font-weight:800;color:#465b12;letter-spacing:0}
@media(max-width:560px){.counter-extras{display:flex;gap:6px 14px}.counter-extra,.counter-extra span,.counter-extra strong{font-size:10px}}

/* V19 — statistiques horaires en haut à droite, progression du prochain palier */
.global-counter{position:relative;padding-top:28px!important}
.global-counter>.eyebrow{padding-right:150px}
.hourly-corner{position:absolute;top:17px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;max-width:145px}
.global-counter .hourly-corner strong{font-size:18px!important;letter-spacing:0!important;line-height:1.1!important;color:#465b12!important;font-weight:800}
.hourly-corner span{font-size:10px;color:#62695c;line-height:1.35}
.cap-progress{width:100%;height:7px;background:#cfd7c3;border-radius:99px;overflow:hidden;margin-top:13px}
.cap-progress>span{display:block;width:0;height:100%;background:#8bbd13;border-radius:inherit;transition:width .35s ease}
.counter-extras{justify-content:flex-start}
@media(max-width:560px){.global-counter>.eyebrow{padding-right:110px;font-size:10px}.hourly-corner{right:14px;top:14px;max-width:110px}.global-counter .hourly-corner strong{font-size:16px!important}.hourly-corner span{font-size:9px}.cap-progress{height:6px}}

/* V21 — vert olive demandé sur les contrôles ciblés */
.switch button.selected,
.switch button.selected:hover,
.avatar,
#suggestForm > button.primary,
#suggestForm > button.primary:hover {
  background-color:#789600;
}
.switch button.selected,
.avatar,
#suggestForm > button.primary {
  color:#ffffff;
}
#suggestForm > button.primary { border-color:#789600; }

/* V22 — retrait du séparateur et meilleure lisibilité des indicateurs secondaires */
.global-counter .counter-extras{border-top:0!important;padding-top:0!important;margin-top:12px}
.global-counter .counter-extra,.global-counter .counter-extra span{font-size:13px!important;line-height:1.55}
.global-counter .counter-extra strong{font-size:15px!important;font-weight:800}
.global-counter .hourly-corner strong{font-size:22px!important}
.global-counter .hourly-corner span{font-size:11px!important}
@media(max-width:560px){.global-counter .counter-extra,.global-counter .counter-extra span{font-size:12px!important}.global-counter .counter-extra strong{font-size:14px!important}.global-counter .hourly-corner strong{font-size:19px!important}.global-counter .hourly-corner span{font-size:10px!important}}

/* V26 — fiches détaillées inspirées du visuel fourni */
.profile-card{padding:22px;display:flex;flex-direction:column;gap:12px}
.profile-head{display:flex;gap:16px;align-items:flex-start;min-width:0}
.profile-avatar{flex:0 0 92px;width:92px;height:92px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;background:#789600;color:#fff;font-size:28px;font-weight:800}
.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.profile-avatar span{position:relative;z-index:0}
.profile-info{min-width:0;flex:1}
.profile-role{color:#a34c42;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin:1px 0 7px}
.profile-info h3{font-size:clamp(19px,2.1vw,25px);letter-spacing:-.7px;line-height:1.15;margin:0 0 4px;overflow-wrap:anywhere}
.profile-handle{font-size:13px;color:#777c75;overflow-wrap:anywhere}
.profile-followers{font-size:12px;color:#555d53;margin-top:7px}
.profile-unfollows{font-size:12px;color:#3c4239;margin-top:9px;line-height:1.5;font-weight:600}
.profile-unfollows strong{font-size:17px;font-weight:850;color:#171817}
.profile-details{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:3px}
.profile-description{margin:0!important;font-size:13px;line-height:1.65}
.profile-source{font-size:11px;color:#777c75}.profile-source a{color:#547400;text-decoration:underline}
.profile-card .actions{margin-top:auto}
@media(max-width:520px){.profile-card{padding:16px}.profile-head{gap:12px}.profile-avatar{flex-basis:72px;width:72px;height:72px;border-radius:13px}.profile-role{font-size:9px}.profile-info h3{font-size:20px}}

/* V29 : catégorie et réseau en tête, dates dans les indicateurs */
.profile-details-top{margin:0 0 4px;justify-content:flex-start;gap:10px}.profile-details-top .network{font-size:11px;font-weight:700;border:1px solid #dfe1d8;padding:4px 9px;border-radius:20px;color:#4e594a}.profile-date{color:#777c75;font-weight:400}.profile-unfollows .profile-date{font-size:11px}

/* V30 : réseau aligné à droite, aucune description dans la fiche */
.profile-details-top{justify-content:space-between;flex-wrap:nowrap;width:100%}
.profile-details-top .network{margin-left:auto;text-align:right}

/* V32 — actions de pied de page */
footer{align-items:center;flex-wrap:wrap}
.footer-actions{display:flex;gap:10px;flex-wrap:wrap}
.footer-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #789600;border-radius:10px;background:#789600;color:white!important;text-decoration:none;font-weight:750;font-size:13px;padding:10px 17px;cursor:pointer;min-height:40px}
.footer-button.share-button{background:transparent;color:#171817!important}
.footer-button:hover{filter:brightness(.9)}
.share-options{max-width:1120px;margin:0 auto 24px;padding:14px 28px;display:flex;flex-wrap:wrap;gap:10px;background:#f4f5ef;border:1px solid #d7dbd0;border-radius:12px}
.share-options a,.share-options button{color:#171817;background:white;border:1px solid #d7dbd0;border-radius:8px;padding:9px 13px;text-decoration:none;font-size:13px;cursor:pointer}
@media(max-width:560px){.footer-actions{width:100%}.footer-button{flex:1}}

/* V33 — responsive complet et copyright */
html{overflow-x:clip}body{min-width:0;overflow-wrap:break-word}
img,svg,video{max-width:100%;height:auto}
.header,.shell,footer{width:100%;min-width:0}
.header nav{flex-wrap:wrap;justify-content:flex-end}
.logo{flex-shrink:1;min-width:0}.logo img{max-width:100%;width:238px}
.hero h1{overflow-wrap:normal;word-break:normal;font-size:clamp(2.65rem,7vw,5.4rem)}
.global-counter{width:100%;max-width:580px;min-width:0}
.global-counter #countUnfollow{font-size:clamp(2.9rem,9vw,5.25rem);max-width:100%;overflow-wrap:anywhere}
.filters>*{min-width:0}.step,.profile-card,.profile-info{min-width:0}
.profile-followers,.profile-unfollows{overflow-wrap:anywhere}
.footer-brand{display:inline-flex;align-items:center;gap:5px;color:#171817;font-size:14px;white-space:nowrap}
.copyright-symbol{font-size:13px;font-weight:600;color:#789600;line-height:1}
.share-options{width:calc(100% - 32px);max-width:1064px}
@media(max-width:760px){
 .header{padding:18px 20px;gap:12px}
 .shell{padding-inline:20px}
 .hero{padding:50px 0 36px}
 .hero>p{font-size:16px;line-height:1.65}
 .explorer,.panel,.principles{padding:32px 0}
 .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .filters input{grid-column:1/-1}
 .sectionhead h2,.panel h2,.principles h2{font-size:clamp(24px,5vw,31px)}
 footer{padding:22px 20px}
}
@media(max-width:520px){
 .header{flex-direction:column;align-items:flex-start;padding:15px 16px}
 .header nav{width:100%;justify-content:flex-start;gap:10px 18px}
 .header nav a{font-size:12px}
 .logo img{width:min(220px,80vw)}
 .shell{padding-inline:16px}
 .hero{padding:36px 0 30px}
 .hero h1{font-size:clamp(2.45rem,10.5vw,3.5rem);letter-spacing:-1.8px;line-height:1.05}
 .hero>p{font-size:15px}
 .global-counter{padding:58px 16px 18px!important;margin-top:24px}
 .global-counter>.eyebrow{padding-right:0;font-size:9px;letter-spacing:1px}
 .hourly-corner{top:12px;right:15px;max-width:140px}
 .global-counter #countUnfollow{font-size:clamp(2.8rem,12vw,4rem)}
 .counter-caption{font-size:13px}
 .filters{grid-template-columns:1fr}
 .filters input{grid-column:auto}
 .profile-card{padding:15px}
 .profile-head{gap:11px}
 .profile-avatar{flex:0 0 62px;width:62px;height:62px;font-size:20px}
 .profile-info h3{font-size:19px}
 .profile-details-top{gap:6px}
 .profile-details-top .network{font-size:10px;padding:3px 7px}
 .stepNav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
 .stepNav button{padding:9px 7px;font-size:12px;min-width:0}
 .stepNav span{font-size:11px;white-space:nowrap}
 .formgrid{grid-template-columns:1fr}
 footer{align-items:stretch;padding:22px 16px;gap:14px}
 .footer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 .footer-button{padding:10px 8px;font-size:12px;min-width:0}
 .share-options{width:calc(100% - 32px);margin-bottom:16px;padding:12px}
 .share-options a,.share-options button{flex:1 1 auto;text-align:center}
}
@media(max-width:350px){.stepNav{grid-template-columns:1fr 1fr}.stepNav span{grid-column:1/-1;grid-row:1;text-align:center}.stepNav button{grid-row:2}.hero h1{font-size:2.3rem}.profile-avatar{flex-basis:52px;width:52px;height:52px}}

/* V38 — largeur maximale du site : 800px */
.header,.shell,footer{max-width:800px;margin-left:auto;margin-right:auto}
.share-options{max-width:800px}

/* V39 — paragraphes de contenu justifiés, sans affecter les compteurs et libellés */
.hero > p, .explainer, .panel > p, .principles > p, .profile-card p {text-align:justify;text-justify:inter-word;}

/* V40 — centrer le compteur global et le formulaire de proposition */
.global-counter{margin-left:auto!important;margin-right:auto!important;align-items:center;text-align:center}
.global-counter>.eyebrow{padding-right:0}
.global-counter .counter-extras{text-align:center}
.global-counter .cap-progress{align-self:stretch}
.panel form{margin-left:auto;margin-right:auto;width:100%}
.panel form>.primary{justify-self:center}
.panel form #suggestStatus{text-align:center}

/* V42 — aligner le slogan du compteur à gauche sans déplacer les chiffres */
.global-counter > .eyebrow{align-self:stretch;text-align:left;padding-right:150px}
@media(max-width:560px){.global-counter > .eyebrow{padding-right:110px}}

/* Navigation et images */
#proposer,#transparence{scroll-margin-top:18px}.header nav a{position:relative;z-index:2;display:inline-block;padding:7px 2px;touch-action:manipulation}

/* V4 : navigation native et affichage homogène du logo et des photos. */
html{scroll-behavior:auto}
.header .logo img{display:block;width:238px;max-width:100%;height:auto;object-fit:contain}
.header nav a{cursor:pointer;pointer-events:auto}
.profile-avatar img{display:block;object-fit:cover}

/* V5 : portrait et intitulé de rôle plus lisibles */
.profile-avatar{flex:0 0 124px;width:124px;height:124px;border-radius:18px;font-size:34px}
.profile-role{font-size:14px;line-height:1.4;letter-spacing:.5px;font-weight:800;margin:2px 0 9px}
@media(max-width:520px){.profile-avatar{flex:0 0 94px;width:94px;height:94px;border-radius:15px;font-size:27px}.profile-role{font-size:12px;line-height:1.35}}
@media(max-width:350px){.profile-avatar{flex:0 0 78px;width:78px;height:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V6 : portrait agrandi, rôle plus visible et date d’ajout sur une ligne dédiée */
.profile-avatar{flex:0 0 156px;width:156px;height:156px;border-radius:20px;font-size:40px}
.profile-role{font-size:17px;line-height:1.35;letter-spacing:.3px;font-weight:800;margin:3px 0 11px}
.profile-added-date{display:block;margin-top:5px;font-size:11px;line-height:1.5;color:#777c75;font-weight:400}
@media(max-width:520px){.profile-avatar{flex:0 0 112px;width:112px;height:112px;border-radius:16px;font-size:30px}.profile-role{font-size:14px;line-height:1.35}}
@media(max-width:350px){.profile-avatar{flex:0 0 96px;width:96px;height:96px}}