:root{--ouf-primary:#ffe500;--ouf-primary-dark:#d4be00;--ouf-secondary:#ff6b2b;--ouf-secondary-dark:#e5571a;--ouf-bg-dark:#16171d;--ouf-bg-card:#1f2028;--ouf-bg-soft:#1a1a2e;--ouf-text:#f3f4f6;--ouf-text-muted:#9ca3af;--ouf-text-light:#4b5258;--ouf-border:#2e303a;--ouf-success:#22c55e;--ouf-warning:#f59e0b;--ouf-error:#ef4444;--ouf-info:#3b82f6;--ouf-space-1:4px;--ouf-space-2:8px;--ouf-space-3:12px;--ouf-space-4:16px;--ouf-space-5:20px;--ouf-space-6:24px;--ouf-space-8:32px;--ouf-space-10:40px;--ouf-radius-sm:4px;--ouf-radius-md:8px;--ouf-radius-lg:12px;--ouf-radius-xl:18px;--ouf-radius-pill:999px;--ouf-shadow-sm:0 1px 3px #0000001f, 0 1px 2px #0000003d;--ouf-shadow-md:0 4px 6px #0000001a, 0 2px 4px #0000000f;--ouf-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--ouf-shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--ouf-font-sans:"Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ouf-font-mono:ui-monospace, "JetBrains Mono", Consolas, monospace;--ouf-fs-xs:11px;--ouf-fs-sm:13px;--ouf-fs-base:15px;--ouf-fs-lg:18px;--ouf-fs-xl:22px;--ouf-fs-2xl:28px;--ouf-fs-3xl:36px;--ouf-ease:cubic-bezier(.4, 0, .2, 1);--ouf-duration-fast:.12s;--ouf-duration-base:.2s;--ouf-duration-slow:.32s;--ouf-z-base:0;--ouf-z-dropdown:10;--ouf-z-sticky:100;--ouf-z-modal:1000;--ouf-z-toast:9999;--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:"Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font-family:var(--sans);letter-spacing:.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#16171d;font-size:15px;line-height:1.5}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;padding-bottom:36px;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.ouf-skip-link:focus,.ouf-skip-link:focus-visible{outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 6px #ff6b2b73;top:8px!important;left:8px!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[role=option]:focus-visible,[role=tab]:focus-visible,[role=menuitem]:focus-visible,[role=checkbox]:focus-visible,[role=radio]:focus-visible,[role=switch]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,[contenteditable=true]:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #ff6b2b;box-shadow:0 0 0 4px #ffffff8c}@media (prefers-color-scheme:light){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{box-shadow:0 0 0 4px #ff6b2b40}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.ouf-main-content{padding:6px 8px!important}}@media (width<=420px){.ouf-main-content{padding:4px!important}}html,body{max-width:100vw;overflow-x:hidden}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.ouf-main-content{padding-bottom:max(8px, env(safe-area-inset-bottom))!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--ouf-text:#fff;--ouf-text-muted:#e5e7eb;--ouf-border:#fff}button,a,[role=button],[role=tab]{outline-offset:2px;outline:2px solid!important}}@media (forced-colors:active){button,a,[role=button]{border:1px solid canvastext!important}:focus-visible{outline:3px solid highlight!important}}button,[role=button],a.ouf-cta,input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px}@media (pointer:coarse){button,[role=button],a.ouf-cta{min-height:44px}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.ouf-pronos-container{width:100%;max-width:800px;margin:0 auto;padding:20px 16px 60px}@media (width>=1024px){.ouf-pronos-container{max-width:1040px;padding:24px 24px 60px}}@media (width>=1280px){.ouf-pronos-container{max-width:1200px;padding:28px 32px 72px}}@media (width>=1600px){.ouf-pronos-container{max-width:1320px}}.ouf-hot-grid,.ouf-match-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=1024px){.ouf-hot-grid,.ouf-match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.ouf-pronos-container p.ouf-prose,.ouf-pronos-container li.ouf-prose{max-width:72ch}.ouf-cta-hint{display:inline}.ouf-pro-badge{display:inline!important}@media (width>=768px){.ouf-header-comparateur{font-size:17px!important}.ouf-pro-badge{display:inline!important}}