:root{--primary-color:#00e6c3;--primary-dark:#00c1a5;--secondary-color:#00d4ff;--accent-color:#ff6b6b;--warning-color:#feca57;--success-color:#6c5ce7;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#00e6c3;--bg-dark:#0a0a0a;--bg-darker:#050505;--bg-card:#1a1a1a;--bg-surface:#2a2a2a;--bg-accent:rgba(0,230,195,0.1);--border-color:#333;--border-accent:rgba(0,230,195,0.3);--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 8px 16px rgba(0,0,0,0.15);--shadow-lg:0 16px 32px rgba(0,0,0,0.2);--shadow-xl:0 24px 48px rgba(0,0,0,0.25);--shadow-glow:0 0 20px rgba(0,230,195,0.3);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.article-content.article-modern{position:relative;min-height:100vh;background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-darker) 100%);color:var(--text-primary);font-family:var(--font-sans);line-height:1.7;contain:layout style;overflow-x:hidden}.article-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.article-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:orbitFloat 15s ease-in-out infinite}.article-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,230,195,.15) 0,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.article-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.12) 0,transparent 70%);bottom:-100px;right:-100px;animation-delay:7s}@keyframes orbitFloat{0%,to{transform:translateY(0) scale(1) rotate(0deg);opacity:.6}50%{transform:translateY(-50px) scale(1.1) rotate(180deg);opacity:1}}.article-grid-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,230,195,.02) 1px,transparent 0),linear-gradient(90deg,rgba(0,230,195,.02) 1px,transparent 0);background-size:80px 80px;animation:gridDrift 30s linear infinite}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(80px,80px)}}.article-body.article-body-modern{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:60px 40px 120px}.article-content-wrapper{position:relative;background:rgba(26,26,26,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:60px;box-shadow:var(--shadow-xl)}.mdx-heading{position:relative;display:flex;align-items:center;gap:16px;margin:48px 0 24px;font-weight:700;color:var(--text-primary);scroll-margin-top:100px}.mdx-h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-top:0;margin-bottom:32px}.mdx-h2{font-size:clamp(2rem,4vw,2.8rem)}.mdx-h3{font-size:clamp(1.5rem,3vw,2.2rem)}.mdx-h4{font-size:clamp(1.3rem,2.5vw,1.8rem)}.heading-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-accent);border:1px solid var(--border-accent);border-radius:var(--radius-md);font-size:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-glow);animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.heading-text{flex:1 1;background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heading-underline{position:absolute;bottom:-8px;left:56px;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;opacity:.6;animation:underlineGlow 2s ease-in-out infinite alternate}.mdx-h3 .heading-underline,.mdx-h4 .heading-underline{height:2px;opacity:.4}@keyframes underlineGlow{0%{opacity:.4;transform:scaleX(.8)}to{opacity:.8;transform:scaleX(1)}}.mdx-paragraph{margin:24px 0;font-size:1.1rem;line-height:1.8;color:var(--text-secondary);text-align:justify}.mdx-paragraph:first-of-type{font-size:1.2rem;color:var(--text-primary);font-weight:500}.mdx-list{margin:32px 0;padding:0;list-style:none}.mdx-list-item{position:relative;display:flex;align-items:flex-start;gap:16px;margin:16px 0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.list-bullet{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-accent);border:1px solid var(--border-accent);border-radius:50%;color:var(--primary-color);font-size:.8rem;font-weight:700;flex-shrink:0;margin-top:4px}.mdx-ul .list-bullet:before{content:"✓"}.mdx-ol{counter-reset:list-counter}.mdx-ol .mdx-list-item{counter-increment:list-counter}.mdx-ol .list-bullet:before{content:counter(list-counter);font-size:.9rem}.list-content{flex:1 1;font-size:1.05rem;line-height:1.6;color:var(--text-secondary)}.mdx-code-container{position:relative;margin:32px 0;background:#1a1a1a;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.code-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#2a2a2a;border-bottom:1px solid var(--border-color)}.code-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.code-language{font-size:.85rem;color:var(--text-muted)}.code-language,.mdx-pre{font-family:var(--font-mono)}.mdx-pre{margin:0;padding:24px;background:transparent;color:var(--text-primary);font-size:.9rem;line-height:1.6;overflow-x:auto}.mdx-code-inline{padding:4px 8px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--primary-color);font-family:var(--font-mono);font-size:.9em;font-weight:500}.mdx-blockquote{position:relative;margin:40px 0;padding:32px;background:linear-gradient(135deg,rgba(0,230,195,.1),rgba(0,212,255,.05));border:1px solid var(--border-accent);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-glow)}.quote-icon{position:absolute;top:-12px;left:24px;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.quote-content{font-size:1.1rem;line-height:1.7;color:var(--text-primary);font-style:italic;margin-top:8px}.quote-decoration{position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:0 0 var(--radius-lg) var(--radius-lg)}.mdx-link{position:relative;display:inline-flex;align-items:center;gap:4px;color:var(--primary-color);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .3s ease}.mdx-link:hover{color:var(--secondary-color);border-bottom-color:var(--secondary-color);transform:translateY(-1px)}.link-arrow{opacity:0;transform:translateX(-4px);transition:all .3s ease}.mdx-link:hover .link-arrow{opacity:1;transform:translateX(0)}.mdx-image-container{margin:48px 0;text-align:center}.mdx-image{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform .3s ease}.mdx-image:hover{transform:scale(1.02)}.image-caption{margin-top:12px;font-size:.9rem;color:var(--text-muted);font-style:italic}.mdx-table-container{margin:40px 0;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card)}.mdx-table{width:100%;border-collapse:collapse}.mdx-thead{background:var(--bg-surface)}.mdx-th{padding:16px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-accent)}.mdx-td{padding:14px 16px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.mdx-tr:hover .mdx-td{background:rgba(0,230,195,.05)}.mdx-divider{display:flex;align-items:center;gap:16px;margin:48px 0}.divider-line{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent)}.divider-icon{font-size:1.2rem;color:var(--primary-color)}.mdx-strong{color:var(--text-primary);font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mdx-em{color:var(--text-accent);font-style:italic;font-weight:500}.article-toc-floating{position:fixed;top:50%;right:24px;transform:translateY(-50%);width:280px;max-height:60vh;background:rgba(26,26,26,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-xl);z-index:100;opacity:0;transform:translateY(-50%) translateX(100%);transition:all .4s ease}.article-toc-floating.visible{opacity:1;transform:translateY(-50%) translateX(0)}.toc-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.toc-icon{font-size:1.1rem}.toc-title{font-weight:600;color:var(--text-primary)}.toc-nav{max-height:400px;overflow-y:auto}@media (max-width:1400px){.article-toc-floating{display:none}}@media (max-width:1024px){.article-content-wrapper{padding:40px}.article-body.article-body-modern{padding:40px 24px 80px}}@media (max-width:768px){.article-content-wrapper{padding:24px;margin:0 16px}.article-body.article-body-modern{padding:24px 16px 60px}.mdx-heading{flex-direction:column;align-items:flex-start;gap:12px}.heading-underline{left:0}.mdx-h1{font-size:2.5rem}.mdx-h2{font-size:2rem}.mdx-pre{padding:16px;font-size:.8rem}.mdx-table-container{margin:24px -24px;border-radius:0}}.article-content{min-height:100vh;background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;position:relative}.article-content::-webkit-scrollbar{display:none}.article-content{-ms-overflow-style:none;scrollbar-width:none}body:has(.article-content){overflow-x:hidden}body:has(.article-content)::-webkit-scrollbar{width:0;display:none}body:has(.article-content){scrollbar-width:none;-ms-overflow-style:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.article-header{position:relative;padding:4rem 2rem 3rem;background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-card) 100%);border-bottom:1px solid var(--border-color);text-align:center}.article-cover{width:100%;max-width:800px;height:400px;object-fit:cover;border-radius:var(--radius-xl);margin:0 auto 2rem;display:block;box-shadow:var(--shadow-xl);transition:transform .3s ease}.article-cover:hover{transform:scale(1.02)}.article-meta{gap:2.5rem;margin:2rem auto 3rem;flex-wrap:wrap;font-size:1rem;text-align:center}.article-date,.article-meta,.reading-time{display:flex;justify-content:center;align-items:center;color:var(--text-secondary)}.article-date,.reading-time{gap:.5rem;font-weight:500;font-size:.95rem;opacity:.8;transition:opacity .2s ease}.article-date:hover,.reading-time:hover{opacity:1}.article-date:before{content:"📅"}.reading-time:before{content:"⏱️"}.article-title{max-width:800px;margin:0 auto 1.5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.1;text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-wrap:balance}.article-description{max-width:600px;margin:0 auto 2rem;font-size:1.25rem;line-height:1.7;color:var(--text-secondary);text-align:center;text-wrap:pretty}.article-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0;padding:0;list-style:none}.article-category{padding:.5rem 1rem;background:var(--bg-surface);color:var(--primary-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.article-category:hover{background:var(--primary-color);color:var(--bg-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.reading-progress-container{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;contain:strict;border-bottom:1px solid rgba(0,230,195,.2)}.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));transition:width .15s ease-out;will-change:width;transform:translateZ(0);box-shadow:0 0 10px rgba(0,230,195,.5)}.reading-progress-text{top:8px;right:1rem;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.75rem;z-index:10000;border:1px solid rgba(0,230,195,.3);box-shadow:0 2px 10px rgba(0,0,0,.3)}.back-to-top,.reading-progress-text{position:fixed;color:var(--primary-color);font-weight:600}.back-to-top{bottom:2rem;right:2rem;width:4rem;height:4rem;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid var(--primary-color);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 20px rgba(0,230,195,.2),inset 0 1px 0 rgba(255,255,255,.1);opacity:0;transform:translateY(20px) scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;will-change:opacity,transform;text-align:center;line-height:1.2;letter-spacing:.02em;text-indent:-9999px;font-size:0}.back-to-top.show{opacity:1;transform:translateY(0) scale(1)}.back-to-top:hover{background:linear-gradient(135deg,var(--primary-color) 0,#00d4aa 100%);border-color:#00d4aa;color:#1a1a1a;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px rgba(0,230,195,.4),0 0 30px rgba(0,230,195,.3),inset 0 1px 0 rgba(255,255,255,.2)}.back-to-top:active{transform:translateY(-1px) scale(1.02);transition:all .15s ease}.back-to-top:before{content:"↑";top:8px;font-size:1.4rem;line-height:1;font-weight:700}.back-to-top:after,.back-to-top:before{position:absolute;left:50%;transform:translateX(-50%);text-indent:0;color:inherit}.back-to-top:after{content:"Retour\Aen\Ahaut";bottom:6px;white-space:pre-line;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.9;line-height:.9}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.share-button,.tts-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.share-button:hover,.tts-button:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-button:hover,.tts-button,.tts-button:hover{color:var(--bg-dark);border-color:var(--primary-color)}.tts-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.tts-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-2px) scale(1.05)}.tts-button.playing{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.article-header{padding:2rem 1rem}.article-cover{height:250px;margin-bottom:1.5rem}.article-meta{flex-direction:row;gap:1.5rem;margin:1.5rem auto 2.5rem;flex-wrap:wrap}.article-date,.reading-time{justify-content:center;font-size:.9rem}.article-title{font-size:clamp(1.5rem,5vw,2rem)}.article-description{font-size:1.125rem}.article-body{padding:2rem 1rem}.back-to-top{bottom:1.5rem;right:1.5rem;width:3.5rem;height:3.5rem;font-size:.6rem;border-radius:10px}.back-to-top:before{font-size:1.2rem;margin-bottom:1px}.back-to-top:after{font-size:.55rem;letter-spacing:.3px}.back-to-top:hover{transform:translateY(-2px) scale(1.03)}.share-buttons{gap:.75rem}.share-button,.tts-button{padding:.5rem 1rem;font-size:.8rem}.reading-progress-text{font-size:.7rem;padding:.2rem .5rem;right:.5rem}}@media (max-width:480px){.article-cover{height:200px;border-radius:var(--radius-md)}.reading-progress-text{display:none}}@media (prefers-reduced-motion:reduce){.article-cover,.back-to-top,.reading-progress-bar,.share-button,.tts-button{transition:none;animation:none}}@media (prefers-color-scheme:light){:root{--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--bg-dark:#ffffff;--bg-card:#f8fafc;--bg-surface:#f1f5f9;--border-color:#e2e8f0}}.article-content:empty:before{content:"Chargement de l'article...";display:block;text-align:center;padding:4rem 2rem;color:var(--text-muted);font-style:italic}@media print{.back-to-top,.reading-progress-container,.reading-progress-text,.share-buttons{display:none!important}.article-content{background:white!important;color:black!important}.article-cover{max-height:300px}}html{scroll-behavior:smooth}.back-to-top:focus-visible,.share-button:focus-visible,.tts-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}