.site{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.shell{width:100%;max-width:84rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}:root{--header-h:4.25rem}.header{z-index:50;transition:background-color .3s var(--ease-out-expo), border-color .3s var(--ease-out-expo);border-bottom:1px solid #0000;position:sticky;top:0}.header[data-scrolled=true]{background:color-mix(in oklab, var(--color-ink) 78%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-bottom-color:var(--color-hairline)}.header__inner{height:var(--header-h);align-items:center;gap:clamp(1rem,3vw,2.5rem);display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:600;text-decoration:none;display:inline-flex}.brand__mark{width:1.9rem;height:1.9rem;color:var(--color-gold);filter:drop-shadow(0 0 10px color-mix(in oklab, var(--color-gold) 45%, transparent));transition:transform .5s var(--ease-spring)}.brand:hover .brand__mark{transform:rotate(-14deg)scale(1.08)}.nav{align-items:center;gap:.25rem;margin-inline-end:auto;display:flex}.nav__link{color:var(--color-muted);transition:color .2s var(--ease-out-expo), background-color .2s var(--ease-out-expo);border-radius:.6rem;padding:.45rem .8rem;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav__link:hover{color:var(--color-ivory);background:color-mix(in oklab, var(--color-surface) 60%, transparent)}.nav__link[aria-current=page]{color:var(--color-ivory)}.nav__link[aria-current=page]:after{content:"";background:linear-gradient(90deg, transparent, var(--color-gold), transparent);border-radius:2px;height:1.5px;position:absolute;bottom:.1rem;left:.8rem;right:.8rem}.header__actions{align-items:center;gap:.6rem;display:flex}.nav--mobile{display:none}@media (max-width:60rem){.nav{display:none}.nav--mobile{display:flex}}.lang{position:relative}.lang__button{border:1px solid var(--color-hairline);background:color-mix(in oklab, var(--color-surface) 55%, transparent);color:var(--color-parchment);cursor:pointer;transition:border-color .2s var(--ease-out-expo), color .2s var(--ease-out-expo);border-radius:.7rem;align-items:center;gap:.45rem;padding:.42rem .7rem;font-size:.85rem;font-weight:500;display:inline-flex}.lang__button:hover{border-color:color-mix(in oklab, var(--color-gold) 45%, transparent);color:var(--color-ivory)}.lang__menu{top:calc(100% + .5rem);z-index:60;min-width:12rem;animation:lang-in .22s var(--ease-out-expo);border-radius:.85rem;margin:0;padding:.4rem;list-style:none;position:absolute;inset-inline-end:0}@keyframes lang-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}.lang__item{width:100%;color:var(--color-parchment);font:inherit;text-align:start;cursor:pointer;transition:background-color .16s var(--ease-out-expo);background:0 0;border:0;border-radius:.6rem;align-items:center;gap:.6rem;padding:.5rem .65rem;font-size:.88rem;text-decoration:none;display:flex}.lang__item:hover{background:color-mix(in oklab, var(--color-surface-2) 80%, transparent);color:var(--color-ivory)}.lang__item[aria-current=true]{color:var(--color-gold-bright)}.lang__native{color:var(--color-faint);margin-inline-start:auto;font-size:.76rem}.footer{border-top:1px solid var(--color-hairline);background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--color-ink-2) 70%, transparent));margin-top:auto;padding-block:3.5rem 2.5rem}.footer__grid{grid-template-columns:minmax(0,1.4fr) repeat(auto-fit,minmax(9rem,1fr));gap:2.5rem;display:grid}.footer__title{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--color-faint);margin-bottom:.9rem;font-size:.72rem;font-weight:600}.footer__list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.footer__list a{color:var(--color-muted);font-size:.9rem;text-decoration:none}.footer__list a:hover{color:var(--color-ivory)}.footer__legal{border-top:1px solid color-mix(in oklab, var(--color-hairline) 60%, transparent);color:var(--color-faint);max-width:62rem;margin-top:3rem;padding-top:1.5rem;font-size:.8rem;line-height:1.65}.footer__legal a{color:var(--color-muted)}.account{align-items:center;gap:.3rem;display:inline-flex}.account__stats{border:1px solid var(--color-hairline);background:color-mix(in oklab, var(--color-surface) 55%, transparent);transition:border-color .2s var(--ease-out-expo);border-radius:.7rem;align-items:center;gap:.85rem;padding:.4rem .8rem;text-decoration:none;display:inline-flex}.account__stats:hover{border-color:color-mix(in oklab, var(--color-gold) 45%, transparent)}.account__stat{font-family:var(--font-mono);color:var(--color-parchment);font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;display:inline-flex}.account__icon{width:.6rem;height:.6rem;transition:box-shadow .26s var(--ease-out-expo), transform .26s var(--ease-spring);border-radius:2px}.compteur{font-variant-numeric:tabular-nums;transition:color .26s var(--ease-out-expo);position:relative}.compteur[data-sens=plus]{color:#8fe0b4}.compteur[data-sens=moins]{color:#ffb69a}.account__stat:has(.compteur[data-sens]) .account__icon{transform:scale(1.45)}.account__stat[data-quoi=dust]:has(.compteur[data-sens]) .account__icon{box-shadow:0 0 14px color-mix(in oklab, var(--color-cosmos) 95%, transparent)}.account__stat[data-quoi=pack]:has(.compteur[data-sens]) .account__icon{box-shadow:0 0 14px color-mix(in oklab, var(--color-gold) 90%, transparent)}.compteur__ecart{font-family:var(--font-mono);white-space:nowrap;pointer-events:none;animation:compteur-ecart 1.1s var(--ease-out-expo) forwards;padding-bottom:.15rem;font-size:.72rem;font-weight:700;position:absolute;bottom:100%;left:50%;translate:-50%}@keyframes compteur-ecart{0%{opacity:0;transform:translateY(.5rem)}22%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-.15rem)}to{opacity:0;transform:translateY(-.9rem)}}@media (prefers-reduced-motion:reduce){.compteur__ecart{opacity:.9;animation:none}.account__stat:has(.compteur[data-sens]) .account__icon{transform:none}}.account__icon--dust{background:radial-gradient(circle at 34% 30%, #fff, var(--color-cosmos) 60%, #000 130%);box-shadow:0 0 8px color-mix(in oklab, var(--color-cosmos) 70%, transparent);border-radius:50%}.account__icon--pack{background:linear-gradient(180deg, var(--color-gold-bright), var(--color-gold-deep));box-shadow:0 0 8px color-mix(in oklab, var(--color-gold) 60%, transparent)}.account__out{width:2.1rem;height:2.1rem;color:var(--color-faint);cursor:pointer;transition:color .18s var(--ease-out-expo), border-color .18s var(--ease-out-expo);background:0 0;border:1px solid #0000;border-radius:.6rem;place-items:center;display:grid}.account__out:hover{color:var(--color-ivory);border-color:var(--color-hairline)}.tabbar{display:none}@media (max-width:60rem){.tabbar{z-index:60;padding:.45rem .4rem calc(.45rem + env(safe-area-inset-bottom,0px));background:color-mix(in oklab, var(--color-ink) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border-top:1px solid var(--color-hairline);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.site{padding-bottom:calc(4.4rem + env(safe-area-inset-bottom,0px))}}.tabbar__link{color:var(--color-faint);transition:color .18s var(--ease-out-expo);border-radius:.6rem;justify-items:center;gap:.22rem;padding:.4rem .2rem;text-decoration:none;display:grid}.tabbar__link[aria-current=page]{color:var(--color-gold-bright)}.tabbar__icon{width:1.35rem;height:1.35rem}.tabbar__label{letter-spacing:.04em;font-size:.64rem;font-weight:600}.tabbar__link[aria-current=page] .tabbar__icon{filter:drop-shadow(0 0 8px color-mix(in oklab, var(--color-gold) 65%, transparent))}