:root{--bg:#09090a;--bg-glass:#09090adb;--glow:#d6a5371f;--surface:#121213;--surface-2:#1c1b19;--card-bg:linear-gradient(180deg, #171716 0%, #0f0f10 100%);--card-border:1px solid #e9bf5529;--card-shadow:inset 0 1px 0 #fff0d20a, 0 24px 48px -28px #000000e6;--line:#e9bf5526;--fg:#f2efe8;--fg-dim:#bdb7ab;--fg-mute:#8f897e;--accent:#ecc35a;--accent-deep:#d4a537;--accent-ink:#1a1305;--metal:#e8c063;--up:#8ccaa6;--down:#f2545b;--c1:#e8c063;--c2:#f2efe8;--c3:#6fb3a1;--c4:#7a96c2;--c5:#b0709a;--track:#f2efe814;--bar-fill:#d4a537;--or-degrade:linear-gradient(120deg, #f9e4a4 0%, #ecc35a 28%, #c8902a 55%, #f3d27e 78%, #fbeab6 100%);--or-texte:linear-gradient(180deg, #fbe8ad 0%, #ecc35a 48%, #c08a26 100%);--or-lueur:#deac3c8c;--ease:cubic-bezier(.2, .8, .2, 1);--radius:18px;--radius-sm:12px;--radius-pill:999px;--card-pad:clamp(20px, 2.4vw, 28px);--grid-gap:20px;--bar-h:8px;--gutter:clamp(16px, 3.4vw, 40px);--maxw:1200px;--font-display:"Bodoni Moda", "Didot", "Bodoni MT", Georgia, serif;--font-body:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--num-weight:700;--num-track:-.025em;--label-size:11.5px;--label-track:.14em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}:root{background:var(--bg)}body{background:radial-gradient(1100px 560px at 80% -6%, var(--glow), transparent 64%), var(--bg);min-height:100dvh;color:var(--fg);font:400 15px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,p,dl,dd,ul{margin:0;padding:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.lab{font:650 var(--label-size)/1.3 var(--font-body);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--fg-mute)}.titre{font:italic 500 clamp(28px, 3.6vw, 40px)/1.1 var(--font-display);letter-spacing:-.01em;text-wrap:balance}.sous-titre{color:var(--fg-mute);margin-top:8px;font-size:14px}h2.h2{font:500 22px/1.25 var(--font-display)}.num{font-variant-numeric:tabular-nums lining-nums}.grand-nombre{font:var(--num-weight) clamp(40px, 6.4vw, 72px)/1 var(--font-body);letter-spacing:var(--num-track);font-variant-numeric:tabular-nums lining-nums}.grand-nombre .cur{background:var(--or-texte);color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:.14em;font-size:.62em;font-weight:600}.grand-nombre.down{text-shadow:0 0 28px #f2545b40}.up{color:var(--up)}.down{color:var(--down)}.mute{color:var(--fg-mute)}.dim{color:var(--fg-dim)}.prive .amt{filter:blur(9px)}.amt{transition:filter .2s}.shell{grid-template-columns:248px minmax(0,1fr);align-items:start;min-height:100dvh;display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;gap:34px;height:100dvh;padding:30px 20px;display:flex;position:sticky;top:0;overflow:auto}.marque{color:var(--fg);align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex}.marque b{font:600 17px/1 var(--font-display);letter-spacing:.3em;background:var(--or-texte);color:#0000;-webkit-background-clip:text;background-clip:text}.marque svg{flex:none;width:26px;height:26px}.nav{flex-direction:column;gap:2px;display:flex}.nav a{border-radius:var(--radius-sm);color:var(--fg-dim);font:500 14px/1.2 var(--font-body);align-items:center;gap:12px;padding:11px 12px;text-decoration:none;display:flex}.nav a svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.nav a{transition:color .2s, background-color .25s var(--ease), box-shadow .25s var(--ease)}.nav a svg{transition:transform .25s var(--ease), color .2s}.nav a:hover{color:var(--fg);background:#e9bf550d}.nav a:hover svg{color:var(--accent);transform:translate(2px)}.nav a.active{color:var(--fg);background:var(--surface-2);box-shadow:inset 2px 0 0 var(--accent)}.nav a.active svg{color:var(--accent)}.rail-pied{flex-direction:column;gap:8px;margin-top:auto;padding:0 12px;display:flex}.rail-pied small{color:var(--fg-mute);font:500 11px/1.3 var(--font-mono);text-overflow:ellipsis;overflow:hidden}.main{width:100%;min-width:0;max-width:var(--maxw);padding:34px var(--gutter) 72px;margin:0 auto}.entete{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:26px;display:flex}.outils{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grille{gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.carte{padding:var(--card-pad);background:var(--card-bg);border:var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);grid-column:span 12;min-width:0}.carte .ch{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.bouton{isolation:isolate;border-radius:var(--radius-pill);background:var(--or-degrade);color:var(--accent-ink);font:650 14px/1.2 var(--font-body);letter-spacing:.01em;box-shadow:0 6px 20px -10px var(--or-lueur), inset 0 1px 0 #ffffff59;transition:background-position .6s var(--ease), transform .2s var(--ease), box-shadow .3s var(--ease);background-position:0%;background-size:220% 100%;justify-content:center;align-items:center;gap:8px;padding:11px 20px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.bouton:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:45%;position:absolute;inset:0;transform:translate(-130%)skew(-20deg)}.bouton:hover{box-shadow:0 14px 30px -12px var(--or-lueur), inset 0 1px 0 #ffffff73;background-position:100%;transform:translateY(-2px)}.bouton:hover:after{animation:eclat .9s var(--ease)}.bouton:active{transition-duration:80ms;transform:translateY(0)scale(.97)}.bouton[disabled]{opacity:.55;cursor:default}.fantome{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--fg-dim);font:500 13px/1.2 var(--font-body);transition:color .2s, border-color .2s, background-color .2s, transform .2s var(--ease);align-items:center;gap:8px;padding:8px 14px;text-decoration:none;display:inline-flex}.fantome:hover{color:var(--accent);border-color:var(--accent);background:#e9bf550f}.fantome:active{transform:scale(.97)}.icone{border:1px solid var(--line);border-radius:var(--radius-pill);width:40px;height:40px;color:var(--fg-dim);background:var(--surface);transition:color .2s, border-color .2s, box-shadow .3s var(--ease), transform .2s var(--ease);place-items:center;display:inline-grid}.icone:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 4px #e9bf551f}.icone:active{transform:scale(.94)}.icone[aria-pressed=true]{color:var(--accent-ink);background:var(--or-degrade);border-color:#0000}.icone svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.onglets{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);gap:2px;padding:3px;display:inline-flex}.onglets button{border-radius:var(--radius-pill);font:600 12.5px/1.2 var(--font-body);color:var(--fg-dim);transition:color .2s, background-color .25s var(--ease), box-shadow .25s;padding:7px 14px}.onglets button:hover{color:var(--accent)}.onglets button[aria-pressed=true]{background:var(--or-degrade);color:var(--accent-ink);box-shadow:0 4px 14px -8px var(--or-lueur);background-size:220% 100%}.champs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px 16px;display:grid}.champ{gap:6px;min-width:0;display:grid}.champ>span{font:500 12.5px/1.3 var(--font-body);color:var(--fg-dim)}.champ input,.champ select,.champ textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--fg);font:400 15px/1.3 var(--font-body);font-variant-numeric:tabular-nums;transition:border-color .2s, box-shadow .25s var(--ease), background-color .2s;padding:10px 12px}.champ input:hover,.champ select:hover,.champ textarea:hover{border-color:#e9bf5552}.champ input:focus,.champ select:focus,.champ textarea:focus{border-color:var(--accent);background:#151513;outline:none;box-shadow:0 0 0 3px #e9bf5529}.champ small{color:var(--fg-mute);font-size:12px}.case{color:var(--fg-dim);align-items:center;gap:10px;font-size:14px;display:flex}.case input{accent-color:var(--accent);width:18px;height:18px}fieldset{border:0;gap:14px;margin:0;padding:0;display:grid}fieldset+fieldset{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}legend{margin-bottom:12px;padding:0}.erreur{color:var(--down);font-size:14px}.stats{flex-wrap:wrap;gap:10px 40px;margin-top:22px;display:flex}.stats div{gap:4px;display:grid}.stats dd{font:700 18px/1.2 var(--font-body);font-variant-numeric:tabular-nums}.lignes{list-style:none}.ligne{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;display:flex}.ligne:first-child{border-top:0}.ligne.total{border-top:1px solid #e9bf5573;font-weight:700}.ligne .v{text-align:right;white-space:nowrap;font-weight:650}.groupe{color:var(--fg-dim);padding:16px 0 4px}.jauge{height:var(--bar-h);background:var(--track);border-radius:var(--radius-pill);overflow:hidden}.jauge i{background:var(--accent);border-radius:var(--radius-pill);height:100%;display:block}.pastille{border-radius:var(--radius-pill);background:var(--surface-2);font:650 13px/1.2 var(--font-body);align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.pastille i{background:var(--fg-mute);border-radius:50%;flex:none;width:8px;height:8px}.pastille.ok i{background:var(--up)}.pastille.alerte i{background:var(--metal);--pouls:#e8c0638c;animation:2s ease-out infinite pouls}.pastille.ko i{background:var(--down);--pouls:#f2545b8c;animation:2s ease-out infinite pouls}.pastille.ko{background:#f2545b1a}.pastille.ok{background:#8ccaa61a}table.tableau{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.tableau th{text-align:right;font:500 var(--label-size)/1.3 var(--font-body);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--fg-mute);padding:0 0 12px}.tableau th:first-child,.tableau td:first-child{text-align:left}.tableau td{text-align:right;border-top:1px solid var(--line);padding:12px 0;font-weight:650}.tableau td:first-child{font-weight:500}.tableau tbody tr{transition:background-color .2s}.tableau tbody tr:hover{background:#e9bf550a}.tableau a{color:var(--fg);text-decoration:none;transition:color .2s}.tableau a:hover{color:var(--accent)}.defile{overflow-x:auto}.curseur{grid-template-columns:minmax(0,1fr) 4rem;align-items:center;gap:6px 14px;padding:8px 0;display:grid}.curseur input[type=range]{accent-color:var(--accent);grid-column:1/-1;width:100%}.resultats{gap:var(--grid-gap);align-content:start;display:grid}.vide{max-width:52ch;color:var(--fg-dim);justify-items:start;gap:14px;display:grid}.connexion{min-height:100dvh;padding:var(--gutter);place-items:center;display:grid}.connexion .carte{gap:22px;width:min(420px,100%);display:grid}.connexion .marque{padding:0}@keyframes apparition{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes eclat{0%{transform:translate(-130%)skew(-20deg)}to{transform:translate(260%)skew(-20deg)}}@keyframes pouls{0%{box-shadow:0 0 0 0 var(--pouls,transparent)}70%,to{box-shadow:0 0 0 7px #0000}}@keyframes maj{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.carte{animation:apparition .55s var(--ease) both;transition:border-color .35s var(--ease), box-shadow .35s var(--ease)}.carte:hover{border-color:#e9bf554d}.grille>:nth-child(2),.resultats>:first-child{animation-delay:70ms}.grille>:nth-child(3),.resultats>:nth-child(2){animation-delay:.14s}.grille>:nth-child(4),.resultats>:nth-child(3){animation-delay:.21s}.entete{animation:apparition .5s var(--ease) both}.maj{animation:maj .3s var(--ease);display:inline-block}@media (width<=1100px){.s4,.s5,.s6,.s7,.s8{grid-column:span 12}.resultats{display:contents}.synthese{order:-1}}@media (width<=820px){.shell{display:block}.rail{z-index:40;height:auto;padding:calc(12px + env(safe-area-inset-top,0px)) var(--gutter) 12px;border-right:0;border-bottom:1px solid var(--line);background:var(--bg);flex-direction:row;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;overflow:visible}.marque{padding:0}.rail-pied{flex-direction:row;align-items:center;margin:0;padding:0}.rail-pied small{display:none}.nav{z-index:50;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);flex-direction:row;justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.nav a{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;padding:8px 2px;font-size:11px}.nav a.active{box-shadow:none;color:var(--accent);background:0 0}.nav a:hover{background:0 0}.nav a:hover svg{transform:none}.main{padding-top:26px;padding-bottom:110px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}