:root{--bg: #1a1f35;--card: #242b45;--panel: #2a3150;--simulator-bg: #2d3558;--muted: #a8b2d1;--text: #f8faff;--brand: #6ee7ff;--brand2: #a78bfa;--ok: #22c55e;--warning: #f59e0b;--shadow: 0 10px 30px rgba(0,0,0,.3);--shadow-soft: 0 4px 12px rgba(0,0,0,.15);--radius: 18px;--radius-sm: 12px}.logo-title{width:48px;height:48px}@media(min-width:768px){.logo-title{width:64px;height:64px}}.container{width:min(100%,1400px);margin:0 auto;padding:24px}.card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}header.hero{padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;background:linear-gradient(135deg,#6ee7ff08,#a78bfa08)}.hero .title{font-weight:800;letter-spacing:.2px;font-size:clamp(20px,2.5vw,32px);background:linear-gradient(135deg,var(--brand),var(--brand2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .subtitle{color:var(--muted);font-size:15px;font-weight:500}.stack{display:flex;flex-direction:column;gap:0}.panel{padding:24px 28px;background:var(--panel)}.panel+.panel{border-top:1px solid rgba(255,255,255,.06)}.simulator{background:linear-gradient(135deg,#6ee7ff14,#a78bfa14,#6ee7ff0f);border:2px solid rgba(110,231,255,.15);border-radius:var(--radius);padding:24px;position:relative;box-shadow:var(--shadow-soft),inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:simulatorEntrance .6s ease-out}@keyframes simulatorEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.simulator:before{content:"🧮 Calculateur";position:absolute;top:-12px;left:24px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#000;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:var(--shadow-soft)}.simulator.calculating{border-color:var(--brand);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{border-color:#6ee7ff26}50%{border-color:#6ee7ff66}}.section-title{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin:0 0 16px;font-weight:600}.controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:600px){.controls{grid-template-columns:1fr}}.field{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:16px;transition:all .3s ease}.field:hover{background:#ffffff14;border-color:#6ee7ff33}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:10px;letter-spacing:.03em;font-weight:600}.number{display:flex;align-items:center;gap:12px}.number input{width:100%;appearance:textfield;-moz-appearance:textfield;background:transparent;border:none;outline:none;color:var(--text);font-size:20px;font-weight:700;text-align:center;padding:8px 0;transition:transform .2s ease}.number input:focus{transform:scale(1.05)}.number button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:var(--text);font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease}.number button:hover{background:#6ee7ff26;border-color:var(--brand);transform:scale(1.1)}.number button:active{transform:scale(.95)}.pills{display:flex;flex-wrap:wrap;gap:12px}.pill{cursor:pointer;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;display:flex;align-items:center;gap:10px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.pill[data-active=true]{border-color:transparent;background:linear-gradient(135deg,#6ee7ff40,#a78bfa40);box-shadow:inset 0 0 0 1px #fff3,var(--shadow-soft)}.toggles{display:grid;gap:12px;margin-top:20px}.toggles.two{grid-template-columns:repeat(2,1fr)}.toggles.one{grid-template-columns:1fr}@media(max-width:600px){.toggles.two{grid-template-columns:1fr}}.toggle{display:flex;flex-direction:column;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:14px 16px;transition:all .3s ease}.toggle:hover{background:#ffffff14}.toggle select{width:100%;background:transparent;color:var(--text);border:none;outline:none;font-weight:600;font-size:15px}.appetite{display:flex;gap:8px}.appetite input{display:none}.appetite label{flex:1;text-align:center;padding:10px 12px;font-weight:700;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.15);background:#ffffff0f;cursor:pointer;font-size:13px;white-space:nowrap;transition:all .3s ease}.appetite label:hover{background:#ffffff1a;transform:translateY(-1px)}.appetite input:checked+label{background:linear-gradient(135deg,#6ee7ff4d,#a78bfa4d);border-color:var(--brand);box-shadow:inset 0 0 0 1px #fff3}.results{margin-top:20px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.primary-figure{font-size:clamp(28px,4.5vw,44px);font-weight:900;letter-spacing:.3px;margin:0;background:linear-gradient(135deg,var(--text),var(--brand));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.secondary{color:var(--muted);margin-top:8px;font-size:15px;font-weight:500}.rows{display:grid;gap:12px;margin-top:18px}.row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);transition:all .3s ease}.row:hover{background:#ffffff14;transform:translate(4px)}.row small{color:var(--muted)}.footer{padding:20px 28px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#0000001a}.badge{display:inline-flex;align-items:center;gap:10px;background:#22c55e26;color:#a7f3d0;border:1px solid rgba(34,197,94,.3);padding:8px 14px;border-radius:999px;font-weight:700;font-size:13px;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 5px #22c55e4d}50%{box-shadow:0 0 15px #22c55e80}}.muted{color:var(--muted)}main.seo{margin-top:28px;background:var(--card);padding:28px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08)}main.seo h1,main.seo h2,main.seo h3{margin:24px 0 12px;color:var(--text)}main.seo h2{font-size:24px;font-weight:700;border-bottom:2px solid rgba(110,231,255,.2);padding-bottom:8px}main.seo p,main.seo li{color:var(--muted);line-height:1.7;font-size:15px}.table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:var(--radius-sm);overflow:hidden}.table th,.table td{text-align:left;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.table th{color:var(--text);font-weight:700;background:#6ee7ff1a}.table tr:hover{background:#ffffff0d}#widget a{color:var(--brand);text-decoration:none;transition:color .3s ease}#widget a:hover{color:var(--brand2);text-decoration:underline}.faq details{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:16px 18px;margin:12px 0;transition:all .3s ease}.faq details:hover{background:#ffffff14}.faq details[open]{border-color:#6ee7ff4d}.faq summary{cursor:pointer;font-weight:700;color:var(--text);font-size:16px}.faq .faq-a{color:var(--muted);margin-top:12px;line-height:1.7}.appetite-toggle{background:#ffffff14}.appetite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.appetite-gauge{display:flex;align-items:center;gap:8px}.gauge-bar{width:60px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.gauge-fill{height:100%;border-radius:3px;transition:all .3s ease}.gauge-label{font-size:11px;font-weight:700;color:var(--text);min-width:30px}.toggles-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:600px){.toggles-row{grid-template-columns:1fr}}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;animation:fadeInUp .5s ease-out}@media(max-width:600px){.results-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:18px;position:relative;overflow:hidden;transition:all .3s ease}.result-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:var(--shadow-soft)}.primary-result{border-color:#6ee7ff4d;background:linear-gradient(135deg,#6ee7ff14,#a78bfa0d)}.secondary-result{border-color:#a78bfa4d;background:linear-gradient(135deg,#a78bfa14,#6ee7ff0d)}.result-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.result-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%}.result-meta{flex:1}.result-title{font-weight:700;font-size:14px;color:var(--text);margin-bottom:2px}.result-subtitle{font-size:12px;color:var(--muted)}.result-value{font-size:clamp(20px,3vw,28px);font-weight:900;color:var(--text);margin-top:8px;background:linear-gradient(135deg,var(--brand),var(--brand2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.conversion-arrow{position:absolute;top:50%;right:16px;transform:translateY(-50%);font-size:20px;color:var(--brand);opacity:.7}.insights{display:flex;flex-direction:column;gap:10px}.insight-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.insight-card.equivalence{border-color:#22c55e4d;background:linear-gradient(90deg,rgba(34,197,94,.08),transparent)}.insight-card.tip{border-color:#f59e0b4d;background:linear-gradient(90deg,rgba(245,158,11,.08),transparent)}.insight-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;flex-shrink:0}.insight-text{font-size:14px;font-weight:600;color:var(--text)}.breakdown{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:16px;animation:fadeIn .6s ease-out}.breakdown-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.breakdown-title:before{content:"📊";font-size:16px}.breakdown-items{display:grid;gap:8px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff08;border-radius:8px;transition:all .3s ease}.breakdown-item:hover{background:#ffffff0f;transform:translate(4px)}.breakdown-label{font-size:13px;color:var(--muted);font-weight:500}.breakdown-value{font-size:14px;font-weight:700;color:var(--text)}.result-value{transition:transform .2s ease}.result-value:hover{transform:scale(1.05)}.simulator.calculating .result-card{animation:pulse 1s ease-in-out}@keyframes pulse{0%,to{border-color:#ffffff1f;background:#ffffff0f}50%{border-color:#6ee7ff4d;background:#6ee7ff1a}}@media(max-width:768px){.container{padding:16px}.hero{padding:20px 24px;flex-direction:column;align-items:flex-start;gap:12px}.simulator{padding:20px}.simulator:before{left:20px;font-size:11px;padding:4px 10px}.panel{padding:20px 24px}main.seo{padding:24px}.toggles-row,.results-grid{grid-template-columns:1fr;gap:12px}.result-card{padding:16px}.result-value{font-size:24px}.breakdown{padding:14px}.insight-card{padding:10px 14px}.appetite-gauge .gauge-bar{width:50px}}@media(max-width:480px){.results-grid,.result-header{gap:8px}.result-icon{width:32px;height:32px;font-size:18px}.result-title{font-size:13px}.result-subtitle{font-size:11px}.insight-card{gap:8px}.insight-icon{width:28px;height:28px;font-size:16px}.insight-text{font-size:13px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0}.table{min-width:500px}@media(max-width:768px){.table{font-size:14px;min-width:450px}.table th,.table td{padding:10px 12px;white-space:nowrap}.nutrition-table{font-size:13px;min-width:400px}.nutrition-table th,.nutrition-table td{padding:8px 10px}}.table{font-size:13px;min-width:400px}.table th,.table td{padding:8px 10px}.nutrition-table{font-size:12px;min-width:350px}.nutrition-table th,.nutrition-table td{padding:6px 8px}}