/* Grille V1 + hero accueil */
html{
  background-color:#0a0a0f !important;
  background-image:
    radial-gradient(ellipse 70% 45% at 50% -8%, rgba(232,255,71,.18) 0%, transparent 72%),
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px) !important;
  background-size:auto, 60px 60px, 60px 60px !important;
  background-attachment:fixed !important;
}
body{background:transparent !important;padding-left:15.5rem !important}
.sf-sidebar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  bottom:0 !important;
  height:100% !important;
  width:15.5rem !important;
  z-index:300 !important;
  display:flex !important;
  flex-direction:column !important;
  background:#0a0a0f !important;
}
.wrap,.mag,.art-wrap,#results,main.wrap{background:transparent !important}

.mag{max-width:none !important}
.mag-head{
  display:block !important;
  position:relative !important;
  margin:0 0 1.1rem !important;
  max-width:38rem !important;
}
.mag-mosaic{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-rows:12rem !important;
  gap:.7rem !important;
  align-items:stretch !important;
  width:100% !important;
}
.mag-head p{margin:0 0 .85rem}
.mag-cats{display:flex;flex-wrap:wrap;gap:.4rem;margin:.15rem 0 0}
.mag-tile{
  position:relative !important;
  isolation:isolate !important;
  min-height:12rem !important;
  height:12rem !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  background-color:#12121a !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:18px !important;
  opacity:0;
  animation:magIn .45s ease forwards;
  animation-delay:calc(var(--i, 0) * 55ms);
  transition:border-color .2s, box-shadow .2s, transform .2s;
}
.mag-tile::before{
  content:"";
  position:absolute;inset:0;z-index:0;
  background-image:inherit;
  background-size:cover;
  background-position:center;
  border-radius:inherit;
  transition:transform .55s ease;
  pointer-events:none;
}
.mag-tile:hover{
  transform:translateY(-4px);
  border-color:rgba(232,255,71,.55) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.45), 0 0 0 1px rgba(232,255,71,.25);
  z-index:3;
}
.mag-tile:hover::before{transform:scale(1.07)}
.mag-tile-shade{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(10,10,15,.05) 30%,rgba(10,10,15,.88) 100%) !important;
}
.mag-mosaic.is-filter .mag-tile--hero,
.mag-mosaic.is-filter .mag-tile--tall{
  grid-column:auto !important;
  grid-row:auto !important;
  height:12rem !important;
  min-height:12rem !important;
}
@keyframes magIn{to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .mag-tile{animation:none;opacity:1}
  .mag-tile::before,.mag-tile{transition:none}
}
.mag-tile img{display:none !important}
.mag-tile-body{
  position:absolute !important;
  left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;
  height:auto !important;
  max-height:100% !important;
  overflow:hidden !important;
  z-index:2 !important;
  padding:.85rem .95rem !important;
}
.mag-tile h2{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  font-size:1.02rem !important;
}
.mag-tile p{display:none !important}
.mag-tile--hero{
  grid-column:1 / span 2 !important;
  grid-row:span 2 !important;
  height:24.7rem !important;
  min-height:24.7rem !important;
}
.mag-tile--hero h2{font-size:clamp(1.2rem,2vw,1.75rem) !important;-webkit-line-clamp:3 !important}
.mag-tile--hero p{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.mag-tile--tall{
  grid-column:3 !important;
  grid-row:span 2 !important;
  height:24.7rem !important;
  min-height:24.7rem !important;
}
.mag-tile--tall h2{-webkit-line-clamp:4 !important;font-size:1.12rem !important}
.mag-tile--wide,
.mag-tile--md,
.mag-tile--sm{
  grid-column:auto !important;
  grid-row:auto !important;
  height:12rem !important;
  min-height:12rem !important;
}

@media(max-width:820px){
  .mag-mosaic{grid-template-columns:1fr !important;grid-auto-rows:13rem !important}
  .mag-tile--hero,.mag-tile--tall,.mag-tile--wide,.mag-tile--md,.mag-tile--sm{
    grid-column:auto !important;grid-row:auto !important;height:13rem !important;min-height:13rem !important
  }
}

@media(max-width:1024px){
  body{padding-left:0 !important}
  .sf-sidebar{width:min(18rem,88vw) !important}
}

.plat-bento{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.75rem}
.plat-bento-lg{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:.75rem}
.plat-bento-sm{grid-template-columns:repeat(3,minmax(0,1fr))}
.plat-tile{
  position:relative;
  display:flex;flex-direction:column;justify-content:flex-end;gap:.2rem;
  min-height:10.5rem;padding:1.05rem 1.15rem;
  border:1px solid rgba(255,255,255,.2);border-radius:18px;
  background-color:#101018;background-size:cover;background-position:center;
  color:inherit;text-decoration:none;
  overflow:hidden;
  opacity:0;animation:magIn .45s ease forwards;
  animation-delay:calc(var(--i, 0) * 55ms);
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.plat-tile::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,rgba(8,8,12,.12) 15%,rgba(8,8,12,.88) 100%);
}
.plat-tile.is-lg{min-height:15.5rem;padding:1.25rem 1.3rem}
.plat-tile > *{position:relative;z-index:1}
.plat-tile:hover{
  transform:translateY(-4px);
  border-color:rgba(232,255,71,.55);
  box-shadow:0 14px 32px rgba(0,0,0,.45),0 0 0 1px rgba(232,255,71,.22);
}
.plat-tile-top{display:flex;align-items:center;gap:.7rem}
.plat-tile-top strong{font-size:1.02rem;font-weight:600}
.plat-tile.is-lg .plat-tile-top strong{font-size:1.15rem}
.plat-tile .plat-ico,.plat-tile .plat-ico svg{width:40px !important;height:40px !important}
.plat-tile.is-lg .plat-ico,.plat-tile.is-lg .plat-ico svg{width:48px !important;height:48px !important}
.plat-n{
  font-family:'Bebas Neue',sans-serif;font-weight:400;line-height:.9;
  font-size:clamp(2.1rem,4vw,3.1rem);letter-spacing:.03em;color:#fff
}
.plat-tile.is-lg .plat-n{font-size:clamp(3rem,6vw,4.4rem)}
.plat-tile small{color:rgba(240,240,245,.5);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}

