:root{--ow-bg: #0a0a0f;--ow-bg-raised: #12121a;--ow-bg-sunken: #07070b;--ow-surface: rgba(255, 255, 255, .03);--ow-line: rgba(255, 255, 255, .07);--ow-line-strong: rgba(255, 255, 255, .13);--ow-gold: #d1ad66;--ow-gold-bright: #e6c582;--ow-gold-dim: #a68656;--ow-gold-glow: rgba(209, 173, 102, .22);--ow-gold-soft: rgba(209, 173, 102, .1);--ow-text: #e8e8f0;--ow-text-muted: #9a9aab;--ow-text-faint: #63637a;--ow-up: #4ade80;--ow-down: #f87171;--ow-sans: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ow-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--ow-serif: var(--ow-sans);--ow-radius: 12px;--ow-radius-lg: 18px;--ow-ease: cubic-bezier(.2, .7, .2, 1);font-family:var(--ow-sans);line-height:1.6;font-weight:400;color-scheme:dark;color:var(--ow-text);background-color:var(--ow-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body,html{overflow-x:clip;margin:0;padding:0;width:100%;min-width:320px;min-height:100vh;background:var(--ow-bg)}::selection{background:var(--ow-gold);color:var(--ow-bg)}a{color:var(--ow-gold);text-decoration:none;transition:color .2s var(--ow-ease)}a:hover{color:var(--ow-gold-bright)}h1,h2,h3,h4{font-family:var(--ow-sans);font-weight:600;letter-spacing:-.025em;color:var(--ow-text);line-height:1.12}h1{font-size:clamp(2.4rem,5vw,3.8rem);letter-spacing:-.035em}h2{font-size:clamp(1.6rem,2.8vw,2.2rem)}h3{font-size:1.12rem;letter-spacing:-.015em}button{font-family:inherit;font-size:1em;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ow-gold-glow);outline-offset:2px}input,select,textarea{font-family:inherit;color:var(--ow-text);background:var(--ow-surface);border:1px solid var(--ow-line-strong);border-radius:10px}input::placeholder,textarea::placeholder{color:var(--ow-text-faint)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1240px;margin:0 auto;padding:1rem}@media (min-width: 768px){.container{padding:2rem}}.ow-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .75rem .3rem .6rem;font-size:.78rem;font-weight:500;color:var(--ow-gold);background:var(--ow-gold-soft);border:1px solid rgba(209,173,102,.22);border-radius:999px}.ow-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ow-gold);box-shadow:0 0 0 0 var(--ow-gold-glow);animation:ow-pulse 2.4s ease-out infinite}@keyframes ow-pulse{0%{box-shadow:0 0 #d1ad668c}70%{box-shadow:0 0 0 7px #d1ad6600}to{box-shadow:0 0 #d1ad6600}}.ow-lead{color:var(--ow-text-muted);font-size:1.08rem;max-width:620px}.ow-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.3rem;font-size:.92rem;font-weight:500;border-radius:999px;border:1px solid transparent;transition:background .2s var(--ow-ease),color .2s,border-color .2s,box-shadow .25s var(--ow-ease),transform .2s var(--ow-ease);white-space:nowrap}.ow-btn:active{transform:scale(.98)}.ow-btn--gold{background:linear-gradient(180deg,var(--ow-gold-bright),var(--ow-gold));color:#17130a;box-shadow:0 0 0 1px #d1ad6666,0 8px 24px -10px #d1ad6699}.ow-btn--gold:hover{color:#17130a;box-shadow:0 0 0 1px #e6c58299,0 10px 32px -8px #d1ad66bf}.ow-btn--ghost{background:var(--ow-surface);color:var(--ow-text);border-color:var(--ow-line-strong)}.ow-btn--ghost:hover{color:var(--ow-text);border-color:#d1ad6673;background:var(--ow-gold-soft)}.ow-btn--quiet{background:transparent;color:var(--ow-text-muted);border-color:var(--ow-line-strong)}.ow-btn--quiet:hover{color:var(--ow-text);border-color:#d1ad6673}.ow-card{position:relative;display:flex;flex-direction:column;background:var(--ow-bg-raised);border:1px solid var(--ow-line);border-radius:var(--ow-radius-lg);overflow:hidden;color:var(--ow-text);transition:border-color .3s var(--ow-ease),transform .3s var(--ow-ease),box-shadow .3s var(--ow-ease)}a.ow-card:hover,.ow-card--hover:hover{color:var(--ow-text);border-color:#d1ad6680;transform:translateY(-3px);box-shadow:0 0 0 1px #d1ad6626,0 0 32px -6px var(--ow-gold-glow),0 20px 40px -24px #000000e6}.ow-num{font-family:var(--ow-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ow-up{color:var(--ow-up)}.ow-down{color:var(--ow-down)}.ow-section{padding:clamp(3rem,6vw,5rem) 0}.ow-section-head{text-align:center;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.9rem}.ow-section-head h2{margin:0}.ow-section-head p{margin:0;color:var(--ow-text-muted);max-width:600px}.reference-grid{display:block}@media (min-width: 1024px){.reference-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}}.reference-flex{display:flex;flex-direction:column;gap:2rem}@media (min-width: 1024px){.reference-flex{flex-direction:row}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}:root{--k-bg: #0a0a0f;--k-bg-rgb: 10, 10, 15;--k-surface: #12121a;--k-surface2: #16161f;--k-inset: #0e0e14;--k-border: rgba(255, 255, 255, .08);--k-border2: rgba(255, 255, 255, .14);--k-text: #e8e8f0;--k-text2: #c8c8d4;--k-muted: #7a7a90;--k-muted2: #9a9aab;--k-faint: #63637a;--k-accent: #d1ad66;--k-accent-rgb: 209, 173, 102;--k-accent-text: #e2c88a;--k-accent-deep: #3a2f1a;--k-red-bg: rgba(248, 113, 113, .1);--k-red-text: #f87171;--k-red-border: rgba(248, 113, 113, .3)}.journal{padding:clamp(1.5rem,4vw,3rem) 0 2rem}.journal-head{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;margin-bottom:2rem}.journal-head h1{margin:0;font-size:clamp(2rem,4.4vw,3.2rem)}.journal-head .ow-lead{margin:0}.journal-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.journal-search{position:relative;flex:1;max-width:520px}.journal-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--ow-text-faint);pointer-events:none}.journal-search input{width:100%;padding:.8rem 1rem .8rem 2.7rem;font-size:.95rem;background:var(--ow-surface);border:1px solid var(--ow-line);border-radius:999px;transition:border-color .2s,box-shadow .2s}.journal-search input:focus{outline:none;border-color:#d1ad6680;box-shadow:0 0 0 3px var(--ow-gold-soft)}.journal-count{margin-left:auto;font-size:.85rem;color:var(--ow-text-faint);white-space:nowrap}.journal-chips{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0 1rem;margin-bottom:1.5rem;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}.journal-chips::-webkit-scrollbar{display:none}.journal-chip{flex:none;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.86rem;font-weight:500;color:var(--ow-text-muted);background:var(--ow-surface);border:1px solid var(--ow-line);border-radius:999px;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.journal-chip span{font-family:var(--ow-mono);font-size:.75rem;color:var(--ow-text-faint)}.journal-chip:hover{color:var(--ow-text);border-color:var(--ow-line-strong)}.journal-chip.is-active{color:var(--ow-gold);background:var(--ow-gold-soft);border-color:#d1ad6673;box-shadow:0 0 18px -6px var(--ow-gold-glow)}.journal-chip.is-active span{color:var(--ow-gold)}.journal-tags{display:flex;flex-wrap:wrap;gap:.35rem}.journal-tag{display:inline-flex;align-items:center;padding:.18rem .6rem;font-size:.74rem;font-weight:500;line-height:1.5;color:var(--ow-text-muted);background:rgba(255,255,255,.04);border:1px solid var(--ow-line);border-radius:999px}.journal-tag--cat{color:var(--ow-gold);background:var(--ow-gold-soft);border-color:#d1ad6640;cursor:pointer}.journal-tag--cat:hover{border-color:#d1ad6699}.journal-meta{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.8rem;color:var(--ow-text-faint)}.journal-meta span+span:before{content:"·";margin-right:.9rem;color:var(--ow-line-strong)}.journal-card__img,.journal-featured__img{position:relative;overflow:hidden;background:#101017}.journal-card__img img,.journal-featured__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ow-ease)}a:hover .journal-card__img img,a:hover .journal-featured__img img{transform:scale(1.04)}.journal-cover--fallback{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(209,173,102,.14),transparent 60%),#101017}.journal-cover--fallback img{width:64px!important;height:64px!important;object-fit:contain!important;opacity:.55;transform:none!important}.journal-featured{display:grid;grid-template-columns:1.35fr 1fr;margin-bottom:1.25rem;border-radius:22px}.journal-featured__img{min-height:340px}.journal-featured__body{padding:clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}.journal-featured__flag{font-size:.74rem;font-weight:600;color:#17130a;background:linear-gradient(180deg,var(--ow-gold-bright),var(--ow-gold));padding:.2rem .65rem;border-radius:999px}.journal-featured__body h2{margin:0;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.2}.journal-featured__body p{margin:0;color:var(--ow-text-muted);line-height:1.6}.journal-more{margin-top:auto;font-size:.9rem;font-weight:500;color:var(--ow-gold)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.journal-card__img{aspect-ratio:16 / 10}.journal-card__body{padding:1.1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.journal-card__body h3{margin:0;font-size:1.05rem;line-height:1.35}.journal-card__body p{margin:0;font-size:.88rem;color:var(--ow-text-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.journal-card__body .journal-meta{margin-top:auto;padding-top:.4rem}.journal-skeleton{height:360px;border-radius:var(--ow-radius-lg);border:1px solid var(--ow-line);background:linear-gradient(100deg,#12121a 30%,#1a1a24 50%,#12121a 70%);background-size:200% 100%;animation:journal-shimmer 1.4s linear infinite}@keyframes journal-shimmer{to{background-position:-200% 0}}.journal-empty{padding:3rem 0;text-align:center;color:var(--ow-text-muted)}.journal-pages{display:flex;justify-content:center;align-items:center;gap:.4rem;margin:2.5rem 0 1rem}.journal-pages button{min-width:40px;height:40px;padding:0 .8rem;border-radius:999px;font-size:.9rem;font-weight:500;color:var(--ow-text-muted);background:var(--ow-surface);border:1px solid var(--ow-line);transition:color .2s,border-color .2s,background .2s}.journal-pages button:hover:not(:disabled){color:var(--ow-text);border-color:#d1ad6673}.journal-pages button.is-active{color:#17130a;background:linear-gradient(180deg,var(--ow-gold-bright),var(--ow-gold));border-color:transparent}.journal-pages button:disabled{opacity:.35;cursor:default}.journal-pages__gap{color:var(--ow-text-faint);padding:0 .2rem}.journal-explore{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3.5rem}.journal-explore__item{padding:1.25rem 1.4rem;gap:.3rem}.journal-explore__item strong{font-weight:600;color:var(--ow-text)}.journal-explore__item span{font-size:.88rem;color:var(--ow-text-muted)}@media (max-width: 1000px){.journal-grid{grid-template-columns:repeat(2,1fr)}.journal-featured{grid-template-columns:1fr}.journal-featured__img{min-height:0;aspect-ratio:16 / 9}}@media (max-width: 640px){.journal-grid,.journal-explore{grid-template-columns:1fr}.journal-toolbar{flex-wrap:wrap}.journal-search{max-width:none}}.journal-section{margin-top:2.75rem}.journal-section__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.journal-section__head h2{margin:0;font-size:1.35rem;display:flex;align-items:baseline;gap:.6rem}.journal-section__head h2 span{font-family:var(--ow-mono);font-size:.85rem;font-weight:400;color:var(--ow-text-faint)}.journal-section__head .ow-btn{padding:.45rem .9rem;font-size:.82rem}.journal-section__head--all{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--ow-line)}.journal-row{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 6px 1rem;margin:0 -6px;scrollbar-width:thin;scrollbar-color:var(--ow-line-strong) transparent}.journal-card--row{flex:0 0 290px;scroll-snap-align:start}.journal-card--row .journal-card__body h3{font-size:.98rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 640px){.journal-card--row{flex-basis:78vw}}.bl-card h3,.bl-hero-main h2{font-family:var(--ow-sans)}.bl-card{border-radius:var(--ow-radius-lg)!important}.bl-card:hover{box-shadow:0 0 0 1px #d1ad6626,0 0 32px -6px var(--ow-gold-glow)}.bl-hero-main,.bl-side,.bl-topic-col,.bl-topics-panel{border-radius:var(--ow-radius-lg)!important}.bl-hero-main:hover{box-shadow:0 0 46px -14px #d1ad6680}.bl-cover:not(:has(img)){background:radial-gradient(circle at 50% 45%,rgba(209,173,102,.18),transparent 60%),#101017!important}.blog-article-wrap{background:var(--ow-bg-raised)!important;border-radius:22px!important}.blog-article-body{color:#d6d6e0!important}.blog-article-body h2,.blog-article-body h3{letter-spacing:-.02em}.blog-editor-content .ProseMirror{color:#d6d6e0}.blog-editor-content .ProseMirror a{color:var(--ow-gold)}.wp{display:flex;flex-direction:column;gap:.6rem}.wp-chosen{display:flex;flex-direction:column;gap:.4rem}.wp-item,.wp-results button{display:flex;align-items:center;gap:.7rem;padding:.45rem .6rem;border:1px solid var(--k-border);border-radius:10px;background:var(--k-bg);color:var(--k-text);font-size:.9rem;text-align:left}.wp-item img,.wp-results img,.wp-ph{width:36px;height:36px;object-fit:contain;border-radius:8px;background:#101017;flex:none}.wp-item span{flex:1;min-width:0;text-transform:capitalize}.wp-item button{background:none;border:0;color:var(--k-muted);padding:.2rem .4rem}.wp-item button:hover{color:var(--k-red-text)}.wp-input{padding:12px;background:var(--k-bg);color:var(--k-text);border:1px solid var(--k-border);border-radius:6px;font-size:1rem}.wp-results{display:flex;flex-direction:column;gap:.3rem;max-height:320px;overflow-y:auto}.wp-results button{width:100%;cursor:pointer}.wp-results button:hover{border-color:var(--k-accent);color:var(--k-accent-text)}.lw{border-top:1px solid var(--k-border);padding-top:28px;margin-top:8px;margin-bottom:32px}.lw h2{font-size:1.2rem;margin:0 0 14px}.lw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lw-card{flex-direction:row!important;align-items:center;gap:12px;padding:10px}.lw-img{width:70px;height:70px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#1c1c27,#101017 72%);flex:none}.lw-img img{width:85%;height:85%;object-fit:contain}.lw-body{display:flex;flex-direction:column;min-width:0}.lw-body span{font-size:.75rem;color:var(--ow-text-faint);text-transform:capitalize}.lw-body strong{font-size:.95rem;text-transform:capitalize}.lw-body em{font-style:normal;font-size:.8rem;color:var(--ow-gold);margin-top:2px}@media (max-width: 700px){.lw-grid{grid-template-columns:1fr}}.tb{background:var(--k-surface2);border:1px solid rgba(209,173,102,.3);border-radius:12px;padding:18px 20px;margin-bottom:24px}.tb-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.tb-head>div{display:flex;flex-direction:column;gap:4px}.tb-head strong{color:var(--k-text)}.tb-head span{font-size:.85rem;color:var(--k-muted2)}.tb-body{margin-top:16px;padding-top:16px;border-top:1px solid var(--k-border)}.tb-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px;font-size:.88rem;color:var(--k-muted2)}.tb-bar label{display:flex;align-items:center;gap:8px;color:var(--k-text);cursor:pointer}.tb-bar .ow-btn{margin-left:auto}.tb-note{color:var(--k-muted2);margin:0}.tb-list{display:flex;flex-direction:column;max-height:520px;overflow-y:auto;border:1px solid var(--k-border);border-radius:10px}.tb-row{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid var(--k-border)}.tb-row:last-child{border-bottom:0}.tb-row.is-off{opacity:.45}.tb-row input{margin-top:4px;accent-color:#d1ad66}.tb-row__main{display:flex;flex-direction:column;gap:6px;min-width:0}.tb-title{color:var(--k-text);font-size:.92rem;font-weight:500}.tb-title em{font-style:normal;font-size:.72rem;color:var(--k-muted);border:1px solid var(--k-border2);border-radius:999px;padding:1px 7px;margin-left:6px}.tb-tags{display:flex;flex-wrap:wrap;gap:6px}.tb-tag{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;padding:2px 4px 2px 10px;border-radius:999px;border:1px solid var(--k-border2);color:var(--k-muted2)}.tb-tag.is-new{color:var(--ow-gold);border-color:#d1ad6673;background:rgba(209,173,102,.08)}.tb-tag button{background:none;border:0;color:inherit;opacity:.6;font-size:.7rem;padding:2px 5px;cursor:pointer}.tb-tag button:hover{opacity:1}.bl-notify{margin:14px 0 6px}.bd-notify{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem 1.2rem;margin:0 0 1.5rem;border-radius:16px;border:1px solid rgba(209,173,102,.3);background:rgba(209,173,102,.06)}.bd-notify span{font-weight:600}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;max-width:640px;margin:0 auto;z-index:100;padding:14px 16px;background:#12121a;border:1px solid rgba(209,173,102,.4);border-radius:14px;box-shadow:0 12px 32px #0000008c}.cookie-banner__text{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--ow-text-muted)}.cookie-banner__text a{color:var(--ow-gold-bright)}.cookie-banner__details{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}.cookie-banner__details label{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--ow-text-muted)}.cookie-banner__details label.is-clickable{cursor:pointer}.cookie-banner__details input{margin-top:3px;accent-color:var(--ow-gold)}.cookie-banner__details strong{color:var(--ow-text)}.cookie-banner__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cookie-banner__btn{padding:8px 14px;border-radius:999px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--ow-line);background:transparent;color:var(--ow-text);transition:border-color .2s,background .2s}.cookie-banner__btn:hover{border-color:#d1ad6680}.cookie-banner__btn.is-main{background:linear-gradient(180deg,var(--ow-gold-bright),var(--ow-gold));color:#17130a;border-color:transparent}.site-footer__cookies{background:none;border:0;padding:0;font:inherit;font-size:.9rem;color:var(--ow-text-muted);cursor:pointer}.site-footer__cookies:hover{color:var(--ow-gold-bright)}.install-app__btn{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-size:.9rem;color:var(--ow-text-muted);background:none;border:0;padding:0;cursor:pointer}.install-app__btn:hover{color:var(--ow-gold-bright)}.install-app__help{margin:.5rem 0 0;font-size:.8rem;line-height:1.5;color:var(--ow-text-faint);max-width:300px}.site-account__menu-inner .install-app{padding:.55rem .9rem}.install-banner{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;z-index:60;display:flex;gap:.8rem;align-items:flex-start;padding:.9rem 1rem;background:rgba(18,18,26,.96);border:1px solid rgba(209,173,102,.35);border-radius:18px;box-shadow:0 20px 50px -20px #000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.install-banner img{width:44px;height:44px;border-radius:12px;flex:none}.install-banner__text{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.install-banner__text strong{font-size:.95rem}.install-banner__text span{font-size:.82rem;color:var(--ow-text-faint);line-height:1.4}.install-app--banner{margin-top:.45rem}.install-app--banner .install-app__btn{color:#17130a;background:linear-gradient(180deg,var(--ow-gold-bright),var(--ow-gold));padding:.45rem .9rem;border-radius:999px;font-weight:600;font-size:.85rem}.install-app--banner .install-app__help{color:var(--ow-text-muted)}.install-banner__close{background:none;border:0;color:var(--ow-text-faint);font-size:1rem;cursor:pointer;padding:.1rem .2rem}import React from "react"; export default function PremiumModal({onClose}){const handleSubscribe = async () => {try {const res = await fetch("http://localhost:3000/api/stripe/create-checkout-session",{method: "POST",headers: {"Content-Type": "application/json",},}); const data = await res.json(); if (data.url) {window.location.href = data.url; // Redirige vers Stripe Checkout} else {alert("Une erreur est survenue.");}} catch (err) {console.error("Erreur Stripe:",err); alert("Impossible de créer une session de paiement.");}};return (<div style={{position: "fixed",top: 0,left: 0,width: "100vw",height: "100vh",backgroundColor: "rgba(0, 0, 0, 0.85)",display: "flex",justifyContent: "center",alignItems: "center",zIndex: 2000}} > <div style={{backgroundColor: "#1e1e1e",color: "#ffffff",padding: "2rem",borderRadius: "12px",width: "90%",maxWidth: "420px",textAlign: "center",boxShadow: "0 0 20px rgba(0,0,0,0.4)",border: "1px solid #8884d8"}} > <h2 style={{marginBottom: "1rem",fontSize: "1.6rem"}}>Limite atteinte</h2> <p style={{marginBottom: "1.5rem",fontSize: "1rem"}}> Vous avez déjà ajouté 3 montres. Pour continuer,passez à la version Premium. </p> <button onClick={handleSubscribe} style={{backgroundColor: "#22c55e",color: "white",border: "none",padding: "0.75rem 1.5rem",borderRadius: "8px",fontSize: "1rem",cursor: "pointer",marginRight: "0.5rem"}} > Passer à Premium </button> <button onClick={onClose} style={{backgroundColor: "#8884d8",color: "white",border: "none",padding: "0.75rem 1.5rem",borderRadius: "8px",fontSize: "1rem",cursor: "pointer",marginLeft: "0.5rem"}} > Fermer </button> </div> </div>)}.ow-notify{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;color:#17130a;background:linear-gradient(180deg,var(--ow-gold-bright),var(--ow-gold));border:1px solid transparent;transition:filter .2s,background .2s}.ow-notify:hover{filter:brightness(1.05)}.ow-notify.is-on{color:var(--ow-text);background:rgba(255,255,255,.04);border-color:#d1ad6673}.ow-notify.is-compact{padding:0;background:none;color:var(--ow-text-muted);font-weight:400;font-size:.9rem;border:0}.ow-notify.is-compact:hover{color:var(--ow-gold-bright);filter:none}.ow-notify:disabled{opacity:.7;cursor:default}.ow-logo{display:inline-flex;align-items:center;gap:.65rem}.ow-logo__mark{flex:none;transition:transform .6s var(--ow-ease),filter .3s}a:hover .ow-logo__mark{transform:rotate(-10deg);filter:drop-shadow(0 0 10px rgba(209,173,102,.45))}.ow-logo__name{font-size:1.12rem;font-weight:600;letter-spacing:-.02em;color:var(--ow-text)}.ow-logo__name span{color:var(--ow-gold);font-weight:500}.site-header{position:sticky;top:0;z-index:1000;width:100%;background:rgba(10,10,15,.75);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--ow-line)}.site-header__inner{max-width:1280px;margin:0 auto;padding:.9rem 2rem;display:flex;align-items:center;gap:2rem}.site-header__brand{flex:none}.site-nav{display:flex;gap:.25rem}.site-nav a{font-size:.9rem;font-weight:500;color:var(--ow-text-muted);padding:.45rem .8rem;border-radius:999px;transition:color .2s,background .2s}.site-nav a:hover{color:var(--ow-text);background:rgba(255,255,255,.05)}.site-nav a.active{color:var(--ow-gold);background:var(--ow-gold-soft)}.site-tools{margin-left:auto;display:flex;align-items:center;gap:.8rem}.site-search{position:relative;width:210px}.site-search__icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--ow-text-faint);pointer-events:none}.site-search input{width:100%;padding:.6rem 2rem .6rem 2.2rem;font-size:.85rem;background:var(--ow-surface);border:1px solid var(--ow-line);border-radius:999px;transition:border-color .2s,background .2s,box-shadow .2s}.site-search input:focus{outline:none;border-color:#d1ad6680;box-shadow:0 0 0 3px var(--ow-gold-soft)}.site-search__clear{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--ow-text-faint);padding:.2rem;line-height:1}.site-search__clear:hover{color:var(--ow-gold)}.site-search__results{position:absolute;top:calc(100% + .5rem);right:0;width:min(420px,90vw);max-height:360px;overflow-y:auto;background:var(--ow-bg-raised);border:1px solid var(--ow-line-strong);border-radius:var(--ow-radius-lg);box-shadow:0 24px 48px -12px #000000b3;z-index:1100}.site-search__results a{display:flex;gap:.75rem;align-items:baseline;padding:.75rem 1rem;color:var(--ow-text);font-size:.9rem;border-bottom:1px solid var(--ow-line)}.site-search__results a:last-child{border-bottom:0}.site-search__results a:hover{background:rgba(201,169,97,.07);color:var(--ow-gold-bright)}.site-search__kind{flex:none;font-size:.72rem;color:var(--ow-gold);width:54px}.site-lang{display:flex;border:1px solid var(--ow-line-strong);border-radius:999px;padding:2px}.site-lang button{background:none;border:0;border-radius:999px;padding:.3rem .6rem;font-size:.75rem;font-weight:500;color:var(--ow-text-faint)}.site-lang button.is-active{background:var(--ow-gold);color:var(--ow-bg)}.site-auth{display:flex;gap:.6rem;align-items:center}.site-auth .ow-btn{padding:.5rem 1rem;font-size:.85rem}.site-account{position:relative}.site-account__toggle{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--ow-line-strong);border-radius:999px;padding:.35rem .9rem .35rem .35rem;color:var(--ow-text);font-size:.85rem}.site-account__avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ow-gold);color:var(--ow-bg);font-size:.8rem;font-weight:600}.site-account__menu{position:absolute;right:0;top:100%;padding-top:.5rem;min-width:200px;z-index:1100}.site-account__menu-inner{background:var(--ow-bg-raised);border:1px solid var(--ow-line-strong);border-radius:var(--ow-radius-lg);overflow:hidden;box-shadow:0 24px 48px -12px #000000b3}.site-account__menu a,.site-account__menu button{display:block;width:100%;text-align:left;padding:.8rem 1rem;font-size:.88rem;color:var(--ow-text);background:none;border:0;border-bottom:1px solid var(--ow-line)}.site-account__menu a:hover{background:rgba(201,169,97,.07);color:var(--ow-gold-bright)}.site-account__menu button{color:var(--ow-down);border-bottom:0}.site-account__menu button:hover{background:rgba(224,122,110,.08)}@media (max-width: 1260px){.site-header__inner{flex-wrap:wrap;gap:1rem 1.5rem;padding:.8rem 1.25rem}.site-nav{order:3;width:100%;overflow-x:auto;gap:1.5rem;padding-bottom:.2rem;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}}@media (max-width: 720px){.site-header{position:relative}.site-header__inner{gap:.9rem 1rem}.site-tools{display:contents}.site-lang{margin-left:auto}.site-search{order:4;width:100%;flex-basis:100%}.site-nav{order:5}.site-auth .ow-btn--ghost{display:none}.site-header__inner{padding:.8rem 1rem}.site-auth .ow-btn{padding:.5rem .9rem}.ow-logo__name span{display:none}}.site-footer{position:relative;margin-top:6rem;background:var(--ow-bg-sunken);border-top:1px solid var(--ow-line);color:var(--ow-text-muted)}.site-footer__inner{max-width:1280px;margin:0 auto;padding:4.5rem 2rem 2rem;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:3rem}.site-footer__brand p{margin:1.25rem 0 0;font-size:.9rem;max-width:280px;line-height:1.7}.site-footer h3{font-size:.85rem;font-weight:600;letter-spacing:0;color:var(--ow-text);margin:0 0 1.1rem}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.site-footer a{color:var(--ow-text-muted);font-size:.9rem}.site-footer a:hover{color:var(--ow-gold-bright)}.site-footer__social{display:flex;gap:1.25rem;margin-bottom:1.5rem}.site-footer__newsletter{display:flex;gap:.5rem}.site-footer__newsletter input{flex:1;min-width:0;padding:.7rem .9rem;font-size:.88rem}.site-footer__newsletter .ow-btn{padding:.7rem 1rem}.site-footer__bottom{max-width:1280px;margin:0 auto;padding:1.5rem 2rem 2.5rem;border-top:1px solid var(--ow-line);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:var(--ow-text-faint)}@media (max-width: 900px){.site-footer__inner{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.site-footer__inner{grid-template-columns:1fr;padding:3.5rem 1.25rem 1.5rem}.site-footer__bottom{padding:1.5rem 1.25rem 2rem}}.site-main{padding-top:0}.site-account__menu a.site-account__admin{color:var(--ow-gold)}.page-loading{min-height:70vh}