:root{--bg:#f3f3f5;--chrome:#fff;--chrome-2:#f3f3f5;--hover:#0d0f150d;--ink:#0d0f15;--ink-2:#4a4d53;--muted:#84868b;--line:#dddee1;--line-2:#0d0f1514;--marque:#4364df;--marque-600:#314ece;--marque-100:#dbe8ff;--violet:#8b3ae5;--acide:#c2eb32;--acide-ink:#4e6600;--rouge:#e5484d;--sh-1:0 0 0 1px #0d0f150f,0 4px 14px -4px #0d0f151f;--sh-2:0 0 0 1px #0d0f150f,0 22px 56px -18px #0d0f154d;--f-d:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--f-b:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-m:ui-monospace,SFMono-Regular,Menlo,monospace;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.45,.64,1)}@media (prefers-color-scheme:dark){:root{--bg:#0b0c10;--chrome:#16181e;--chrome-2:#20232b;--hover:#ffffff0f;--ink:#f2f3f5;--ink-2:#b9bcc4;--muted:#7d818a;--line:#2b2e36;--line-2:#ffffff14;--marque:#6f8bff;--marque-600:#5a78f5;--marque-100:#1d2547;--acide-ink:#c2eb32;--sh-1:0 0 0 1px #ffffff12,0 4px 14px -4px #0009;--sh-2:0 0 0 1px #ffffff14,0 22px 56px -18px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:500 15px/1.5 var(--f-b);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--marque);outline-offset:2px}.tile{background:var(--marque);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 -2px #00000026}.tile img{object-fit:contain;width:18px;height:18px}.btn{white-space:nowrap;height:40px;transition:background .2s,transform .3s var(--spring),opacity .2s;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-m{background:var(--marque);color:#fff}.btn-m:hover{background:var(--marque-600)}.btn-g{background:var(--chrome-2)}.btn-g:hover{background:var(--hover)}.btn-s{border-radius:9px;height:34px;padding:0 12px;font-size:13px}.champ{color:var(--ink-2);gap:6px;font-size:13px;font-weight:600;display:grid}.champ input{background:var(--chrome-2);height:44px;color:var(--ink);border:0;border-radius:11px;outline:none;padding:0 14px;font-size:15px;font-weight:500}.champ input:focus{box-shadow:inset 0 0 0 1.5px var(--marque)}.err{color:var(--rouge);margin:0;font-size:14px;font-weight:600}.centre{min-height:100svh;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));place-items:center;display:grid}.boite{background:var(--chrome);width:min(420px,100%);box-shadow:var(--sh-2);border-radius:24px;gap:18px;padding:32px;display:grid}.boite h1{font:650 30px/1.05 var(--f-d);letter-spacing:-.03em;text-wrap:balance;margin:6px 0 0}.boite p{color:var(--ink-2);margin:0}.marque{font:650 16px/1 var(--f-d);align-items:center;gap:10px;display:flex}.marque small{font:600 12px/1 var(--f-b);color:var(--muted);background:var(--chrome-2);border-radius:6px;padding:4px 7px}.st-top{z-index:5;background:color-mix(in oklab,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-2);position:sticky;top:0}.st-top>div,.st-main{max-width:1240px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));margin:0 auto}.st-top>div{align-items:center;gap:12px;height:64px;display:flex}.st-top .sp{flex:1}.st-top .moi{color:var(--ink-2);font-size:14px}.st-main{gap:28px;padding-block:44px 80px;display:grid}.st-h{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.st-h h1{font:650 clamp(34px,4vw,48px)/1 var(--f-d);letter-spacing:-.035em;margin:0}.st-h p{color:var(--muted);margin:10px 0 0}.nouv{background:var(--chrome);box-shadow:var(--sh-1);animation:pop .3s var(--spring);border-radius:20px;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:20px;display:grid}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}.depot{border:1.5px dashed var(--line);color:var(--muted);text-align:center;cursor:pointer;border-radius:14px;grid-column:1/-1;place-items:center;gap:6px;padding:28px;transition:border-color .2s,background .2s;display:grid}.depot.on,.depot:hover{border-color:var(--marque);background:color-mix(in oklab,var(--marque) 6%,transparent);color:var(--ink-2)}.depot b{color:var(--ink)}.grille{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.carte{background:var(--chrome);box-shadow:var(--sh-1);transition:box-shadow .3s,transform .4s var(--spring);border-radius:20px;display:grid;overflow:hidden}.carte:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}.vign{aspect-ratio:16/10;background:var(--chrome-2);position:relative;overflow:hidden;container-type:inline-size}.vign iframe{transform-origin:0 0;width:1440px;height:900px;transform:scale(calc(100cqw / 1440px));pointer-events:none;border:0;position:absolute;top:0;left:0}@supports not (width:1cqw){.vign iframe{transform:scale(.24)}}.vign .vide{color:var(--muted);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.corps{gap:12px;padding:16px 18px 18px;display:grid}.corps .cl{color:var(--muted);font-size:13px;font-weight:600}.corps h2{font:650 20px/1.15 var(--f-d);letter-spacing:-.02em;margin:2px 0 0}.meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.pill{background:var(--chrome-2);border-radius:999px;align-items:center;gap:5px;height:24px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.pill.ok{background:color-mix(in oklab,var(--acide) 35%,var(--chrome));color:var(--acide-ink)}.pill.cm{background:var(--marque-100);color:var(--marque)}.acts{flex-wrap:wrap;gap:6px;display:flex}.vide-st{border:1.5px dashed var(--line);text-align:center;color:var(--muted);border-radius:24px;padding:60px 24px}.vide-st b{color:var(--ink);font:650 22px/1.2 var(--f-d);margin-bottom:6px;display:block}.vide-st code{font:500 13px var(--f-m);background:var(--chrome-2);color:var(--ink-2);border-radius:6px;padding:2px 6px}.toast-st{background:var(--ink);color:var(--chrome);z-index:20;border-radius:12px;padding:10px 16px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (max-width:640px){.nouv,.grille{grid-template-columns:1fr}.boite{padding:24px}}