@media(max-width:900px){
  .plat-bento-lg,.plat-bento-sm{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .plat-bento-lg,.plat-bento-sm{grid-template-columns:1fr}
}

.fiche-hero{margin:0 0 1rem}
.fiche-hero .sf-hero-stage{
  height:16rem;max-height:38vh;min-height:11rem;
  padding:0;align-items:stretch;
}
.fiche-hero .sf-hero-stage::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,8,12,.12) 40%,rgba(10,10,15,.55) 100%);
  border-radius:inherit;
}

body.sf-home .topbar{display:none}

.sf-hero{margin:0 0 .85rem}
.sf-hero-stage{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:1.35rem;
  width:100%;
  height:auto;
  max-height:none;
  padding:1rem 1.35rem;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.1);
  background-color:#08080c;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  line-height:normal;
}
.sf-hero-shade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg, rgba(8,8,12,.94) 0%, rgba(8,8,12,.86) 48%, rgba(8,8,12,.72) 100%);
}
.sf-hero-copy,.sf-hero-big{position:relative;z-index:2}
.sf-hero-big{
  display:block !important;
  width:10.5rem !important;
  height:auto !important;
  flex-shrink:0;
  aspect-ratio:2/3;
  object-fit:cover !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  margin:0 !important;
  box-shadow:0 16px 36px rgba(0,0,0,.55);
}
.sf-hero-copy{
  width:auto;
  max-width:36rem;
  display:flex;flex-direction:column;align-items:flex-start;gap:.42rem;
}
.sf-hero-kicker{
  margin:0;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  color:#e8ff47;font-weight:600
}
.sf-hero-title{
  margin:0;font-family:'Bebas Neue',sans-serif;font-weight:400;
  font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:.92;letter-spacing:.02em;
  color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  text-shadow:0 2px 16px rgba(0,0,0,.55);
}
.sf-hero-syn{
  margin:0;color:rgba(255,255,255,.86);font-size:.9rem;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  max-width:46ch
}
.sf-hero-plats{
  margin:0;display:flex;flex-wrap:wrap;gap:.35rem
}
.sf-hero-plat{
  display:inline-block;font-size:.75rem;color:#0a0a0f;background:#e8ff47;
  padding:.2rem .55rem;border-radius:999px;font-weight:650
}
.sf-hero-cta{
  display:inline-block;margin-top:.08rem;
  background:#e8ff47;color:#0a0a0f;text-decoration:none;font-weight:650;
  font-size:.88rem;padding:.5rem .95rem;border-radius:999px
}
.sf-hero-cta:hover{filter:brightness(.95)}

@media(max-width:820px){
  .sf-hero-stage{
    flex-direction:column;
    align-items:flex-start;
    height:auto;
    max-height:none;
    min-height:0;
    overflow:visible;
    padding:1rem;
  }
  .sf-hero-big{width:7.5rem !important}
  .sf-hero-title{font-size:clamp(1.4rem,7vw,2rem)}
}

body.auth-solo{padding-left:0 !important;min-height:100vh}
body.auth-solo .sf-burger{display:none !important}
.v1-logo{
  display:inline-flex;justify-content:center;align-items:center;
  text-decoration:none;line-height:0
}
.v1-logo img{width:min(840px,92vw);height:auto;display:block}
.auth-top{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:.8rem;
  min-height:62px;padding:.45rem 1rem;
  background:rgba(8,8,12,.94);border-bottom:1px solid rgba(255,255,255,.1)
}
.auth-top-logo{display:flex;line-height:0}
.auth-top-logo img{height:38px;width:auto;display:block}
.auth-top nav{display:flex;gap:.15rem;flex:1;flex-wrap:wrap}
.auth-top nav a{
  color:#f4f4f8;text-decoration:none;padding:.45rem .75rem;border-radius:999px;font-size:.95rem
}
.auth-top nav a:hover{background:rgba(255,255,255,.08)}
.auth-top-cta{
  margin-left:auto;background:#e8ff47;color:#111;text-decoration:none;
  font-weight:700;border-radius:999px;padding:.5rem 1rem;font-size:.92rem;white-space:nowrap
}
.room-split{display:grid;grid-template-columns:1.05fr .95fr;min-height:calc(100vh - 62px)}
.wiz{min-height:calc(100vh - 62px);padding:1.2rem 1.2rem 2rem;justify-content:flex-start}
.wiz .v1-logo{margin:.4rem 0 .7rem}
.wiz-card{
  min-height:92px;align-items:center;justify-content:center;
  font-size:1.25rem;font-weight:700;text-align:center;line-height:1.2
}
.wiz-step[data-step="3"] .wiz-cards{
  grid-template-columns:repeat(2,minmax(0,280px));
  justify-content:center
}
.wiz-chips{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.5rem;max-width:720px;margin:0 auto;justify-content:stretch
}
.wiz-chip{
  display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:48px;padding:.45rem .6rem;font-size:1.05rem
}
.room{
  position:relative;overflow:hidden;min-height:calc(100vh - 62px);
  background:#120f0c center/cover no-repeat
}
.room-win{
  position:absolute;left:14%;top:12%;width:48%;height:36%;border-radius:10px;
  background:linear-gradient(180deg,#24384f 0%,#101820 100%);
  box-shadow:0 0 50px rgba(90,150,200,.22);overflow:hidden
}
.room-win::before{
  content:"";position:absolute;inset:10% 8% 18%;
  background:
    radial-gradient(circle at 20% 70%, #e8ff47 0 2px, transparent 3px),
    radial-gradient(circle at 46% 40%, #fff 0 1.5px, transparent 2px),
    radial-gradient(circle at 70% 62%, rgba(255,255,255,.8) 0 1.5px, transparent 2px),
    radial-gradient(circle at 82% 30%, #9fd 0 1.5px, transparent 2px)
}
.room-tv{
  position:absolute;left:22%;bottom:18%;width:52%;height:30%;
  background:#0a0a0f;border:10px solid #1c1c1c;border-radius:12px;
  box-shadow:0 0 70px rgba(232,255,71,.2)
}
.room-tv::after{
  content:"";position:absolute;inset:12%;border-radius:4px;
  background:linear-gradient(160deg, rgba(232,255,71,.35), rgba(20,20,28,.2) 60%)
}
.room-sofa{position:absolute;left:8%;bottom:5%;width:80%;height:11%;background:#2a221c;border-radius:18px 18px 8px 8px}
.room-form{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:2.2rem 8%;background:#0c0c12;text-align:center
}
.room-form .v1-logo{margin-bottom:1.1rem}
.room-form h1{
  font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:.02em;
  font-size:clamp(2.8rem,4.5vw,4.2rem);line-height:.9;margin:0 0 .45rem;max-width:12ch
}
.room-form .lead{color:rgba(240,240,245,.68);margin:0 0 1.1rem;max-width:28rem}
.room-form form{width:min(100%,26rem);text-align:left}
.room-form label,.wiz label.field{display:flex;flex-direction:column;gap:.32rem;font-size:.8rem;color:rgba(240,240,245,.7);margin:0 0 .75rem}
.room-form input,.wiz input[type=text],.wiz input[type=email],.wiz input[type=password]{
  background:#1c1c28 !important;border:1px solid rgba(255,255,255,.22) !important;color:#f4f4f8 !important;
  border-radius:12px;padding:.8rem .9rem;font:inherit;font-size:1rem;-webkit-text-fill-color:#f4f4f8
}
.room-form input:-webkit-autofill,.wiz input:-webkit-autofill{
  -webkit-text-fill-color:#f4f4f8 !important;box-shadow:0 0 0 1000px #1c1c28 inset !important
}
.room-form .btn,.wiz .btn{
  background:#e8ff47;color:#111;border:0;border-radius:999px;padding:.85rem 1.3rem;
  font-weight:700;cursor:pointer;font:inherit;font-size:1rem
}
.room-form .alt,.wiz .alt{margin:.85rem 0 0;font-size:.92rem;color:rgba(240,240,245,.65);text-align:center}
.room-form .alt a,.wiz .alt a{color:#e8ff47}
.auth-err{background:rgba(255,90,90,.12);color:#ffb4b4;border-radius:12px;padding:.6rem .75rem;margin:0 0 .9rem;text-align:left}
.wiz{
  min-height:calc(100vh - 62px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding:1.1rem 1.2rem 2.2rem;text-align:center;
  background:radial-gradient(ellipse 55% 40% at 50% 0%, rgba(232,255,71,.16), transparent 62%), #07070b
}
.wiz .v1-logo{margin-bottom:.9rem}
.wiz-dots{display:flex;gap:.4rem;margin-bottom:.8rem}
.wiz-dots i{width:.5rem;height:.5rem;border-radius:50%;background:#333;display:block}
.wiz-dots i.on{background:#e8ff47}
.wiz h1{
  font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:.02em;
  font-size:clamp(2.6rem,6vw,4.4rem);line-height:.9;margin:0 0 1.1rem
}
.wiz-step{display:none;width:min(720px,100%)}
.wiz-step.on{display:block}
.wiz-step[data-step="3"] .wiz-cards{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center}
.wiz-card{
  position:relative;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#12121a;
  min-height:92px;padding:1rem;display:flex;align-items:center;justify-content:center;
  font-size:1.25rem;font-weight:700;text-align:center;line-height:1.2;cursor:pointer
}
.wiz-card input{position:absolute;opacity:0}
.wiz-card:has(input:checked){border-color:#e8ff47;box-shadow:0 0 0 1px #e8ff47;background:#17180f}
.wiz-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-width:720px;margin:0 auto}
.wiz-chip{
  position:relative;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.04);
  min-height:48px;padding:.45rem .7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;
  text-align:center;font-size:1.05rem
}
.wiz-chip input{position:absolute;opacity:0}
.wiz-chip:has(input:checked){background:#e8ff47;color:#111;border-color:#e8ff47;font-weight:700}
.wiz-nav{display:flex;gap:.6rem;justify-content:center;align-items:center;margin-top:1.3rem;flex-wrap:wrap}
.wiz-back{background:transparent;color:#f0f0f5;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.75rem 1rem;cursor:pointer}
.wiz .hint{color:rgba(240,240,245,.5);margin:-.4rem 0 .9rem;font-size:.88rem}
.wiz-check{display:flex;gap:.55rem;align-items:flex-start;text-align:left;max-width:28rem;margin:.2rem auto 0;font-size:.9rem}
.wiz-check input{margin-top:.25rem;accent-color:#e8ff47}
@media(max-width:860px){
  .room-split{grid-template-columns:1fr}
  .room{min-height:28vh}
  .wiz-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .wiz-cards,.wiz-step[data-step="3"] .wiz-cards{grid-template-columns:1fr}
  .auth-top{flex-wrap:wrap}
  .auth-top nav{width:100%}
}
.sf-rail-you{margin:0 0 1.5rem;padding:.15rem 0 .1rem}
.sf-rail-you .sf-rail-title{color:#e8ff47;font-size:1.85rem}
.sf-you-hint{margin:.15rem 0 0;color:rgba(240,240,245,.62);font-size:.9rem}
.sf-you-hint a{color:#e8ff47}
.compte-hero{
  display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;
  padding:1.3rem 1.3rem 1.15rem;margin:0 0 1.1rem;border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:radial-gradient(ellipse 50% 80% at 0% 0%, rgba(232,255,71,.16), transparent 60%), #12121a
}
.compte-av{
  width:84px;height:84px;border-radius:50%;background:#e8ff47;color:#111;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  font-family:'Bebas Neue',sans-serif;font-size:2.7rem;line-height:1
}
.compte-hero h1{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(2.4rem,4vw,3.4rem);line-height:.9;margin:0}
.compte-mail{margin:.25rem 0 0;color:rgba(240,240,245,.6)}
.compte-stats{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.75rem}
.compte-stat{
  display:block;min-width:6.5rem;text-decoration:none;color:inherit;
  border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:.55rem .75rem;background:rgba(0,0,0,.25)
}
.compte-stat b{display:block;font-family:'Bebas Neue',sans-serif;font-size:1.7rem;color:#e8ff47;line-height:1;font-weight:400}
.compte-stat span{font-size:.78rem;color:rgba(240,240,245,.62)}
.compte-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(16rem,.7fr);gap:1rem;align-items:start}
.compte-card{
  border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(14,14,20,.94);padding:1.15rem 1.15rem 1rem
}
.compte-card h2{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:1.8rem;letter-spacing:.03em;margin:0 0 .7rem}
.compte-ok{background:rgba(232,255,71,.12);color:#e8ff47;border-radius:12px;padding:.6rem .75rem;margin:0 0 .9rem}
.compte-posters{display:flex;gap:.45rem;margin:.2rem 0 .8rem}
.compte-posters img{width:58px;height:86px;object-fit:cover;border-radius:8px;background:#1c1c28}
.compte-links{display:flex;flex-direction:column;gap:.45rem}
.compte-links a{
  display:flex;justify-content:space-between;align-items:center;text-decoration:none;
  border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.7rem .8rem
}
.compte-links a:hover{border-color:#e8ff47}
.gout-board{
  margin:0 0 1.1rem;padding:1.35rem 1.3rem 1.2rem;border-radius:22px;
  border:1px solid rgba(255,255,255,.12);background:#12121a
}
.gout-head h2{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:2.4rem;line-height:.9;margin:0}
.gout-head p{margin:.35rem 0 0;color:rgba(240,240,245,.6)}
.gout-label{margin:1.15rem 0 .5rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#e8ff47}
.gout-choice,.gout-grid{display:grid;gap:.55rem}
.gout-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gout-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gout-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.gout-plats{grid-template-columns:repeat(4,minmax(0,1fr))}
.gout-tile{
  position:relative;display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:64px;padding:.55rem .7rem;border-radius:16px;cursor:pointer;
  border:1px solid rgba(255,255,255,.14);background:#181822;font-size:1.02rem;font-weight:650;line-height:1.2
}
.gout-grid .gout-tile{min-height:52px;font-size:.98rem}
.gout-tile input{position:absolute;opacity:0;pointer-events:none}
.gout-tile:has(input:checked){background:#e8ff47;color:#111;border-color:#e8ff47}
.gout-no:has(input:checked){background:#2a1818;color:#ffb4b4;border-color:#ff8a8a}
.gout-avoid{margin-top:1rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.8rem}
.gout-avoid summary{cursor:pointer;color:rgba(240,240,245,.72);font-size:.95rem}
.gout-avoid .gout-grid{margin-top:.7rem}
.gout-save{
  margin-top:1.15rem;background:#e8ff47;color:#111;border:0;border-radius:999px;
  padding:.85rem 1.4rem;font:inherit;font-size:1rem;font-weight:700;cursor:pointer
}
@media(max-width:860px){
  .gout-3,.gout-4,.gout-plats{grid-template-columns:1fr 1fr}
  .gout-grid{grid-template-columns:1fr 1fr}
}
.compte-card .auth-block h2{font-family:inherit;font-size:1rem;letter-spacing:0;margin:0 0 .4rem;font-weight:650}
.compte-card label.field{display:flex;flex-direction:column;gap:.32rem;font-size:.8rem;color:rgba(240,240,245,.7);margin:0 0 .75rem}
.compte-card input[type=password]{
  background:#1c1c28;border:1px solid rgba(255,255,255,.22);color:#f4f4f8;
  border-radius:12px;padding:.8rem .9rem;font:inherit;font-size:1rem
}
.compte-card button[type=submit]{
  background:#e8ff47;color:#111;border:0;border-radius:999px;padding:.8rem 1.2rem;
  font-weight:700;cursor:pointer;font:inherit;font-size:1rem
}
.compte-block{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:2rem;letter-spacing:.04em;margin:1.4rem 0 .35rem}
.compte-rails .compte-block:first-child{margin-top:0}
.compte-empty{margin:0 0 .8rem;color:rgba(240,240,245,.62)}
.compte-pass{max-width:28rem;margin-top:1rem}
.compte-tabs{display:flex;gap:.45rem;flex-wrap:wrap;margin:0 0 1rem}
.compte-tabs button,.compte-stat[data-tab]{
  background:transparent;color:inherit;border:1px solid rgba(255,255,255,.16);
  border-radius:999px;padding:.55rem 1rem;font:inherit;cursor:pointer
}
.compte-tabs button.is-on{background:#e8ff47;color:#111;border-color:#e8ff47;font-weight:700}
button.compte-stat{text-align:left;border-radius:14px;padding:.55rem .75rem}