:root{
  --bg0:#020008;--bg1:#050010;--bg2:#090016;--bg3:#0e001e;
  --pr:#7c28cc;--pr2:#9a50e0;--ac:#a832c8;--ac2:#c060e0;--vi:#6828c8;
  --mg:#8c18a8;--mg2:#a830d8;
  --sf:rgba(6,1,14,.88);--sf2:rgba(10,2,22,.96);
  --bd:rgba(120,40,200,.12);--bdh:rgba(160,50,220,.3);
  --tx:#ddd0f0;--tx2:rgba(190,165,220,.6);--tx3:rgba(130,95,170,.45);
  --ok:#22d3a0;--wn:#f59e0b;--er:#f43f5e;--dc:#5865F2;
  --r:12px;--r2:18px;--e:cubic-bezier(.4,0,.2,1);--sp:cubic-bezier(.34,1.56,.64,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.boot-lock,body.boot-lock{overflow:hidden!important}
body{font-family:'Outfit',sans-serif;background:var(--bg0);color:var(--tx);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
input,select,textarea,button{font-family:inherit}
.notranslate,[translate="no"]{translate:no}

/*  CANVAS & BG  */
#cvs{position:fixed;inset:0;z-index:0;pointer-events:none}
.bg-fx{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 55% at 0% 0%,rgba(124,58,237,.18),transparent 65%),
  radial-gradient(ellipse 50% 60% at 100% 15%,rgba(217,70,239,.11),transparent 65%),
  radial-gradient(ellipse 45% 40% at 50% 100%,rgba(147,51,234,.07),transparent 65%)}
.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(90px);animation:ofl 11s ease-in-out infinite}
.orb1{width:520px;height:520px;background:rgba(90,30,180,.07);top:-14%;left:-10%}
.orb2{width:360px;height:360px;background:rgba(140,30,190,.05);top:35%;right:-7%;animation-delay:-5s;animation-direction:reverse}
.orb3{width:280px;height:280px;background:rgba(100,30,160,.04);bottom:5%;left:22%;animation-delay:-3s}
@keyframes ofl{0%,100%{transform:translate(0,0)}40%{transform:translate(24px,-18px)}70%{transform:translate(-14px,22px)}}
.star-field{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle linear infinite}
@keyframes twinkle{0%,100%{opacity:.1;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}}

/*  LOADING  */
#ld{position:fixed;inset:0;z-index:1000;background:var(--bg0);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .45s ease;pointer-events:none}
#ld.out{opacity:0;pointer-events:none}
.ld-logo{font-family:'Orbitron',monospace;font-size:2rem;font-weight:900;margin-bottom:2.5rem}
.ld-bar{width:180px;height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.ld-fill{height:100%;background:linear-gradient(90deg,var(--pr),var(--mg));animation:lf 2.15s cubic-bezier(.16,1,.3,1) forwards}
@keyframes lf{from{width:0}to{width:100%}}
.ld-txt{font-size:.75rem;color:var(--tx3);margin-top:1rem;letter-spacing:.1em;animation:fade 1.15s ease forwards}
@keyframes fade{0%,80%{opacity:0}100%{opacity:1}}

/*  NAV  */
nav{position:fixed;top:0;left:0;right:0;z-index:500;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;
  background:rgba(4,0,16,.8);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid var(--bd)}

/* LOGO */
.logo{font-family:'Orbitron',monospace;font-size:1.38rem;font-weight:900;cursor:pointer;letter-spacing:.04em;user-select:none;display:flex;align-items:center;gap:.5rem}
.logo-img{height:34px;width:34px;object-fit:contain;display:block;flex-shrink:0;border-radius:7px}
.logo-txt{display:flex;align-items:center;gap:0}
@media(max-width:620px){
  .logo{gap:.35rem}
  .logo-img{height:28px;width:28px;border-radius:5px}
  .logo-txt{font-size:1.05rem}
}
.l1{background:linear-gradient(135deg,#c8a8e8 0%,#a030d8 40%,#7020c0 70%,#9860d8 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logoFlow 5s ease-in-out infinite}
.l2{background:linear-gradient(135deg,#8840e0 0%,#a030d8 35%,#c050e8 60%,#7020c0 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logoFlow 5s ease-in-out infinite reverse}
@keyframes logoFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.navlinks{display:flex;gap:1px}
.nl{padding:.38rem .9rem;border-radius:7px;font-size:.88rem;font-weight:600;color:var(--tx2);background:none;border:none;cursor:pointer;letter-spacing:.02em;transition:.2s;position:relative}
.nl:hover{color:var(--tx);background:rgba(147,51,234,.1)}
.nl.act{color:var(--pr2);background:rgba(147,51,234,.13)}
.nl.act::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:16px;height:2px;background:linear-gradient(90deg,var(--pr),var(--ac));border-radius:2px}
.navr{display:flex;align-items:center;gap:.5rem}
.ib{width:33px;height:33px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;color:var(--tx2);flex-shrink:0}
.ib:hover{border-color:var(--bdh);color:var(--tx)}
.ib svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.bw{position:relative}
.bbdg{position:absolute;top:-4px;right:-4px;width:15px;height:15px;background:linear-gradient(135deg,#ff2d55,#dc143c 55%,#991b1b);color:#fff;border-radius:50%;font-size:.56rem;font-weight:800;display:none;align-items:center;justify-content:center;border:2px solid var(--bg0);box-shadow:0 0 10px rgba(239,68,68,.55)}
.ndrop{position:absolute;top:calc(100% + 9px);right:0;width:min(285px,calc(100vw - 24px));max-width:calc(100vw - 24px);background:var(--bg2);border:1px solid var(--bdh);border-radius:var(--r2);padding:.7rem;z-index:300;display:none}
.ndrop.open{display:block;animation:fd .2s var(--e)}
@keyframes fd{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.cw{position:relative}
.cart-btn{width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14)}
.cart-btn:hover{border-color:rgba(192,132,252,.55);box-shadow:0 8px 20px rgba(147,51,234,.22)}
.cart-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9}
.cart-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;font-size:.58rem;font-weight:800;display:none;align-items:center;justify-content:center;border:2px solid var(--bg0)}
.cart-drop{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 20px));max-width:calc(100vw - 20px);background:linear-gradient(180deg,rgba(15,4,30,.98),rgba(8,1,20,.98));border:1px solid rgba(167,139,250,.26);border-radius:16px;padding:.72rem;z-index:640;display:none;box-shadow:0 20px 48px rgba(0,0,0,.48)}
.cart-drop.open{display:block;animation:fd .2s var(--e)}
.cart-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.72rem;font-weight:800;color:var(--tx2);text-transform:uppercase;letter-spacing:.08em}
.cart-clear-btn{background:none;border:none;color:var(--pr2);font-family:inherit;font-size:.66rem;font-weight:700;cursor:pointer;padding:.2rem .3rem;border-radius:7px}
.cart-clear-btn:hover{background:rgba(147,51,234,.14)}
.cart-list{margin-top:.6rem;display:flex;flex-direction:column;gap:.5rem;max-height:min(45vh,360px);overflow:auto;padding-right:.12rem}
.cart-empty{padding:.95rem .75rem;border-radius:12px;border:1px dashed rgba(255,255,255,.11);color:var(--tx3);font-size:.76rem;text-align:center}
.cart-item{display:grid;grid-template-columns:34px 1fr auto;gap:.55rem;align-items:center;padding:.5rem .55rem;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);cursor:pointer;transition:.16s}
.cart-item:hover{border-color:rgba(167,139,250,.34)}
.cart-item.act{border-color:rgba(192,132,252,.6);box-shadow:0 0 0 1px rgba(192,132,252,.25) inset}
.cart-thumb{width:34px;height:34px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--tx1);flex-shrink:0}
.cart-thumb img{width:100%;height:100%;object-fit:contain;padding:3px}
.cart-main{min-width:0}
.cart-name{font-size:.79rem;font-weight:700;color:var(--tx);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-price{font-size:.68rem;color:var(--tx3);margin-top:.16rem}
.cart-qty{display:flex;align-items:center;gap:.22rem}
.cart-qty-btn{width:22px;height:22px;border-radius:7px;border:1px solid rgba(167,139,250,.24);background:rgba(147,51,234,.12);color:var(--tx1);font-size:.8rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cart-qty-btn:hover{background:rgba(147,51,234,.2)}
.cart-qty-input{width:40px;height:24px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#05010d;color:var(--tx);font-family:'Orbitron',monospace;font-size:.73rem;font-weight:700;text-align:center;outline:none}
.cart-qty-input:focus{border-color:rgba(167,139,250,.5);box-shadow:0 0 0 2px rgba(147,51,234,.14)}
.cart-foot{margin-top:.68rem;padding-top:.62rem;border-top:1px solid rgba(255,255,255,.08)}
.cart-total-row{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--tx2);margin-bottom:.55rem}
.cart-total-row strong{font-size:.88rem;color:var(--tx);font-weight:800}
.cart-checkout-btn{width:100%;padding:.62rem .9rem;font-size:.78rem}
.cart-checkout-btn:disabled{opacity:.48;cursor:not-allowed;transform:none!important;box-shadow:none}
.ndrop-hd{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}
.ndrop-clear{font-size:.64rem;color:var(--pr2);cursor:pointer;font-weight:700;background:none;border:none;font-family:inherit}
.nitem{display:flex;gap:.58rem;padding:.52rem .55rem;border-radius:9px;border-bottom:1px solid var(--bd);font-size:.76rem;align-items:flex-start;transition:.18s ease}
.nitem:last-child{border-bottom:none}
.nitem.clickable{cursor:pointer}
.nitem.clickable:hover{background:rgba(147,51,234,.12);border-color:rgba(167,139,250,.18)}
.nthumb{width:28px;height:28px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.08rem}
.nthumb img{width:100%;height:100%;object-fit:cover;display:block}
.nmain{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-top:.02rem}
.nmsg{font-weight:700;color:var(--tx);line-height:1.24}
.ndot{width:5px;height:5px;border-radius:50%;background:var(--ac);margin-top:.38rem;flex-shrink:0}
.ntime{font-size:.62rem;color:var(--tx3);margin-top:.08rem}
.nempty{text-align:center;color:var(--tx3);font-size:.76rem;padding:.6rem}
.lw{position:relative;display:flex;align-items:center}
.lbtn{display:flex;align-items:center;gap:.3rem;padding:.3rem .62rem;background:rgba(255,255,255,.08);border:1px solid var(--bd);border-radius:7px;font-size:.75rem;font-weight:700;color:var(--tx2);cursor:pointer;transition:.2s}
.lbtn:hover{border-color:var(--bdh);color:var(--tx)}
.ldrop{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg2);border:1px solid var(--bdh);border-radius:var(--r);padding:.3rem;z-index:600;display:none;min-width:108px}
.ldrop.open{display:block;animation:fd .2s var(--e)}
.lopt{padding:.38rem .62rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:.15s;display:flex;align-items:center;gap:.4rem}
.lopt:hover{background:rgba(147,51,234,.14)}
.lopt.act{color:var(--pr2)}
.lbtn img,.lopt img,.pf-lang-flag{
  background:transparent;
  padding:0;
  border-radius:4px;
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 3px 10px rgba(0,0,0,.22);
  filter:saturate(1.08) brightness(1.08) contrast(1.06);
  flex-shrink:0
}
.btn-dc{display:flex;align-items:center;gap:.4rem;padding:.36rem .9rem;background:var(--dc);border:none;border-radius:8px;color:#fff;font-size:.77rem;font-weight:700;cursor:pointer;transition:.2s;letter-spacing:.02em}
.btn-dc:hover{background:#4752c4;transform:translateY(-1px)}
.btn-dc svg{width:14px;height:14px;fill:#fff;flex-shrink:0}
.nav-av{width:32px;height:32px;border-radius:50%;border:2px solid var(--pr);background:radial-gradient(circle at 30% 25%,rgba(168,85,247,.18),transparent 34%),linear-gradient(145deg,rgba(28,8,48,.98) 0%,rgba(18,4,34,.98) 52%,rgba(11,1,24,.99) 100%);display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;cursor:pointer;transition:.2s;overflow:hidden;position:relative}
.nav-av:hover{border-color:var(--ac);transform:scale(1.06)}
.hbg{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:5px;transform:translateZ(0);touch-action:manipulation}
.hbg span{width:21px;height:2px;background:var(--tx);border-radius:2px;transition:transform .18s var(--e),opacity .14s var(--e),background .18s var(--e);will-change:transform,opacity}
html.mobile-menu-open .hbg span:nth-child(1){transform:translateY(6px) rotate(45deg)}
html.mobile-menu-open .hbg span:nth-child(2){opacity:0;transform:scaleX(.4)}
html.mobile-menu-open .hbg span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mmenu{display:flex;position:fixed;top:68px;left:0;right:0;z-index:650;background:rgba(4,0,16,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--bd);padding:.65rem;flex-direction:column;gap:2px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-12px,0) scale(.985);transform-origin:top center;transition:opacity .14s var(--e),transform .18s var(--e),visibility 0s linear .18s;will-change:transform,opacity;contain:layout paint}
.mmenu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition:opacity .12s var(--e),transform .18s var(--e),visibility 0s}

/*  LAYOUT  */
#app{position:relative;z-index:1;min-height:100vh}
body.page-soft-loading #app{opacity:.78;filter:blur(.4px);transition:opacity .16s var(--e),filter .16s var(--e)}
.page{display:none;min-height:100vh;padding-top:68px}
.page.act{display:block;animation:pi .3s var(--e)}
@keyframes pi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.wrap{max-width:1160px;margin:0 auto;padding:2.5rem 1.5rem}

/*  BUTTONS  */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.58rem 1.35rem;border-radius:10px;font-family:inherit;font-size:.82rem;font-weight:700;border:none;cursor:pointer;transition:.22s;letter-spacing:.01em;white-space:nowrap;text-decoration:none}
.btn-p{background:linear-gradient(135deg,var(--vi),var(--mg));color:#fff;box-shadow:0 3px 16px rgba(147,51,234,.28);position:relative;overflow:hidden}
.btn-p::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-100%);transition:.45s}
.btn-p:hover::after{transform:translateX(100%)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 7px 24px rgba(192,38,211,.42)}
.btn-o{background:transparent;color:var(--tx);border:1px solid var(--bdh)}
.btn-o:hover{background:rgba(147,51,234,.1);transform:translateY(-1px)}
.btn-sm{padding:.35rem .85rem;font-size:.75rem;border-radius:8px}
.btn-xs{padding:.22rem .55rem;font-size:.68rem;border-radius:6px}
.btn-ok{background:rgba(34,211,160,.12);color:var(--ok);border:1px solid rgba(34,211,160,.26)}
.btn-ok:hover{background:rgba(34,211,160,.2)}
.btn-er{background:rgba(244,63,94,.1);color:var(--er);border:1px solid rgba(244,63,94,.24)}
.btn-er:hover{background:rgba(244,63,94,.2)}
.btn-ok:empty,.btn-er:empty{min-width:1.85rem;padding:.28rem .45rem;line-height:1}
.btn-ok:empty::before{content:'✓';font-weight:900;font-size:.78rem}
.btn-er:empty::before{content:'×';font-weight:900;font-size:.88rem}
.btn-wn{background:rgba(245,158,11,.1);color:var(--wn);border:1px solid rgba(245,158,11,.24)}

/*  CARDS  */
.card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);backdrop-filter:blur(18px)}
.hov{transition:.26s var(--e);cursor:pointer}
.hov:hover{border-color:var(--bdh);box-shadow:0 12px 38px rgba(147,51,234,.15);transform:translateY(-4px)}

/*  FORMS  */
.inp{width:100%;padding:.58rem .82rem;background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:9px;color:var(--tx);font-size:.82rem;outline:none;transition:.22s;mask:none}
.inp:focus{border-color:var(--pr);box-shadow:0 0 0 3px rgba(147,51,234,.1)}
.inp::placeholder{color:var(--tx3)}
.lbl{font-size:.7rem;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.36rem;display:block}
.igrp{margin-bottom:.82rem}
.sel{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:14px;padding-right:1.9rem}
.sel option{background:var(--bg2)}
.pf-lang{position:relative}
.pf-lang-btn{display:flex;align-items:center;justify-content:space-between;gap:.6rem;cursor:pointer}
.pf-lang-cur{display:flex;align-items:center;gap:.55rem}
.pf-lang-flag{width:22px;height:15px;object-fit:cover}
.pf-lang-drop{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg2);border:1px solid var(--bdh);border-radius:var(--r);padding:.35rem;z-index:120;display:none}
.pf-lang-drop.open{display:block;animation:fd .2s var(--e)}
.pf-lang-opt{width:100%;display:flex;align-items:center;gap:.55rem;padding:.52rem .68rem;border:none;background:transparent;color:var(--tx);font:inherit;font-size:.82rem;font-weight:600;text-align:left;border-radius:8px;cursor:pointer}
.pf-lang-opt:hover{background:rgba(147,51,234,.14)}
.pf-lang-opt.act{background:rgba(147,51,234,.12);color:var(--pr2)}

/*  TYPE LABELS  */
.stag{font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--pr2);margin-bottom:.52rem}
.sh{font-family:'Orbitron',monospace;font-size:clamp(1.4rem,3.2vw,2.1rem);font-weight:900;line-height:1.1;margin-bottom:.5rem}
.sline{width:40px;height:3px;background:linear-gradient(90deg,var(--pr),var(--mg));border-radius:3px;margin:.8rem 0 1.6rem}
.grt{background:linear-gradient(135deg,var(--pr2),var(--mg));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.grt2{background:linear-gradient(135deg,#ead8ff,var(--pr2) 40%,var(--mg));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ===== BADGES HOT/NEW — dynamic visual effects ===== */
/* Shop card badges */
.bdg.b-hot{
  background:linear-gradient(135deg,#ff8a00 0%,#ff5a1f 28%,#ff2d55 100%);
  color:#fff7ed;
  border:1px solid rgba(255,210,160,.34);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 8px 18px rgba(255,83,43,.26),0 0 26px rgba(255,83,43,.18);
  animation:hotPulse 2s ease-in-out infinite;
  position:relative;overflow:hidden;
}
.bdg.b-hot::before{content:'';position:absolute;inset:1px 1px auto 1px;height:48%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0));opacity:.68;pointer-events:none}
.bdg.b-hot::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 16%,rgba(255,255,255,.42) 38%,transparent 58%);animation:hotShimmer 2.4s linear infinite}
@keyframes hotPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 8px 18px rgba(255,83,43,.24),0 0 22px rgba(255,83,43,.16)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 12px 24px rgba(255,83,43,.34),0 0 34px rgba(255,83,43,.28)}}
@keyframes hotShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}
.bdg.b-new{
  background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 38%,#d946ef 100%);
  background-size:200% 200%;
  color:#f5f3ff;
  border:1px solid rgba(205,180,255,.28);
  box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 8px 18px rgba(147,51,234,.2),0 0 24px rgba(124,58,237,.16);
  animation:newPulse 2.4s ease-in-out infinite,newShift 5s linear infinite;
}
@keyframes newPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 8px 18px rgba(147,51,234,.18),0 0 22px rgba(124,58,237,.14)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 12px 24px rgba(147,51,234,.28),0 0 34px rgba(217,70,239,.22)}}
@keyframes newShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
/* Generator sv-badge override */
.sv-badge-hot{
  background:linear-gradient(135deg,#ff8a00 0%,#ff5a1f 28%,#ff2d55 100%);
  color:#fff7ed;
  border:1px solid rgba(255,210,160,.32);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 8px 18px rgba(255,83,43,.28),0 0 22px rgba(255,83,43,.2);
  animation:hotPulse 2s ease-in-out infinite;
  overflow:hidden;position:relative;
}
.sv-badge-hot::before{content:'';position:absolute;inset:1px 1px auto 1px;height:48%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));opacity:.68;pointer-events:none}
.sv-badge-hot::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 16%,rgba(255,255,255,.38) 38%,transparent 58%);animation:hotShimmer 2.4s linear infinite}
.sv-badge-new{
  background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 38%,#d946ef 100%);
  background-size:200% 200%;
  color:#f5f3ff;
  border:1px solid rgba(205,180,255,.28);
  box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 8px 18px rgba(147,51,234,.2),0 0 24px rgba(124,58,237,.16);
  animation:newPulse 2.4s ease-in-out infinite,newShift 5s linear infinite;
}

/* Badge base */
.bdg{font-size:.5rem;font-weight:900;padding:.13rem .42rem;border-radius:999px;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;backdrop-filter:blur(8px)}
.sv-badge{position:absolute;top:.45rem;left:.52rem;right:auto;font-size:.46rem;font-weight:900;padding:.12rem .4rem;border-radius:999px;z-index:3;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;max-width:max-content}
.sv-badge-hot,.sv-badge-new{display:inline-flex;width:auto;min-width:0;max-width:max-content}
.badge-pick-row{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.36rem}
.badge-pick-btn{
  position:relative;
  min-width:84px;
  padding:.48rem .9rem;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  color:#f3e8ff;
  font-size:.76rem;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
  transition:.22s;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.14),0 0 0 1px rgba(255,255,255,.02) inset;
}
.badge-pick-btn::before{
  content:'';
  position:absolute;
  inset:1px 1px auto 1px;
  height:46%;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0));
  opacity:.45;
  pointer-events:none;
}
.badge-pick-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.14)}
.badge-pick-btn.active{transform:translateY(-1px) scale(1.01)}
.badge-pick-btn.none{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));color:#efe7ff}
.badge-pick-btn.none.active{border-color:rgba(210,190,255,.28);box-shadow:0 0 0 1px rgba(210,190,255,.12) inset,0 10px 22px rgba(130,100,180,.12)}
.badge-pick-btn.hot{
  background:linear-gradient(135deg,#ff9a00 0%,#ff6a00 34%,#ff375f 100%);
  color:#fffaf2;
  border-color:rgba(255,220,180,.26);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 12px 24px rgba(255,92,32,.18),0 0 24px rgba(255,92,32,.12);
}
.badge-pick-btn.hot.active{box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 14px 28px rgba(255,92,32,.25),0 0 34px rgba(255,92,32,.18)}
.badge-pick-btn.new{
  background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 42%,#d946ef 100%);
  color:#f8f4ff;
  border-color:rgba(220,200,255,.24);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 12px 24px rgba(124,58,237,.16),0 0 24px rgba(217,70,239,.1);
}
.badge-pick-btn.new.active{box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 14px 28px rgba(124,58,237,.22),0 0 34px rgba(217,70,239,.16)}
.badge-pick-btn .badge-pick-mini{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:20px;
  padding:0 .45rem;
  margin-right:.45rem;
  border-radius:999px;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(255,255,255,.16);
  box-shadow:0 1px 0 rgba(255,255,255,.1) inset;
}
.b-free{background:rgba(147,51,234,.18);color:var(--pr2)}
.b-vip{background:rgba(180,100,50,.18);color:#d4a84b}
.toast-wrap{position:fixed;bottom:1.3rem;right:5.2rem;z-index:600;display:flex;flex-direction:column;gap:.42rem}
.toast{display:flex;align-items:center;gap:.55rem;padding:.68rem 1rem;background:var(--bg2);border:1px solid var(--bdh);border-radius:10px;font-size:.78rem;font-weight:600;min-width:190px;max-width:280px;box-shadow:0 6px 20px rgba(0,0,0,.4);animation:tin .35s var(--sp)}
.toast.gone{animation:tout .26s var(--e) forwards}
@keyframes tin{from{transform:translateX(104%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes tout{to{transform:translateX(104%);opacity:0}}
.t-s{border-color:rgba(34,211,160,.3)}.t-e{border-color:rgba(244,63,94,.3)}.t-i{border-color:rgba(147,51,234,.3)}
.toast-icon{width:16px;height:16px;display:block;flex-shrink:0}

/* ===== AUTH MODAL ===== */
.auth-modal{position:relative;background:rgba(6,0,18,.98);border:1px solid rgba(120,40,220,.32);border-radius:22px;overflow:hidden;max-width:380px;width:92vw;box-shadow:0 36px 90px rgba(0,0,0,.75),0 0 0 1px rgba(180,100,255,.07)}
.auth-close{position:absolute;top:12px;right:12px;z-index:10;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.38);border:1.5px solid rgba(244,63,94,.6);color:#f87171;cursor:pointer;font-size:.78rem;font-weight:900;display:flex;align-items:center;justify-content:center;transition:.18s;font-family:inherit}
.auth-close::before{content:'\00D7';line-height:1;font-size:1rem;font-weight:900;display:block;transform:translateY(-.5px)}
.auth-close:hover{background:rgba(244,63,94,.35);border-color:#ff4d6d;color:#fff;box-shadow:0 0 16px rgba(244,63,94,.5);transform:scale(1.09)}
/* Banner — same ultra-modern style as profile */
.auth-banner{position:relative;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;overflow:hidden;background:linear-gradient(135deg,#040010 0%,#120330 25%,#3a0a6e 55%,#650f90 78%,#7e18a0 100%)}
.auth-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 90% 130% at 50% 110%,rgba(192,38,211,.4),transparent 65%),radial-gradient(circle 55px at 80% 35%,rgba(255,200,255,.07),transparent 55%),radial-gradient(circle 35px at 12% 25%,rgba(180,120,255,.08),transparent 50%);pointer-events:none}
.auth-banner::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.012) 20px,rgba(255,255,255,.012) 21px);pointer-events:none}
.auth-ptx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.auth-logo{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem}
.auth-logo-img{height:36px;width:36px;object-fit:contain;border-radius:9px;box-shadow:0 0 16px rgba(217,70,239,.4)}
.auth-logo-txt{font-family:'Orbitron',monospace;font-size:1.4rem;font-weight:900;display:flex}
/* Body */
.auth-body{padding:1.3rem 1.5rem 1.4rem;display:flex;flex-direction:column;gap:.8rem}
.auth-title{font-family:'Orbitron',monospace;font-size:1.15rem;font-weight:900;margin:0}
.auth-sub{font-size:.78rem;color:var(--tx2);line-height:1.6;margin:0}
.auth-pills{display:flex;gap:.4rem;flex-wrap:wrap}
.auth-pill{font-size:.65rem;font-weight:700;padding:.2rem .6rem;background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.22);border-radius:50px;color:var(--pr2)}
/* Discord button */
.auth-dc-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.85rem;background:linear-gradient(135deg,#5865F2 0%,#7c3aed 60%,#9333ea 100%);background-size:200% 200%;border:none;border-radius:12px;color:#fff;font-family:inherit;font-size:.9rem;font-weight:800;cursor:pointer;transition:.26s;letter-spacing:.02em;box-shadow:0 6px 22px rgba(88,101,242,.38);animation:authBtnShift 4s ease-in-out infinite}
.auth-dc-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(88,101,242,.55)}
@keyframes authBtnShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.auth-legal{font-size:.64rem;color:var(--tx3);text-align:center;margin:0;line-height:1.5}
@media(max-width:400px){.auth-body{padding:1.1rem 1.2rem 1.3rem}.auth-banner{height:110px}}
.mob-login-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.72rem .95rem;background:linear-gradient(135deg,var(--dc),#7c3aed);border:1px solid rgba(167,139,250,.18);border-radius:16px;color:#fff;font-size:.88rem;font-weight:800;cursor:pointer;font-family:inherit;letter-spacing:.02em;transition:.2s;margin-top:.15rem;box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)}
.mob-login-btn:hover{opacity:.88;transform:translateY(-1px)}
.mob-menu-action-profile{background:linear-gradient(135deg,rgba(48,12,94,.98),rgba(118,58,208,.96));border-color:rgba(196,181,253,.24);color:#faf5ff;box-shadow:0 12px 30px rgba(58,16,110,.34),inset 0 1px 0 rgba(255,255,255,.05)}
.mob-menu-action-profile:hover{background:linear-gradient(135deg,rgba(62,18,118,.99),rgba(136,73,228,.98))}
.mob-menu-action-logout{background:linear-gradient(135deg,rgba(145,20,44,.99),rgba(220,38,38,.96));border-color:rgba(252,165,165,.45);color:#fff7f7;box-shadow:0 14px 34px rgba(118,16,38,.45),inset 0 1px 0 rgba(255,255,255,.08)}
.mob-menu-action-logout:hover{background:linear-gradient(135deg,rgba(170,24,52,.99),rgba(239,68,68,.98))}
.nav-auth-desktop{display:flex}
@media(max-width:620px){.nav-auth-desktop{display:none}}
.flag-badge{display:inline-block;width:26px;height:18px;border-radius:3px;flex-shrink:0;box-shadow:0 0 0 1px rgba(255,255,255,.18);background-size:cover;background-position:center;vertical-align:middle}
/* CSS Flags - Pure CSS without images */
.flag-css{display:inline-block;width:32px;height:22px;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.18);flex-shrink:0}
/* France - Bleu Blanc Rouge */
.flag-fr-css{background:linear-gradient(90deg,#002395 0%,#002395 33.33%,#ffffff 33.33%,#ffffff 66.66%,#ED2939 66.66%,#ED2939 100%)}
/* Angleterre - Union Jack correct */
.flag-en-css{background:#012169;position:relative;overflow:hidden}
.flag-en-css::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%),linear-gradient(45deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%);background-size:100% 100%}
.flag-en-css::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 48%,#C8102E 48%,#C8102E 52%,transparent 52%),linear-gradient(45deg,transparent 48%,#C8102E 48%,#C8102E 52%,transparent 52%),linear-gradient(-45deg,transparent 48%,#C8102E 48%,#C8102E 52%,transparent 52%);background-size:100% 100%}
/* Espagne - Rouge Jaune Rouge */
.flag-es-css{background:#c60b1e;position:relative;overflow:hidden}
.flag-es-css::before{content:'';position:absolute;top:50%;left:0;right:0;height:33%;background:#ffc400;transform:translateY(-50%)}
/* France */
.flag-fr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='1' height='2' fill='%23002395'/%3E%3Crect x='1' width='1' height='2' fill='%23fff'/%3E%3Crect x='2' width='1' height='2' fill='%23ED2939'/%3E%3C/svg%3E")}
/* UK flag via inline SVG img */
.flag-gb{background:none!important;padding:0;overflow:hidden}
.flag-gb::before,.flag-gb::after{display:none!important}
/* Spain */
.flag-es{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23c60b1e'/%3E%3Crect y='0.5' width='3' height='1' fill='%23ffc400'/%3E%3C/svg%3E")}
.site-footer{border-top:1px solid var(--bd);padding:1rem 1.5rem;text-align:center;font-size:.7rem;color:var(--tx3);background:rgba(4,0,16,.85);backdrop-filter:blur(10px)}
.site-footer-inner{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.site-footer a,.site-footer button{background:none;border:none;color:var(--tx3);font-size:.7rem;cursor:pointer;font-family:inherit;text-decoration:none;transition:.2s;padding:0}
.site-footer a:hover,.site-footer button:hover{color:var(--pr2)}
.user-row{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border:1px solid var(--bd);border-radius:9px;background:rgba(255,255,255,.025);cursor:pointer;transition:.18s}
.user-row:hover{border-color:rgba(147,51,234,.3);background:rgba(147,51,234,.06)}
.user-row.selected{border-color:var(--pr);background:rgba(147,51,234,.1)}
.user-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;flex-shrink:0;color:#fff}
.user-info{flex:1;min-width:0}
.user-name{font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.user-tag{font-size:.62rem;color:var(--tx3);font-weight:400}
.user-role-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.12rem .48rem;border-radius:999px;font-size:.6rem;font-weight:800;color:#fff;letter-spacing:.03em;line-height:1;white-space:nowrap;max-width:100%}
.user-role-badge.badge-solid,.user-role-badge.badge-gradient{
  background:var(--rb-bg,linear-gradient(135deg,#6366f1,#8b5cf6));
  border:1px solid var(--rb-border,rgba(255,255,255,.18));
  box-shadow:0 0 10px var(--rb-glow1,rgba(99,102,241,.24)),0 0 18px var(--rb-glow2,rgba(139,92,246,.16));
}
.user-role-badge.badge-holo,.user-role-badge.badge-admin{
  background:var(--rb-bg,linear-gradient(112deg,var(--rb-c1,#7f0000) 0%,var(--rb-c2,#dc2626) 24%,rgba(255,255,255,.96) 48%,var(--rb-c1,#ef4444) 72%,var(--rb-c2,#9333ea) 100%));
  background-size:260% 260%;
  animation:adminHolo 3.5s ease-in-out infinite;
  box-shadow:0 0 10px var(--rb-glow1,rgba(239,68,68,.45)),0 0 22px var(--rb-glow2,rgba(220,38,38,.2));
  border:1px solid var(--rb-border,rgba(255,160,120,.25));
  position:relative;overflow:hidden;isolation:isolate;
}
.user-role-badge.badge-holo::before,.user-role-badge.badge-admin::before{
  content:'';position:absolute;inset:-40%;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.18) 66deg,transparent 122deg,rgba(255,255,255,.08) 214deg,transparent 360deg);
  animation:roleHaloSpin 6.8s linear infinite;
  opacity:.65;z-index:0;pointer-events:none;
}
.user-role-badge.badge-holo::after,.user-role-badge.badge-admin::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);
  animation:adminShimmer 2.2s linear infinite;
  border-radius:inherit;z-index:0;pointer-events:none;
}
.user-role-badge.badge-holo > *,.user-role-badge.badge-admin > *{position:relative;z-index:1}
@keyframes adminHolo{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes adminShimmer{0%{transform:translateX(-100%) skewX(-12deg)}100%{transform:translateX(220%) skewX(-12deg)}}
@keyframes roleHaloSpin{to{transform:rotate(360deg)}}
.user-since{font-size:.62rem;color:var(--tx3);margin-top:.06rem}
.role-item{display:flex;align-items:center;gap:.5rem;padding:.42rem .6rem;border:1px solid var(--bd);border-radius:8px;background:rgba(255,255,255,.025)}
.role-sym-opt{cursor:pointer;font-size:1.2rem;padding:.2rem .3rem;border-radius:6px;border:2px solid transparent;transition:.15s}
.role-sym-opt:hover{background:rgba(147,51,234,.12)}
.role-sym-opt.act{border-color:var(--pr);background:rgba(147,51,234,.14)}
/* Chat widget */
.chat-msg{position:relative;display:flex;flex-direction:column;gap:0;padding:.05rem .2rem .05rem .08rem;margin:0 -.05rem;border-radius:10px;transition:background .14s,border-color .14s,box-shadow .18s;border:1px solid transparent;margin-top:.08rem}
.chat-msg:hover{background:rgba(255,255,255,.028);border-color:rgba(147,51,234,.14)}
.chat-msg.grouped{margin-top:.09rem;padding-top:0;padding-bottom:0}
.chat-msg.author-break{margin-top:1.28rem}
.chat-msg.grouped .chat-msg-hd-main{display:none}
.chat-msg-body{display:flex;flex-direction:column;gap:0;min-width:0}
.chat-msg-line{display:flex;align-items:flex-start;gap:.34rem}
.chat-msg-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--vi),var(--ac));font-size:.62rem;font-weight:800;color:#fff;margin-top:.04rem}
.chat-msg.grouped .chat-msg-avatar{display:block;width:22px;height:0;min-height:0;margin:0;visibility:hidden;overflow:hidden;pointer-events:none}
.chat-msg.grouped .chat-msg-line{gap:.34rem}
.chat-msg-hd{display:flex;align-items:baseline;gap:.36rem;font-size:.67rem;min-width:0}
.chat-msg-hd-main{display:flex;align-items:center;gap:.36rem;min-width:0;flex-wrap:wrap}
.chat-msg-name{font-weight:800;color:var(--pr2);font-size:.75rem;line-height:1.2;max-width:100%;text-shadow:0 0 12px rgba(147,51,234,.12)}
.chat-msg-time{color:var(--tx3);font-size:.6rem;line-height:1.2;white-space:nowrap}
.chat-msg-txt{font-size:.74rem;color:#fff;line-height:1.15;word-break:break-word;white-space:pre-wrap;margin:0;padding:0}
.chat-msg.own .chat-msg-name{color:var(--ok)}
.chat-msg-mentioned{background:linear-gradient(90deg,rgba(250,204,21,.12),rgba(147,51,234,.16),rgba(147,51,234,.035));border-color:rgba(250,204,21,.24);box-shadow:inset 2px 0 0 rgba(250,204,21,.68),0 0 18px rgba(147,51,234,.08)}
.chat-msg-everyone-mentioned{background:linear-gradient(90deg,rgba(250,204,21,.16),rgba(168,85,247,.18),rgba(67,56,202,.08));border-color:rgba(250,204,21,.3);box-shadow:inset 2px 0 0 rgba(250,204,21,.82),0 0 22px rgba(168,85,247,.12)}
.chat-msg-mentioned.mention-chain-start{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}
.chat-msg-mentioned.mention-chain-mid{border-radius:0;margin-top:0;margin-bottom:0;border-top-color:transparent;border-bottom-color:transparent;box-shadow:inset 2px 0 0 rgba(250,204,21,.68)}
.chat-msg-mentioned.mention-chain-end{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}
.chat-msg-mentioned.mention-chain-continues{border-bottom-color:transparent}
.chat-msg-mentioned.grouped{margin-top:0}
.chat-mention-link{display:inline;border:none;background:none;color:#2f7fe8;padding:0;margin:0;font:inherit;font-weight:800;cursor:pointer;line-height:inherit;vertical-align:baseline;text-shadow:0 0 10px rgba(47,127,232,.12);transition:color .14s,text-shadow .14s}
.chat-mention-link:hover{color:#5ca6ff;text-decoration:underline;text-underline-offset:2px;text-shadow:0 0 14px rgba(47,127,232,.18)}
.chat-mention-link.is-me{color:#3f98ff;text-shadow:0 0 12px rgba(63,152,255,.2)}
.chat-msg-link{color:#3b82f6;font-weight:760;text-decoration:none;text-underline-offset:2px;word-break:break-all;text-shadow:0 0 12px rgba(59,130,246,.18)}
.chat-msg-link:hover{color:#60a5fa;text-decoration:underline}
.chat-mention-everyone{display:inline-flex;align-items:center;border-radius:4px;padding:0 .18rem;background:rgba(88,101,242,.18);color:#8ea1ff;font-weight:900;text-shadow:0 0 10px rgba(88,101,242,.24)}
.chat-mention-everyone:hover{background:rgba(88,101,242,.28);color:#c7d2ff;text-decoration:none}
.chat-mention-suggest-everyone{background:linear-gradient(90deg,rgba(250,204,21,.08),rgba(147,51,234,.08))}
.chat-msg-highlight{animation:chatMsgFlash 1.35s ease}
@keyframes chatMsgFlash{0%{background:rgba(192,132,252,.28);border-color:rgba(216,180,254,.48)}100%{background:transparent;border-color:rgba(147,51,234,.14)}}
@keyframes chatCtxIn{0%{opacity:0;transform:translateY(10px) scale(.955)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes chatCtxFlyoutIn{0%{opacity:0;transform:translateY(calc(-100% + 12px)) scale(.96)}100%{opacity:1;transform:translateY(-100%) scale(1)}}
.chat-reply-pill{display:flex;align-items:center;min-width:0;padding-left:0;position:relative;margin:0 0 .14rem 0}
.chat-reply-pill::before,.chat-reply-pill::after{display:none}
.chat-reply-jump{border:none;background:transparent;color:inherit;padding:.02rem 0 .02rem .62rem;cursor:pointer;min-width:0;text-align:left;font-family:inherit;display:flex;align-items:center;gap:.32rem;max-width:100%;border-radius:0;position:relative}
.chat-reply-jump::before{content:'';position:absolute;left:.18rem;top:.06rem;bottom:.08rem;width:2px;border-radius:999px;background:rgba(148,163,184,.38)}
.chat-reply-jump:hover .chat-reply-author,.chat-reply-jump:hover .chat-reply-snippet{filter:brightness(1.08)}
.chat-reply-meta{display:flex;align-items:center;gap:.24rem;min-width:0;font-size:.58rem;line-height:1.02}
.chat-reply-author{font-weight:800;color:#b4a5ff;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-reply-snippet{color:#7d7895;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-reactions{display:flex;align-items:center;flex-wrap:wrap;gap:.18rem;margin:.03rem 0 0 0}
.chat-react-pill{border:1px solid rgba(99,102,241,.44);background:rgba(37,47,101,.55);color:#eef2ff;border-radius:8px;padding:.12rem .4rem;font-size:.62rem;display:inline-flex;align-items:center;gap:.2rem;line-height:1.18;transition:.14s;cursor:pointer}
.chat-react-pill:hover{border-color:rgba(165,180,252,.72);background:rgba(55,65,126,.72)}
.chat-react-pill.on{border-color:rgba(147,197,253,.9);background:rgba(59,130,246,.3);color:#eff6ff}
.chat-msg.has-reactions{padding-bottom:.12rem;margin-bottom:.14rem}
.chat-tool-icon{width:14px;height:14px;display:block;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.chat-bot-name{background:linear-gradient(135deg,#d8b4fe,#a855f7,#60a5fa,#a855f7);background-size:220% 220%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:chatBotGlow 5.2s linear infinite;text-shadow:none}
@keyframes chatBotGlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.chat-bot-badge{display:inline-flex;align-items:center;justify-content:center;padding:.08rem .35rem;border-radius:999px;background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(96,165,250,.2));border:1px solid rgba(192,132,252,.28);color:#f5d0fe;font-size:.52rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.chat-context-menu{position:fixed;z-index:700;min-width:230px;max-width:min(92vw,280px);padding:.4rem;border:1px solid rgba(147,51,234,.22);border-radius:14px;background:rgba(13,2,28,.985);box-shadow:0 18px 42px rgba(0,0,0,.55);backdrop-filter:blur(18px);display:none;opacity:0;transform:translateY(8px) scale(.965);transform-origin:top right;will-change:transform,opacity}
.chat-context-menu.open{display:block;opacity:1;transform:translateY(0) scale(1);animation:chatCtxIn .13s cubic-bezier(.22,.9,.24,1)}
.chat-context-reacts{display:flex;align-items:center;gap:.26rem;flex-wrap:wrap;padding:.1rem 0 .38rem 0;margin-bottom:.28rem;border-bottom:1px solid rgba(147,51,234,.12);position:relative}
.chat-context-react{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:10px;border:1px solid rgba(147,51,234,.2);background:rgba(147,51,234,.08);color:#fff;cursor:pointer;font-size:1rem;transition:.14s}
.chat-context-react:hover{background:rgba(147,51,234,.18);border-color:rgba(216,180,254,.32)}
.chat-context-react.more{background:rgba(107,114,128,.2);border-color:rgba(156,163,175,.38);color:#e5e7eb}
.chat-context-react.more:hover{background:rgba(107,114,128,.32);border-color:rgba(209,213,219,.5)}
.chat-context-react.more svg{width:17px;height:17px;display:block}
.chat-context-flyout{display:none;position:absolute;right:0;top:-8px;transform:translateY(calc(-100% + 6px)) scale(.97);transform-origin:bottom right;width:250px;padding:.36rem .38rem;border:1px solid rgba(147,51,234,.28);border-radius:12px;background:rgba(13,2,28,.99);box-shadow:0 14px 32px rgba(0,0,0,.5);z-index:2;opacity:0}
.chat-context-flyout.open{display:block;opacity:1;transform:translateY(-100%) scale(1);animation:chatCtxFlyoutIn .12s cubic-bezier(.22,.9,.24,1)}
.chat-context-flyout-nav{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.3rem}
.chat-context-flyout-arrow{width:24px;height:24px;border-radius:7px;border:1px solid rgba(156,163,175,.45);background:rgba(75,85,99,.3);color:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.14s}
.chat-context-flyout-arrow:hover{background:rgba(107,114,128,.45);border-color:rgba(209,213,219,.65)}
.chat-context-flyout-arrow svg{width:12px;height:12px;display:block}
.chat-context-flyout-page{font-size:.62rem;color:#c4b5fd;font-weight:800;letter-spacing:.04em}
.chat-context-more-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.22rem;max-height:110px;overflow:auto}
.chat-context-more-item{border:1px solid rgba(147,51,234,.2);background:rgba(147,51,234,.08);color:#fff;border-radius:7px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:.14s}
.chat-context-more-item:hover{background:rgba(147,51,234,.18);border-color:rgba(216,180,254,.32)}
.chat-context-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem .6rem;border:none;background:transparent;border-radius:10px;color:#f5eefe;font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit;text-align:left;transition:.14s}
.chat-context-item:hover{background:rgba(147,51,234,.14)}
.chat-context-item small{color:var(--tx3);font-size:.6rem;font-weight:600}
.chat-context-item.danger{color:#fda4af}
.chat-context-item.danger:hover{background:rgba(239,68,68,.16);color:#fff1f2}
.chat-reply-bar{display:none;align-items:center;justify-content:space-between;gap:.6rem;padding:.4rem .56rem;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:rgba(255,255,255,.03)}
.chat-reply-bar.open{display:flex}
.chat-reply-bar-main{min-width:0;display:flex;flex-direction:column;gap:.14rem;flex:1;border:none;background:none;padding:0;margin:0;text-align:left;font:inherit;color:inherit;cursor:pointer}
.chat-reply-bar-label{display:none}
.chat-reply-bar-text{font-size:.66rem;color:#ddd6fe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-reply-clear{border:none;background:rgba(255,255,255,.06);color:#f3e8ff;border-radius:8px;padding:.24rem .46rem;cursor:pointer;font-size:.72rem;font-weight:800}
.chat-reply-clear:hover{background:rgba(239,68,68,.16);color:#fff1f2}
.chat-upload-hint{font-size:.64rem;color:#a5f3fc;min-height:1em;padding:0 .2rem .15rem .2rem;line-height:1.25}
.chat-upload-hint.error{color:#fca5a5}
.chat-attach-trigger{width:38px;height:38px;border-radius:12px;border:1px solid rgba(147,51,234,.26);background:linear-gradient(135deg,rgba(61,16,95,.9),rgba(18,4,34,.98));color:#fff;font-size:1.55rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s;flex-shrink:0}
.chat-attach-trigger:hover{background:linear-gradient(135deg,rgba(92,31,141,.94),rgba(30,8,52,.99));border-color:rgba(216,180,254,.42);transform:translateY(-1px)}
.chat-attach-menu{display:none;position:absolute;left:.74rem;bottom:58px;z-index:12;width:min(250px,calc(100% - 1.48rem));padding:.38rem;border:1px solid rgba(147,51,234,.24);border-radius:16px;background:rgba(12,2,28,.985);box-shadow:0 18px 42px rgba(0,0,0,.5);backdrop-filter:blur(18px)}
.chat-attach-menu.open{display:flex;flex-direction:column;gap:.28rem}
.chat-attach-item{width:100%;display:flex;align-items:center;gap:.72rem;padding:.72rem .78rem;border:none;border-radius:12px;background:transparent;color:#fff;cursor:pointer;font-family:inherit;text-align:left;transition:.16s}
.chat-attach-item:hover{background:rgba(147,51,234,.14)}
.chat-attach-item[disabled]{opacity:.48;cursor:not-allowed}
.chat-attach-item[disabled]:hover{background:transparent}
.chat-attach-item-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(147,51,234,.12);border:1px solid rgba(147,51,234,.22);font-size:1rem;flex-shrink:0}
.chat-btn-icon{width:17px;height:17px;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.chat-btn-icon.fill{fill:currentColor;stroke:none}
.chat-attach-item-copy{display:flex;flex-direction:column;gap:.14rem;min-width:0}
.chat-attach-item-copy strong{font-size:.73rem;color:#f5edff}
.chat-attach-item-copy small{font-size:.62rem;color:#baa7df}
.chat-composer{position:relative}
.chat-drop-overlay{position:absolute;inset:.45rem;display:none;align-items:center;justify-content:center;pointer-events:none;border-radius:16px;border:1px dashed rgba(216,180,254,.52);background:linear-gradient(135deg,rgba(58,16,94,.86),rgba(18,6,38,.94));box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 16px 30px rgba(0,0,0,.3);z-index:13}
.chat-composer.drop-active .chat-drop-overlay{display:flex}
.chat-drop-overlay-copy{display:flex;flex-direction:column;align-items:center;gap:.18rem;text-align:center;padding:.7rem 1rem}
.chat-drop-overlay-copy strong{font-size:.8rem;color:#fff7ff;font-weight:900}
.chat-drop-overlay-copy small{font-size:.65rem;color:#d8c7f3}
.chat-drop-panel{display:none;flex-direction:column;gap:.48rem;padding:.62rem;border-radius:16px;border:1px solid rgba(196,181,253,.18);background:linear-gradient(135deg,rgba(76,18,126,.92),rgba(34,7,60,.98));box-shadow:0 16px 34px rgba(32,6,58,.34),inset 0 0 0 1px rgba(255,255,255,.04)}
.chat-drop-panel.open{display:flex}
.chat-composer.is-muted>*:not(#chatMuteBanner){display:none!important}
.chat-mute-banner{display:none;padding:.82rem .9rem;border-radius:15px;border:1px solid rgba(244,63,94,.32);background:linear-gradient(135deg,rgba(127,29,29,.22),rgba(88,28,135,.2));color:#fecdd3;font-size:.82rem;font-weight:900;text-align:center;line-height:1.35;box-shadow:0 16px 36px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.035)}
.chat-composer.is-muted .chat-mute-banner{display:block}
.chat-mute-banner span{color:#fff;font-family:'Orbitron',monospace;font-size:.9rem;text-shadow:0 0 14px rgba(244,63,94,.22)}
.chat-drop-panel.vip-mode{border-color:rgba(250,204,21,.28);background:linear-gradient(135deg,rgba(118,72,16,.92),rgba(76,18,126,.98));box-shadow:0 16px 34px rgba(92,48,10,.28),inset 0 0 0 1px rgba(250,204,21,.08)}
.chat-drop-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.chat-drop-panel-title{font-size:.76rem;font-weight:900;color:#fff1ff}
.chat-drop-panel-sub{font-size:.62rem;color:#ddd6fe}
.chat-drop-panel-close{border:none;background:rgba(255,255,255,.08);color:#f3e8ff;border-radius:10px;padding:.28rem .48rem;cursor:pointer;font-size:.7rem;font-weight:800}
.chat-drop-panel-close:hover{background:rgba(244,114,182,.18)}
.chat-drop-input-wrap{position:relative}
.chat-drop-input{width:100%;min-height:78px;max-height:150px;padding:.62rem .78rem;border-radius:14px;border:1px solid rgba(216,180,254,.24);background:rgba(7,1,18,.76);color:#fff;font-family:inherit;font-size:.8rem;line-height:1.45;outline:none;resize:vertical}
.chat-drop-emoji-btn{position:absolute;right:.54rem;bottom:.52rem;width:30px;height:30px;border-radius:10px;border:1px solid rgba(216,180,254,.2);background:rgba(147,51,234,.13);color:#d8b4fe;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.16s;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.chat-drop-emoji-btn:hover{background:rgba(147,51,234,.22);border-color:rgba(216,180,254,.34);color:#fff;transform:translateY(-1px)}
.chat-drop-emoji-btn svg{width:15px;height:15px;display:block}
.chat-drop-input::placeholder{color:#bda7dd}
.chat-drop-input:focus{border-color:rgba(216,180,254,.46);box-shadow:0 0 0 3px rgba(168,85,247,.12)}
.chat-drop-actions{display:flex;align-items:center;justify-content:flex-end;gap:.42rem}
.chat-drop-send{padding:.5rem .9rem;border:none;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#d946ef);color:#fff;cursor:pointer;font-weight:900;font-family:inherit;box-shadow:0 10px 22px rgba(147,51,234,.28)}
.chat-drop-send:hover{filter:brightness(1.08);transform:translateY(-1px)}
.chat-drop-send:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.chat-msg.chat-msg-drop{background:rgba(3,0,10,.22);border-color:rgba(217,70,239,.14)}
.chat-msg.chat-msg-drop.author-break{margin-top:.34rem}
.chat-msg.chat-msg-ephemeral{margin:.7rem .18rem .35rem;padding:.5rem .62rem;background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(147,51,234,.12));border:1px solid rgba(245,158,11,.28);border-left:3px solid #f59e0b;border-radius:13px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.chat-msg.chat-msg-ephemeral .chat-msg-name{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.28)}
.chat-msg.chat-msg-ephemeral .chat-msg-txt{color:#fde68a;font-size:.72rem;line-height:1.35}
.chat-ephemeral-avatar{background:linear-gradient(135deg,#f59e0b,#a855f7);color:#fff;font-weight:950;box-shadow:0 0 18px rgba(245,158,11,.28)}
.chat-drop-title{position:relative;z-index:1;margin:0 0 .28rem .02rem;font-size:.82rem;line-height:1.28;color:#fff7ff;font-weight:850;word-break:break-word;white-space:pre-wrap;text-shadow:0 0 12px rgba(217,70,239,.1)}
.chat-drop-card{position:relative;display:block;padding:.74rem .88rem;border-radius:16px;border:1px solid rgba(255,255,255,.045);background:rgba(3,0,10,.94);box-shadow:0 16px 34px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.03);overflow:hidden}
.chat-drop-card::before{content:'';position:absolute;inset:-2px;border-radius:18px;background:conic-gradient(from var(--drop-ring-angle,0deg),rgba(168,85,247,.15),rgba(217,70,239,.86),rgba(236,72,153,.78),rgba(124,58,237,.78),rgba(168,85,247,.15));animation:dropRingSpin 4.8s linear infinite;pointer-events:none;z-index:0}
.chat-drop-card::after{content:'';position:absolute;inset:2px;border-radius:14px;background:linear-gradient(135deg,rgba(5,0,13,.985),rgba(7,1,17,.965));box-shadow:inset 14px 0 28px rgba(147,51,234,.08),inset -16px 0 30px rgba(236,72,153,.09);pointer-events:none;z-index:0}
.chat-drop-card.vip-drop::before,.chat-drop-card.vip-locked::before{background:conic-gradient(from var(--drop-ring-angle,0deg),rgba(250,204,21,.18),rgba(245,158,11,.92),rgba(217,70,239,.78),rgba(168,85,247,.76),rgba(250,204,21,.18))}
.chat-drop-card.vip-drop::after,.chat-drop-card.vip-locked::after{background:linear-gradient(135deg,rgba(10,4,0,.985),rgba(20,5,30,.965));box-shadow:inset 14px 0 28px rgba(245,158,11,.1),inset -16px 0 30px rgba(217,70,239,.1)}
.chat-drop-card-text{position:relative;z-index:1;font-size:.82rem;line-height:1.5;color:#fff7ff;font-weight:800;word-break:break-word;white-space:pre-wrap;text-shadow:0 0 12px rgba(217,70,239,.1)}
.chat-drop-copy-btn{position:relative;z-index:1;margin-top:.62rem;display:inline-flex;align-items:center;gap:.38rem;padding:.42rem .64rem;border-radius:12px;border:1px solid rgba(216,180,254,.18);background:linear-gradient(135deg,rgba(18,5,35,.92),rgba(8,1,18,.96));color:#f8efff;font-family:inherit;font-size:.66rem;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.025);transition:transform .16s ease,filter .16s ease,border-color .16s ease}
.chat-drop-copy-btn:hover{transform:translateY(-1px);filter:brightness(1.08);border-color:rgba(217,70,239,.34)}
.chat-drop-copy-btn svg{width:14px;height:14px;display:block;filter:drop-shadow(0 0 8px rgba(217,70,239,.24))}
@property --drop-ring-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes dropRingSpin{to{--drop-ring-angle:360deg}}
.chat-drop-card.locked{cursor:pointer}
.chat-drop-card.locked .chat-drop-card-text{filter:blur(3px);opacity:.58;user-select:none}
.chat-drop-card.locked .chat-drop-card-text::after{content:'';position:absolute;inset:-.5rem;background:radial-gradient(circle at 46% 35%,rgba(217,70,239,.3),transparent 28%),linear-gradient(90deg,rgba(3,0,10,.38),transparent 32%,transparent 68%,rgba(3,0,10,.46));pointer-events:none}
.chat-drop-lock-cover{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(5,0,13,.18),rgba(7,1,17,.28));pointer-events:none}
.chat-drop-lock-icon{width:31px;height:31px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(14,38,92,.96),rgba(59,7,100,.94));border:1px solid rgba(96,165,250,.3);color:#dbeafe;box-shadow:0 10px 22px rgba(0,0,0,.28),0 0 18px rgba(59,130,246,.2),inset 0 0 0 1px rgba(255,255,255,.035)}
.chat-drop-lock-icon svg{width:17px;height:17px;display:block;filter:drop-shadow(0 0 8px rgba(217,70,239,.42))}
.chat-drop-card.vip-locked .chat-drop-lock-icon{width:34px;height:34px;background:linear-gradient(135deg,rgba(71,40,8,.98),rgba(88,28,135,.94));border-color:rgba(250,204,21,.34);color:#fde68a}
.chat-drop-lock-crown{font-size:1rem;line-height:1;filter:drop-shadow(0 0 10px rgba(250,204,21,.5))}
@keyframes chatDropCrownPulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 12px 24px rgba(0,0,0,.32),0 0 18px rgba(245,158,11,.22)}50%{transform:translateY(-2px) scale(1.06);box-shadow:0 16px 28px rgba(0,0,0,.36),0 0 28px rgba(250,204,21,.38)}}
.chat-drop-vip-sheet{max-width:390px}
.chat-drop-vip-banner{background:linear-gradient(135deg,#07000f 0%,#241004 26%,#6b3008 52%,#7c1d6f 78%,#9d174d 100%)}
.chat-drop-vip-banner .auth-logo{margin-top:.1rem}
.chat-drop-vip-sheet .auth-body{text-align:center}
.chat-drop-vip-main-title{max-width:100%;font-size:clamp(.6rem,1.55vw,.76rem);font-weight:780;line-height:1.3;white-space:normal;overflow-wrap:break-word;letter-spacing:-.01em;margin:0 auto 1rem;color:#fff7ff}
.chat-drop-vip-btn{background:linear-gradient(135deg,#f59e0b 0%,#d946ef 54%,#7c3aed 100%)}
.chat-drop-vip-btn-crown{font-size:.76rem;color:#dbeafe;filter:drop-shadow(0 0 8px rgba(96,165,250,.48))}
@keyframes chatVipCrownFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(4deg)}}
.chat-drop-blur-line{position:absolute;left:50%;top:24%;z-index:4;width:135%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),rgba(217,70,239,.72),rgba(255,255,255,.1),transparent);box-shadow:0 0 14px rgba(217,70,239,.24);transform:translate(-50%,-50%) rotate(-18deg);opacity:.58;pointer-events:none}
.chat-drop-blur-line:nth-of-type(2){top:40%;opacity:.72}
.chat-drop-blur-line:nth-of-type(3){top:58%;opacity:.68}
.chat-drop-blur-line:nth-of-type(4){top:76%;opacity:.5}
.chat-pending-list{display:flex;flex-wrap:wrap;gap:.38rem}
.chat-pending-upload{display:flex;align-items:center;gap:.45rem;padding:.38rem .44rem;border-radius:11px;border:1px solid rgba(196,181,253,.16);background:linear-gradient(135deg,rgba(31,10,52,.84),rgba(13,3,28,.92));box-shadow:0 8px 16px rgba(0,0,0,.14);min-width:0;max-width:min(100%,186px)}
.chat-pending-preview{width:32px;height:32px;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chat-pending-preview img{width:100%;height:100%;object-fit:cover;display:block}
.chat-pending-file-icon{font-size:.92rem}
.chat-pending-main{min-width:0;display:flex;flex-direction:column;gap:.16rem;flex:1}
.chat-pending-name{font-size:.62rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-pending-meta{font-size:.54rem;color:#c4b5fd}
.chat-pending-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}
.chat-pending-clear{width:24px;height:24px;border-radius:8px;border:1px solid rgba(244,114,182,.25);background:rgba(244,114,182,.08);color:#fda4af;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.16s}
.chat-pending-clear:hover{background:rgba(244,114,182,.18)}
.chat-pending-badge{font-size:.53rem;font-weight:800;color:#f5d0fe;text-transform:uppercase;letter-spacing:.06em}
.chat-composer-preview{padding:.42rem .55rem;border-radius:12px;border:1px solid rgba(196,181,253,.12);background:rgba(255,255,255,.035);font-size:.72rem;line-height:1.45;color:#efe8ff;white-space:pre-wrap;word-break:break-word}
.chat-composer-preview:empty{display:none}
.chat-drop-preview{display:none;padding:.58rem .72rem;border-radius:14px;border:1px solid rgba(217,70,239,.24);background:linear-gradient(135deg,rgba(4,0,12,.94),rgba(11,2,22,.94));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.18);font-size:.82rem;line-height:1.48;color:#fff7ff;white-space:pre-wrap;word-break:break-word}
.chat-drop-preview.open{display:block}
.chat-msg-strong{font-weight:900;color:#fff}
.chat-msg-attachments{display:flex;flex-direction:column;gap:.42rem;margin-top:.42rem}
.chat-image-card{display:block;max-width:min(248px,100%);width:100%;padding:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(7,1,18,.92);box-shadow:0 18px 34px rgba(0,0,0,.24);text-decoration:none;appearance:none;-webkit-appearance:none;text-align:left}
.chat-image-card img{display:block;width:100%;height:auto;max-height:270px;object-fit:cover;background:#090114}
.chat-image-card:hover{border-color:rgba(216,180,254,.24)}
.chat-image-card{cursor:zoom-in}
.chat-image-viewer .modal{max-width:min(96vw,1100px);width:min(96vw,1100px);padding:0;background:rgba(7,0,19,.98);overflow:hidden;border-radius:24px;border:1px solid rgba(196,181,253,.22);box-shadow:0 34px 90px rgba(0,0,0,.62)}
.chat-image-viewer-stage{position:relative;padding:1rem;background:
  radial-gradient(circle at top,rgba(147,51,234,.16),transparent 36%),
  linear-gradient(180deg,rgba(17,4,34,.96),rgba(6,0,16,.99))}
.chat-image-viewer-close{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border:none;border-radius:14px;background:rgba(12,2,25,.76);color:#fff;cursor:pointer;font-size:1.15rem;backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.chat-image-viewer-frame{display:flex;align-items:center;justify-content:center;min-height:min(78vh,820px)}
.chat-image-viewer-frame img{max-width:100%;max-height:78vh;display:block;object-fit:contain;border-radius:18px;box-shadow:0 18px 42px rgba(0,0,0,.28);background:#090114}
.chat-image-viewer-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem 1rem;border-top:1px solid rgba(196,181,253,.12);background:rgba(255,255,255,.03)}
.chat-image-viewer-name{font-size:.86rem;font-weight:800;color:#fff;word-break:break-word}
.chat-image-viewer-sub{margin-top:.18rem;font-size:.68rem;color:#c4b5fd}
.chat-image-viewer-download{display:inline-flex;align-items:center;gap:.45rem;padding:.62rem .88rem;border-radius:12px;border:1px solid rgba(147,51,234,.22);background:rgba(147,51,234,.14);color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}
.chat-image-viewer-download svg{width:16px;height:16px}
@media(max-width:760px){
  .chat-image-viewer .modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  .chat-image-viewer-stage{height:100dvh;padding:.75rem .75rem calc(env(safe-area-inset-bottom,0px) + .85rem)}
  .chat-image-viewer-frame{min-height:calc(100dvh - 110px)}
  .chat-image-viewer-frame img{max-height:calc(100dvh - 148px);border-radius:16px}
  .chat-image-viewer-meta{padding:.82rem .78rem;align-items:flex-start;flex-direction:column}
  .chat-image-viewer-download{width:100%;justify-content:center}
}
.chat-attachment-meta{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.45rem .62rem;border-top:1px solid rgba(255,255,255,.06);font-size:.62rem;color:#d8c7f3}
.chat-attachment-meta a{color:#f5d0fe;text-decoration:none;font-weight:800}
.chat-attachment-meta a:hover{text-decoration:underline}
.chat-file-wrap{max-width:min(270px,100%)}
.chat-file-card{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(18,5,35,.98),rgba(10,2,22,.99));overflow:hidden;box-shadow:0 14px 32px rgba(0,0,0,.22)}
.chat-file-head{display:flex;align-items:center;gap:.62rem;padding:.62rem .7rem}
.chat-file-toggle{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.03));color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:.16s}
.chat-file-toggle:hover{background:rgba(147,51,234,.16);border-color:rgba(216,180,254,.24)}
.chat-file-toggle.empty{opacity:.35;cursor:default}
.chat-file-toggle.empty:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.chat-file-toggle svg{width:16px;height:16px;display:block;transition:transform .18s ease,filter .18s ease}
.chat-file-toggle.open svg{transform:rotate(90deg);filter:drop-shadow(0 0 10px rgba(216,180,254,.28))}
.chat-file-main{min-width:0;display:flex;flex-direction:column;gap:.14rem;flex:1}
.chat-file-name{font-size:.74rem;font-weight:800;color:#f8f4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-file-meta-copy{font-size:.62rem;color:#b8a9d8}
.chat-file-download{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,rgba(124,58,237,.26),rgba(217,70,239,.22));border:1px solid rgba(192,132,252,.24);color:#fff;text-decoration:none;flex-shrink:0;transition:.16s}
.chat-file-download:hover{filter:brightness(1.07);transform:translateY(-1px)}
.chat-file-download svg{width:16px;height:16px;display:block}
.chat-file-preview-shell{padding:.78rem .86rem;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(7,2,15,.98),rgba(3,1,10,.98))}
.chat-file-preview{margin:0;font-size:.66rem;line-height:1.46;color:#f8fafc;white-space:pre-wrap;word-break:break-word;max-height:270px;overflow:auto;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}
.chat-file-preview.compact{max-height:7.4em;overflow:hidden}
.chat-file-preview-note{display:block;margin-top:.45rem;font-size:.58rem;color:#c4b5fd}
.chat-attachment-expired{max-width:min(270px,100%);padding:.72rem .8rem;border-radius:14px;border:1px dashed rgba(244,114,182,.32);background:rgba(36,7,35,.72);font-size:.68rem;color:#fbcfe8}
.chat-emoji-inline{display:inline-flex;vertical-align:-0.24em;align-items:center;justify-content:center;font-size:1.18em;line-height:1}
.chat-emoji-inline img{width:1.34em;height:1.34em;object-fit:contain;display:block}
.chat-msg-txt.emoji-only,.chat-drop-card-text.emoji-only{font-size:1.78rem;line-height:1.25;letter-spacing:.02em}
.chat-msg-txt.emoji-only .chat-emoji-inline,.chat-drop-card-text.emoji-only .chat-emoji-inline{font-size:1em;vertical-align:-0.08em}
.chat-msg-txt.emoji-only .chat-emoji-inline img,.chat-drop-card-text.emoji-only .chat-emoji-inline img{width:1.38em;height:1.38em}
.chat-msg-txt.emoji-inline-rich .chat-emoji-inline,.chat-drop-card-text.emoji-inline-rich .chat-emoji-inline{font-size:1.18em}
.chat-emoji-picker-glyph{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;min-height:1.25rem}
.chat-emoji-picker-glyph img{width:1.25rem;height:1.25rem;object-fit:contain;display:block}
.chat-picker-nav{width:24px;height:24px;border:none;border-radius:7px;background:rgba(147,51,234,.15);color:var(--pr2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:.16s}
.chat-picker-nav:hover{background:rgba(147,51,234,.24)}
.chat-picker-nav:disabled{opacity:.4;cursor:not-allowed}
.chat-picker-nav svg{width:13px;height:13px;display:block}
.chat-admin-emoji-card{display:flex;align-items:center;gap:.65rem;padding:.72rem;border-radius:14px;border:1px solid rgba(147,51,234,.16);background:rgba(255,255,255,.03)}
.chat-admin-emoji-thumb{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.chat-admin-emoji-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.chat-admin-emoji-meta{min-width:0;display:flex;flex-direction:column;gap:.16rem;flex:1}
.chat-admin-emoji-name{font-size:.74rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-admin-emoji-token{font-size:.64rem;color:#c4b5fd;font-family:monospace}
.chat-prof-trigger{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;text-align:left}
.chat-prof-trigger:hover .chat-msg-name,.chat-prof-trigger:hover.chat-msg-avatar{filter:brightness(1.08)}
/*  PROFILE MODAL — refonte 2025  */
.chat-profile-modal{
  width:min(92vw,430px);max-width:430px;
  padding:0;overflow:hidden;position:relative;
  border:1px solid rgba(140,60,225,.34);
  border-radius:24px;
  background:
    radial-gradient(120% 120% at 20% 0%,rgba(147,51,234,.13),transparent 48%),
    radial-gradient(80% 100% at 100% 100%,rgba(217,70,239,.08),transparent 55%),
    linear-gradient(180deg,rgba(8,0,22,.985) 0%,rgba(5,0,16,.995) 100%);
  box-shadow:0 34px 90px rgba(0,0,0,.82),0 0 0 1px rgba(202,138,255,.05) inset;
  backdrop-filter:blur(28px);
}
.chat-profile-modal.roles-open{
  width:min(94vw,500px);max-width:500px;
}
.chat-profile-banner{
  position:relative;overflow:hidden;flex-shrink:0;
  padding:1rem 1.1rem 3rem;
  background:
    radial-gradient(circle at 20% 30%,rgba(200,120,255,.12),transparent 18%),
    radial-gradient(circle at 82% 20%,rgba(255,220,255,.08),transparent 16%),
    radial-gradient(ellipse 90% 130% at 50% 110%,rgba(192,38,211,.24),transparent 65%),
    linear-gradient(135deg,#040010 0%,#0e0022 26%,#2a0a4a 58%,#52168a 82%,#6c18a0 100%);
}
.chat-profile-banner::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(45deg,transparent,transparent 22px,rgba(255,255,255,.01) 22px,rgba(255,255,255,.01) 23px);
  pointer-events:none;
}
.chat-profile-banner-top{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;gap:.65rem;
}
.chat-profile-brand{
  display:flex;align-items:center;gap:.5rem;min-width:0;
}
.chat-profile-brand-logo{
  width:30px;height:30px;border-radius:9px;object-fit:contain;
  box-shadow:0 0 14px rgba(217,70,239,.34);
  flex-shrink:0;
}
.chat-profile-brand-wordmark{
  display:flex;align-items:center;gap:0;font-family:'Orbitron',monospace;
  font-size:1.15rem;font-weight:900;line-height:1;
}
.chat-profile-brand-wordmark .l1,
.chat-profile-brand-wordmark .l2{background-size:200% 200%}
.chat-profile-pill{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:28px;padding:.28rem .72rem;border-radius:999px;
  border:1px solid rgba(167,139,250,.22);
  background:rgba(147,51,234,.12);
  color:#d8b4fe;font-size:.63rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  white-space:nowrap;
}
.chat-profile-ptx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.chat-profile-modal .mc{
  position:absolute;top:18px;right:18px;z-index:20;
  width:34px;height:34px;padding:0;border-radius:12px;
  background:rgba(26,6,46,.88);
  border:1px solid rgba(255,255,255,.08);
  color:#f3e8ff;font-size:.95rem;font-weight:800;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;transition:.18s;font-family:inherit;
  box-shadow:0 10px 22px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.03);
}
.chat-profile-modal .mc:hover{
  background:rgba(58,12,92,.96);
  border-color:rgba(217,70,239,.34);
  color:#fff;transform:translateY(-1px);
}
.chat-profile-identity{
  display:flex;flex-direction:column;align-items:flex-start;gap:.68rem;
  padding:0 1.1rem;
  margin-top:-2rem;
  position:relative;z-index:2;
}
.chat-profile-avatar{
  width:82px;height:82px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  background:radial-gradient(circle at 32% 22%,rgba(129,140,248,.22),transparent 34%),linear-gradient(145deg,rgba(24,8,46,.98) 0%,rgba(16,4,34,.98) 55%,rgba(10,1,24,.99) 100%);
  color:#fff;font-size:1.7rem;font-weight:900;
  border:2px solid rgba(9,0,24,.96);
  box-shadow:0 0 0 1px rgba(8,0,22,.88),0 10px 24px rgba(91,33,182,.26),0 0 28px rgba(99,102,241,.16);
  overflow:hidden;position:relative;isolation:isolate;
}
.chat-profile-avatar::before{
  content:'';position:absolute;inset:-1px;border-radius:inherit;padding:2px;
  background:conic-gradient(from 0deg,transparent 0deg,var(--role-c2,rgba(255,255,255,.88)) 68deg,rgba(255,255,255,.14) 126deg,transparent 176deg,var(--role-c1,rgba(255,255,255,.26)) 284deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.98;pointer-events:none;z-index:3;
}
.chat-profile-avatar.role-holo{
  border-color:rgba(12,0,30,.98);
  box-shadow:0 0 0 1px rgba(8,0,22,.9),0 8px 20px var(--role-glow1,rgba(99,102,241,.28)),0 0 22px var(--role-glow2,rgba(129,140,248,.16));
  animation:roleAvatarPulse 3.3s ease-in-out infinite;
}
.chat-profile-avatar.role-holo::before{opacity:1;animation:adminEdgeSpin 3.2s linear infinite}
.chat-profile-avatar::after{
  content:'';position:absolute;inset:4px;border-radius:50%;
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.08),transparent 36%),linear-gradient(145deg,rgba(22,8,42,.96),rgba(10,1,24,.99));
  z-index:0;pointer-events:none;
}
.chat-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);z-index:1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.chat-profile-identity-info{padding-top:0;padding-bottom:.15rem;min-width:0;width:100%}
.chat-profile-name{
  font-size:1.18rem;font-weight:900;color:#fff;line-height:1.05;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.chat-profile-username{
  font-size:.73rem;color:#b79cff;margin-top:.14rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.chat-profile-username.copyable{cursor:pointer;user-select:none}
.chat-profile-username.copyable:hover{color:#f0e7ff}
.chat-profile-badges{display:flex;flex-direction:column;gap:.42rem;margin-top:.34rem;align-items:stretch}
.chat-profile-badges-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;width:100%}
.chat-profile-badges-list{display:flex;gap:.34rem;flex-wrap:wrap;align-items:center;min-width:0;flex:1}
.chat-profile-badges .badge-admin,.chat-profile-badges .badge-holo,.chat-profile-badges .badge-solid,.chat-profile-badges .badge-gradient{
  transform:translateZ(0);
}
.chat-profile-manage-roles{
  display:inline-flex;align-items:center;justify-content:center;gap:.38rem;
  flex-shrink:0;
  min-height:28px;
  padding:.24rem .62rem;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.03));
  color:#d9d4e8;
  font-size:.66rem;font-weight:800;letter-spacing:.01em;
  cursor:pointer;
  transition:.18s ease;
}
.chat-profile-manage-roles:hover{
  border-color:rgba(192,132,252,.28);
  background:linear-gradient(180deg,rgba(168,85,247,.12),rgba(255,255,255,.045));
  color:#fff;
  transform:translateY(-1px);
}
.chat-profile-manage-roles svg{width:12px;height:12px;opacity:.9}
.chat-profile-role-chip{
  display:inline-flex;align-items:center;justify-content:center;gap:.28rem;
  min-height:28px;max-width:100%;
  padding:.26rem .58rem;border-radius:999px;
  font-size:.68rem;font-weight:800;line-height:1;
  white-space:nowrap;
}
.chat-profile-role-chip.more{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:#ddd6fe;
}
.chat-profile-role-chip-toggle{
  width:28px;height:28px;padding:0;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:#cfc7e8;font-size:.9rem;font-weight:900;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;transition:.16s;
}
.chat-profile-role-chip-toggle:hover{
  background:rgba(255,255,255,.1);
  color:#fff;border-color:rgba(255,255,255,.18);
}
.chat-profile-body{
  padding:.9rem 1.1rem 1.1rem;
  display:flex;flex-direction:column;gap:.72rem;
}
.chat-profile-statusline{
  display:inline-flex;align-items:center;gap:.36rem;
  width:max-content;max-width:100%;
  padding:.22rem .62rem;border-radius:999px;
  background:rgba(34,211,160,.08);border:1px solid rgba(34,211,160,.14);
}
.chat-profile-statusdot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.52);flex-shrink:0}
.chat-profile-statuscopy{
  font-size:.62rem;font-weight:700;color:#86efac;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.chat-profile-statusline.offline{background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.16)}
.chat-profile-statusline.offline .chat-profile-statusdot{background:#8e8aa5;box-shadow:none}
.chat-profile-statusline.offline .chat-profile-statuscopy{color:#beb8d4}
.chat-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.chat-profile-card{
  padding:.62rem .72rem;
  border-radius:14px;
  border:1px solid rgba(168,85,247,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.018));
  min-width:0;overflow:hidden;
}
.chat-profile-card-label{
  font-size:.56rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  color:#8f6ecf;margin-bottom:.34rem;white-space:nowrap;
}
.chat-profile-card-value{
  font-size:.82rem;font-weight:800;color:#f3e8ff;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;
}
.chat-profile-card-value.copied{
  color:#c084fc!important;
  text-shadow:0 0 10px rgba(192,132,252,.45),0 0 18px rgba(168,85,247,.28);
  transition:color .16s ease,text-shadow .16s ease;
}
.chat-profile-date{font-size:.75rem;color:#efe6ff}
.chat-profile-date.online{color:#34d399}
.chat-profile-date.offline{color:#c8c2da}
.chat-profile-card-value.copyable{cursor:pointer;transition:.15s}
.chat-profile-card-value.copyable:hover{color:#f5d0fe}
.chat-profile-id{
  font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;
  font-size:.68rem;letter-spacing:-.02em;color:#d8c7ff;
}
.chat-profile-role-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:max-content;max-width:100%;
  padding:.24rem .58rem;border-radius:9px;
  font-size:.69rem;font-weight:900;line-height:1;
  white-space:nowrap;
}
.chat-profile-role-badge.role-holo{
  position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(112deg,var(--rb-c1,#7f0000) 0%,var(--rb-c2,#dc2626) 24%,rgba(255,255,255,.96) 48%,var(--rb-c1,#ef4444) 72%,var(--rb-c2,#9333ea) 100%);
  background-size:240% 240%;
  color:#fff;border:1px solid var(--rb-border,rgba(255,190,150,.2));
  box-shadow:0 0 14px var(--rb-glow1,rgba(239,68,68,.34)),0 0 22px var(--rb-glow2,rgba(249,115,22,.18));
  animation:adminHolo 3.6s ease-in-out infinite;
}
.chat-profile-role-badge.role-holo::before{
  content:'';position:absolute;inset:-36%;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.18) 64deg,transparent 120deg,rgba(255,255,255,.08) 220deg,transparent 360deg);
  animation:roleHaloSpin 6.6s linear infinite;
  opacity:.62;z-index:0;pointer-events:none;
}
.chat-profile-role-badge.role-holo::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.26) 50%,transparent 72%);
  animation:adminShimmer 2.25s linear infinite;
  z-index:0;pointer-events:none;
}
.chat-profile-role-badge.role-holo > *{position:relative;z-index:1}
.chat-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.chat-profile-actions.single{grid-template-columns:1fr}
.chat-profile-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:100%;padding:.72rem .8rem;border-radius:14px;
  border:1px solid rgba(168,85,247,.24);
  background:linear-gradient(135deg,rgba(109,40,217,.94),rgba(168,85,247,.9));
  color:#fff;font-size:.77rem;font-weight:800;
  cursor:pointer;font-family:inherit;transition:.18s;
}
.chat-profile-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(147,51,234,.34)}
.chat-profile-btn.alt{
  background:rgba(255,255,255,.045);color:#f3e8ff;
  border-color:rgba(168,85,247,.16);
}
.chat-profile-btn.alt:hover{background:rgba(168,85,247,.1)}
.chat-profile-btn.ghost{
  background:transparent;color:#c4b5fd;border-color:rgba(167,139,250,.16)
}
.chat-profile-btn.ghost:hover{background:rgba(147,51,234,.08)}
.chat-profile-empty{font-size:.74rem;color:var(--tx3);text-align:center;padding:1rem}
.user-role-sheet{
  display:flex;flex-direction:column;gap:1rem;
}
.user-role-sheet-head{
  display:flex;align-items:center;gap:.85rem;
  padding:1rem 1rem .95rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at top right,rgba(168,85,247,.16),transparent 34%),
    linear-gradient(180deg,rgba(33,10,53,.96),rgba(11,4,22,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.user-role-sheet-meta{min-width:0;display:flex;flex-direction:column;gap:.18rem}
.user-role-sheet-title{font-size:.98rem;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-role-sheet-sub{font-size:.72rem;color:var(--tx3)}
.user-role-sheet-note{
  margin-left:auto;
  padding:.28rem .58rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#d7cfef;
  font-size:.64rem;font-weight:800;
  white-space:nowrap;
}
.user-role-sheet-section{
  border:1px solid rgba(255,255,255,.06);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));
  overflow:hidden;
}
.user-role-sheet-section-head{
  padding:.9rem 1rem .78rem;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
}
.user-role-sheet-kicker{
  font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#cdb4ff;
}
.user-role-sheet-copy{
  margin-top:.28rem;
  font-size:.72rem;line-height:1.55;color:var(--tx3);
}
.user-role-sheet-list{display:flex;flex-direction:column;padding:.45rem}
.user-role-row{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:.9rem;
  padding:.78rem .82rem;
  border:none;
  border-radius:16px;
  background:transparent;
  color:#fff;
  cursor:pointer;
  transition:.18s ease;
  text-align:left;
}
.user-role-row:hover{background:rgba(255,255,255,.035)}
.user-role-row + .user-role-row{margin-top:.14rem}
.user-role-row.is-active{
  background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(217,70,239,.08));
  box-shadow:inset 0 0 0 1px rgba(192,132,252,.22);
}
.user-role-row.is-disabled{
  opacity:.46;
  cursor:not-allowed;
}
.user-role-row-main{display:flex;align-items:center;gap:.72rem;min-width:0;flex:1}
.user-role-row-copy{display:flex;flex-direction:column;gap:.14rem;min-width:0}
.user-role-row-title{font-size:.78rem;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-role-row-sub{font-size:.66rem;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-role-row-check{
  width:19px;height:19px;border-radius:6px;flex-shrink:0;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.025);
  display:grid;place-items:center;
  font-size:.7rem;font-weight:900;color:#fff;
  transition:.18s ease;
}
.user-role-row.radio .user-role-row-check{border-radius:50%}
.user-role-row.is-active .user-role-row-check{
  border-color:rgba(192,132,252,.5);
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  box-shadow:0 0 12px rgba(168,85,247,.28);
}
.user-role-sheet-foot{
  display:flex;align-items:center;justify-content:space-between;gap:.8rem;
  padding:.2rem .15rem 0;
}
.user-role-sheet-status{font-size:.69rem;color:var(--tx3)}
.user-role-sheet-status.error{color:#fda4af}
@media(max-width:500px){
  .chat-profile-modal{width:min(95vw,390px)}
  .chat-profile-modal.roles-open{width:min(96vw,430px)}
  .chat-profile-banner{padding:.95rem .9rem 2.6rem}
  .chat-profile-brand-wordmark{font-size:1rem}
  .chat-profile-pill{font-size:.58rem;padding:.24rem .58rem}
  .chat-profile-modal .mc{top:12px;right:12px;width:32px;height:32px}
  .chat-profile-identity{padding:0 .9rem;margin-top:-1.85rem}
.chat-profile-avatar{width:74px;height:74px;border-radius:50%}
  .chat-profile-identity-info{padding-top:0}
  .chat-profile-name{font-size:1.05rem}
  .chat-profile-body{padding:.8rem .9rem 1rem}
  .chat-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chat-profile-actions{grid-template-columns:1fr}
  .chat-profile-badges-row{flex-direction:column;align-items:stretch}
  .chat-profile-manage-roles{width:100%;justify-content:center}
  .user-role-sheet-head{align-items:flex-start;flex-wrap:wrap}
  .user-role-sheet-note{margin-left:0}
  .user-role-row{align-items:flex-start}
}
@media(max-width:620px){#chatPanel{width:min(90vw,280px)}}
.clr-swatch{width:30px;height:30px;border-radius:7px;cursor:pointer;border:2px solid transparent;transition:.18s;flex-shrink:0}
.clr-swatch:hover{transform:scale(1.12);border-color:rgba(255,255,255,.4)}
.clr-swatch.act{border-color:#fff;box-shadow:0 0 0 2px rgba(147,51,234,.6)}
/*  ROLE COLOR GRID  */
.rcw,.rcw2{width:28px;height:28px;border-radius:5px;cursor:pointer;border:2px solid transparent;transition:.15s;flex-shrink:0}
.rcw:hover,.rcw2:hover{transform:scale(1.18);border-color:rgba(255,255,255,.4)}
.rcw.act,.rcw2.act{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.35),0 0 8px rgba(255,255,255,.2);transform:scale(1.12)}
.role-style-btn{padding:.38rem .8rem;border-radius:8px;font-size:.74rem;font-weight:700;background:rgba(255,255,255,.05);border:1px solid var(--bd);color:var(--tx2);cursor:pointer;font-family:inherit;transition:.18s}
.role-style-btn:hover{border-color:var(--pr);color:var(--tx)}
.role-style-btn.act{background:rgba(147,51,234,.18);border-color:var(--pr);color:var(--pr2)}
/*  VIP page hero  */
.vip-hero{position:relative;text-align:center;padding:0 1.5rem .6rem;overflow:hidden;min-height:auto}
.vip-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(147,51,234,.22),transparent 70%),radial-gradient(ellipse 50% 40% at 80% 50%,rgba(212,70,239,.1),transparent 60%);pointer-events:none}
.vip-crown{font-size:3.5rem;display:block;margin-bottom:.8rem;filter:drop-shadow(0 0 24px rgba(217,70,239,.6));animation:crownFloat 3s ease-in-out infinite}
@keyframes crownFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
/*  CHAT FULL SIDE PANEL  */
#chatPanel{position:fixed;right:0;top:0;bottom:0;width:340px;padding-top:68px;box-sizing:border-box;background:rgba(6,0,18,.97);border-left:none;box-shadow:none;display:flex;flex-direction:column;overflow:visible;transform:translate3d(110%,0,0);transition:transform .24s cubic-bezier(.22,.86,.24,1),opacity .18s ease;will-change:transform;backdrop-filter:blur(24px);z-index:450}
#chatPanel.open{transform:translate3d(0,0,0)}
#chatMessages{scrollbar-width:thin!important;scrollbar-color:rgba(168,85,247,.24) transparent!important}
#chatMessages::-webkit-scrollbar{width:2px}
#chatMessages::-webkit-scrollbar-track{background:transparent}
#chatMessages::-webkit-scrollbar-thumb{background:rgba(168,85,247,.3);border-radius:999px}
#chatMessages::-webkit-scrollbar-thumb:hover{background:rgba(192,132,252,.48)}
#chatBackdrop{position:fixed;inset:0;background:rgba(2,0,8,.34);backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity .18s var(--e);z-index:449}
#chatBackdrop.open{opacity:1;pointer-events:auto}
#chatToggle{position:fixed;right:0;top:50%;transform:translateY(-50%);width:28px;height:52px;background:rgba(147,51,234,.2);border:1px solid rgba(147,51,234,.35);border-right:none;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--pr2);font-size:.75rem;transition:opacity .16s ease,background .16s ease,transform .16s ease;backdrop-filter:blur(8px);z-index:451;overflow:visible;will-change:opacity,transform}
#chatToggle:hover{background:rgba(147,51,234,.35)}
#chatArrow{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;pointer-events:none}
#chatArrow svg{width:14px;height:14px;display:block;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(168,85,247,.42))}
#chatUnreadBadge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid rgba(255,255,255,.26);box-shadow:0 6px 16px rgba(127,29,29,.55);color:#fff;font-size:.6rem;font-weight:800;display:none;align-items:center;justify-content:center;line-height:1;pointer-events:none}
#chatToggle.has-unread #chatUnreadBadge{display:inline-flex}
.chat-cooldown-hint{font-size:.66rem;color:#fca5a5;min-height:1em;padding:0 .2rem .35rem .2rem;line-height:1.2}
#chatSlashBox{display:none;position:absolute;left:.7rem;right:.7rem;bottom:56px;z-index:12;background:rgba(10,0,28,.98);border:1px solid rgba(147,51,234,.32);border-radius:12px;padding:.35rem;max-height:170px;overflow-y:auto;box-shadow:0 10px 28px rgba(0,0,0,.5)}
.chat-slash-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem;width:100%;padding:.42rem .5rem;border:none;background:transparent;color:var(--tx);border-radius:8px;cursor:pointer;font-family:inherit;transition:.14s;text-align:left}
.chat-slash-item:hover{background:rgba(147,51,234,.16)}
.chat-slash-cmd{font-size:.72rem;font-weight:800;color:#e9d5ff}
.chat-slash-desc{font-size:.62rem;color:var(--tx3);line-height:1.35}
.chat-mention-suggest-head{padding:.28rem .48rem .34rem;color:#9ca3af;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.chat-mention-suggest-item{display:flex;align-items:center;gap:.48rem;width:100%;padding:.38rem .46rem;border:0;background:transparent;color:#f8fafc;border-radius:9px;cursor:pointer;font-family:inherit;text-align:left;transition:.14s}
.chat-mention-suggest-item:hover,.chat-mention-suggest-item.active{background:rgba(255,255,255,.075)}
.chat-mention-suggest-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,rgba(147,51,234,.22),rgba(10,0,28,.9));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.68rem;font-weight:900;flex-shrink:0}
.chat-mention-suggest-main{min-width:0;display:flex;align-items:center;gap:.36rem}
.chat-mention-suggest-name{font-size:.72rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}
.chat-mention-suggest-id{margin-left:auto;color:#71717a;font-size:.58rem;font-weight:700;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-bot-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem}
.adm-bot-box{padding:1rem;border-radius:14px;border:1px solid rgba(147,51,234,.2);background:rgba(255,255,255,.02)}
.adm-bot-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.8rem}
.adm-bot-kpi .k{padding:.65rem .55rem;border-radius:10px;border:1px solid rgba(147,51,234,.18);background:rgba(0,0,0,.18);text-align:center}
.adm-bot-kpi .k .n{font-family:'Orbitron',monospace;font-size:1rem;font-weight:800;color:var(--pr2)}
.adm-bot-kpi .k .l{font-size:.62rem;color:var(--tx3);margin-top:.14rem}
.chat-close-btn{position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:30px;height:76px;border-radius:14px 0 0 14px;border:1px solid rgba(147,51,234,.46);border-right:none;background:linear-gradient(180deg,rgba(20,4,40,.96),rgba(84,35,139,.94));color:#f3e8ff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;z-index:5;box-shadow:-8px 0 18px rgba(0,0,0,.38),inset 0 0 0 1px rgba(216,180,254,.12);transition:transform .18s,background .18s,border-color .18s,color .18s}
.chat-close-btn:hover{transform:translate(-2px,-50%);background:linear-gradient(180deg,rgba(36,10,66,.98),rgba(103,44,166,.96));border-color:rgba(216,180,254,.68);color:#fff}
.chat-close-icon{width:14px;height:14px;display:block;filter:drop-shadow(0 0 6px rgba(168,85,247,.45))}
#chatInput{font-size:.95rem}
@media(max-width:768px){#chatPanel{width:min(92vw,320px)}#chatInput{font-size:16px!important;line-height:1.25;transform:translateZ(0)}#chatAttachBtn{display:inline-flex;min-width:38px}.chat-close-btn{left:-28px;width:28px;height:72px;border-radius:14px 0 0 14px;background:linear-gradient(180deg,rgba(40,12,78,.98),rgba(112,54,191,.96));border-color:rgba(196,181,253,.64);box-shadow:-10px 0 22px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.04) inset}.chat-close-icon{width:13px;height:13px;filter:drop-shadow(0 0 8px rgba(255,255,255,.22)) drop-shadow(0 0 7px rgba(168,85,247,.55))}.chat-msg{padding-right:.04rem;padding-left:.03rem;margin-top:.07rem}.chat-msg.author-break{margin-top:1rem}.chat-msg.grouped{margin-top:.08rem;padding-right:.03rem}.chat-msg-line{gap:.24rem}.chat-msg.grouped .chat-msg-line{gap:.24rem}.chat-reactions{margin-left:0;margin-top:.03rem}.chat-context-menu{max-width:min(92vw,280px)}.chat-context-flyout{width:236px}.chat-context-more-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.chat-reply-pill{margin-bottom:.12rem;padding-left:0}.chat-reply-jump{padding:.02rem 0 .02rem .56rem}}
@media(max-width:768px){#chatPanel{transition-duration:.21s}}
.chat-emoji-row{display:flex;gap:.28rem;padding:.3rem .55rem;border-top:1px solid rgba(147,51,234,.1);overflow-x:auto;scrollbar-width:none;flex-shrink:0}
.chat-emoji-row::-webkit-scrollbar{display:none}
.chat-emoji-btn{font-size:1rem;cursor:pointer;padding:.08rem .12rem;border-radius:5px;border:none;background:none;transition:.15s;flex-shrink:0}
.chat-emoji-btn:hover{background:rgba(147,51,234,.18);transform:scale(1.2)}
/*  ACCORDION SERVICES  */
.svc-acc{border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;margin-bottom:.45rem;transition:.18s}
.svc-acc:hover{border-color:rgba(147,51,234,.3)}
.svc-acc-hd{display:flex;align-items:center;gap:.55rem;padding:.6rem .72rem;cursor:pointer;transition:.18s;background:rgba(255,255,255,.03);user-select:none}
.svc-acc-hd:hover{background:rgba(147,51,234,.09)}
.svc-acc-hd .svc-ri{width:26px;height:26px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.82rem;background:rgba(255,255,255,.07)}
.svc-acc-hd .svc-ri img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.svc-acc-nm{flex:1;font-size:.8rem;font-weight:700;color:var(--tx);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-acc-cat{font-size:.6rem;color:var(--tx3);background:rgba(255,255,255,.06);padding:.08rem .34rem;border-radius:4px;flex-shrink:0}
.svc-acc-arr{font-size:.62rem;color:var(--tx3);transition:.22s;flex-shrink:0}
.svc-acc.open .svc-acc-arr{transform:rotate(180deg);color:var(--pr2)}
.svc-acc.open>.svc-acc-hd{background:rgba(147,51,234,.1);border-bottom:1px solid rgba(147,51,234,.15)}
.svc-acc-body{display:none;background:rgba(0,0,0,.22)}
.svc-acc.open>.svc-acc-body{display:block!important}
/* Onglets internes */
.acc-itabs{display:flex;overflow-x:auto;border-bottom:1px solid rgba(147,51,234,.15);scrollbar-width:none}
.acc-itabs::-webkit-scrollbar{display:none}
.acc-itab{flex-shrink:0;padding:.42rem .75rem;font-size:.7rem;font-weight:700;color:var(--tx3);background:none;border:none;cursor:pointer;font-family:inherit;transition:.16s;border-bottom:2px solid transparent;white-space:nowrap}
.acc-itab:hover{color:var(--tx)}
.acc-itab.act{color:var(--pr2);border-bottom-color:var(--pr2)}
.acc-panel{display:none;padding:.7rem .75rem}
.acc-panel.act{display:block}
.acc-panel .inp{background:rgba(255,255,255,.07)!important;border:1px solid rgba(147,51,234,.25)!important;color:#f0e6ff!important;font-size:.78rem}
.acc-panel .inp:focus{border-color:var(--pr)!important;background:rgba(255,255,255,.1)!important;box-shadow:0 0 0 2px rgba(147,51,234,.12)!important}
.acc-panel .lbl{color:rgba(200,170,230,.8);font-size:.62rem}
.acc-panel select.inp,
.pm-stock-type-select{
  color:#f0e6ff!important;
  color-scheme:dark;
  -webkit-appearance:none;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c8a8e8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right .75rem center;
  background-size:14px 14px;
  padding-right:2.25rem!important;
}
.acc-panel select.inp option,
.pm-stock-type-select option{
  background:#160c22!important;
  color:#f0e6ff!important;
}
.acc-panel select.inp option:checked,
.pm-stock-type-select option:checked{
  background:#7c3aed!important;
  color:#ffffff!important;
}
/* Swatches dans panel */
.clr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:.35rem;margin:.3rem 0}
/* prod row */
.svc-prod-row{display:flex;align-items:center;gap:.4rem;padding:.32rem .45rem;border:1px solid rgba(147,51,234,.15);border-radius:7px;margin-bottom:.28rem;background:rgba(255,255,255,.04)}
.svc-prod-row input{background:rgba(255,255,255,.08);border:1px solid rgba(147,51,234,.2);border-radius:5px;color:#f0e6ff;padding:.24rem .4rem;font-size:.74rem;font-family:inherit;outline:none;transition:.18s}
.svc-prod-row input:focus{border-color:var(--pr)}
.svc-prod-row input.nm-inp{flex:2;min-width:0}
.svc-prod-row input.pr-inp{width:65px;flex-shrink:0}
/* Restock inline */
.rst-inline{background:rgba(34,211,160,.04);border:1px solid rgba(34,211,160,.14);border-radius:8px;padding:.6rem}
.rst-inline-title{font-size:.65rem;font-weight:800;color:var(--ok);margin-bottom:.38rem;text-transform:uppercase;letter-spacing:.05em}
.dc-fab{position:fixed;bottom:1.3rem;right:1.3rem;z-index:400;display:flex;align-items:center;gap:.42rem;padding:.52rem .95rem;background:var(--dc);border:none;border-radius:50px;color:#fff;font-size:.73rem;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:0 4px 15px rgba(88,101,242,.4);transition:.26s;letter-spacing:.02em}
.dc-fab svg{width:15px;height:15px;fill:#fff;flex-shrink:0}
.dc-fab:hover{background:#4752c4;transform:translateY(-3px);box-shadow:0 8px 26px rgba(88,101,242,.58)}
.dc-fab-t{display:inline}

/*  TOGGLE  */
.tog{position:relative;width:34px;height:18px;flex-shrink:0}
.tog input{opacity:0;width:0;height:0;position:absolute}
.tsl{position:absolute;inset:0;background:rgba(255,255,255,.08);border-radius:18px;cursor:pointer;transition:.26s}
.tsl::before{content:'';position:absolute;width:12px;height:12px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.26s}
.tog input:checked+.tsl{background:linear-gradient(135deg,var(--pr),var(--mg))}
.tog input:checked+.tsl::before{transform:translateX(16px)}

/* ================================= HOME PAGE ================================= */
.home-hero{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem 1.5rem;position:relative;overflow:hidden}
.home-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(100,30,180,.12),transparent 65%);pointer-events:none}
.home-hero-inner{max-width:700px;width:100%;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0}
/* Pill */
.hero-pill-v2{display:inline-flex;align-items:center;gap:.42rem;padding:.26rem .82rem;background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.22);border-radius:50px;font-size:.7rem;font-weight:700;color:var(--pr2);margin-bottom:1rem;animation:pb 3s ease-in-out infinite}
/* Big TrustVault */
.home-trustvault{font-family:'Orbitron',monospace;font-size:clamp(3.5rem,12vw,8rem);font-weight:900;letter-spacing:-.03em;line-height:1;margin:0 0 .7rem;position:relative}
.htv1{background:linear-gradient(135deg,#c0a0e0 0%,#9060d0 35%,#6820b8 65%,#a030d8 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleFlow 5s ease-in-out infinite}
.htv2{background:linear-gradient(135deg,#a030d8 0%,#6820b8 40%,#9060d0 70%,#c0a0e0 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleFlow 5s ease-in-out infinite reverse}
@keyframes titleFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
/* Subtitle */
.home-subtitle{font-size:clamp(.85rem,1.8vw,1.02rem);color:var(--tx2);max-width:500px;line-height:1.7;margin:.2rem 0 2rem}
/* CTAs */
.home-cta{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}
.home-cta-main,.home-cta-sec{padding:.72rem 1.8rem;font-size:.9rem;font-weight:700}
.home-cta-main{min-width:170px;transition:background .42s var(--e),box-shadow .42s var(--e),transform .18s var(--e),filter .42s var(--e)}
.home-cta-main span{display:inline-block;transition:opacity .22s var(--e),transform .22s var(--e)}
.home-cta-main.cta-switching span{opacity:0;transform:translateY(7px) scale(.98)}
.home-cta-main.cta-boost{background:linear-gradient(135deg,#2e1065 0%,#5b21b6 48%,#8b5cf6 100%);box-shadow:0 8px 28px rgba(91,33,182,.36),0 0 26px rgba(139,92,246,.24)}
.home-cta-main.cta-boost::before{content:'';position:absolute;inset:-45%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 34%);opacity:.35;animation:homeBoostCtaOrb 3s ease-in-out infinite;pointer-events:none}
@keyframes homeBoostCtaOrb{0%,100%{transform:translate3d(-18%,4%,0) rotate(0deg)}50%{transform:translate3d(18%,-3%,0) rotate(24deg)}}
/* Stats */
.home-stats{display:flex;align-items:center;gap:0;flex-wrap:wrap;justify-content:center;padding:.85rem 1.8rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px}
.hst-sep{width:1px;height:30px;background:rgba(255,255,255,.1);margin:0 1.4rem;flex-shrink:0}
.hst{text-align:center;min-width:70px}
.hst .num{font-family:'Orbitron',monospace;font-size:1.6rem;font-weight:900;background:linear-gradient(135deg,var(--pr2),var(--mg));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hst .lbl{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-top:.08rem}
/* Sections */
.home-section{max-width:1100px;margin:0 auto;padding:0 1.5rem 2.5rem}
.home-section-head{text-align:center;margin-bottom:1.3rem}
.home-section-head .stag,.home-section-head .sh{margin:0}
/* CTA final card */
.home-cta-section{padding:0 1.5rem 3.5rem;max-width:680px;margin:0 auto}
.home-cta-card{position:relative;text-align:center;padding:2rem 1.5rem;background:rgba(147,51,234,.06);border:1px solid rgba(147,51,234,.18);border-radius:20px;overflow:hidden}
.home-cta-glow{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(147,51,234,.1),transparent 70%);pointer-events:none}
@media(max-width:620px){
  .home-hero{padding:1.5rem 1rem 1rem}
  .home-trustvault{font-size:clamp(3rem,14vw,5rem)}
  .home-subtitle{font-size:.88rem}
  .home-cta-main,.home-cta-sec{padding:.62rem 1.2rem;font-size:.85rem}
  .hst-sep{display:none}
  .hst{min-width:58px;padding:.3rem .4rem}
  .hst .num{font-size:1.3rem}
  .home-stats{padding:.7rem 1rem}
  .home-section{padding:0 1rem 2rem}
  .home-cta-section{padding:0 1rem 2.5rem}
}
@keyframes pb{0%,100%{box-shadow:0 0 0 0 rgba(147,51,234,0)}50%{box-shadow:0 0 18px 3px rgba(147,51,234,.18)}}
.pdot{width:5px;height:5px;border-radius:50%;background:var(--mg);animation:bl 2s ease-in-out infinite}
@keyframes bl{0%,100%{opacity:1}50%{opacity:.2}}
.hero-h1{font-family:'Orbitron',monospace;font-size:clamp(3rem,9vw,6.5rem);font-weight:900;line-height:1;letter-spacing:-.03em;margin-bottom:.75rem}
.hero-sub{font-size:clamp(.9rem,1.8vw,1.08rem);color:var(--tx2);max-width:460px;margin:0 auto 2.3rem;line-height:1.7}
.hero-cta{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap;margin-bottom:3.5rem}
.hero-stats{display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap}
.hst .num{font-family:'Orbitron',monospace;font-size:1.9rem;font-weight:900;background:linear-gradient(135deg,var(--pr2),var(--mg));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hst .lbl{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-top:.1rem}
.ticker{overflow:hidden;padding:1.7rem 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.tick-tr{display:flex;gap:.65rem;width:max-content;animation:tk 30s linear infinite}
.tick-tr:hover{animation-play-state:paused}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tick-p{display:flex;align-items:center;gap:.4rem;padding:.42rem .9rem;background:var(--sf);border:1px solid var(--bd);border-radius:50px;white-space:nowrap;font-size:.78rem;font-weight:600;flex-shrink:0;transition:.18s}
.tick-p:hover{border-color:var(--bdh)}
.tdot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.tok{background:var(--ok);box-shadow:0 0 5px var(--ok)}.tlw{background:var(--wn);box-shadow:0 0 5px var(--wn)}.tno{background:var(--er);box-shadow:0 0 5px var(--er)}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:.92rem;margin-top:1.8rem}
.feat{padding:1.4rem;transition:.26s var(--e)}
.feat:hover{transform:translateY(-4px)}
.fi{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}
.fi1{background:rgba(124,58,237,.2)}.fi2{background:rgba(217,70,239,.2)}.fi3{background:rgba(34,211,160,.16)}.fi4{background:rgba(245,158,11,.16)}
.feat h3{font-size:.88rem;font-weight:700;margin-bottom:.35rem}
.feat p{font-size:.78rem;color:var(--tx2);line-height:1.6}

/* ================================= GENERATOR ================================= */
.gen-wrap{max-width:980px;margin:0 auto;padding:3rem 1.5rem}
.gen-head{text-align:center;margin-bottom:1.9rem}
.stepper{display:flex;align-items:center;justify-content:center;margin-bottom:1.9rem}
.stp{display:flex;flex-direction:column;align-items:center;z-index:1}
.stc{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;border:2px solid var(--bd);background:var(--bg1);color:var(--tx3);transition:.26s}
.stc.act{border-color:var(--pr);background:rgba(147,51,234,.15);color:var(--pr2);box-shadow:0 0 12px rgba(147,51,234,.32)}
.stc.dn{border-color:var(--ok);background:rgba(34,211,160,.12);color:var(--ok);font-size:.84rem}
.stl{font-size:.62rem;font-weight:700;color:var(--tx3);margin-top:.3rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.stl.act{color:var(--pr2)}
.scn{flex:1;height:2px;background:var(--bd);max-width:62px;transition:.26s}
.scn.dn{background:var(--pr)}
.gcard{padding:1.8rem}
.gstep{display:none}
.gstep.act{display:block;animation:pi .26s var(--e)}
.step-h{font-size:.88rem;font-weight:800;color:var(--pr2);margin-bottom:1.1rem}
.trust-generator-title{
  background:linear-gradient(110deg,#7c3aed 0%,#a855f7 16%,#d946ef 34%,#c026d3 52%,#db2777 72%,#be185d 90%,#d6a84f 100%);
  background-size:300% 300%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 28px rgba(219,39,119,.16),0 0 18px rgba(217,70,239,.1);
  animation:trustGeneratorFlow 5.5s ease-in-out infinite;
}
@keyframes trustGeneratorFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Type cards — FREE: violet, VIP: doré-violacé */
.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.topt{padding:.92rem 1rem;border:2px solid var(--bd);border-radius:var(--r2);background:rgba(255,255,255,.02);cursor:pointer;transition:.26s;position:relative;overflow:hidden;min-height:118px;align-self:start}
.topt::before{content:'';position:absolute;inset:0;opacity:0;transition:.3s}
.topt:hover::before,.topt.sel::before{opacity:1}
.topt::after{content:'';position:absolute;inset:-30% -10% auto auto;width:180px;height:180px;border-radius:50%;pointer-events:none;opacity:0;transition:.35s}

/* FREE card: violet */
#to-free::before{background:linear-gradient(135deg,rgba(147,51,234,.1),rgba(192,38,211,.1))}
#to-free:hover{border-color:var(--pr2)}
#to-free{
  min-height:92px;
  height:92px;
  padding:.78rem .96rem .7rem;
}
#to-free .tbdg{top:.48rem;right:.48rem}
#to-free h3{margin-top:.02rem}
#to-free p{margin-top:.14rem;line-height:1.18;max-width:88%}
#to-free.sel{border-color:var(--pr2);background:rgba(147,51,234,.06)}
#to-free.sel .tico{filter:drop-shadow(0 0 10px rgba(147,51,234,.7))}

/* VIP card: doré-violet */
#to-vip{
  min-height:92px;
  height:92px;
  padding:.78rem .96rem .7rem;
  border-color:rgba(214,149,70,.34);
  background:
    radial-gradient(circle at 18% 20%,rgba(255,214,102,.08),transparent 18%),
    radial-gradient(circle at 84% 18%,rgba(217,70,239,.16),transparent 24%),
    radial-gradient(circle at 50% 100%,rgba(124,58,237,.2),transparent 38%),
    linear-gradient(135deg,rgba(31,8,46,.96),rgba(18,4,33,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.2),0 0 0 1px rgba(255,214,102,.03) inset;
}
#to-vip::before{
  opacity:1;
  background:
    radial-gradient(circle at 12% 14%,rgba(255,214,102,.09),transparent 20%),
    radial-gradient(circle at 88% 18%,rgba(217,70,239,.18),transparent 24%),
    linear-gradient(120deg,rgba(255,204,94,.06),rgba(192,38,211,.12),rgba(124,58,237,.14),rgba(255,204,94,.05));
  background-size:140% 140%;
  animation:vipGeneratorAura 7s ease-in-out infinite;
}
#to-vip::after{
  opacity:.42;
  inset:0;
  width:auto;height:auto;border-radius:inherit;
  background-image:
    radial-gradient(rgba(255,236,179,.5) .8px,transparent 1px),
    radial-gradient(rgba(216,180,254,.32) .7px,transparent .95px);
  background-size:24px 24px,32px 32px;
  background-position:0 0,12px 10px;
  mask-image:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.22));
  animation:vipGeneratorParticles 16s linear infinite;
}
#to-vip:hover{
  border-color:#f0b657;
  box-shadow:0 24px 54px rgba(0,0,0,.28),0 0 26px rgba(255,190,80,.08);
}
#to-vip.sel{
  border-color:#d39a45;
  background:
    linear-gradient(var(--bg2),var(--bg2)) padding-box,
    linear-gradient(135deg,#f6d365 0%,#c9873a 24%,#d946ef 58%,#8b5cf6 82%,#f6d365 100%) border-box;
  border:2px solid transparent;
  box-shadow:0 24px 56px rgba(0,0,0,.28),0 0 34px rgba(217,70,239,.14);
}
#to-vip.sel .tico{filter:drop-shadow(0 0 16px rgba(201,135,58,.42)) drop-shadow(0 0 24px rgba(217,70,239,.24))}
#to-vip .tbdg .bdg{
  background:linear-gradient(135deg,rgba(255,205,112,.24),rgba(217,70,239,.22));
  border:1px solid rgba(255,214,102,.22);
  color:#ffe7a5;
  box-shadow:0 0 16px rgba(255,194,88,.08);
}
#to-vip .tico{
  margin-bottom:.22rem;
  filter:drop-shadow(0 0 10px rgba(217,70,239,.16)) drop-shadow(0 0 16px rgba(255,194,88,.12));
}
#to-vip h3{
  background:linear-gradient(135deg,#fff4c4 0%,#f9d976 28%,#e9d5ff 62%,#f0abfc 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#to-vip p{color:#d7c4f6;margin-top:.14rem;line-height:1.18}
#to-vip .vip-live-countdown{
  position:absolute;right:.62rem;bottom:.56rem;z-index:3;
  display:inline-flex;align-items:center;gap:.42rem;
  padding:.28rem .5rem;border-radius:999px;
  border:1px solid rgba(255,214,102,.4);
  background:linear-gradient(135deg,rgba(29,15,52,.88),rgba(75,30,102,.82));
  color:#fff4c4;font-size:.62rem;font-weight:800;letter-spacing:.02em;
  box-shadow:0 10px 22px rgba(0,0,0,.22),0 0 18px rgba(217,70,239,.16)
}
#genFreeUsageBadge,
#genVipUsageBadge{
  position:absolute;left:.62rem;bottom:.56rem;z-index:3;
  display:inline-flex;align-items:center;gap:.42rem;
  width:auto;
  min-width:0;
  max-width:max-content;
  white-space:nowrap;
  flex:0 0 auto;
  padding:.28rem .52rem;border-radius:999px;
  border:1px solid rgba(96,165,250,.3);
  background:linear-gradient(135deg,rgba(10,18,38,.88),rgba(24,44,86,.8));
  color:#dbeafe;font-size:.62rem;font-weight:800;letter-spacing:.02em;
  box-shadow:0 10px 22px rgba(0,0,0,.2),0 0 18px rgba(59,130,246,.14)
}
#to-vip #genVipUsageBadge{
  right:auto;
  left:.62rem;
}
#genFreeUsageBadge.is-limit-hit,
#genVipUsageBadge.is-limit-hit{
  border-color:rgba(147,51,234,.34);
  background:linear-gradient(135deg,rgba(34,14,60,.9),rgba(78,28,120,.82));
  color:#f3e8ff;
  box-shadow:0 10px 22px rgba(0,0,0,.22),0 0 18px rgba(168,85,247,.16)
}
#to-vip .vip-live-countdown[hidden]{display:none !important}
#to-vip .vip-live-dot{
  width:7px;height:7px;border-radius:50%;
  background:#34d399;box-shadow:0 0 10px rgba(52,211,153,.85);
  animation:vipLivePulse 1.5s ease-in-out infinite
}
@keyframes vipLivePulse{0%,100%{opacity:1}50%{opacity:.35}}

.topt .tbdg{position:absolute;top:.55rem;right:.55rem}
.topt .tico{font-size:2.5rem;display:block;margin-bottom:.4rem;position:relative;z-index:1}
.topt h3{font-size:.92rem;font-weight:800;margin-bottom:0;position:relative;z-index:1}
.topt p{font-size:.68rem;color:var(--tx2);position:relative;z-index:1;margin-top:.24rem;line-height:1.22;max-width:92%}
.gen-lb-shell{margin:12rem auto 0;max-width:760px;width:100%;transform:translateX(-20px)}
.gen-lb-shell.is-hidden{display:none!important}
.gen-lb{position:relative;overflow:hidden;padding:1.22rem;border-radius:24px;border:1px solid rgba(181,98,255,.26);background:
  radial-gradient(circle at 14% 14%,rgba(253,224,71,.09),transparent 18%),
  radial-gradient(circle at 86% 12%,rgba(217,70,239,.12),transparent 24%),
  radial-gradient(circle at 50% 100%,rgba(124,58,237,.18),transparent 38%),
  linear-gradient(180deg,rgba(28,8,48,.97),rgba(11,2,22,.995));box-shadow:0 24px 80px rgba(0,0,0,.34)}
.gen-lb::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) .9px,transparent 1px);background-size:26px 26px;opacity:.13;pointer-events:none}
.gen-lb-head,.gen-lb-body{position:relative;z-index:1}
.gen-lb-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.82rem;margin-bottom:1.05rem;text-align:center}
.gen-lb-brand{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%}
.gen-lb-brand-logo{grid-column:1;justify-self:end;margin-right:.84rem;width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 10px 26px rgba(147,51,234,.28))}
.gen-lb-brand-copy{grid-column:2;justify-self:center;display:flex;flex-direction:column;align-items:center;text-align:center}
.gen-lb-title{font-family:'Orbitron',monospace;font-size:1.28rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#f9d976 0%,#e9d5ff 30%,#c084fc 58%,#f59e0b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateX(2px)}
.gen-lb-sub{font-size:.76rem;color:#c7b8ef;margin-top:.22rem}
.gen-lb-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}
.gen-lb-view-switch{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem;background:rgba(17,4,34,.9);border:1px solid rgba(181,98,255,.18);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.gen-lb-view-btn{padding:.38rem .88rem;border:none;border-radius:999px;background:transparent;color:#bfa8ea;font-family:inherit;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.18s}
.gen-lb-view-btn:hover{color:#f5eefe}
.gen-lb-view-btn.active{background:linear-gradient(135deg,rgba(137,57,255,.44),rgba(228,72,255,.28));color:#fff;box-shadow:0 10px 22px rgba(124,58,237,.24),inset 0 1px 0 rgba(255,255,255,.08)}
.gen-lb-meta-row{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap}
.gen-lb-reward{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .92rem;border-radius:999px;border:1px solid rgba(251,191,36,.24);background:linear-gradient(135deg,rgba(120,53,15,.28),rgba(91,33,182,.2));font-size:.72rem;font-weight:900;color:#ffd978;white-space:nowrap}
.gen-lb-timer{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .92rem;border-radius:999px;border:1px solid rgba(192,132,252,.18);background:linear-gradient(135deg,rgba(25,7,45,.88),rgba(61,16,95,.42));font-size:.71rem;font-weight:800;color:#e9d5ff;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.gen-lb-timer.is-static{border-color:rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(23,14,40,.9),rgba(34,18,54,.55));color:#cbd5f5}
.gen-lb-timer.is-hidden{display:none}
.gen-lb-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;align-items:end}
.gen-lb-pod{position:relative;display:flex;flex-direction:column;align-items:center;gap:.42rem;padding:1rem .8rem .8rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(10,2,24,.86);text-align:center;overflow:hidden;cursor:pointer;transition:.2s}
.gen-lb-pod:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18)}
.gen-lb-pod.muted{cursor:default;opacity:.86}
.gen-lb-pod::before{content:'';position:absolute;inset:0;opacity:.9;pointer-events:none}
.gen-lb-pod.rank1::before{background:linear-gradient(180deg,rgba(251,191,36,.18),transparent 62%)}
.gen-lb-pod.rank2::before{background:linear-gradient(180deg,rgba(148,163,184,.18),transparent 62%)}
.gen-lb-pod.rank3::before{background:linear-gradient(180deg,rgba(249,115,22,.18),transparent 62%)}
.gen-lb-pod.rank1{min-height:220px}.gen-lb-pod.rank2,.gen-lb-pod.rank3{min-height:188px}
.gen-lb-pod-crown{position:absolute;top:.68rem;left:50%;transform:translateX(-50%);font-size:.92rem;font-weight:900;letter-spacing:.04em}
.gen-lb-pod-avatar{width:70px;height:70px;border-radius:50%;margin:1.15rem auto .2rem;border:2px solid rgba(255,255,255,.16);background:linear-gradient(135deg,var(--pr),var(--mg));display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.25)}
.gen-lb-pod-avatar img{width:100%;height:100%;object-fit:cover}
.gen-lb-pod-avatar span{font-size:1.35rem;font-weight:900;color:#fff}
.gen-lb-pod-name{max-width:100%;font-size:.88rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gen-lb-pod-count,.gen-lb-score{font-family:'Orbitron',monospace;font-weight:900;color:#fff}
.gen-lb-pod-count{margin-top:.18rem;font-size:1.52rem;line-height:1}
.gen-lb-pod-count span,.gen-lb-score span{display:block;margin-top:.16rem;font-family:inherit;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#a99cc9}
.gen-lb-pod-base{margin-top:auto;width:76%;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.16),rgba(255,255,255,.05))}
.gen-lb-mobile-top{display:none}
.gen-lb-mobile-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.82rem .88rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(29,9,50,.9),rgba(12,3,23,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.gen-lb-mobile-rank{font-family:'Orbitron',monospace;font-size:1rem;font-weight:900;letter-spacing:.04em;white-space:nowrap}
.gen-lb-mobile-user{display:flex;align-items:center;gap:.68rem;min-width:0}
.gen-lb-mobile-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pr),var(--mg));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 10px 24px rgba(0,0,0,.24)}
.gen-lb-mobile-avatar img{width:100%;height:100%;object-fit:cover}
.gen-lb-mobile-avatar span{font-size:.95rem;font-weight:900;color:#fff}
.gen-lb-mobile-meta{min-width:0}
.gen-lb-mobile-name{font-size:.84rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gen-lb-mobile-score{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:.3rem;white-space:nowrap;font-family:'Orbitron',monospace;font-size:.96rem;font-weight:900;text-align:right}
.gen-lb-mobile-score span{display:inline;font-size:.54rem;letter-spacing:.12em;text-transform:uppercase;color:#cbbce9}
.gen-lb-list-wrap{margin-top:1.05rem;border:1px solid rgba(181,98,255,.16);border-radius:20px;background:
  radial-gradient(circle at top right,rgba(124,58,237,.08),transparent 24%),
  linear-gradient(180deg,rgba(27,8,46,.97),rgba(14,3,28,.99));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.gen-lb-list-head{display:flex;justify-content:space-between;align-items:center;padding:.86rem 1rem;border-bottom:1px solid rgba(181,98,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))}
.gen-lb-list-title{font-size:.78rem;font-weight:900;background:linear-gradient(135deg,#e9d5ff,#f8c95d);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;letter-spacing:.1em}
.gen-lb-pager{display:flex;align-items:center;gap:.35rem}
.gen-lb-page{font-size:.7rem;color:#a98ddf;min-width:42px;text-align:center}
.gen-lb-nav{width:30px;height:30px;border-radius:10px;border:1px solid rgba(147,51,234,.22);background:rgba(147,51,234,.1);color:#fff;cursor:pointer;transition:.18s}
.gen-lb-nav:hover:not(:disabled){background:rgba(147,51,234,.2);border-color:rgba(192,132,252,.45)}
.gen-lb-nav:disabled{opacity:.35;cursor:not-allowed}
.gen-lb-list{display:flex;flex-direction:column;padding:.18rem}
.gen-lb-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.8rem .95rem;border-bottom:none;cursor:pointer;transition:.16s;border-radius:14px;margin:.22rem;background:linear-gradient(135deg,rgba(33,10,57,.84),rgba(15,4,28,.96))}
.gen-lb-row:hover{background:linear-gradient(135deg,rgba(49,15,82,.92),rgba(20,6,36,.98))}
.gen-lb-row.muted{cursor:default;opacity:.78}
.gen-lb-row.muted:hover{background:linear-gradient(135deg,rgba(33,10,57,.84),rgba(15,4,28,.96))}
.gen-lb-row.is-me{background:linear-gradient(135deg,rgba(103,33,168,.28),rgba(18,6,33,.98));box-shadow:0 0 0 1px rgba(147,51,234,.2) inset}
.gen-lb-rank{font-family:'Orbitron',monospace;font-size:.86rem;font-weight:900;color:var(--pr2)}
.gen-lb-user{display:flex;align-items:center;gap:.7rem;min-width:0}
.gen-lb-user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--pr),var(--mg));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.gen-lb-user-avatar img{width:100%;height:100%;object-fit:cover}
.gen-lb-user-avatar span{font-size:.9rem;font-weight:900;color:#fff}
.gen-lb-user-meta{min-width:0}
.gen-lb-user-name{font-size:.8rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gen-lb-score{font-size:1rem;text-align:right;line-height:1;display:inline-flex;align-items:baseline;justify-content:flex-end;gap:.35rem;white-space:nowrap}
.gen-lb-score span{display:inline;margin-top:0;white-space:nowrap}
.gen-lb-metal-first,.gen-lb-metal-second,.gen-lb-metal-third{background-size:220% 220%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lbMetalShift 4.6s linear infinite,lbMetalPulse 2.2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.08))}
.gen-lb-metal-first{background-image:linear-gradient(135deg,#fff4b0 0%,#facc15 24%,#fff9db 44%,#f59e0b 68%,#fff1a8 100%)}
.gen-lb-metal-second{background-image:linear-gradient(135deg,#f8fafc 0%,#d8dee9 20%,#94a3b8 48%,#eef2f7 72%,#cbd5e1 100%)}
.gen-lb-metal-third{background-image:linear-gradient(135deg,#fed7aa 0%,#fb923c 22%,#ffedd5 46%,#c2410c 72%,#fdba74 100%)}
.gen-lb-metal-first span,.gen-lb-metal-second span,.gen-lb-metal-third span{-webkit-text-fill-color:initial;background:none}
.gen-lb-metal-first span{color:#fef08a}
.gen-lb-metal-second span{color:#e2e8f0}
.gen-lb-metal-third span{color:#fdba74}
.gen-lb-self{margin-top:.84rem;padding:.82rem .92rem;border:1px solid rgba(147,51,234,.2);border-radius:16px;background:linear-gradient(135deg,rgba(147,51,234,.14),rgba(12,2,22,.85))}
.gen-lb-self-title{margin-bottom:.55rem;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#dcc9ff}
.gen-lb-empty{padding:1rem;color:var(--tx2);font-size:.78rem;text-align:center}
.gen-audit{position:relative;overflow:hidden;padding:1rem;border-radius:24px;border:1px solid rgba(168,85,247,.24);background:
  radial-gradient(circle at 88% 12%,rgba(34,211,238,.14),transparent 30%),
  radial-gradient(circle at 15% 88%,rgba(147,51,234,.12),transparent 28%),
  linear-gradient(180deg,rgba(20,7,36,.98),rgba(8,2,18,.99));box-shadow:0 20px 64px rgba(0,0,0,.3)}
.gen-audit::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) .8px,transparent 1px);background-size:24px 24px;opacity:.15;pointer-events:none}
.gen-audit-head,.gen-audit-body{position:relative;z-index:1}
.gen-audit-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.85rem}
.gen-audit-title{font-family:'Orbitron',monospace;font-size:.88rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#e9d5ff}
.gen-audit-summary{display:flex;gap:.4rem;flex-wrap:wrap}
.gen-audit-pill{display:inline-flex;align-items:center;gap:.24rem;padding:.32rem .58rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:.62rem;font-weight:800;letter-spacing:.04em;color:#d8c8f4;background:rgba(15,5,28,.72)}
.gen-audit-pill strong{font-family:'Orbitron',monospace;font-size:.68rem;color:#fff}
.gen-audit-pill.ok{border-color:rgba(52,211,153,.28);color:#a7f3d0}
.gen-audit-pill.pending{border-color:rgba(251,191,36,.28);color:#fde68a}
.gen-audit-pill.err{border-color:rgba(244,114,182,.26);color:#fbcfe8}
.gen-audit-list{display:flex;flex-direction:column;gap:.45rem;max-height:560px;overflow:auto;padding-right:.2rem}
.gen-audit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;align-items:start;padding:.58rem .64rem;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(27,9,48,.86),rgba(12,3,23,.95))}
.gen-audit-row-main{min-width:0}
.gen-audit-row-line{display:flex;align-items:center;gap:.38rem;min-width:0}
.gen-audit-status{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .42rem;border-radius:999px;font-size:.58rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.12);white-space:nowrap}
.gen-audit-status.ok{border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.14);color:#86efac}
.gen-audit-status.pending{border-color:rgba(251,191,36,.34);background:rgba(251,191,36,.14);color:#fde68a}
.gen-audit-status.err{border-color:rgba(244,114,182,.3);background:rgba(244,114,182,.12);color:#fbcfe8}
.gen-audit-user{font-size:.74rem;font-weight:800;color:#f3e8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gen-audit-user-wrap{display:inline-flex;align-items:center;gap:.36rem;max-width:100%}
.gen-audit-user-avatar{width:18px;height:18px;border-radius:999px;object-fit:cover;border:1px solid rgba(167,139,250,.32);background:rgba(15,6,30,.9);flex-shrink:0}
.gen-audit-user-link{font-size:.74rem;font-weight:800;color:#e9d5ff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;display:inline-flex;align-items:center;gap:.36rem;background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit;text-align:left}
.gen-audit-user-link:hover{color:#c4b5fd;text-decoration:underline}
.gen-audit-meta{margin-top:.28rem;font-size:.63rem;color:#b8a6da;display:flex;align-items:center;gap:.38rem;flex-wrap:wrap}
.gen-audit-ip-btn{font-size:.6rem;padding:.16rem .38rem;border-radius:999px;border:1px solid rgba(167,139,250,.35);background:rgba(124,58,237,.22);color:#ddd6fe;cursor:pointer}
.gen-audit-ip-btn:hover{background:rgba(124,58,237,.34)}
.gen-audit-service{font-size:.66rem;font-weight:800;color:#d6bcfa;white-space:nowrap}
.gen-audit-foot{margin-top:.8rem;padding-top:.72rem;border-top:1px solid rgba(167,139,250,.16);display:flex;align-items:center;justify-content:space-between;gap:.45rem}
.gen-audit-page{font-size:.68rem;color:#c4b5fd;min-width:44px;text-align:center}
.gen-audit-empty{padding:.8rem;color:var(--tx2);font-size:.74rem;text-align:center}
.gen-audit-table-wrap{border:1px solid rgba(167,139,250,.16);border-radius:14px;overflow:auto;background:rgba(8,3,18,.65)}
.gen-audit-table{width:100%;border-collapse:collapse;min-width:680px}
.gen-audit-table thead th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(36,13,62,.97),rgba(19,6,35,.96));color:#d8b4fe;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;padding:.56rem .6rem;border-bottom:1px solid rgba(167,139,250,.18);text-align:left}
.gen-audit-table tbody td{padding:.52rem .6rem;border-bottom:1px solid rgba(167,139,250,.09);font-size:.68rem;color:#e9d5ff;vertical-align:middle}
.gen-audit-table tbody tr:hover td{background:rgba(124,58,237,.08)}
.gen-audit-table tbody tr:last-child td{border-bottom:none}
.gen-audit-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.gen-audit-modal-grid .res-lbl{font-size:.64rem}
.adm-gen-lb-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:1rem;align-items:start}
.adm-gen-lb-side{position:sticky;top:78px}
@keyframes lbMetalShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes lbMetalPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.02)}}
@keyframes vipGeneratorAura{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes vipGeneratorParticles{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,10px,0)}100%{transform:translate3d(0,20px,0)}}
@media(max-width:760px){
  .gen-lb-shell{margin:5.5rem auto 0;max-width:100%;transform:none}
  .gen-lb{padding:1rem .92rem}
  .gen-audit{padding:.85rem}
  .gen-audit-list{max-height:360px}
  .gen-audit-modal-grid{grid-template-columns:1fr}
  .gen-lb-brand-logo{margin-right:.7rem;width:42px;height:42px}
  .gen-lb-title{font-size:1.02rem}
  .gen-lb-view-switch{width:100%}
  .gen-lb-view-btn{flex:1}
  .gen-lb-meta-row{width:100%;flex-direction:column}
  .gen-lb-podium{display:none}
  .gen-lb-mobile-top{display:none!important}
  .gen-lb-list-wrap[data-mobile-hide="1"]{display:block!important}
  .gen-lb-pod.rank1,.gen-lb-pod.rank2,.gen-lb-pod.rank3{min-height:auto}
  .gen-lb-list-head{padding:.82rem .86rem}
  .gen-lb-pager{margin-left:auto;padding:.16rem;border-radius:999px;background:linear-gradient(180deg,rgba(45,18,74,.72),rgba(27,8,46,.54));border:1px solid rgba(147,51,234,.16)}
  .gen-lb-row{grid-template-columns:42px minmax(0,1fr) auto;padding:.75rem .78rem}
  .gen-lb-row.is-top-three{display:grid!important}
  .gen-lb-score{font-size:.9rem;gap:.24rem}
  .gen-lb-score span{font-size:.52rem}
  #to-vip{background:
    radial-gradient(circle at 14% 18%,rgba(255,214,102,.08),transparent 20%),
    radial-gradient(circle at 86% 12%,rgba(217,70,239,.18),transparent 26%),
    radial-gradient(circle at 50% 100%,rgba(124,58,237,.22),transparent 42%),
    linear-gradient(135deg,rgba(31,8,46,.98),rgba(18,4,33,.995))}
  #page-vip .wrap{overflow:hidden}
  .vip-grid{
    display:flex;
    grid-template-columns:none;
    gap:.58rem;
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    margin-bottom:.72rem;
    padding:.35rem 18vw 1rem;
    overflow-x:auto;
    overflow-y:visible;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:18vw;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .vip-grid::-webkit-scrollbar{display:none}
  .vip-grid .vc{
    flex:0 0 min(62vw,292px);
    min-width:min(62vw,292px);
    scroll-snap-align:center;
    padding:1.5rem 1.18rem 1.25rem;
    transform:scale(.9);
    filter:saturate(.92) brightness(.82);
    opacity:.72;
    transition:transform .22s cubic-bezier(.18,.9,.22,1),filter .12s ease,opacity .16s ease,box-shadow .22s cubic-bezier(.18,.9,.22,1);
  }
  .vip-grid .vc.is-active{
    transform:scale(1);
    filter:none;
    opacity:1;
    z-index:3;
    box-shadow:0 22px 58px rgba(0,0,0,.46),0 0 38px rgba(147,51,234,.18);
  }
  .vip-grid .vc:not(.is-active) .btn{pointer-events:none}
  .vip-grid .vc:hover{transform:scale(.9)}
  .vip-grid .vc.is-active:hover{transform:scale(1)}
  .vc-name{font-size:.76rem}
  .vc-price{font-size:2.35rem}
  .vc-feats{margin-bottom:1.2rem}
  .vc-feats li{font-size:.76rem;gap:.52rem}
  .vip-carousel-ui{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.52rem;
    margin:-.1rem 0 1.75rem;
  }
  .vip-swipe-rail{
    position:relative;
    width:62px;
    height:4px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    overflow:hidden;
  }
  .vip-swipe-rail span{
    position:absolute;
    top:0;
    left:0;
    width:26px;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#b5860a,#d946ef);
    animation:vipSwipeHint 1.55s ease-in-out infinite;
  }
  @keyframes vipSwipeHint{0%,100%{transform:translateX(0);opacity:.62}50%{transform:translateX(36px);opacity:1}}
  .vip-carousel-dots{display:flex;align-items:center;justify-content:center;gap:.42rem}
  .vip-carousel-dot{
    width:7px;
    height:7px;
    border:0;
    border-radius:999px;
    padding:0;
    background:rgba(255,255,255,.22);
    cursor:pointer;
    transition:.22s var(--e);
  }
  .vip-carousel-dot.act{
    width:22px;
    background:linear-gradient(90deg,#b5860a,#d946ef);
    box-shadow:0 0 14px rgba(217,70,239,.28);
  }
}
@media(max-width:1120px){
  .adm-gen-lb-grid{grid-template-columns:1fr}
  .adm-gen-lb-side{position:static}
}

.adm-lb-shell{display:flex;flex-direction:column;gap:1rem}
.adm-lb-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.adm-lb-card{padding:1rem;border:1px solid var(--bd);border-radius:20px;background:linear-gradient(180deg,rgba(16,6,34,.95),rgba(10,2,22,.92));box-shadow:0 18px 50px rgba(0,0,0,.22)}
.adm-lb-card h3{margin:0 0 .3rem;font-size:.98rem;color:var(--tx1)}
.adm-lb-subtxt{font-size:.72rem;color:var(--tx3);line-height:1.55}
.adm-lb-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.9rem}
.adm-lb-kpi{padding:.8rem .85rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.adm-lb-kpi-label{font-size:.62rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.08em}
.adm-lb-kpi-value{margin-top:.28rem;font-family:'Orbitron',monospace;font-size:1rem;font-weight:900;color:var(--tx1)}
.adm-lb-kpi-value small{display:block;margin-top:.24rem;font-family:inherit;font-size:.58rem;letter-spacing:.1em;color:var(--tx3)}
.adm-lb-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.95rem}
.adm-lb-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.95rem}
.adm-lb-mid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}
.adm-lb-log-list{display:flex;flex-direction:column;gap:.65rem;max-height:420px;overflow:auto;padding-right:.2rem}
.adm-lb-log{padding:.82rem .9rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.03)}
.adm-lb-log-head{display:flex;justify-content:space-between;gap:.65rem;align-items:flex-start;margin-bottom:.28rem}
.adm-lb-log-type{display:inline-flex;align-items:center;padding:.22rem .5rem;border-radius:999px;font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:rgba(147,51,234,.18);border:1px solid rgba(192,132,252,.22);color:#e9d5ff}
.adm-lb-log-time{font-size:.66rem;color:var(--tx3);white-space:nowrap}
.adm-lb-log-msg{font-size:.76rem;color:var(--tx1);line-height:1.5}
.adm-lb-log-meta{margin-top:.34rem;font-size:.68rem;color:var(--tx3)}
.adm-lb-search{display:flex;gap:.6rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:.85rem}
.adm-lb-search .inp{max-width:280px}
.adm-lb-table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.05)}
.adm-lb-avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--pr),var(--mg));flex-shrink:0;color:#fff;font-weight:900}
.adm-lb-avatar img{width:100%;height:100%;object-fit:cover}
.adm-lb-usercell{display:flex;align-items:center;gap:.65rem;min-width:220px}
.adm-lb-usercell strong{display:block;color:var(--tx1);font-size:.78rem}
.adm-lb-usercell span{display:block;font-size:.66rem;color:var(--tx3)}
.adm-lb-role{display:inline-flex;align-items:center;padding:.18rem .45rem;border-radius:999px;font-size:.62rem;font-weight:800;background:rgba(147,51,234,.14);border:1px solid rgba(192,132,252,.18);color:#e9d5ff}
.adm-lb-num{font-family:'Orbitron',monospace;font-size:.86rem;font-weight:900;color:var(--tx1)}
.adm-lb-delta{font-size:.62rem;color:var(--tx3)}
.adm-lb-input{width:110px;min-width:110px;padding:.45rem .58rem;font-size:.75rem}
.adm-lb-empty{padding:1rem;border:1px dashed rgba(255,255,255,.12);border-radius:16px;color:var(--tx3);text-align:center}
@media(max-width:980px){
  .adm-lb-top,.adm-lb-mid,.adm-lb-form{grid-template-columns:1fr}
  .adm-lb-kpis{grid-template-columns:1fr}
}

/* Service grid — REFONTE */
.sv-sw{position:relative;margin-bottom:.65rem}
.sv-sw svg{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);width:13px;height:13px;color:var(--tx3);stroke:currentColor;fill:none;stroke-width:2}
.sv-si{padding-left:2.1rem}
.frow{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.82rem}
.ftb{padding:.25rem .7rem;border-radius:50px;font-size:.71rem;font-weight:700;border:1px solid var(--bd);background:transparent;color:var(--tx2);cursor:pointer;transition:.18s;font-family:inherit}
.ftb:hover,.ftb.act{background:rgba(147,51,234,.14);border-color:var(--pr);color:var(--tx)}
.sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.65rem;max-height:400px;overflow-y:auto;overflow-x:visible;padding:.3rem .15rem .3rem;scrollbar-width:thin;scrollbar-color:var(--pr) transparent}
.sv-grid::-webkit-scrollbar{width:3px}
.sv-grid::-webkit-scrollbar-thumb{background:var(--pr);border-radius:2px}
/* Nouvelle carte service */
.sv-item{
  border-radius:18px;border:1px solid rgba(196,181,253,.14);
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 26%),
    linear-gradient(180deg,rgba(17,4,31,.96),rgba(12,2,24,.96));
  cursor:pointer;transition:.26s var(--e);
  text-align:center;position:relative;overflow:visible;
  display:flex;flex-direction:column;
  padding:0 0 .82rem;
  box-shadow:0 12px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02);
}
.sv-item::before{content:'';position:absolute;inset:0;border-radius:18px;opacity:.78;transition:.26s;
  background:
    radial-gradient(circle at 18% 14%,rgba(255,255,255,.06),transparent 18%),
    radial-gradient(circle at 82% 0%,var(--sv-accent-soft,rgba(168,85,247,.18)),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.03),transparent 34%)}
.sv-item::after{content:'';position:absolute;inset:0;border-radius:18px;pointer-events:none;opacity:0;transition:.26s;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 0 1px rgba(255,255,255,.02),0 14px 34px var(--sv-accent-soft,rgba(168,85,247,.12))}
.sv-item:hover::after,.sv-item.sel::after{opacity:1}
.sv-item:hover{border-color:rgba(192,132,252,.34);transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,0,0,.24),0 14px 30px var(--sv-accent-soft,rgba(147,51,234,.16))}
.sv-item.sel{border-color:var(--sv-accent,#c084fc)!important;box-shadow:0 0 0 1px var(--sv-accent,#c084fc),0 18px 42px rgba(0,0,0,.26),0 16px 34px var(--sv-accent-soft,rgba(217,70,239,.24));transform:translateY(-3px)}
/* Zone image haut de la carte */
.sv-img-zone{
  width:100%;height:112px;position:relative;overflow:hidden;border-radius:18px 18px 0 0;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(circle at 20% 18%,rgba(255,255,255,.08),transparent 16%),
    radial-gradient(circle at 80% 12%,var(--sv-accent-soft,rgba(168,85,247,.2)),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.08)),
    var(--sv-bg,linear-gradient(155deg,#1a0038 0%,#3a0075 100%));
}
.sv-img-zone::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,0,18,.08),rgba(6,0,18,.26));z-index:0}
.sv-img-zone::after{content:'';position:absolute;bottom:0;left:0;right:0;height:56px;
  background:linear-gradient(to top,rgba(13,2,24,.98),rgba(13,2,24,.12) 68%,transparent);z-index:1}
.sv-ambient{
  position:absolute;inset:auto auto 18px 50%;width:116px;height:116px;transform:translateX(-50%);
  border-radius:50%;background:radial-gradient(circle,var(--sv-accent-soft,rgba(168,85,247,.28)) 0%,rgba(255,255,255,.08) 22%,transparent 72%);
  filter:blur(14px);opacity:.9;z-index:1;pointer-events:none;transition:.35s var(--e);
}
.sv-logo-stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.38rem .42rem .68rem;box-sizing:border-box}
.sv-logo-shell{
  position:relative;width:var(--sv-shell-w,104px);height:84px;border-radius:var(--sv-shell-radius,28px);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 30%,rgba(8,0,18,.22)),
    var(--sv-shell-bg,linear-gradient(145deg,rgba(17,4,31,.94),rgba(12,1,24,.98)));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 12px 22px rgba(0,0,0,.24),0 0 0 1px rgba(0,0,0,.08);
  transition:transform .35s var(--e),box-shadow .35s var(--e),border-color .35s var(--e);
}
.sv-logo-shell::before{
  content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(255,255,255,.06),var(--sv-accent-soft,rgba(168,85,247,.32)),rgba(255,255,255,.03));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.95;pointer-events:none;
}
.sv-logo-shell img{
  width:100%;height:100%;object-fit:var(--sv-logo-fit,contain);object-position:var(--sv-logo-pos,center);
  padding:var(--sv-logo-pad,.42rem);position:relative;z-index:1;transition:.35s var(--e);
  border-radius:var(--sv-logo-radius,18px);
  background:var(--sv-logo-img-bg,transparent);
  transform:scale(var(--sv-logo-img-scale,1));
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.18));
}
.sv-logo-shell .sv-ico{
  font-size:2.4rem;position:relative;z-index:1;color:#fff;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.28));transition:.35s var(--e)
}
.sv-item:hover .sv-ambient,.sv-item.sel .sv-ambient{transform:translateX(-50%) scale(1.08);opacity:1}
.sv-item:hover .sv-logo-shell,.sv-item.sel .sv-logo-shell{
  transform:translateY(-2px) scale(1.03);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 18px 28px rgba(0,0,0,.28),0 0 24px var(--sv-accent-soft,rgba(168,85,247,.18));
}
.sv-item:hover .sv-logo-shell img,.sv-item.sel .sv-logo-shell img{transform:scale(calc(var(--sv-logo-img-scale,1) * var(--sv-logo-scale,1.02)))}
.sv-item:hover .sv-logo-shell .sv-ico,.sv-item.sel .sv-logo-shell .sv-ico{transform:scale(var(--sv-logo-scale,1.02))}
/* Bas de carte */
.sv-info{padding:.68rem .72rem 0;position:relative;z-index:1}
.sv-nm{font-size:.78rem;font-weight:800;margin-bottom:.24rem;color:#f6ecff;text-shadow:0 1px 10px rgba(0,0,0,.26)}
.sv-st{font-size:.63rem;font-weight:700}
.st-ok{color:var(--ok)}.st-lw{color:var(--wn)}.st-no{color:var(--er)}
.sv-vip{position:absolute;top:.4rem;right:.4rem;font-size:.5rem;font-weight:800;padding:.1rem .3rem;border-radius:3px;background:linear-gradient(135deg,rgba(180,100,30,.9),rgba(192,38,211,.7));color:#ffd878;text-transform:uppercase;z-index:3;letter-spacing:.05em}
/* Badge hot/new sur les cartes générateur */
.sv-badge{position:absolute;top:.45rem;left:.52rem;right:auto;font-size:.54rem;font-weight:900;padding:.16rem .5rem;border-radius:999px;z-index:3;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;max-width:max-content}
.sv-badge-hot,.sv-badge-new{display:inline-flex;width:auto;min-width:0;max-width:max-content}
.sv-badge-hot{background:linear-gradient(135deg,#ff8a00 0%,#ff5a1f 28%,#ff2d55 100%);color:#fff7ed;border:1px solid rgba(255,210,160,.32);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 8px 18px rgba(255,83,43,.28),0 0 22px rgba(255,83,43,.2);animation:badgeGlowHot 2s ease-in-out infinite;overflow:hidden;position:relative}
.sv-badge-hot::before{content:'';position:absolute;inset:1px 1px auto 1px;height:48%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));opacity:.68;pointer-events:none}
.sv-badge-hot::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 16%,rgba(255,255,255,.38) 38%,transparent 58%);animation:hotShimmer 2.4s linear infinite}
.sv-badge-new{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 38%,#d946ef 100%);background-size:200% 200%;color:#f5f3ff;border:1px solid rgba(205,180,255,.28);box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 8px 18px rgba(147,51,234,.2),0 0 24px rgba(124,58,237,.16);animation:badgeGlowNew 2.4s ease-in-out infinite,newShift 5s linear infinite;position:relative;overflow:hidden}
.sv-badge-new::before{content:'';position:absolute;inset:1px 1px auto 1px;height:48%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0));opacity:.6;pointer-events:none}
@keyframes badgeGlowHot{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 8px 18px rgba(255,83,43,.24),0 0 22px rgba(255,83,43,.16)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 12px 24px rgba(255,83,43,.34),0 0 34px rgba(255,83,43,.28)}}
@keyframes badgeGlowNew{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 8px 18px rgba(147,51,234,.18),0 0 22px rgba(124,58,237,.14)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 12px 24px rgba(147,51,234,.28),0 0 34px rgba(217,70,239,.22)}}
.sv-bar{width:76%;height:3px;border-radius:999px;margin:.42rem auto 0;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.sv-bar-fill{height:100%;border-radius:2px;transition:width .5s var(--e)}
.cf-tbl{background:rgba(255,255,255,.022);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;margin-bottom:1.05rem}
.cf-row{display:flex;justify-content:space-between;align-items:center;padding:.58rem .9rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.8rem}
.cf-row:last-child{border-bottom:none}
.cf-row span:first-child{color:var(--tx2)}
.cf-row span:last-child{font-weight:700}
.cap-area{display:flex;align-items:center;gap:.82rem;padding:.9rem;border:1px solid var(--bd);border-radius:var(--r);cursor:pointer;transition:.22s;margin-bottom:1.05rem}
.cap-area:hover{border-color:var(--bdh)}
.capbox{width:20px;height:20px;border:2px solid var(--bd);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:.22s;flex-shrink:0}
.capbox.ok{border-color:var(--ok);background:rgba(34,211,160,.12);color:var(--ok);font-size:.72rem}
.cap-area.real{display:block;cursor:default}
.cap-area.real:hover{border-color:var(--bd)}
.cap-turn-wrap{display:none;width:100%}
.cap-turn-wrap.act{display:block}
.cap-turn-wrap>div:first-child{text-align:left}
#turnstileMount{display:flex;justify-content:center;align-items:flex-start;width:100%;overflow:visible}
#turnstileMount iframe{max-width:100%}
.cap-note{font-size:.68rem;color:var(--tx3);margin-top:.4rem}
.gfoot{display:flex;justify-content:space-between;gap:.7rem;margin-top:1.05rem}
.gfoot .btn{flex:1}
@media(max-width:620px){
  #gs2 .gfoot .btn-p{display:none}
  #gs2 .gfoot .btn-o{flex:1 1 100%;width:100%}
}
.res-box{background:rgba(34,211,160,.04);border:1px solid rgba(34,211,160,.22);border-radius:var(--r);padding:1.2rem;position:relative;overflow:hidden}
.gen-proof-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;background:linear-gradient(135deg,#5865f2 0%,#6674ff 45%,#7c3aed 100%)!important;color:#fff!important;box-shadow:0 10px 24px rgba(88,101,242,.32),0 0 22px rgba(124,58,237,.18)}
.gen-proof-btn:hover{filter:brightness(1.06);box-shadow:0 12px 28px rgba(88,101,242,.42),0 0 26px rgba(124,58,237,.24)}
.gen-proof-btn svg{width:17px;height:17px;flex-shrink:0}
@media(max-width:520px){
  .cap-area{padding:.78rem .58rem}
  #turnstileMount{justify-content:center}
  #turnstileMount>div{margin-left:auto!important;margin-right:auto!important;max-width:100%!important}
  #gs4 .gfoot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;gap:.52rem}
  #gs4 .gfoot .btn{min-width:0;width:100%;padding:.62rem .48rem;font-size:.78rem}
  #gs4 .gen-proof-btn{gap:.24rem;font-size:.65rem;letter-spacing:-.01em;line-height:1.02;white-space:nowrap;overflow:hidden}
  #gs4 .gen-proof-btn svg{width:13px;height:13px}
}
.res-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ok),transparent)}
.res-lbl{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-bottom:.36rem}
.res-cred{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.28);border-radius:7px;padding:.52rem .8rem;font-family:monospace;font-size:.84rem;gap:.45rem}
.res-cred span{word-break:break-all}
.cpb{padding:.2rem .48rem;border-radius:4px;border:1px solid rgba(147,51,234,.22);background:rgba(147,51,234,.1);color:var(--pr2);font-size:.68rem;font-weight:700;cursor:pointer;transition:.18s;flex-shrink:0;font-family:inherit}
.cpb:hover{background:rgba(147,51,234,.2)}

/* ================================= SHOP ================================= */
.shop-hero{text-align:center;padding:2.5rem 1.5rem 0}
.shop-hero-min{padding:1.35rem 1.5rem .35rem}
.shop-brand-head{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.68rem;
}
.shop-brand-head img{
  width:34px;
  height:34px;
  object-fit:contain;
  filter:drop-shadow(0 8px 22px rgba(147,51,234,.24));
}
.shop-brand-head .sh{
  margin:0;
  line-height:1;
}
.shop-brand-head .grt{
  font-size:clamp(1.5rem,3.2vw,2.15rem);
}
.shop-search-block{max-width:560px;margin:1.5rem auto .9rem}
.shop-search-inp-w{position:relative}
.shop-search-inp-w svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--tx3);stroke:currentColor;fill:none;stroke-width:2;pointer-events:none}
.shop-search-inp-w input{padding-left:2.4rem;padding-right:1rem;background:rgba(255,255,255,.05);border:1px solid var(--bd);border-radius:12px;height:44px;font-size:.86rem;color:var(--tx)}
.shop-search-inp-w input:focus{border-color:var(--pr);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(147,51,234,.1)}
.shop-filters-center{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}
.shop-wrap{padding:0 1.5rem 3rem;max-width:1160px;margin:0 auto}
@media(max-width:620px){.shop-wrap{padding:0 .9rem 3rem}}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}
@media(max-width:1100px){.shop-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.shop-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.shop-grid{grid-template-columns:1fr;gap:.9rem}}
.shop-empty{grid-column:1/-1;padding:1.2rem 1rem;border:1px solid var(--bd);border-radius:18px;background:rgba(255,255,255,.03);text-align:center;color:var(--tx2);font-size:.9rem}
.shop-maint-wrap{grid-column:1/-1;display:flex;justify-content:center}
.shop-maint-card{
  width:min(100%,760px);padding:1.25rem 1.2rem;border-radius:18px;
  border:1px solid rgba(217,70,239,.24);
  background:
    radial-gradient(120% 130% at 0% 0%,rgba(147,51,234,.2),transparent 62%),
    radial-gradient(100% 120% at 100% 100%,rgba(59,130,246,.14),transparent 66%),
    linear-gradient(170deg,rgba(15,6,34,.98),rgba(9,3,24,.98));
  box-shadow:0 16px 34px rgba(6,2,17,.38),inset 0 0 0 1px rgba(255,255,255,.025);
  text-align:center
}
.shop-maint-badge{
  display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .62rem;
  border-radius:999px;border:1px solid rgba(245,158,11,.35);
  background:rgba(245,158,11,.14);color:#f8d57e;font-weight:800;font-size:.68rem;
  text-transform:uppercase;letter-spacing:.08em
}
.shop-maint-title{margin:.7rem 0 .2rem;font-size:1.34rem;font-weight:900;color:#f4edff}
.shop-maint-main{margin:.16rem 0;color:#f7d9ff;font-size:1rem;font-weight:800}
.shop-maint-sub{margin:.42rem auto 0;max-width:560px;color:var(--tx2);font-size:.84rem;line-height:1.55}
.sc{border-radius:var(--r2);overflow:hidden;cursor:pointer;transition:.28s var(--e);background:var(--sf);border:1px solid var(--shop-card-edge-soft,rgba(255,255,255,.08));display:flex;flex-direction:column;position:relative}
.sc::before{content:'';position:absolute;inset:0;border-radius:var(--r2);pointer-events:none;z-index:5;box-shadow:inset 0 0 0 1px var(--shop-card-edge,rgba(147,51,234,.9));opacity:.68}
.sc::after{content:'';position:absolute;inset:0;border-radius:var(--r2);opacity:0;transition:.3s;background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--shop-card-glow,rgba(147,51,234,.12)),transparent 70%);pointer-events:none}
.sc:hover{transform:translateY(-6px);box-shadow:0 16px 38px var(--shop-card-glow,rgba(147,51,234,.16)),0 0 0 1px var(--shop-card-edge,rgba(147,51,234,.3));border-color:var(--shop-card-edge,rgba(147,51,234,.34))}
.sc:hover::after{opacity:1}
.on-sale .sci{animation:saleGlo 2.5s ease-in-out infinite}
.sci{height:220px;overflow:hidden;position:relative;flex-shrink:0;background:var(--shop-panel-bg,linear-gradient(180deg,rgba(11,3,24,.98),rgba(6,0,18,.99)));display:flex;align-items:center;justify-content:center;isolation:isolate}
.sci canvas.sc-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.5;z-index:0}
@media(max-width:620px){
  .sci{height:116px !important}
  .sc{max-width:100%}
  .sc-ambient{display:none !important}
  .sc-logo-stage{padding:.28rem .5rem .34rem !important;align-items:center !important}
  .sc-logo-shell{
    width:100px !important;
    height:62px !important;
    max-width:100px !important;
    max-height:62px !important;
    border-radius:15px !important;
    background:var(--shop-shell-overlay,linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016) 32%,rgba(5,0,12,.28))),var(--shop-shell-bg,linear-gradient(145deg,rgba(17,4,31,.94),rgba(12,1,24,.98))) !important;
    border:var(--shop-shell-border,1px solid rgba(255,255,255,.07)) !important;
    box-shadow:var(--shop-shell-shadow,0 0 0 1px rgba(255,255,255,.025) inset,0 18px 34px rgba(0,0,0,.3),0 0 28px var(--shop-accent-glow,rgba(168,85,247,.08))) !important;
    overflow:hidden;
    isolation:isolate;
    -webkit-mask-image:-webkit-radial-gradient(#fff,#fff)
  }
  .sc-logo-shell::before,.sc-logo-shell::after{display:none !important}
  .sc-logo-shell img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    padding:.22rem .3rem !important;
    border-radius:14px !important;
    clip-path:inset(0 round 14px) !important;
    -webkit-mask-image:-webkit-radial-gradient(#fff,#fff);
    background:transparent !important;
    transform:scale(1.11) !important;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.24)) !important
  }
  .sc:hover .sc-logo-shell img{transform:scale(1.11) !important}
  .sc[data-svc="hbomax"] .sc-logo-shell img{transform:scale(1.25) !important}
  .sc[data-svc="disney"] .sc-logo-shell img{transform:scale(1.26) !important}
  .sc[data-svc="prime"] .sc-logo-shell img{transform:scale(1.42) !important}
  .sc[data-svc="prime"] .sc-logo-shell{
    width:90px !important;
    max-width:90px !important;
  }
  .sc[data-svc="molotov"] .sc-logo-shell{
    background:linear-gradient(145deg,#f2a31a 0%,#e48b10 52%,#c56a06 100%) !important;
    border:1px solid rgba(255,215,128,.45) !important;
  }
  .sc[data-svc="steam"] .sc-logo-shell img{transform:scale(1.16) !important}
  .sc[data-svc="crunchyroll"] .sc-logo-shell img{transform:scale(1.14) !important}
  .sc[data-svc="netflix"] .sc-logo-shell img{transform:scale(1.15) !important}
  .sc[data-svc="spotify"] .sc-logo-shell img{transform:scale(1.13) !important}
  .sc[data-svc="deezer"] .sc-logo-shell img{transform:scale(1.14) !important}
  .sc[data-svc="paramount"] .sc-logo-shell img{transform:scale(1.16) !important}
  .sc[data-svc="molotov"] .sc-logo-shell img{transform:scale(1.13) !important}
  .sc[data-svc="otacos"] .sc-logo-shell img{transform:scale(1.12) !important}
  .sc[data-svc="minecraft"] .sc-logo-shell img{transform:scale(1.11) !important}
}
.sci::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(circle at 10% 12%,var(--shop-accent-soft,rgba(147,51,234,.1)) 0%,transparent 31%),
  radial-gradient(circle at 90% 12%,var(--shop-accent-soft,rgba(147,51,234,.08)) 0%,transparent 31%),
  radial-gradient(circle at 90% 88%,var(--shop-accent-glow,rgba(147,51,234,.06)) 0%,transparent 36%),
  radial-gradient(circle at 10% 88%,var(--shop-accent-glow,rgba(147,51,234,.05)) 0%,transparent 36%),
  linear-gradient(90deg,var(--shop-edge-color,rgba(147,51,234,.08)) 0%,transparent 14%,transparent 86%,var(--shop-edge-color,rgba(147,51,234,.08)) 100%),
  linear-gradient(180deg,var(--shop-edge-color,rgba(147,51,234,.07)) 0%,transparent 15%,transparent 85%,var(--shop-edge-color,rgba(147,51,234,.07)) 100%),
  linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%,rgba(0,0,0,.2) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),inset 0 0 28px var(--shop-accent-glow,rgba(147,51,234,.05))}
.sci img.sc-bg-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:.4s var(--e);display:block;--shop-img-scale:1;transform:scale(var(--shop-img-scale))}
.sc:hover .sc-bg-img{transform:scale(calc(var(--shop-img-scale) + .04));filter:brightness(1.08)}
.sci img.sc-bg-img[data-svc="crunchyroll"]{object-fit:contain;object-position:center 52%;--shop-img-scale:.86;padding:.35rem .55rem}
.sci img.sc-bg-img[data-svc="netflix"]{object-fit:contain;object-position:center 50%;--shop-img-scale:.9;padding:.35rem .5rem}
.sci img.sc-bg-img[data-svc="spotify"]{object-fit:cover;object-position:center 48%;--shop-img-scale:1.12;padding:0}
.sci img.sc-bg-img[data-svc="disney"],
.sci img.sc-bg-img[data-svc="prime"],
.sci img.sc-bg-img[data-svc="steam"],
.sci img.sc-bg-img[data-svc="paramount"]{object-fit:cover;object-position:center;--shop-img-scale:1.14;padding:0}
.sci-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:.4s var(--e)}
.sc:hover .sci-placeholder{transform:scale(1.06)}
.sci-placeholder-inner{font-size:3.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}
.sci::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.12) 58%,transparent 100%)}
.sc-ambient{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:88%;height:62%;border-radius:999px;background:radial-gradient(circle,var(--shop-accent-glow,rgba(147,51,234,.1)) 0%,rgba(255,255,255,.02) 24%,transparent 76%);filter:blur(26px);opacity:.42;z-index:1;pointer-events:none;transition:transform .35s var(--e),opacity .35s var(--e)}
.sc-logo-stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.72rem .85rem .76rem}
.sc-logo-shell{position:relative;width:var(--shop-shell-w,188px);max-width:86%;height:var(--shop-shell-h,128px);max-height:66%;border-radius:var(--shop-shell-radius,38px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--shop-shell-overlay,linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016) 32%,rgba(5,0,12,.28))),var(--shop-shell-bg,linear-gradient(145deg,rgba(17,4,31,.94),rgba(12,1,24,.98)));border:var(--shop-shell-border,1px solid rgba(255,255,255,.07));box-shadow:var(--shop-shell-shadow,0 0 0 1px rgba(255,255,255,.025) inset,0 18px 34px rgba(0,0,0,.3),0 0 28px var(--shop-accent-glow,rgba(168,85,247,.08)));transition:transform .35s var(--e),box-shadow .35s var(--e),border-color .35s var(--e)}
.sc-logo-shell::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 18%,transparent 82%,rgba(255,255,255,.03) 100%);opacity:var(--shop-shell-gloss-opacity,1)}
.sc-logo-shell::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:3;background:linear-gradient(135deg,rgba(255,255,255,.08),var(--shop-accent-soft,rgba(168,85,247,.34)),rgba(255,255,255,.03));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--shop-shell-frame-opacity,.98);pointer-events:none}
.sc-logo-shell img{width:100%;height:100%;object-fit:var(--shop-logo-fit,contain);object-position:var(--shop-logo-pos,center);padding:var(--shop-logo-pad,.22rem);position:relative;z-index:1;transition:.35s var(--e);border-radius:var(--shop-logo-radius,28px);background:var(--shop-logo-img-bg,transparent);transform:scale(var(--shop-logo-img-scale,1));filter:drop-shadow(0 14px 22px rgba(0,0,0,.18))}
.sc-logo-shell .sc-logo-ico{font-size:3.1rem;position:relative;z-index:2;color:#fff;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28));transition:.35s var(--e)}
.sc:hover .sc-ambient{transform:translateX(-50%) scale(1.04);opacity:.56}
.sc:hover .sc-logo-shell{transform:translateY(-3px) scale(1.028);border-color:rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(255,255,255,.035) inset,0 24px 38px rgba(0,0,0,.3),0 0 30px var(--shop-accent-glow,rgba(168,85,247,.12))}
.sc:hover .sc-logo-shell img{transform:scale(calc(var(--shop-logo-img-scale,1) * 1.03))}
.sc:hover .sc-logo-shell .sc-logo-ico{transform:scale(1.04)}
@media(min-width:621px){
  .sc .sc-logo-shell{
    width:186px!important;
    height:116px!important;
    max-width:86%!important;
    max-height:66%!important;
    border-radius:30px!important
  }
  .sc-logo-stage{align-items:center!important;padding:.72rem .85rem .8rem!important}
  .sc .sc-logo-shell img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:0!important;
    border-radius:24px!important;
    transform:scale(1.1)!important
  }
  .sc:hover .sc-logo-shell img{transform:scale(1.14)!important}
  .sc[data-svc="minecraft"] .sc-logo-shell{
    height:116px!important;
  }
}
.sc[data-svc="steam"] .sci::before,
.sc[data-svc="deezer"] .sci::before,
.sc[data-svc="deezerkey"] .sci::before{
  background:
    radial-gradient(circle at 50% 18%,var(--shop-accent-soft,rgba(147,51,234,.1)) 0%,transparent 48%),
    radial-gradient(circle at 50% 88%,var(--shop-accent-glow,rgba(147,51,234,.05)) 0%,transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 36%,rgba(0,0,0,.18) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),inset 0 0 18px rgba(0,0,0,.12)
}
.sc[data-svc="steam"] .sc-logo-shell,
.sc[data-svc="deezer"] .sc-logo-shell,
.sc[data-svc="deezerkey"] .sc-logo-shell{
  width:clamp(178px,78%,228px);
  height:clamp(98px,62%,128px);
  max-width:90%;
  max-height:80%;
  background:var(--shop-shell-overlay,linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016) 32%,rgba(5,0,12,.28))),var(--shop-shell-bg,linear-gradient(145deg,rgba(17,4,31,.94),rgba(12,1,24,.98)));
  border:var(--shop-shell-border,1px solid rgba(255,255,255,.07));
  box-shadow:var(--shop-shell-shadow,0 0 0 1px rgba(255,255,255,.025) inset,0 18px 34px rgba(0,0,0,.3),0 0 28px var(--shop-accent-glow,rgba(168,85,247,.08)))
}
.sc[data-svc="steam"] .sc-logo-shell::before,
.sc[data-svc="steam"] .sc-logo-shell::after,
.sc[data-svc="deezer"] .sc-logo-shell::before,
.sc[data-svc="deezer"] .sc-logo-shell::after,
.sc[data-svc="deezerkey"] .sc-logo-shell::before,
.sc[data-svc="deezerkey"] .sc-logo-shell::after{display:block}
.sc[data-svc="steam"] .sc-logo-shell img,
.sc[data-svc="deezer"] .sc-logo-shell img,
.sc[data-svc="deezerkey"] .sc-logo-shell img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  padding:0;
  border-radius:24px;
  background:transparent!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))
}
.sc[data-svc="steam"] .sc-logo-shell img{transform:scale(1.2)}
.sc[data-svc="deezer"] .sc-logo-shell img{transform:scale(1.14)}
.sc[data-svc="deezerkey"] .sc-logo-shell img{transform:scale(1.14)}
.sc[data-svc="steam"]:hover .sc-logo-shell img{transform:scale(1.24)}
.sc[data-svc="deezer"]:hover .sc-logo-shell img{transform:scale(1.18)}
.sc[data-svc="deezerkey"]:hover .sc-logo-shell img{transform:scale(1.18)}
.sc[data-svc="deezerkey"] .sc-logo-shell{
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035) 34%,rgba(18,0,30,.18)),
    linear-gradient(145deg,#ca74ff 0%,#a14df5 42%,#6e2dc0 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 18px 34px rgba(0,0,0,.22),
    0 0 36px rgba(186,104,255,.16) !important;
}
.sc[data-svc="deezerkey"] .sc-logo-shell img{
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.16)) brightness(1.08) contrast(1.02);
}
.sc[data-svc="deezerkey"]::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:var(--r2);
  padding:1px;
  z-index:6;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.02) 0%,
      rgba(255,255,255,.02) 18%,
      rgba(232,187,255,.9) 28%,
      rgba(196,132,252,.22) 38%,
      rgba(255,255,255,.02) 48%,
      rgba(255,255,255,.02) 100%);
  background-size:260% 100%;
  animation:deezerKeyEdgeDrift 6.4s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  box-shadow:0 0 28px rgba(186,104,255,.2);
}
.sc[data-svc="deezerkey"]::after{
  opacity:1;
  background:
    radial-gradient(ellipse 74% 58% at 50% 0%,rgba(186,104,255,.2),transparent 72%),
    radial-gradient(ellipse 82% 66% at 50% 100%,rgba(147,51,234,.12),transparent 72%);
}
@keyframes deezerKeyEdgeDrift{
  0%{background-position:200% 50%}
  100%{background-position:-60% 50%}
}
@media(min-width:621px){
  .sc[data-svc="otacos"] .sc-logo-shell{
    width:172px!important;
    height:108px!important
  }
  .sc[data-svc="otacos"] .sc-logo-shell::before,
  .sc[data-svc="otacos"] .sc-logo-shell::after{
    display:none!important
  }
  .sc[data-svc="otacos"] .sc-logo-shell img{
    transform:scale(1.06)!important;
    border-radius:22px!important
  }
  .sc[data-svc="otacos"]:hover .sc-logo-shell img{transform:scale(1.1)!important}
}
.sc-cnt{position:absolute;top:.6rem;right:.6rem;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);padding:.17rem .46rem;border-radius:999px;font-size:.64rem;font-weight:800;border:1px solid rgba(255,255,255,.1);z-index:4}
.sc-bdgs{position:absolute;top:.6rem;left:.6rem;display:flex;flex-direction:column;gap:.26rem;z-index:4}
.sale-rib{position:absolute;bottom:.55rem;right:.55rem;background:linear-gradient(135deg,#f43f5e,#d946ef);padding:.17rem .5rem;border-radius:4px;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;z-index:2}
@keyframes saleGlo{0%,100%{box-shadow:0 0 0 0 rgba(244,63,94,0)}50%{box-shadow:0 0 14px 4px rgba(244,63,94,.2)}}
.on-sale .sci{animation:saleGlo 2.5s ease-in-out infinite}
.sc-body{padding:1rem 1.05rem 1.12rem;display:flex;flex-direction:column;flex:1;position:relative;background:
  linear-gradient(180deg,rgba(6,4,12,.985) 0%,rgba(4,3,8,.996) 100%);
  border-top:1px solid rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 0 18px 42px rgba(0,0,0,.22)}
.sc-body::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);pointer-events:none}
.sc-nm{font-size:.92rem;font-weight:800;margin-bottom:.15rem;color:#f6f1ff}
.sc-desc{font-size:.73rem;color:#8f86a8;margin-bottom:.62rem;line-height:1.5;flex:1}
.sc-price-row{margin-bottom:.42rem}
.sc-foot{display:flex;align-items:center;gap:.35rem;margin-top:auto}
.sc-stk-w{display:flex;align-items:center;gap:.35rem;font-size:.7rem}
.sc.is-out{cursor:default}
.sc.is-out:hover{transform:none;box-shadow:none;border-color:var(--shop-card-edge-soft,rgba(255,255,255,.08))}
.sc.is-out:hover::after{opacity:0}
.sc.is-out .sc-logo-shell{filter:saturate(.9)}
.sc-price{font-family:'Orbitron',monospace;font-size:.88rem;font-weight:700;color:var(--pr2)}
.sc-orig{font-size:.7rem;color:var(--tx3);text-decoration:line-through;margin-right:.3rem}
.sc-sale-p{color:#ff80b5}
.sc-stk-w{display:flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600}
.sc-stk-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}

/* ===== SHOP OPTIONS MODAL (image 1 style) ===== */
.shop-opts-modal .modal{max-width:520px;padding:0;overflow:hidden}
.som-head{padding:1.2rem 1.5rem;display:flex;align-items:center;gap:.7rem;border-bottom:1px solid var(--bd);background:rgba(255,255,255,.02)}
.som-back{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.82rem;color:var(--tx2);flex-shrink:0;transition:.18s}
.som-back:hover{border-color:var(--bdh);color:var(--tx)}
.som-title{font-size:1rem;font-weight:800;font-family:'Orbitron',monospace}
.som-list{padding:.7rem;display:flex;flex-direction:column;gap:.78rem;max-height:420px;overflow-y:auto}
.som-list::-webkit-scrollbar{width:3px}
.som-list::-webkit-scrollbar-thumb{background:var(--pr);border-radius:2px}
.som-item{display:flex;align-items:center;gap:1rem;padding:1.08rem 1.08rem;background:rgba(255,255,255,.03);border:1px solid var(--bd);border-radius:18px;cursor:pointer;transition:.22s;position:relative;overflow:hidden;min-height:80px}
.som-item::before{content:'';position:absolute;inset:0;opacity:0;transition:.2s;background:linear-gradient(135deg,rgba(147,51,234,.08),rgba(192,38,211,.05))}
.som-item:hover{border-color:var(--bdh);transform:translateX(3px)}
.som-item:hover::before{opacity:1}
.som-img{width:54px;height:54px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--som-thumb-bg,linear-gradient(135deg,var(--vi),var(--mg)));display:flex;align-items:center;justify-content:center;font-size:1.3rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,0 8px 18px rgba(0,0,0,.18)}
.som-img img{width:100%;height:100%;object-fit:contain;padding:.18rem;background:transparent}
.som-info{flex:1;min-width:0}
.som-name{font-size:.88rem;font-weight:700;margin-bottom:.1rem}
.som-stock{font-size:.76rem;color:var(--ok);font-weight:700}
.som-stock.inf{font-size:.79rem;color:#4ade80;font-weight:800}
.som-stock .inf-sym{font-size:1.08em;line-height:1;display:inline-block;transform:translateY(.2em)}
.som-stock.out{color:var(--er)}
.som-price{font-family:'Orbitron',monospace;font-size:1rem;font-weight:700;color:var(--mg2);white-space:nowrap}
.som-arrow{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--tx2);flex-shrink:0;transition:.2s}
.som-item:hover .som-arrow{background:rgba(147,51,234,.15);border-color:var(--pr);color:var(--tx)}
.som-steam-cta-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.14)}
.som-steam-tools{margin:0 0 1rem}
.som-steam-search{display:block}
.som-steam-search input{width:100%;height:56px;border-radius:18px;border:1px solid rgba(146,184,255,.24);background:linear-gradient(180deg,rgba(18,17,43,.96),rgba(14,10,32,.96));padding:0 1rem;color:#eef4ff;font-size:.98rem;font-weight:700;outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.som-steam-search input::placeholder{color:rgba(226,232,240,.45)}
.som-steam-search input:focus{border-color:rgba(124,149,255,.55);box-shadow:0 0 0 3px rgba(97,122,255,.12),inset 0 0 0 1px rgba(255,255,255,.025)}
.som-list-steam{gap:.95rem;max-height:520px}
.som-list-steam .som-item{padding:1rem 1.08rem;min-height:92px;border-radius:20px}
.som-list-steam .som-img{width:56px;height:56px;border-radius:14px}
.som-list-steam .som-img img{padding:.12rem}
.som-list-steam .som-name{font-size:1rem;line-height:1.2;margin-bottom:.22rem}
.som-list-steam .som-stock{font-size:.84rem}
.som-list-steam .som-price{font-size:1.08rem}
.som-list-steam .som-arrow{width:34px;height:34px;font-size:.82rem}
.som-steam-footer{display:flex;justify-content:flex-end;margin-top:.2rem;padding-top:.1rem}
.som-steam-footer-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .9rem;border-radius:14px;background:linear-gradient(135deg,#6b8cff,#4b6bdb);border:1px solid rgba(163,190,255,.36);box-shadow:0 10px 26px rgba(67,95,214,.22);color:#f7faff;text-decoration:none;font-size:.82rem;font-weight:800}
.som-steam-footer-btn .som-steam-cta-icon{width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.14)}

/*  SHOP DETAIL MODAL (image 2 style)  */
.shop-detail-modal .modal{max-width:860px;width:95vw;padding:0;overflow:hidden;border-radius:16px;touch-action:manipulation}
.sdm-inner{display:grid;grid-template-columns:1fr 1fr;min-height:460px}
@media(max-width:680px){.sdm-inner{grid-template-columns:1fr}}
/* LEFT column */
.sdm-left{display:flex;flex-direction:column;background:var(--bg0);position:relative;overflow:hidden}
.sdm-img{
  position:relative;flex:1;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:
    radial-gradient(circle at 50% 78%,rgba(168,85,247,.14),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01) 34%,rgba(8,0,22,.2)),
    var(--sdm-img-bg,var(--bg0))
}
.sdm-img canvas.sdm-ptx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.sdm-img img{position:relative;z-index:1;width:65%;height:auto;max-height:80%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,0,0,.5))}
.sdm-img-ph{position:relative;z-index:1;font-size:5rem;filter:drop-shadow(0 0 24px rgba(147,51,234,.4))}
.sdm-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(6,0,18,1),transparent);z-index:2;pointer-events:none}
.sdm-left-desc{padding:1rem 1.2rem 1.2rem;background:rgba(6,0,18,.95);flex-shrink:0;z-index:3}
.sdm-left-desc .sdm-desc-title{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-bottom:.3rem}
.sdm-left-desc .sdm-desc{font-size:.8rem;color:var(--tx2);line-height:1.6}
/* RIGHT column */
.sdm-right{padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.85rem;background:rgba(8,0,22,.96);overflow-y:auto;max-height:460px;position:relative}
.sdm-right::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--vi),var(--mg));opacity:.7}
.sdm-right::-webkit-scrollbar{width:3px}
.sdm-right::-webkit-scrollbar-thumb{background:var(--pr);border-radius:2px}
.sdm-title{font-family:'Orbitron',monospace;font-size:.95rem;font-weight:900;line-height:1.2}
.sdm-price{font-family:'Orbitron',monospace;font-size:1.5rem;font-weight:900;color:var(--mg2)}
.sdm-delivery{font-size:.72rem;color:var(--tx2)}
.sdm-right::-webkit-scrollbar{width:3px}
.sdm-right::-webkit-scrollbar-thumb{background:var(--pr);border-radius:2px}
.sdm-title{font-family:'Orbitron',monospace;font-size:1rem;font-weight:900;line-height:1.2}
.sdm-price{font-family:'Orbitron',monospace;font-size:1.6rem;font-weight:900;color:var(--mg2)}
.sdm-delivery{font-size:.72rem;color:var(--tx2)}
.sdm-stock-row{display:flex;align-items:center;justify-content:space-between;font-size:.73rem;color:var(--tx2)}
.sdm-stock-count{font-size:.72rem;font-weight:700}
.sdm-stock-count.ok{color:var(--ok)}.sdm-stock-count.inf{color:var(--pr2)}.sdm-stock-count.lw{color:var(--wn)}.sdm-stock-count.no{color:var(--er)}
/* Stock progress bar */
.sdm-bar-wrap{width:100%;height:6px;background:rgba(0,0,0,.72);border-radius:6px;overflow:hidden;margin-top:.3rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.sdm-bar-fill{width:0%;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--vi),var(--mg));transition:width .32s var(--e),background .24s var(--e)}
/* Qty selector */
.sdm-qty-row{display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:10px;padding:.55rem .8rem}
.sdm-qty-lbl{font-size:.73rem;font-weight:700;color:var(--tx2);flex:1}
.qty-btn{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.06);border:1px solid var(--bd);color:var(--tx);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;font-weight:700;transition:.18s;flex-shrink:0;font-family:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.qty-btn:hover{background:rgba(147,51,234,.15);border-color:var(--pr)}
.qty-input{width:52px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#05010d;color:var(--tx);font-family:'Orbitron',monospace;font-size:.86rem;font-weight:700;text-align:center;outline:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);touch-action:manipulation}
.qty-input:focus{border-color:rgba(167,139,250,.5);box-shadow:0 0 0 3px rgba(147,51,234,.14)}
/* Qty exceeded */
.qty-exceed{color:var(--er);font-size:.68rem;font-weight:700;display:none}
.qty-exceed.show{display:block}
/* Description */
.sdm-desc{font-size:.78rem;color:var(--tx2);line-height:1.65;border-top:1px solid var(--bd);padding-top:.7rem}
.sdm-desc-title{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-bottom:.35rem}
/* Buttons */
.sdm-btns{display:flex;gap:.6rem;margin-top:auto}
.sdm-btns .btn{flex:1;font-size:.8rem}
.btn-cart{background:linear-gradient(135deg,var(--vi),var(--mg));color:#fff}
.btn-cart:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(192,38,211,.36)}
.btn-buy{background:rgba(255,255,255,.06);border:1px solid var(--bdh);color:var(--tx)}
.btn-buy:hover{background:rgba(255,255,255,.1)}
/* Close button for detail modal */
.sdm-close{position:absolute;top:.7rem;right:.7rem;z-index:10;background:rgba(0,0,0,.5);border:none;color:var(--tx2);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.82rem;transition:.16s;backdrop-filter:blur(4px)}
.sdm-close::before{content:'\00D7';line-height:1;font-size:1rem;font-weight:900;display:block;transform:translateY(-.5px)}
.sdm-close:hover{background:rgba(244,63,94,.3);color:var(--er)}

/*  VIP  */
.vip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem;margin-bottom:2.2rem}
.vc{padding:2rem 1.6rem;text-align:center;position:relative;overflow:hidden;transition:.3s var(--e);border-radius:20px}
.vc:hover{transform:translateY(-7px)}
.vc-glow{position:absolute;top:-45%;left:50%;transform:translateX(-50%);width:160px;height:160px;border-radius:50%;filter:blur(55px);pointer-events:none;opacity:.35}
.vc-name{font-family:'Orbitron',monospace;font-size:.82rem;font-weight:900;letter-spacing:.08em;margin-bottom:.3rem;text-transform:uppercase}
.vc-dur{font-size:.72rem;color:var(--tx2);margin-bottom:1.1rem}
.vc-price{font-family:'Orbitron',monospace;font-size:2.7rem;font-weight:900;line-height:1;margin-bottom:.22rem}
.vc-per{font-size:.68rem;color:var(--tx2);margin-bottom:1.4rem}
.vc-feats{list-style:none;text-align:left;margin-bottom:1.6rem}
.vc-feats li{display:flex;align-items:flex-start;gap:.65rem;font-size:.8rem;padding:.32rem 0;color:var(--tx2);border-bottom:1px solid rgba(255,255,255,.04)}
.vc-feats li:last-child{border-bottom:none}
.ck{color:var(--ok);font-weight:800;font-size:.88rem}.xk{color:var(--tx3)}
.vc-flag{
  min-width:1.2rem;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:1rem;font-weight:900;line-height:1;
  flex-shrink:0;
  margin-top:.04rem
}
.vc-flag::before{content:none!important;display:none!important}
.vc-flag.yes{color:#86efac}
.vc-flag.no{color:#fda4af}
.vc-feats li.no{color:#a1a1aa}
.vc-feats li.no .vc-flag{color:#fb7185}
/* Base VIP card */
.vc.basic-card{background:linear-gradient(155deg,rgba(20,0,50,.9),rgba(30,5,60,.95));border:1px solid rgba(147,51,234,.2)}
.vc.basic-card:hover{border-color:rgba(147,51,234,.45);box-shadow:0 16px 48px rgba(147,51,234,.18)}
/* Featured card — 1 semaine — violet-doré + vague */
.vc.feat{background:linear-gradient(155deg,rgba(30,5,50,.95),rgba(50,10,20,.95));border:1px solid transparent;background-clip:padding-box;position:relative}
.vc.feat::before{content:'';position:absolute;inset:0;border-radius:20px;padding:1.5px;background:linear-gradient(135deg,#7c3aed,#b5860a,#9333ea,#c9873a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.vc.feat:hover{box-shadow:0 20px 60px rgba(180,100,30,.28),0 0 40px rgba(147,51,234,.2);transform:translateY(-10px) scale(1.01)}
/* Wave animation for featured */
.vc-wave{position:absolute;bottom:0;left:0;right:0;height:45px;overflow:hidden;pointer-events:none;opacity:.55}
.vc-wave svg{position:absolute;bottom:0;width:200%;animation:waveMov 2.4s linear infinite}
.vc-wave svg:nth-child(2){animation:waveMov 3.2s linear infinite reverse;opacity:.5}
@keyframes waveMov{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* VIP featured — particules discrètes */
.vc-particles{position:absolute;inset:0;border-radius:20px;overflow:hidden;pointer-events:none;z-index:1}
.vc-particles canvas{position:absolute;inset:0;width:100%;height:100%;}
.vc-ftag{position:absolute;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#7c3aed,#b5860a 50%,#9333ea);color:#fff;font-size:.58rem;font-weight:800;padding:.16rem .7rem;border-radius:0 0 9px 9px;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 2px 12px rgba(180,100,30,.4)}
/* VIP prices — violet-doré */
.vc-price.p-day{background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vc-price.p-week{background:linear-gradient(135deg,#9333ea,#b5860a 50%,#c9873a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vc-price.p-month{background:linear-gradient(135deg,#b5860a,#9333ea 50%,#c9873a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* VIP buttons */
.vc-btn-day{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;border:none;box-shadow:0 4px 16px rgba(124,58,237,.35)}
.vc-btn-day:hover{box-shadow:0 8px 28px rgba(124,58,237,.5);transform:translateY(-2px)}
.vc-btn-week{background:linear-gradient(135deg,#7c3aed,#b5860a 60%,#c9873a);color:#fff;border:none;box-shadow:0 4px 18px rgba(180,100,30,.4)}
.vc-btn-week:hover{box-shadow:0 8px 30px rgba(180,100,30,.55);transform:translateY(-2px)}
.vc-btn-month{background:linear-gradient(135deg,#b5860a,#7c3aed 60%,#9333ea);color:#fff;border:none;box-shadow:0 4px 16px rgba(147,51,234,.35)}
.vc-btn-month:hover{box-shadow:0 8px 28px rgba(147,51,234,.5);transform:translateY(-2px)}
.vc-btn-owned{background:linear-gradient(135deg,#2a203a,#3a2a52);color:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.08);box-shadow:none;cursor:default}
.vc-btn-owned:hover{transform:none;box-shadow:none}
.vc[data-vip-plan="vip_plus"] .vc-name{
  font-size:1.95rem;
  font-weight:900;
  letter-spacing:.02em;
  background:linear-gradient(135deg,#f5d0fe 0%,#d946ef 38%,#7c3aed 72%,#f59e0b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 16px rgba(217,70,239,.18));
}
.vc[data-vip-plan="vip"] .vc-name{
  font-size:1.82rem;
  font-weight:900;
  letter-spacing:.02em;
  background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 34%,#a855f7 76%,#d8b4fe 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 14px rgba(245,158,11,.16));
}
.vc-btn-vipplus{
  background:linear-gradient(90deg,#7c3aed 0%,#a855f7 18%,#d946ef 52%,#f59e0b 100%) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 12px 32px rgba(192,38,211,.24),0 0 24px rgba(245,158,11,.18) !important;
}
.vc-btn-vipplus:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 38px rgba(192,38,211,.28),0 0 28px rgba(245,158,11,.22) !important;
}
.vc-btn-vip{
  background:linear-gradient(90deg,#d4a017 0%,#f59e0b 22%,#8b5cf6 72%,#c084fc 100%) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 12px 30px rgba(217,119,6,.22),0 0 24px rgba(168,85,247,.18) !important;
}
.vc-btn-vip:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(217,119,6,.26),0 0 26px rgba(168,85,247,.22) !important;
}
.vip-opt-thumb{
  color:#fff;
  font-family:'Orbitron',monospace;
  font-size:.86rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.vip-opt-thumb.plus{
  background:linear-gradient(135deg,#7c3aed 0%,#c026d3 55%,#f59e0b 100%) !important;
  box-shadow:0 10px 24px rgba(168,85,247,.2);
}
.vip-opt-thumb.vip{
  background:linear-gradient(135deg,#d4a017 0%,#f59e0b 35%,#8b5cf6 100%) !important;
  box-shadow:0 10px 24px rgba(245,158,11,.18);
}
.vip-carousel-ui{display:none}
.vip-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.82rem}
.perk{display:flex;gap:.72rem;padding:1rem;background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);align-items:flex-start}
.perk-ico{width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.02rem;background:linear-gradient(135deg,rgba(34,197,94,.28),rgba(16,185,129,.18));border:1px solid rgba(74,222,128,.5);box-shadow:0 0 0 1px rgba(34,197,94,.08),0 0 18px rgba(34,197,94,.16)}
.perk-ico::before{content:'\2713';font-size:.88rem;font-weight:900;line-height:1;color:#86efac;text-shadow:0 0 10px rgba(134,239,172,.38)}
.perk h4{font-size:.82rem;font-weight:700;margin-bottom:.16rem}
.perk p{font-size:.73rem;color:var(--tx2);line-height:1.5}
@media(max-width:760px){
  #page-vip .wrap{overflow:hidden}
  #page-vip .vip-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:.54rem;
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    margin-bottom:.72rem;
    padding:.35rem 14vw 1rem;
    overflow-x:auto;
    overflow-y:visible;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:14vw;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #page-vip .vip-grid::-webkit-scrollbar{display:none}
  #page-vip .vip-grid .vc{
    flex:0 0 min(72vw,322px);
    min-width:min(72vw,322px);
    scroll-snap-align:center;
    padding:1.5rem 1.18rem 1.25rem;
    transform:scale(.985);
    filter:saturate(.98) brightness(.95);
    opacity:.9;
    transition:transform .4s cubic-bezier(.2,.72,.24,1),filter .28s ease,opacity .28s ease,box-shadow .4s cubic-bezier(.2,.72,.24,1);
  }
  #page-vip .vip-grid .vc{order:0}
  #page-vip .vip-grid .vc.is-active{
    transform:scale(1);
    filter:saturate(1) brightness(1);
    opacity:1;
    z-index:3;
    box-shadow:0 16px 46px rgba(0,0,0,.4),0 0 26px rgba(147,51,234,.14);
  }
  #page-vip .vip-grid .vc:not(.is-active) .btn{pointer-events:none}
  #page-vip .vip-grid .vc:hover{transform:scale(.9)}
  #page-vip .vip-grid .vc.is-active:hover{transform:scale(1)}
  #page-vip .vip-carousel-ui{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    gap:.52rem;
    margin:-.1rem 0 1.75rem;
  }
  body:has(#page-vip.act) #chatToggle{
    width:18px;
    height:46px;
    right:-10px;
    border-radius:10px 0 0 10px;
    opacity:.72;
  }
  body:has(#page-vip.act) #chatToggle:hover{
    right:0;
    opacity:1;
  }
}

/*  CHECKOUT  */
/*  CHECKOUT V2  */
.co-pg2{max-width:980px;margin:0 auto;padding:2rem 1.5rem 3rem;display:grid;grid-template-columns:1fr 1.3fr;gap:1.2rem;align-items:start}
.co-left-col{position:sticky;top:78px}
.co-card2{background:rgba(10,0,28,.85);border:1px solid rgba(147,51,234,.2);border-radius:18px;padding:1.5rem;backdrop-filter:blur(12px)}
.co-card-ttl{font-family:'Orbitron',monospace;font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--pr2);margin-bottom:1.1rem;padding-bottom:.65rem;border-bottom:1px solid rgba(147,51,234,.15)}
/* Product item */
.co-item2{display:flex;align-items:center;gap:.9rem;margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}
.co-img2{width:52px;height:52px;border-radius:10px;background:var(--sf);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.co-item-info{flex:1;min-width:0}
.co-nm2{font-weight:700;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-sd2{font-size:.72rem;color:var(--tx3);margin-top:.1rem}
.co-pr2{font-family:'Orbitron',monospace;font-size:.9rem;font-weight:900;color:var(--mg2);flex-shrink:0}
/* Promo */
.co-promo-row{display:flex;gap:.5rem;margin-bottom:1rem}
.co-promo-inp{flex:1;font-size:.8rem;padding:.5rem .75rem}
.co-promo-btn{flex-shrink:0;padding:.5rem .9rem;font-size:.78rem;background:transparent;border:1px solid var(--pr);color:var(--pr2);border-radius:8px;cursor:pointer;font-family:inherit;font-weight:700;transition:.18s}
.co-promo-btn:hover{background:rgba(147,51,234,.15)}
/* Totals */
.co-tots2{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}
.co-tot-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--tx2)}
.co-tot-final{font-weight:800;color:var(--tx);font-size:.95rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08);margin-top:.2rem}
.co-note2{font-size:.68rem;color:var(--tx3);line-height:1.5;margin-bottom:.8rem}
.co-note2 a{color:var(--pr2);text-decoration:none}
/* Social */
.co-social{display:flex;gap:.5rem}
.co-soc-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--bd);color:var(--tx2);text-decoration:none;transition:.18s}
.co-soc-btn:hover{background:rgba(147,51,234,.15);border-color:var(--pr);color:var(--pr2)}
/* Steps */
.co-steps2{display:flex;align-items:center;margin-bottom:1.4rem;gap:0}
.co-step{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.co-step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;background:rgba(255,255,255,.07);border:2px solid rgba(255,255,255,.12);color:var(--tx3);font-family:'Orbitron',monospace;flex-shrink:0;transition:.3s}
.co-step.active .co-step-num{background:rgba(147,51,234,.2);border-color:var(--pr);color:var(--pr2)}
.co-step.done .co-step-num{background:var(--ok);border-color:var(--ok);color:#fff}
.co-step-name{font-size:.78rem;font-weight:700;color:var(--tx3)}
.co-step.active .co-step-name{color:var(--tx)}
.co-step-sub{font-size:.62rem;color:var(--tx3)}
.co-step-line{flex:1;height:1px;background:rgba(255,255,255,.1);margin:0 .4rem}
/* Form fields */
.co-field-lbl{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tx2);margin-bottom:.5rem}
.co-email-wrap{position:relative;margin-bottom:.3rem}
.co-email-wrap svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--tx3)}
.co-email-inp{padding-left:2.2rem;font-size:.84rem}
.co-field-hint{font-size:.68rem;color:var(--tx3);margin-bottom:1.1rem}
/* Payment methods */
.pay-methods2{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:1rem}
.pay-opt2{display:flex;align-items:center;gap:.65rem;padding:.75rem .9rem;border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:.2s;background:rgba(255,255,255,.025);position:relative}
.pay-opt2:hover{border-color:rgba(147,51,234,.35);background:rgba(147,51,234,.06)}
.pay-opt2.sel{border-color:var(--pr);background:rgba(147,51,234,.1)}
.pay-opt2-radio{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.2);transition:.2s;position:relative;flex-shrink:0}
.pay-opt2.sel .pay-opt2-radio{border-color:var(--pr);background:var(--pr)}
.pay-opt2.sel .pay-opt2-radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:#fff}
.pay-logo{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pay-logo-pp{background:#003087}
.pay-logo-ltc{background:#345d9d}
.pay-logo-btc{background:#f7931a}
.pay-opt2-info{min-width:0}
.pay-opt2-name{font-size:.8rem;font-weight:700;line-height:1.2}
.pay-opt2-sub{font-size:.62rem;color:var(--tx3)}
/* Crypto addr */
.co-addr-box{background:rgba(0,0,0,.25);border:1px solid rgba(147,51,234,.2);border-radius:10px;padding:.7rem .9rem;margin-bottom:.9rem}
.co-addr-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--tx3);margin-bottom:.3rem}
.co-addr-row{display:flex;align-items:center;gap:.5rem}
.co-addr-val{flex:1;font-family:monospace;font-size:.75rem;word-break:break-all;color:var(--tx)}
.co-addr-copy{flex-shrink:0;padding:.25rem .7rem;background:rgba(147,51,234,.15);border:1px solid rgba(147,51,234,.3);border-radius:6px;color:var(--pr2);font-size:.7rem;cursor:pointer;font-family:inherit;font-weight:700;transition:.15s}
.co-addr-copy:hover{background:rgba(147,51,234,.3)}
/* Pay button */
.co-pay-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#7c3aed 0%,#9333ea 30%,#e040fb 65%,#ec4899 100%);background-size:200% 200%;animation:payBtnShift 3s ease-in-out infinite;border:none;border-radius:12px;color:#fff;font-family:inherit;font-size:.92rem;font-weight:800;cursor:pointer;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between;margin-top:.9rem;transition:.22s;box-shadow:0 6px 24px rgba(147,51,234,.35)}
.co-pay-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(147,51,234,.5)}
@keyframes payBtnShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.co-pay-amt{font-family:'Orbitron',monospace;font-size:.95rem;font-weight:900}
/* Payment instructions */
.co-pay-inst{padding:1rem;background:rgba(147,51,234,.06);border:1px solid rgba(147,51,234,.2);border-radius:12px;margin-bottom:.9rem}
.co-pay-inst-ttl{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--pr2);margin-bottom:.7rem}
.co-pay-inst-step{display:flex;gap:.6rem;margin-bottom:.55rem;font-size:.82rem;color:var(--tx2)}
.co-pay-inst-num{width:20px;height:20px;border-radius:50%;background:rgba(147,51,234,.2);border:1px solid rgba(147,51,234,.35);color:var(--pr2);font-size:.65rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.06rem}
.co-pay-word{font-family:monospace;background:rgba(217,70,239,.1);border:1px solid rgba(217,70,239,.25);border-radius:6px;padding:.18rem .55rem;font-size:.88rem;font-weight:700;color:var(--mg2);letter-spacing:.06em}
.co-pay-amount-big{font-family:'Orbitron',monospace;font-size:1.5rem;font-weight:900;color:var(--mg2);text-align:center;padding:.7rem;background:rgba(217,70,239,.07);border-radius:10px;margin:.6rem 0}
/* Status */
.co-status-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:8px;background:rgba(0,0,0,.2);border:1px solid var(--bd);font-size:.78rem;margin-top:.7rem}
.co-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:stPulse 1.5s ease-in-out infinite}
.co-status-dot.pending,.co-status-dot.confirming{background:var(--wn);box-shadow:0 0 8px var(--wn)}
.co-status-dot.paid{background:var(--ok);box-shadow:0 0 8px var(--ok);animation:none}
.co-status-dot.error{background:var(--er);animation:none}
@keyframes stPulse{0%,100%{opacity:1}50%{opacity:.4}}
/* Responsive */
@media(max-width:860px){.co-pg2{grid-template-columns:1fr}.co-left-col{position:static}}
@media(max-width:620px){.co-pg2{padding:1.2rem .9rem 2.5rem;gap:.9rem}.pay-methods2{grid-template-columns:1fr}.co-steps2{gap:0}.co-step-sub{display:none}}
.co-ttl{font-family:'Orbitron',monospace;font-size:.88rem;font-weight:800;color:var(--pr2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.1rem}
.co-item{display:flex;align-items:center;gap:.82rem;padding:.75rem;background:rgba(255,255,255,.03);border:1px solid var(--bd);border-radius:var(--r);margin-bottom:.65rem}
.co-img{width:50px;height:50px;border-radius:8px;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,var(--pr),var(--mg));display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.co-img img{width:100%;height:100%;object-fit:cover}
.co-info{flex:1}
.co-nm{font-weight:700;font-size:.84rem;margin-bottom:.1rem}
.co-sd{font-size:.7rem;color:var(--tx2)}
.co-pr{font-family:'Orbitron',monospace;font-weight:700;font-size:.84rem;color:var(--pr2);flex-shrink:0}
.promo-row{display:flex;gap:.42rem;margin-bottom:.85rem}
.promo-row .inp{flex:1;text-transform:uppercase}
.co-tots{border-top:1px solid var(--bd);padding-top:.82rem}
.ctr{display:flex;justify-content:space-between;font-size:.8rem;padding:.26rem 0;color:var(--tx2)}
.ctr.total{color:var(--tx);font-weight:800;font-size:.92rem;padding-top:.52rem;border-top:1px solid var(--bd);margin-top:.36rem}
.ctr.total span:last-child{font-family:'Orbitron',monospace;color:var(--pr2)}
.co-note-s{font-size:.68rem;color:var(--tx3);margin-top:.6rem;line-height:1.5}
.co-note-s a{color:var(--pr2)}
.co-right{padding:1.4rem}
.co-steps{display:flex;margin-bottom:1.35rem}
.csi{flex:1;text-align:center;position:relative}
.csi::after{content:'';position:absolute;top:13px;left:50%;right:-50%;height:1px;background:var(--bd);z-index:0}
.csi:last-child::after{display:none}
.csi-c{width:27px;height:27px;border-radius:50%;border:2px solid var(--bd);background:var(--bg1);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;margin:0 auto .28rem;position:relative;z-index:1}
.csi-c.ca{border-color:var(--pr);background:rgba(147,51,234,.16);color:var(--pr2)}
.csi-c.cd{border-color:var(--ok);background:rgba(34,211,160,.12);color:var(--ok)}
.csi-t{font-size:.68rem;font-weight:700;color:var(--tx3)}
.csi-t.ca{color:var(--pr2)}
.csi-s{font-size:.6rem;color:var(--tx3)}
.co-sec{font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--tx2);margin:1.05rem 0 .62rem}
.co-sec:first-child{margin-top:0}
.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:.52rem;margin-bottom:1rem}
.pay-opt{padding:.78rem;border:1px solid var(--bd);border-radius:var(--r);cursor:pointer;display:flex;align-items:center;gap:.52rem;transition:.2s}
.pay-opt:hover{border-color:var(--bdh)}
.pay-opt.sel{border-color:var(--pr);background:rgba(100,30,160,.04)}
.pay-radio{width:15px;height:15px;border-radius:50%;border:2px solid var(--bd);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s}
.pay-opt.sel .pay-radio{border-color:var(--pr)}
.pay-opt.sel .pay-radio::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--pr)}
.pay-ico{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
.pay-nm{font-size:.78rem;font-weight:700}
.pay-su{font-size:.64rem;color:var(--tx3)}
.pay-addr-box{background:rgba(0,0,0,.26);border:1px solid var(--bd);border-radius:8px;padding:.58rem .82rem;font-family:monospace;font-size:.72rem;color:var(--tx2);word-break:break-all;margin-bottom:.65rem;display:flex;justify-content:space-between;align-items:center;gap:.45rem}
.tos-ck{display:flex;align-items:flex-start;gap:.52rem;font-size:.74rem;color:var(--tx2);cursor:pointer;margin-bottom:1rem}
.tos-b{width:14px;height:14px;border:2px solid var(--bd);border-radius:3px;flex-shrink:0;margin-top:.04rem;display:flex;align-items:center;justify-content:center;transition:.2s}
.tos-b.ok{border-color:var(--pr);background:rgba(147,51,234,.16)}
.tos-b.ok::before{content:'';font-size:10px;font-weight:900;color:var(--pr2);line-height:1}
.tos-link{color:var(--pr2);text-decoration:none;font-weight:700}
.tos-link:hover{text-decoration:underline}
.pay-note{font-size:.71rem;color:var(--tx2);line-height:1.5;padding:.65rem .82rem;background:rgba(255,255,255,.02);border:1px solid var(--bd);border-radius:8px;margin-bottom:.92rem}
.pay-note span{color:var(--pr2);cursor:pointer}

/*  PROFILE  */
.prof-lay{display:grid;grid-template-columns:245px 1fr;gap:1.1rem;max-width:1060px;margin:0 auto;padding:2.5rem 1.5rem}
.pf-side{height:fit-content;position:sticky;top:70px;padding:1.35rem}
.pf-av-w{text-align:center;margin-bottom:1.05rem}
.pf-av{width:70px;height:70px;border-radius:50%;border:2.5px solid var(--pr);background:radial-gradient(circle at 30% 25%,rgba(168,85,247,.18),transparent 34%),linear-gradient(145deg,rgba(28,8,48,.98) 0%,rgba(18,4,34,.98) 52%,rgba(11,1,24,.99) 100%);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;margin:0 auto .6rem;cursor:pointer;position:relative;overflow:hidden;transition:.2s;box-shadow:0 0 20px rgba(147,51,234,.3)}
.pf-av:hover{border-color:var(--mg)}
.av-ov{position:absolute;inset:0;background:rgba(0,0,0,.46);display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s;font-size:.9rem;color:#fff}
.pf-av:hover .av-ov{opacity:1}
.pf-nm{font-family:'Orbitron',monospace;font-size:.9rem;font-weight:800;margin-bottom:.16rem}
.pf-tg{font-size:.68rem;color:var(--tx3);margin-bottom:.42rem}
.pf-bdgs{display:flex;gap:.26rem;justify-content:center;flex-wrap:wrap}
.pfbm{background:rgba(147,51,234,.18);color:var(--pr2)}.pfbv{background:rgba(245,158,11,.18);color:var(--wn)}.pfbf{background:rgba(34,211,160,.18);color:var(--ok)}
.pf-stats{display:grid;grid-template-columns:1fr 1fr;gap:.52rem;margin:1rem 0}
.pst{background:rgba(255,255,255,.03);border:1px solid var(--bd);border-radius:8px;padding:.62rem;text-align:center}
.pst-n{font-family:'Orbitron',monospace;font-size:1.12rem;font-weight:900;color:var(--pr2)}
.pst-l{font-size:.62rem;color:var(--tx3);margin-top:.1rem}
.pf-nav{margin-top:.85rem;display:flex;flex-direction:column;gap:2px}
.pn{display:flex;align-items:center;gap:.45rem;padding:.48rem .65rem;border-radius:7px;font-size:.79rem;font-weight:600;color:var(--tx2);background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:.16s;font-family:inherit}
.pn:hover,.pn.act{background:rgba(147,51,234,.1);color:var(--tx)}
.pn.act{color:var(--pr2)}
.pf-panel{display:none;padding:1.4rem}
.pf-panel.act{display:block;animation:pi .26s var(--e)}
.pf-history-tabs{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1rem}
.pf-history-tab{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
  min-height:38px;padding:.48rem .82rem;border-radius:11px;border:1px solid rgba(147,51,234,.16);
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015) 42%,rgba(0,0,0,.16)),
    linear-gradient(135deg,rgba(31,8,55,.96),rgba(20,5,36,.98));
  color:var(--tx2);cursor:pointer;transition:.2s;font:inherit;font-weight:750;font-size:.78rem;
  box-shadow:0 12px 30px rgba(7,2,15,.24),inset 0 1px 0 rgba(255,255,255,.04)
}
.pf-history-tab::before{
  content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(168,85,247,.22),rgba(255,255,255,.02));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;pointer-events:none
}
.pf-history-tab:hover{
  color:var(--tx);transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(11,4,26,.28),0 0 22px rgba(147,51,234,.12),inset 0 1px 0 rgba(255,255,255,.05)
}
.pf-history-tab.act{
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 36%,rgba(0,0,0,.1)),
    linear-gradient(135deg,rgba(98,36,172,.98),rgba(54,17,101,.98));
  color:#f3e8ff;border-color:rgba(216,180,254,.24);box-shadow:0 12px 26px rgba(91,33,182,.24),0 0 18px rgba(168,85,247,.14)
}
.pf-history-pane{display:none}
.pf-history-pane.act{display:block;animation:pi .22s var(--e)}
.pf-history-pager{
  display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;
  margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.05)
}
.pf-page-info{font-size:.78rem;font-weight:700;color:var(--tx2)}
.pf-page-actions{display:flex;align-items:center;gap:.5rem}
.pf-page-btn{
  min-width:112px;height:38px;padding:0 .9rem;border-radius:10px;border:1px solid rgba(147,51,234,.18);
  background:linear-gradient(135deg,rgba(41,10,79,.95),rgba(23,7,44,.98));color:var(--pr2);cursor:pointer;
  transition:.18s;font:inherit;font-size:.76rem;font-weight:800
}
.pf-page-btn:hover{background:linear-gradient(135deg,rgba(65,18,118,.98),rgba(36,12,67,.98));color:#f3e8ff}
.pf-page-btn[disabled]{opacity:.42;cursor:not-allowed;filter:saturate(.65)}
.ph{font-size:.9rem;font-weight:800;margin-bottom:1rem;display:flex;align-items:center;gap:.42rem}
.ph::before{content:'';width:3px;height:1em;background:linear-gradient(to bottom,var(--pr),var(--mg));border-radius:2px}
.htbl{width:100%;border-collapse:collapse}
.htbl th{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tx3);padding:.42rem .62rem;text-align:left;border-bottom:1px solid var(--bd)}
.htbl td{padding:.72rem .62rem;font-size:.79rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}
.htbl tr:last-child td{border-bottom:none}
.htbl tr:hover td{background:rgba(255,255,255,.01)}
.ab{background:rgba(147,51,234,.09);border:1px solid rgba(147,51,234,.2);color:var(--pr2);padding:.22rem .48rem;border-radius:4px;cursor:pointer;font-size:.7rem;transition:.16s;font-family:inherit}
.ab:hover{background:rgba(147,51,234,.18)}
.db{background:rgba(244,63,94,.07);border:1px solid rgba(244,63,94,.18);color:var(--er);padding:.22rem .48rem;border-radius:4px;cursor:pointer;font-size:.7rem;transition:.16s;font-family:inherit}
.db:hover{background:rgba(244,63,94,.14)}

/*  ADMIN  */
.adm-wrap{max-width:1160px;margin:0 auto;padding:2.5rem 1.5rem}
.adm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:.65rem;margin-bottom:1.75rem}
.ast{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:.9rem;text-align:center}
.ast-n{font-family:'Orbitron',monospace;font-size:1.45rem;font-weight:900;color:var(--pr2)}
.ast-l{font-size:.66rem;color:var(--tx2);margin-top:.16rem}
.atabs{display:flex;gap:2px;background:rgba(0,0,0,.26);border-radius:10px;padding:3px;width:fit-content;margin-bottom:1.75rem}
.atab{padding:.48rem 1.1rem;border-radius:8px;font-size:.78rem;font-weight:700;background:none;border:none;color:var(--tx2);cursor:pointer;transition:.2s;font-family:inherit}
.atab:hover{color:var(--tx)}
.atab.act{background:var(--sf2);color:var(--pr2);box-shadow:0 2px 6px rgba(0,0,0,.26)}
.atc{display:none}
.atc.act{display:block;animation:pi .26s var(--e)}
.adm2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.admp{padding:1.3rem}
.aph{font-size:.84rem;font-weight:800;margin-bottom:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--bd);color:var(--tx)}
.stbl{width:100%;border-collapse:collapse}
.stbl th{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tx3);padding:.38rem .55rem;text-align:left;border-bottom:1px solid var(--bd)}
.stbl td{padding:.6rem .55rem;font-size:.76rem;border-bottom:1px solid rgba(255,255,255,.035);vertical-align:middle}
.stbl tr:last-child td{border-bottom:none}
.stock-tabs{display:flex;gap:2px;background:rgba(0,0,0,.2);border-radius:8px;padding:2px;margin-bottom:.75rem;width:fit-content}
.stab{padding:.32rem .82rem;border-radius:6px;font-size:.74rem;font-weight:700;background:none;border:none;color:var(--tx2);cursor:pointer;transition:.18s;font-family:inherit}
.stab.act{background:var(--sf2);color:var(--pr2)}
.stock-view{max-height:320px;overflow-y:auto;font-family:monospace;font-size:.75rem}
.stock-view::-webkit-scrollbar{width:3px}
.stock-view::-webkit-scrollbar-thumb{background:var(--pr);border-radius:2px}
.stock-cred{display:flex;align-items:center;justify-content:space-between;padding:.42rem .65rem;border-bottom:1px solid var(--bd);gap:.5rem}
.stock-cred:hover{background:rgba(255,255,255,.02)}
.stock-cred:last-child{border-bottom:none}
.stock-cred .idx{color:var(--tx3);font-size:.65rem;width:20px;flex-shrink:0}
.stock-cred .cval{flex:1;color:var(--tx2);font-size:.73rem;word-break:break-all}
.stock-cred .fresh{font-size:.58rem;color:var(--ok);font-weight:700;background:rgba(34,211,160,.12);padding:.08rem .3rem;border-radius:3px;flex-shrink:0}
.log-item{padding:.45rem .65rem;border-bottom:1px solid var(--bd);font-size:.74rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.log-item:hover{background:rgba(255,255,255,.02)}
.log-item:last-child{border-bottom:none}
.stock-log-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}
.stock-log-col{border:1px solid rgba(167,139,250,.14);border-radius:14px;background:linear-gradient(180deg,rgba(15,5,28,.86),rgba(8,3,18,.94));overflow:hidden}
.stock-log-col.free{box-shadow:inset 0 1px 0 rgba(34,197,94,.06)}
.stock-log-col.vip{box-shadow:inset 0 1px 0 rgba(245,158,11,.06)}
.stock-log-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .8rem;border-bottom:1px solid rgba(167,139,250,.12);background:linear-gradient(180deg,rgba(36,13,62,.58),rgba(20,7,36,.24))}
.stock-log-title{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.73rem;font-weight:800;color:#f3e8ff}
.stock-log-badge{display:inline-flex;align-items:center;justify-content:center;padding:.16rem .42rem;border-radius:999px;font-size:.58rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.12)}
.stock-log-badge.free{color:#bbf7d0;border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.12)}
.stock-log-badge.vip{color:#fde68a;border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.12)}
.stock-log-count{font-size:.62rem;color:var(--tx3);font-weight:700}
.stock-log-list{max-height:320px;overflow:auto}
.stock-log-list::-webkit-scrollbar{width:3px}
.stock-log-list::-webkit-scrollbar-thumb{background:var(--pr);border-radius:2px}
.stock-log-empty{padding:1rem .85rem;color:var(--tx3);font-size:.72rem;text-align:center}
.stock-log-export{padding:.36rem .65rem;border-radius:10px;border:1px solid rgba(167,139,250,.2);background:rgba(124,58,237,.14);color:#e9d5ff;font-size:.64rem;font-weight:800;cursor:pointer}
.stock-log-export:hover{background:rgba(124,58,237,.22)}
.stock-log-tools{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.7rem}
.stock-log-service{font-size:.68rem;color:var(--tx3)}
.log-svc{font-weight:700;color:var(--tx)}
.log-meta{font-size:.66rem;color:var(--tx3)}
.svc-mgr{display:flex;flex-direction:column;gap:.42rem;max-height:none;overflow-y:visible;padding-right:.1rem}
.svc-mgr::-webkit-scrollbar{width:3px}
.svc-mgr::-webkit-scrollbar-thumb{background:var(--pr);border-radius:2px}
.svc-row{display:flex;align-items:center;gap:.65rem;padding:.55rem .72rem;background:rgba(255,255,255,.022);border-radius:8px;border:1px solid var(--bd)}
.svc-ri{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,var(--pr),var(--mg));display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;overflow:hidden}
.svc-ri img{width:100%;height:100%;object-fit:cover}
.svc-inf{flex:1;min-width:0}
.svc-rn{font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-rm{font-size:.66rem;color:var(--tx3);margin-top:.06rem}
.svc-ra{display:flex;gap:.3rem;flex-shrink:0}
.promo-list{display:flex;flex-direction:column;gap:.42rem;max-height:180px;overflow-y:auto;margin-top:.65rem}
.pm-it{display:flex;align-items:center;gap:.62rem;padding:.48rem .68rem;background:rgba(255,255,255,.022);border-radius:7px}
.pm-code{font-family:monospace;font-weight:700;color:var(--pr2);flex:1;font-size:.78rem}
.pm-disc{font-size:.68rem;color:var(--ok);font-weight:700;white-space:nowrap}
.pm-del{background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.16);color:var(--er);width:21px;height:21px;border-radius:4px;cursor:pointer;font-size:.72rem;display:flex;align-items:center;justify-content:center;transition:.16s;font-family:inherit}
.pm-del:hover{background:rgba(244,63,94,.16)}
.vip-ed{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.82rem}
.ve-it{background:rgba(255,255,255,.03);border:1px solid var(--bd);border-radius:var(--r);padding:1rem;text-align:left}
.ve-help{font-size:.66rem;color:var(--tx3);line-height:1.45;margin-top:.1rem}
.ve-nm{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--tx2);margin-bottom:.52rem}
.ve-inp{text-align:center;font-family:'Orbitron',monospace;font-weight:700;font-size:.9rem;width:100%}
.img-drop{border:2px dashed var(--bd);border-radius:var(--r);height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s;position:relative;overflow:hidden}
.img-drop:hover{border-color:var(--pr);background:rgba(147,51,234,.04)}
.img-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.img-drop .upt{font-size:.74rem;color:var(--tx3);margin-top:.25rem}
.img-prev{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}
.code-blk{background:rgba(0,0,0,.32);border:1px solid var(--bd);border-radius:8px;padding:.82rem;font-family:monospace;font-size:.7rem;overflow-x:auto;line-height:1.7;color:#c4b5fd}

/* Admin options editor */
.opt-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}
.opt-item{background:rgba(255,255,255,.025);border:1px solid var(--bd);border-radius:8px;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.45rem}
.opt-row{display:flex;gap:.45rem;align-items:center}
.opt-del{background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.2);color:var(--er);padding:.2rem .42rem;border-radius:5px;cursor:pointer;font-size:.68rem;font-weight:700;font-family:inherit;transition:.15s;white-space:nowrap}
.opt-del:hover{background:rgba(244,63,94,.18)}
.stock-type-row{display:flex;gap:.5rem;align-items:center;margin-top:.3rem}
.stk-type-btn{padding:.25rem .6rem;border-radius:5px;font-size:.69rem;font-weight:700;cursor:pointer;border:1px solid var(--bd);background:transparent;color:var(--tx2);font-family:inherit;transition:.15s}
.stk-type-btn.act{background:rgba(147,51,234,.18);border-color:var(--pr);color:var(--pr2)}
.stk-type-btn.inf-btn.act{background:rgba(34,211,160,.12);border-color:var(--ok);color:var(--ok)}

/*  MODALS  */
.mover{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.68);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .26s}
.mover.open{opacity:1;pointer-events:all}
.modal{background:var(--bg2);border:1px solid var(--bdh);border-radius:var(--r2);padding:1.75rem;width:100%;max-width:390px;transform:scale(.9) translateY(13px);transition:transform .28s var(--sp);position:relative}
.mover.open .modal{transform:scale(1) translateY(0)}
.mlg{max-width:520px}
.mxlg{max-width:680px}
.mc{position:absolute;top:.82rem;right:.82rem;background:rgba(255,255,255,.05);border:none;color:var(--tx2);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.82rem;transition:.16s}
.mc::before{content:'\00D7';line-height:1;font-size:1rem;font-weight:900;display:block;transform:translateY(-.5px)}
.mc:hover{background:rgba(244,63,94,.14);color:var(--er)}
.modal h2{font-family:'Orbitron',monospace;font-size:1.1rem;font-weight:800;margin-bottom:.35rem}
.modal-sub{font-size:.78rem;color:var(--tx2);line-height:1.6;margin-bottom:1.25rem}
.dc-btn{width:100%;padding:.78rem;background:var(--dc);border:none;border-radius:10px;color:#fff;font-family:inherit;font-size:.9rem;font-weight:800;cursor:pointer;transition:.22s;display:flex;align-items:center;justify-content:center;gap:.6rem;letter-spacing:.02em}
.dc-btn:hover{background:#4752c4;transform:translateY(-1px);box-shadow:0 6px 18px rgba(88,101,242,.36)}
.dc-btn svg{width:17px;height:17px;fill:#fff}

/*  RESPONSIVE  */
@media(max-width:860px){.co-pg{grid-template-columns:1fr}.co-sum{position:static}.prof-lay{grid-template-columns:1fr}.pf-side{position:static}.adm2{grid-template-columns:1fr}.vip-ed{grid-template-columns:1fr}}
@media(max-width:620px){.navlinks{display:none}.hbg{display:flex}.type-grid{grid-template-columns:1fr}.pay-methods{grid-template-columns:1fr}.hero-stats{gap:1.2rem}.dc-fab-t{display:none}.dc-fab{padding:.6rem;right:1rem;bottom:.75rem}.sdm-inner{grid-template-columns:1fr}.navr{display:flex!important}.ndrop{max-height:min(60vh,420px);overflow-y:auto}}
@media(max-width:620px){
  .shop-detail-modal{padding:.5rem}
  .shop-detail-modal .modal{width:min(92vw,420px);max-width:min(92vw,420px);border-radius:14px}
  .sdm-inner{min-height:0}
  .sdm-left{max-height:268px}
  .sdm-img{min-height:188px;padding:1rem}
  .sdm-img img{width:54%;max-height:62%}
  .sdm-left-desc{padding:.82rem .95rem .95rem}
  .sdm-right{padding:1rem .95rem 1rem;gap:.7rem;max-height:min(52vh,420px)}
  .sdm-title{font-size:.82rem;line-height:1.14}
  .sdm-price{font-size:1.2rem}
  .sdm-delivery{font-size:.68rem}
  .sdm-qty-row{padding:.48rem .62rem;gap:.42rem}
  .qty-input{
    font-size:16px;
    height:36px;
  }
  .qty-btn{
    width:34px;
    height:34px;
    font-size:1rem;
  }
  .sdm-btns{gap:.45rem}
  .sdm-btns .btn{font-size:.74rem;padding:.8rem .7rem}
  .sdm-close{top:.55rem;right:.55rem;width:32px;height:32px;background:rgba(14,5,28,.82);color:#fff;border:1px solid rgba(255,255,255,.12)}
  .shop-opts-modal .modal{width:min(92vw,520px);max-width:min(92vw,520px)}
  .som-list{padding:.9rem;gap:.85rem;max-height:72vh}
  .som-item{padding:1rem .98rem;min-height:84px}
  .som-img{width:50px;height:50px}
  .som-name{font-size:.95rem;line-height:1.18}
  .som-stock{font-size:.82rem}
  .som-price{font-size:1.02rem}
  .som-arrow{width:34px;height:34px;font-size:.8rem}
  .som-list-steam{gap:.92rem}
  .som-list-steam .som-item{padding:1rem;min-height:88px}
  .som-list-steam .som-img{width:52px;height:52px}
  .som-list-steam .som-name{font-size:.96rem}
  .som-list-steam .som-price{font-size:1.02rem}
  .som-steam-search input{height:52px;font-size:.95rem}
  .som-steam-footer-btn{padding:.58rem .82rem;font-size:.8rem}
}
@media(max-width:620px){
  html,body{-webkit-tap-highlight-color:transparent}
  .hbg,.mmenu button,.navr button,.navr .ib,.logo,.nav-av{touch-action:manipulation}
  #chatBackdrop:not(.open){display:none!important;pointer-events:none!important}
  #ld.out{display:none!important;pointer-events:none!important}
}
@media(max-width:620px){.cart-btn{width:35px;height:35px}.cart-btn svg{width:15px;height:15px}.cart-drop{width:min(340px,calc(100vw - 14px));right:-6px;padding:.62rem}.cart-item{grid-template-columns:30px 1fr auto;padding:.45rem .48rem}.cart-thumb{width:30px;height:30px;border-radius:9px}.cart-name{font-size:.75rem}.cart-price{font-size:.65rem}}
@media(max-width:760px){body.shop-page-active .navr .bw{display:none!important}}
@media(max-width:860px){.adm-bot-grid{grid-template-columns:1fr}}
@media(max-width:620px){
  #page-profile{overflow-x:hidden}
  #page-profile .prof-lay{max-width:none;padding:1rem .75rem 1.4rem;gap:.75rem}
  #page-profile .prof-lay>div{min-width:0}
  #page-profile .pf-side{padding:1rem .8rem;width:100%;margin:0}
  #page-profile .pf-panel{padding:1rem .75rem}
  #page-profile .pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #page-profile .card{min-width:0}
  #page-profile .htbl th,#page-profile .htbl td{padding:.5rem .35rem}
  #page-profile .pf-history-tabs{flex-direction:column}
  #page-profile .pf-history-tab{width:100%}
  #page-profile .pf-history-pager{align-items:stretch}
  #page-profile .pf-page-info{width:100%;text-align:center;order:1}
  #page-profile .pf-page-actions{width:100%}
  #page-profile .pf-page-btn{flex:1;min-width:0}
}
@media(max-width:400px){nav{padding:0 1rem}}
::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(147,51,234,.38);border-radius:3px}

/*  ROLE GLOWS  */
@keyframes vipGlow{0%,100%{box-shadow:0 0 14px 3px rgba(245,158,11,.6),0 0 30px 6px rgba(239,68,68,.3)}50%{box-shadow:0 0 22px 6px rgba(251,191,36,.9),0 0 45px 12px rgba(245,158,11,.5)}}
@keyframes adminGlow{0%,100%{box-shadow:0 0 14px 3px rgba(239,68,68,.6),0 0 28px 5px rgba(249,115,22,.3)}50%{box-shadow:0 0 24px 7px rgba(239,68,68,.9),0 0 40px 10px rgba(249,115,22,.6)}}
@keyframes supplierGlow{0%,100%{box-shadow:0 0 12px 3px rgba(34,211,160,.5)}50%{box-shadow:0 0 22px 8px rgba(34,211,160,.85)}}
@keyframes memberGlow{0%,100%{box-shadow:0 0 10px 2px rgba(96,165,250,.4)}50%{box-shadow:0 0 18px 6px rgba(96,165,250,.75)}}
.pf-av::before,.nav-av::before{content:'';position:absolute;inset:-1px;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,transparent 0deg,var(--role-c2,rgba(249,115,22,.9)) 70deg,rgba(255,255,255,.16) 140deg,transparent 220deg,var(--role-c1,rgba(239,68,68,.95)) 300deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none}
@keyframes adminEdgeSpin{to{transform:rotate(360deg)}}
@keyframes nameFxShift{0%{background-position:0% 50%}100%{background-position:220% 50%}}
.pf-av[data-role],.nav-av[data-role]{border-color:var(--role-c1,var(--pr))!important;box-shadow:0 0 0 1px rgba(11,0,22,.84),0 0 16px var(--role-glow1,rgba(147,51,234,.32)),0 0 32px var(--role-glow2,rgba(217,70,239,.18))!important;animation:roleAvatarPulse 3.15s ease-in-out infinite}
.pf-av[data-role]::before,.nav-av[data-role]::before{opacity:1;animation:adminEdgeSpin 3.2s linear infinite}
@keyframes roleAvatarPulse{0%,100%{transform:translateZ(0) scale(1);box-shadow:0 0 0 1px rgba(11,0,22,.84),0 0 14px var(--role-glow1,rgba(147,51,234,.28)),0 0 28px var(--role-glow2,rgba(217,70,239,.14))}50%{transform:translateZ(0) scale(1.02);box-shadow:0 0 0 1px rgba(11,0,22,.92),0 0 22px var(--role-glow1,rgba(147,51,234,.42)),0 0 42px var(--role-glow2,rgba(217,70,239,.24))}}
.pf-nm[data-role]:not([data-namefx-custom="1"]){
  background:linear-gradient(118deg,var(--role-c1,#c084fc) 0%,var(--role-c2,#f0abfc) 28%,rgba(255,255,255,.98) 48%,var(--role-c1,#c084fc) 72%,var(--role-c2,#f0abfc) 100%);
  background-size:240% 240%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-weight:800;animation:nameFxShift 5.2s linear infinite;
}
/* VIP color picker */
.vclr{width:32px;height:32px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:.18s;flex-shrink:0}
.vclr:hover,.vclr.act{border-color:#fff;transform:scale(1.15);box-shadow:0 0 10px rgba(255,255,255,.3)}
.namefx-wrap{padding:.65rem .72rem;background:rgba(147,51,234,.05);border:1px solid rgba(147,51,234,.16);border-radius:10px}
.namefx-mode-row{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.38rem}
.namefx-color-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.62rem}
.namefx-color-box{display:flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:8px;padding:.25rem .35rem}
.namefx-color-box span{font-size:.66rem;color:var(--tx2);font-weight:700}
.namefx-color{width:34px;height:30px;border:none;background:transparent;cursor:pointer;padding:0}
.namefx-preview{margin-top:.62rem;padding:.52rem .62rem;border-radius:8px;background:rgba(0,0,0,.28);border:1px solid rgba(147,51,234,.18);font-family:'Orbitron',monospace;font-size:.92rem;font-weight:800;display:inline-flex;align-items:center;min-width:140px;justify-content:center}
.namefx-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.58rem}
.namefx-note{font-size:.64rem;color:var(--tx3);margin-top:.34rem}
.nav-av[data-role="vip"]{animation:vipGlow 2s ease-in-out infinite;border-color:#f59e0b!important}
.nav-av[data-role="admin"]{animation:none;border-color:#ef4444!important;box-shadow:none!important}
.nav-av[data-role="supplier"]{animation:supplierGlow 2.5s ease-in-out infinite;border-color:#22d3a0!important}

/*  VIP CTA BUTTON  */
.vip-cta-btn{
  background: rgba(10,0,30,0.9);
  color: #e8d5ff;
  border: none;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.vip-cta-btn::before{
  content:'';position:absolute;inset:-2px;border-radius:12px;z-index:-1;
  background:linear-gradient(135deg,#7c3aed 0%,#d4a84b 35%,#9333ea 65%,#f0c060 100%);
  background-size:300% 300%;
  animation:vipBorderAnim 3s linear infinite;
}
.vip-cta-btn::after{
  content:'';position:absolute;inset:1.5px;border-radius:10px;z-index:-1;
  background:rgba(10,0,30,0.92);
}
.vip-cta-btn > span{
  position:relative;z-index:1;
  background:linear-gradient(135deg,#d4a84b,#e8c8ff 50%,#b060ff);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-weight:800;
}
.vip-cta-btn canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;border-radius:10px;pointer-events:none}
.vip-cta-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
@keyframes vipBorderAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* ========== TRUSTBOOST ========== */
.nl-boost{background:none;border:none;color:var(--tx2)}
.nl-boost:hover{color:var(--tx);background:rgba(147,51,234,.1)}
.nl-boost.act{color:var(--pr2);background:rgba(147,51,234,.13);box-shadow:none}

/* HERO */
.boost-hero{
  position:relative;min-height:clamp(190px,26vh,280px);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;padding-top:68px;
}
.boost-hero-bg{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(ellipse 80% 70% at 50% 0%,rgba(124,40,204,.22),transparent 65%),
    radial-gradient(ellipse 55% 50% at 0% 60%,rgba(217,70,239,.1),transparent 60%),
    radial-gradient(ellipse 45% 40% at 100% 40%,rgba(80,40,200,.08),transparent 60%);
}
.boost-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;animation:ofl 12s ease-in-out infinite}
.boost-orb1{width:420px;height:420px;background:rgba(124,40,204,.09);top:-18%;left:-8%}
.boost-orb2{width:320px;height:320px;background:rgba(168,50,200,.07);bottom:-10%;right:-5%;animation-delay:-6s;animation-direction:reverse}
.boost-orb3{width:220px;height:220px;background:rgba(217,70,239,.05);top:40%;left:45%;animation-delay:-3s}
.boost-hero-content{position:relative;z-index:1;text-align:center;padding:1.4rem 1.5rem .8rem;max-width:640px}
.boost-hero-pill{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.28rem 1rem;
  background:rgba(168,50,200,.14);border:1px solid rgba(168,50,200,.32);
  border-radius:50px;font-size:.65rem;font-weight:700;color:#c97af0;
  margin-bottom:.85rem;letter-spacing:.07em;text-transform:uppercase;
  animation:pi .5s var(--e);
}
.boost-pill-dot{width:6px;height:6px;border-radius:50%;background:#c060e0;box-shadow:0 0 6px #c060e0;animation:bl 1.5s ease-in-out infinite}
.boost-hero-title{font-size:clamp(1.7rem,4.5vw,2.6rem);margin-bottom:.5rem;line-height:1.15}
.boost-grad-txt{
  background:linear-gradient(135deg,#e87aff 0%,#9f40e0 35%,#6820c0 65%,#b060f0 100%);
  background-size:200% 200%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:logoFlow 5s ease-in-out infinite;
}
.boost-hero-sub{color:var(--tx2);font-size:.9rem;max-width:430px;margin:0 auto 1.05rem;line-height:1.7}
.boost-hero-stats{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
.boost-stat{display:flex;flex-direction:column;align-items:center;padding:.5rem 1.8rem}
.boost-stat-n{font-family:'Orbitron',monospace;font-size:1.4rem;font-weight:900;background:linear-gradient(135deg,#e87aff,#9040e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.boost-stat-l{font-size:.68rem;color:var(--tx3);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-top:.1rem}
.boost-stat-sep{width:1px;height:34px;background:var(--bd)}

/* BODY */
.boost-body{max-width:1160px;margin:0 auto;padding:.25rem 1.5rem 4rem}

/* TABS */
.boost-tabs{
  display:flex;align-items:center;gap:.5rem;
  justify-content:center;flex-wrap:wrap;
  margin-bottom:2.5rem;
  padding:.3rem;
  background:rgba(255,255,255,.025);
  border:1px solid var(--bd);
  border-radius:14px;
  width:fit-content;margin-left:auto;margin-right:auto;
}
.boost-tab{
  display:flex;align-items:center;gap:.4rem;
  padding:.42rem 1.15rem;border-radius:10px;
  background:none;border:none;color:var(--tx2);
  font-family:inherit;font-size:.82rem;font-weight:700;
  cursor:pointer;transition:.22s var(--e);letter-spacing:.02em;
}
.boost-tab:hover{color:var(--tx);background:rgba(255,255,255,.06)}
.boost-tab.act{color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.boost-tab[data-plat="all"].act{background:linear-gradient(135deg,var(--vi),var(--mg))}
.boost-tab-ig.act{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.boost-tab-tt.act{background:linear-gradient(135deg,#010101,#69c9d0 50%,#ee1d52)}
.boost-tab-yt.act{background:linear-gradient(135deg,#ff0000,#cc0000)}

/* GRID */
.boost-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));
  gap:1.25rem;
  margin-bottom:3.5rem;
}

/* BOOST CARD */
.boost-card{
  position:relative;overflow:hidden;
  background:var(--sf);border:1px solid var(--bd);
  border-radius:18px;backdrop-filter:blur(18px);
  transition:.28s var(--e);cursor:pointer;
  display:flex;flex-direction:column;
}
.boost-card:hover{
  border-color:var(--bdh);
  box-shadow:0 16px 44px rgba(147,51,234,.18);
  transform:translateY(-5px);
}
.boost-card-glow{
  position:absolute;top:-40px;right:-40px;
  width:140px;height:140px;border-radius:50%;
  filter:blur(55px);opacity:.45;pointer-events:none;
  transition:opacity .3s;
}
.boost-card:hover .boost-card-glow{opacity:.7}

.boost-card-top{padding:1.4rem 1.4rem .9rem;flex:1;display:flex;flex-direction:column}
.boost-card-plat{
  display:inline-flex;align-items:center;gap:.38rem;
  padding:.2rem .65rem;border-radius:50px;
  font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:1rem;width:fit-content;
}
.boost-plat-ig{background:linear-gradient(135deg,rgba(131,58,180,.25),rgba(253,29,29,.15));color:#f97af5;border:1px solid rgba(253,29,29,.2)}
.boost-plat-tt{background:rgba(105,201,208,.12);color:#69c9d0;border:1px solid rgba(105,201,208,.22)}
.boost-plat-yt{background:rgba(255,0,0,.1);color:#ff4444;border:1px solid rgba(255,0,0,.2)}

.boost-card-icon{
  width:54px;height:54px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:.95rem;font-size:1.6rem;
  border:1px solid rgba(255,255,255,.08);
  position:relative;
}
.boost-card-icon::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.12),transparent 65%);
}
.boost-card-name{font-size:1.01rem;font-weight:800;color:var(--tx);margin-bottom:.3rem}
.boost-card-desc{font-size:.78rem;color:var(--tx2);line-height:1.55;flex:1}
.boost-card-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.8rem}
.boost-tag{
  font-size:.6rem;font-weight:700;padding:.15rem .5rem;
  border-radius:50px;background:rgba(147,51,234,.12);
  border:1px solid rgba(147,51,234,.2);color:var(--pr2);
  letter-spacing:.04em;text-transform:uppercase;
}

.boost-card-bot{
  padding:.9rem 1.4rem 1.3rem;
  border-top:1px solid var(--bd);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.boost-card-price{display:flex;flex-direction:column}
.boost-card-price-main{font-family:'Orbitron',monospace;font-size:1.12rem;font-weight:900;color:var(--tx)}
.boost-card-price-sub{font-size:.65rem;color:var(--tx3);margin-top:.1rem}
.boost-card-btn{
  display:inline-flex;align-items:center;gap:.38rem;
  padding:.48rem 1.15rem;border-radius:10px;
  background:linear-gradient(135deg,var(--vi),var(--mg));
  color:#fff;font-size:.78rem;font-weight:800;
  border:none;cursor:pointer;
  font-family:inherit;letter-spacing:.02em;
  transition:.22s;white-space:nowrap;
  box-shadow:0 4px 14px rgba(147,51,234,.3);
  position:relative;overflow:hidden;
}
.boost-card-btn::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,transparent,rgba(255,255,255,.14),transparent);
  transform:translateX(-100%);transition:.45s;
}
.boost-card-btn:hover::after{transform:translateX(100%)}
.boost-card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(192,38,211,.45)}

/* Featured card */
.boost-card.featured{
  border-color:rgba(192,80,240,.35);
  box-shadow:0 0 0 1px rgba(192,80,240,.12) inset,0 8px 28px rgba(147,51,234,.15);
}
.boost-card.featured:hover{
  border-color:rgba(192,80,240,.6);
  box-shadow:0 0 0 1px rgba(192,80,240,.2) inset,0 18px 48px rgba(147,51,234,.25);
}
.boost-featured-badge{
  position:absolute;top:1rem;right:1rem;z-index:2;
  display:inline-flex;align-items:center;gap:.28rem;
  padding:.18rem .58rem;border-radius:50px;
  font-size:.6rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;
  background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;
  box-shadow:0 3px 12px rgba(245,158,11,.4);
}

/* TRUST SECTION */
.boost-trust-section{margin-top:1rem}
.boost-trust-hd{text-align:center;margin-bottom:2rem}
.boost-trust-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));
  gap:1rem;
}
.boost-trust-card{
  background:var(--sf);border:1px solid var(--bd);
  border-radius:16px;padding:1.4rem 1.3rem;
  transition:.24s var(--e);
  display:flex;flex-direction:column;gap:.65rem;
}
.boost-trust-card:hover{border-color:var(--bdh);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.2)}
.boost-trust-ico{
  width:46px;height:46px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  color:var(--tx2);border:1px solid rgba(255,255,255,.07);
}
.boost-trust-card h4{font-size:.88rem;font-weight:800;color:var(--tx)}
.boost-trust-card p{font-size:.76rem;color:var(--tx2);line-height:1.6}

/* MOBILE */
@media(max-width:620px){
  .boost-hero{min-height:auto;padding-bottom:1.5rem}
  .boost-hero-content{padding:2rem 1rem 1.5rem}
  .boost-stat{padding:.4rem 1.1rem}
  .boost-stat-n{font-size:1.1rem}
  .boost-body{padding:1.5rem 1rem 3rem}
  .boost-tabs{gap:.3rem;padding:.25rem}
  .boost-tab{padding:.38rem .85rem;font-size:.76rem}
  .boost-grid{grid-template-columns:1fr 1fr;gap:.75rem}
  .boost-card-top{padding:1rem 1rem .7rem}
  .boost-card-bot{padding:.7rem 1rem 1rem;flex-direction:column;align-items:flex-start;gap:.6rem}
  .boost-card-btn{width:100%;justify-content:center}
  .boost-card-icon{width:42px;height:42px;font-size:1.25rem;border-radius:11px}
  .boost-card-name{font-size:.9rem}
  .boost-card-desc{font-size:.73rem}
  .boost-trust-grid{grid-template-columns:1fr 1fr}
  .boost-trust-card{padding:1rem .9rem;gap:.5rem}
}
@media(max-width:400px){
  .boost-grid{grid-template-columns:1fr}
  .boost-trust-grid{grid-template-columns:1fr}
}


/* Animation titre TrustBoost */
.boost-title-animated{
  font-family:'Orbitron',monospace;
  font-size:clamp(2.2rem,5.5vw,3.2rem);
  font-weight:900;
  background:linear-gradient(110deg,#6d28d9 0%,#8b5cf6 18%,#a855f7 38%,#d946ef 58%,#c026d3 78%,#a21caf 100%);
  background-size:320% 320%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 30px rgba(217,70,239,.18),0 0 18px rgba(139,92,246,.14);
  animation:boostTitleFlow 5.2s ease-in-out infinite;
  display:inline-block;
}
.boost-title-animated::selection{-webkit-text-fill-color:#fff;background:rgba(147,51,234,.45)}
@keyframes boostTitleFlow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* Supprimer le carré rose - forcer l'affichage normal de la page */
#page-boost{
  display:none;
}
#page-boost.act{
  display:block!important;
  background:transparent!important;
}

/* TrustBoost platform flow */
.boost-flow{padding-top:1rem}
.boost-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:760px;margin:0 auto 2rem}
.boost-mode-card{position:relative;text-align:left;padding:1.05rem 1.15rem;border-radius:18px;border:1px solid rgba(167,139,250,.18);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:var(--tx);cursor:pointer;overflow:hidden;transition:.25s var(--e);font-family:inherit}
.boost-mode-card::before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 12% 20%,rgba(168,85,247,.22),transparent 38%),linear-gradient(135deg,rgba(147,51,234,.18),transparent 55%);opacity:.72;pointer-events:none}
.boost-mode-card.vip::before{background:radial-gradient(circle at 15% 20%,rgba(245,158,11,.24),transparent 38%),linear-gradient(135deg,rgba(217,70,239,.2),transparent 58%)}
.boost-mode-card>*{position:relative;z-index:1}
.boost-mode-card:hover{transform:translateY(-3px);border-color:rgba(192,132,252,.45);box-shadow:0 18px 40px rgba(0,0,0,.24),0 0 28px rgba(147,51,234,.13)}
.boost-mode-card.act{border-color:rgba(216,180,254,.72);box-shadow:0 0 0 1px rgba(216,180,254,.16) inset,0 18px 44px rgba(147,51,234,.2)}
.boost-mode-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.5rem}
.boost-mode-name{font-size:.9rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.boost-mode-pill{font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:.18rem .55rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--tx2)}
.boost-mode-card.act .boost-mode-pill{color:#fff;background:linear-gradient(135deg,var(--vi),var(--mg));border-color:transparent}
.boost-mode-desc{font-size:.76rem;color:var(--tx2);line-height:1.55;max-width:29rem}
.boost-platform-hd{display:none}
.boost-platform-stage{position:relative;max-width:1180px;margin:0 auto 2.1rem}
.boost-platform-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem;align-items:stretch;max-width:980px;margin:0 auto}
.boost-platform-card.sc{min-height:0}
.boost-platform-card.sc::before{opacity:.82}
.boost-platform-card .sci{height:205px}
.boost-platform-card .sci::before{box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 0 42px var(--shop-accent-glow,rgba(147,51,234,.12))}
.boost-platform-card .sci::after{background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.3) 52%,rgba(0,0,0,.04) 100%)}
.boost-platform-card .sc-logo-shell{width:128px!important;height:96px!important;border-radius:24px!important}
.boost-platform-card .sc-logo-shell img{padding:.34rem;object-fit:contain;transform:scale(1.04)}
.boost-inline-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.boost-inline-logo svg{display:block;width:100%;height:100%}
.boost-platform-inline-logo{padding:.34rem}
.boost-platform-card:hover .sc-logo-shell img{transform:scale(1.09)}
.boost-platform-card:hover .boost-platform-inline-logo svg{transform:scale(1.09)}
.boost-platform-card .sc-cnt{font-size:.58rem;letter-spacing:.07em;text-transform:uppercase}
.boost-platform-card .sc-body{min-height:112px;background:linear-gradient(180deg,rgba(6,4,12,.99) 0%,rgba(4,3,8,.998) 100%)}
.boost-platform-card .sc-nm{font-family:inherit;font-size:.96rem;font-weight:900;letter-spacing:0;color:#f7f1ff}
.boost-platform-card .sc-desc{display:none}
.boost-platform-tags{display:none;flex-wrap:wrap;gap:.35rem;margin:.18rem 0 .65rem}
.boost-platform-tags span{font-size:.56rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.17rem .5rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);color:var(--tx2)}
.boost-platform-bottom{display:flex;align-items:flex-end;justify-content:flex-end;gap:.7rem;margin-top:auto}
.boost-platform-price{display:none}
.boost-usage-card{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:0;background:transparent;border:0;box-shadow:none}
.boost-usage-count{
  font-family:'Orbitron',monospace;font-size:1.18rem;font-weight:950;line-height:1;letter-spacing:.02em;
  color:#f8fafc;background:linear-gradient(90deg,#ffffff 0%,#f8fafc 18%,#e2e8f0 36%,#ffffff 54%,#fdf2f8 72%,#ffffff 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 10px rgba(255,255,255,.32),0 0 18px rgba(255,255,255,.18),0 0 24px rgba(217,70,239,.12);
  animation:boostUsagePulse 3.8s ease-in-out infinite;
}
.boost-usage-state{display:none}
.boost-usage-card.used .boost-usage-count{
  background:none;-webkit-background-clip:initial;background-clip:initial;color:#2b1820;
  text-shadow:0 1px 0 rgba(255,255,255,.42);
  filter:none;animation:none;
}
.boost-usage-card.vip-locked .boost-usage-count{
  background:linear-gradient(100deg,#fff7cc 0%,#facc15 22%,#f59e0b 46%,#fde68a 68%,#fff7cc 100%);
  background-size:230% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 14px rgba(250,204,21,.32),0 0 22px rgba(168,85,247,.14);
  animation:boostVipTextGlow 3.4s ease-in-out infinite;
}
@keyframes boostUsagePulse{0%,100%{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.16)}}
@keyframes boostVipTextGlow{0%,100%{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.18)}}
.boost-open-btn{
  min-width:132px;display:inline-flex;align-items:center;justify-content:center;
  padding:.58rem .95rem;border-radius:12px;border:1px solid rgba(216,180,254,.24);
  background:linear-gradient(135deg,#7c3aed 0%,#c026d3 52%,#ec4899 100%);
  color:#fff;font-family:inherit;font-size:.76rem;font-weight:900;cursor:pointer;
  box-shadow:0 10px 22px rgba(168,85,247,.24),0 0 18px rgba(217,70,239,.14);
  transition:.2s var(--e)
}
.boost-open-btn .boost-usage-count{font-size:1.04rem}
.boost-open-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 12px 24px rgba(168,85,247,.28),0 0 20px rgba(217,70,239,.18)}
.boost-open-btn.used{border-color:rgba(255,255,255,.2);background:linear-gradient(135deg,#ff6473 0%,#ef334e 48%,#b91331 100%);box-shadow:0 10px 22px rgba(239,68,68,.22),0 0 18px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.22)}
.boost-open-btn.used:hover{box-shadow:0 12px 24px rgba(239,68,68,.24),0 0 20px rgba(239,68,68,.16)}
.boost-platform-action{display:none;align-items:center;gap:.35rem;font-size:.7rem;font-weight:800;color:#34d399}
.boost-platform-action-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 7px #34d399}
.boost-platform-card.tiktok .boost-platform-action{color:#67e8f9}.boost-platform-card.tiktok .boost-platform-action-dot{background:#67e8f9;box-shadow:0 0 7px #67e8f9}
.boost-platform-card.instagram .boost-platform-action{color:#d8b4fe}.boost-platform-card.instagram .boost-platform-action-dot{background:#d8b4fe;box-shadow:0 0 7px #d8b4fe}
.boost-platform-card.youtube .boost-platform-action{color:#fb7185}.boost-platform-card.youtube .boost-platform-action-dot{background:#fb7185;box-shadow:0 0 7px #fb7185}
.boost-platform-card.tiktok .sc-logo-shell{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-color:rgba(255,255,255,.16)}
.boost-platform-card.instagram .sc-logo-shell{background:linear-gradient(145deg,rgba(90,14,158,.62),rgba(148,38,218,.34) 58%,rgba(185,95,18,.1));border-color:rgba(200,120,255,.22)}
.boost-platform-card.youtube .sc-logo-shell{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,35,35,.16) 58%,rgba(95,0,0,.18));border-color:rgba(255,255,255,.13)}
.boost-platform-card.instagram .sc-logo-shell{width:104px!important;height:104px!important}
.boost-platform-card.instagram .sc-logo-shell img{padding:.24rem;transform:scale(1.08)}
.boost-platform-card.instagram .boost-platform-inline-logo{padding:.24rem}
.boost-platform-card.instagram:hover .sc-logo-shell img{transform:scale(1.13)}
.boost-platform-card.instagram:hover .boost-platform-inline-logo svg{transform:scale(1.13)}
.boost-slider-btn{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(12,4,28,.82);backdrop-filter:blur(12px);color:#fff;font-size:1.15rem;font-weight:900;cursor:pointer}
.boost-slider-btn.prev{left:.25rem}
.boost-slider-btn.next{right:.25rem}
.boost-platform-dots{display:none;justify-content:center;gap:.38rem;margin-top:.9rem}
.boost-platform-dot{width:7px;height:7px;border-radius:999px;border:none;background:rgba(255,255,255,.2);padding:0;transition:.2s;cursor:pointer}
.boost-platform-dot.act{width:24px;background:linear-gradient(90deg,var(--pr),var(--mg))}
.boost-stepper{display:flex;align-items:center;justify-content:center;gap:0;max-width:560px;margin:0 auto 1.25rem}
.boost-stepper .stp{min-width:68px}
.boost-stepper .scn{max-width:54px}
.boost-step-card{max-width:980px;margin:0 auto 2rem;background:rgba(10,0,28,.72);padding:1.8rem}
.boost-type-grid{grid-template-columns:minmax(0,.72fr) minmax(0,.72fr);justify-content:center;align-items:start}
.boost-type-grid .topt{min-height:112px;padding:.92rem 1rem;background:rgba(255,255,255,.02)}
.boost-type-grid .topt::after{
  opacity:.14;inset:0;width:auto;height:auto;border-radius:inherit;filter:none;
  background:
    radial-gradient(circle at 8% 22%,rgba(255,255,255,.32) 0 .8px,transparent 1.25px),
    radial-gradient(circle at 22% 72%,rgba(216,180,254,.22) 0 .75px,transparent 1.2px),
    radial-gradient(circle at 44% 18%,rgba(255,255,255,.22) 0 .65px,transparent 1.1px),
    radial-gradient(circle at 61% 64%,rgba(216,180,254,.18) 0 .8px,transparent 1.25px),
    radial-gradient(circle at 82% 30%,rgba(255,255,255,.26) 0 .7px,transparent 1.15px),
    radial-gradient(circle at 93% 80%,rgba(216,180,254,.2) 0 .7px,transparent 1.15px);
  transform:translate3d(0,0,0);
  animation:boostCardDust 14s ease-in-out infinite;
}
.boost-type-grid .topt.boost-free{
  min-height:92px;
  height:92px;
  padding:.72rem .9rem .62rem;
  background:rgba(255,255,255,.02);
  border-color:var(--bd)
}
.boost-type-grid .topt.boost-free .tbdg{top:.48rem;right:.48rem}
.boost-type-grid .topt.boost-free h3{margin-top:.02rem}
.boost-type-grid .topt.boost-free p{margin-top:.12rem;line-height:1.14;max-width:88%}
.boost-type-grid .topt.boost-free::before{background:linear-gradient(135deg,rgba(147,51,234,.1),rgba(192,38,211,.08))}
.boost-type-grid .topt.boost-free.sel,.boost-type-grid .topt.boost-free:hover{border-color:var(--pr2);background:rgba(147,51,234,.06);box-shadow:none}
.boost-type-grid .topt.boost-vip{
  min-height:92px;
  height:92px;
  padding:.72rem .9rem .62rem;
  border:2px solid transparent;
  background:
    linear-gradient(135deg,rgba(31,8,46,.96),rgba(18,4,33,.98)) padding-box,
    conic-gradient(from var(--boost-vip-angle,0deg),rgba(245,158,11,.18),rgba(217,70,239,.72),rgba(139,92,246,.45),rgba(245,158,11,.78),rgba(217,70,239,.5),rgba(245,158,11,.18)) border-box;
  box-shadow:0 18px 42px rgba(0,0,0,.24),0 0 0 1px rgba(255,214,102,.04) inset,0 0 26px rgba(217,70,239,.08);
  animation:boostVipBorderSpin 6s linear infinite;
}
.boost-type-grid .topt.boost-vip::before{
  opacity:1;
  background:
    radial-gradient(circle at 12% 14%,rgba(255,214,102,.13),transparent 22%),
    radial-gradient(circle at 88% 18%,rgba(217,70,239,.22),transparent 26%),
    radial-gradient(circle at 54% 92%,rgba(139,92,246,.16),transparent 34%),
    linear-gradient(120deg,rgba(255,204,94,.06),rgba(192,38,211,.13),rgba(124,58,237,.15),rgba(255,204,94,.05));
  background-size:160% 160%;
  animation:boostVipAura 7s ease-in-out infinite;
}
.boost-type-grid .topt.boost-vip .tbdg{top:.48rem;right:.48rem}
.boost-type-grid .topt.boost-vip .tico{margin-bottom:.12rem}
.boost-type-grid .topt.boost-vip .tico img{width:34px!important;height:34px!important}
.boost-type-grid .topt.boost-vip h3{margin-top:.02rem}
.boost-type-grid .topt.boost-vip p{margin-top:.12rem;line-height:1.14;max-width:88%}
.boost-type-grid .topt.boost-vip::after{
  opacity:.34;
  background:
    radial-gradient(circle at 7% 16%,rgba(255,236,179,.58) 0 .75px,transparent 1.15px),
    radial-gradient(circle at 18% 68%,rgba(216,180,254,.38) 0 .7px,transparent 1.1px),
    radial-gradient(circle at 34% 34%,rgba(255,255,255,.24) 0 .62px,transparent 1.05px),
    radial-gradient(circle at 52% 78%,rgba(255,214,102,.44) 0 .72px,transparent 1.12px),
    radial-gradient(circle at 73% 21%,rgba(240,171,252,.42) 0 .72px,transparent 1.12px),
    radial-gradient(circle at 91% 64%,rgba(255,236,179,.5) 0 .68px,transparent 1.08px),
    radial-gradient(circle at 42% 10%,rgba(255,255,255,.2) 0 .55px,transparent .95px),
    radial-gradient(circle at 64% 46%,rgba(216,180,254,.24) 0 .6px,transparent 1px);
  animation:boostVipStars 13s ease-in-out infinite;
}
.boost-type-grid .topt.boost-vip.sel,.boost-type-grid .topt.boost-vip:hover{box-shadow:0 24px 56px rgba(0,0,0,.3),0 0 40px rgba(217,70,239,.16),0 0 30px rgba(245,158,11,.08)}
.boost-type-grid #boostTypeVip{padding-bottom:.62rem}
.boost-type-grid #boostTypeVip.has-live-countdown{padding-bottom:1.54rem}
.boost-type-grid #boostTypeVip .vip-live-countdown{
  position:absolute;right:.52rem;bottom:.44rem;z-index:3;
  display:inline-flex;align-items:center;gap:.42rem;
  padding:.24rem .42rem;border-radius:999px;
  border:1px solid rgba(255,214,102,.4);
  background:linear-gradient(135deg,rgba(29,15,52,.88),rgba(75,30,102,.82));
  color:#fff4c4;font-size:.58rem;font-weight:800;letter-spacing:.02em;
  box-shadow:0 10px 22px rgba(0,0,0,.22),0 0 18px rgba(217,70,239,.16)
}
.boost-type-grid #boostTypeVip .vip-live-countdown[hidden]{display:none!important}
.boost-type-grid #boostTypeVip .vip-live-dot{
  width:7px;height:7px;border-radius:50%;
  background:#34d399;box-shadow:0 0 10px rgba(52,211,153,.85);
  animation:vipLivePulse 1.5s ease-in-out infinite
}
@keyframes boostVipAura{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes boostCardDust{0%,100%{transform:translate3d(0,0,0);opacity:.18}50%{transform:translate3d(-4px,6px,0);opacity:.28}}
@keyframes boostVipStars{0%,100%{transform:translate3d(0,0,0);opacity:.25}50%{transform:translate3d(-6px,7px,0);opacity:.42}}
@keyframes boostVipBorderSpin{to{--boost-vip-angle:360deg}}
.boost-step-panel{display:none;animation:fd .22s var(--e)}
.boost-step-panel.act{display:block}
.boost-platform-step{max-width:1120px;margin:0 auto}
html.boost-modal-open,body.boost-modal-open{overflow:hidden!important;touch-action:none}
.boost-product-modal{
  position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;
  width:100vw;height:100vh;height:100dvh;overflow:hidden;padding:1.4rem;isolation:isolate;
  background:
    radial-gradient(circle at 18% 22%,rgba(168,85,247,.09),transparent 30%),
    radial-gradient(circle at 84% 76%,rgba(217,70,239,.075),transparent 28%),
    linear-gradient(180deg,#030109 0%,#010105 100%);
  backdrop-filter:blur(16px);
}
.boost-product-modal::before,.boost-flow-modal::before{
  content:'';position:fixed;inset:-18vh -16vw;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%,rgba(168,85,247,.08),transparent 18%),
    radial-gradient(circle at 74% 68%,rgba(236,72,153,.09),transparent 20%),
    linear-gradient(180deg,#030107,#010104);
}
.boost-product-modal.act{display:flex!important;animation:fd .18s var(--e)}
.boost-product-sheet{
  position:relative;
  width:min(760px,100%);max-height:min(760px,88vh);overflow:auto;
  border-radius:24px;border:1px solid rgba(170,70,255,.34);
  background:
    radial-gradient(circle at 8% 50%,rgba(168,85,247,.06),transparent 18%),
    radial-gradient(circle at 96% 50%,rgba(217,70,239,.06),transparent 18%),
    linear-gradient(160deg,#05040a 0%,#020207 52%,#05030a 100%);
  box-shadow:
    0 32px 95px rgba(0,0,0,.72),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 32px rgba(168,85,247,.09);
  padding:1.15rem;color:var(--tx);
}
.boost-product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.55rem 3.45rem .9rem .55rem}
.boost-product-title{display:flex;align-items:center;gap:.8rem;min-width:0;flex:1}
.boost-product-title-copy{min-width:0;flex:1}
.boost-product-title img{width:46px;height:46px;object-fit:contain;border-radius:14px;padding:.32rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}
.boost-product-title-logo{width:46px;height:46px;border-radius:14px;padding:.32rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);flex:0 0 auto}
.boost-product-title h3{font-size:1.02rem;font-weight:900;margin-bottom:.12rem}
.boost-product-title p{display:none}
.boost-product-close{
  position:absolute;top:1rem;right:1rem;
  width:36px;height:36px;border-radius:12px;border:1px solid rgba(248,113,113,.28);
  background:rgba(20,8,14,.82);color:#fecaca;font-weight:900;cursor:pointer;flex:0 0 auto;
  box-shadow:0 0 14px rgba(239,68,68,.08);
  margin:0;z-index:2
}
.boost-product-target{display:none}
.boost-product-target label{
  font-size:.7rem;font-weight:900;color:#d8b4fe;text-transform:uppercase;letter-spacing:.08em;
}
.boost-product-target input{
  width:100%;border:none;outline:none;border-radius:15px;
  padding:.88rem .95rem;background:linear-gradient(155deg,rgba(8,8,14,.98),rgba(3,3,8,.99));
  border:1px solid rgba(188,107,255,.18);color:#faf5ff;font:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.28);
}
.boost-product-target input::placeholder{color:rgba(233,213,255,.38)}
.boost-product-target input:focus{
  border-color:rgba(217,70,239,.34);
  box-shadow:0 0 0 1px rgba(217,70,239,.2),0 14px 28px rgba(0,0,0,.32),0 0 18px rgba(168,85,247,.08);
}
.boost-product-list{display:grid;gap:.68rem}
.boost-product-option{
  position:relative;display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;
  border-radius:17px;border:1px solid rgba(181,92,255,.14);
  background:
    linear-gradient(145deg,rgba(4,4,8,.995) 0%,rgba(1,1,4,.998) 46%,rgba(5,4,10,.992) 100%);
  padding:.86rem .9rem;cursor:pointer;color:var(--tx);font-family:inherit;overflow:hidden;transition:.22s var(--e);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    0 14px 30px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.015);
}
.boost-product-option::before{display:none}
.boost-product-option::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:
    radial-gradient(circle at 100% 50%,rgba(217,70,239,.045),transparent 16%),
    linear-gradient(180deg,rgba(255,255,255,.016),transparent 22%,transparent 78%,rgba(255,255,255,.008));
}
.boost-product-option>*{position:relative;z-index:1}
.boost-product-option:hover{
  transform:translateY(-2px);border-color:rgba(217,70,239,.24);
  background:linear-gradient(145deg,rgba(6,5,11,.995) 0%,rgba(1,1,4,.998) 46%,rgba(8,5,13,.992) 100%);
  box-shadow:0 18px 40px rgba(0,0,0,.48),0 0 14px rgba(217,70,239,.06),0 0 0 1px rgba(217,70,239,.06);
}
.boost-product-option[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.boost-product-option.is-unavailable{
  opacity:.48;
  cursor:not-allowed;
  filter:saturate(.55) grayscale(.12);
  border-color:rgba(255,255,255,.1);
  background:linear-gradient(145deg,rgba(14,14,20,.98) 0%,rgba(8,8,12,.995) 100%);
}
.boost-product-option.is-unavailable:hover{
  transform:none;
  border-color:rgba(255,255,255,.1);
  box-shadow:none;
}
.boost-product-option.is-unavailable .boost-product-qty{
  color:#d1d5db;
  background:linear-gradient(135deg,#3f3f46 0%,#52525b 52%,#71717a 100%);
  box-shadow:none;
}
.boost-product-option.is-used{opacity:.58;filter:saturate(.7);cursor:pointer}
.boost-product-option.is-used:hover{transform:none;border-color:rgba(244,63,94,.22);box-shadow:0 14px 30px rgba(0,0,0,.42),0 0 0 1px rgba(244,63,94,.06)}
.boost-product-icon{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:linear-gradient(145deg,#05050a,#090611);border:1px solid rgba(217,70,239,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 20px rgba(0,0,0,.28)}
.boost-product-icon img{width:72%;height:72%;object-fit:contain}
.boost-product-option-logo{width:72%;height:72%}
.boost-product-main{min-width:0;flex:1}
.boost-product-name{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.92rem;font-weight:900;margin-bottom:.08rem}
.boost-product-meta{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap;font-size:.62rem;font-weight:900;color:#c084fc;text-transform:uppercase;letter-spacing:.06em;min-height:.9rem}
.boost-product-temp{padding:.12rem .46rem;border-radius:999px;background:rgba(217,70,239,.1);border:1px solid rgba(217,70,239,.22);color:#f0abfc}
.boost-product-qty{font-family:'Orbitron',monospace;font-size:.8rem;font-weight:900;color:#fff;padding:.48rem .82rem;border-radius:11px;background:linear-gradient(135deg,#7c3aed 0%,#c026d3 52%,#ec4899 100%);box-shadow:0 10px 22px rgba(168,85,247,.22),0 0 18px rgba(217,70,239,.16);white-space:nowrap;min-width:118px;text-align:center}
.boost-product-option.is-used .boost-product-qty{color:#14070b;background:linear-gradient(135deg,#fb7185 0%,#ef4444 48%,#be123c 100%);text-shadow:0 1px 0 rgba(255,255,255,.38);box-shadow:0 10px 24px rgba(239,68,68,.22),0 0 18px rgba(251,113,133,.16)}
.boost-product-option.is-vip-locked .boost-product-qty{
  color:#ffe58a;
  background:linear-gradient(135deg,#7c3aed 0%,#c026d3 48%,#ec4899 100%);
  border:1px solid rgba(250,204,21,.3);
  text-shadow:0 0 10px rgba(250,204,21,.42),0 1px 0 rgba(0,0,0,.28);
  box-shadow:0 12px 26px rgba(217,70,239,.22),0 0 22px rgba(250,204,21,.12);
}
.boost-product-status{display:none;margin-top:.9rem;padding:.75rem .9rem;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);font-size:.76rem;color:var(--tx2);line-height:1.55}
.boost-product-status.show{display:block}
.boost-progress-card{
  position:relative;overflow:hidden;border-radius:22px;
  background:
    radial-gradient(circle at 16% 18%,rgba(168,85,247,.18),transparent 30%),
    radial-gradient(circle at 88% 82%,rgba(217,70,239,.14),transparent 26%),
    linear-gradient(155deg,rgba(7,7,13,.992),rgba(2,2,7,.998));
  border:1px solid rgba(192,132,252,.24);
  box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025) inset,0 0 28px rgba(168,85,247,.1);
  padding:0 0 1rem;
}
.boost-progress-card::after{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 18%,transparent 82%,rgba(255,255,255,.01));
}
.boost-progress-hero{
  position:relative;z-index:1;min-height:108px;padding:1.25rem 1.2rem;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:
    radial-gradient(circle at 30% 42%,rgba(217,70,239,.26),transparent 34%),
    linear-gradient(135deg,rgba(27,10,54,.78),rgba(101,24,174,.58) 52%,rgba(217,70,239,.2));
  border-bottom:1px solid rgba(216,180,254,.12);
}
.boost-progress-hero::before{
  content:'';position:absolute;inset:0;opacity:.45;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,255,255,.5) 0 1px,transparent 1.4px),linear-gradient(135deg,rgba(255,255,255,.045) 0 1px,transparent 1px);
  background-size:72px 72px,18px 18px;
}
.boost-progress-hero .boost-progress-brand{position:relative;z-index:1;justify-content:center;text-align:left}
.boost-progress-hero .boost-progress-copy{justify-content:center}
.boost-progress-hero .boost-progress-copy strong{font-size:1.32rem;line-height:1}
.boost-progress-hero .boost-progress-copy span{display:none}
.boost-progress-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:1rem 1rem .72rem}
.boost-progress-brand{display:flex;align-items:center;gap:.7rem;min-width:0}
.boost-progress-brand img{
  width:44px;height:44px;object-fit:contain;border-radius:14px;padding:.3rem;
  background:linear-gradient(145deg,rgba(17,17,27,.98),rgba(10,10,18,.98));
  border:1px solid rgba(216,180,254,.16);
  box-shadow:0 12px 24px rgba(0,0,0,.3),0 0 20px rgba(168,85,247,.16);
}
.boost-progress-copy{min-width:0;display:flex;flex-direction:column;gap:.08rem}
.boost-progress-copy strong{font-size:1.25rem;font-weight:900;color:#f5f3ff;letter-spacing:.01em}
.boost-progress-copy span{font-size:.66rem;color:#cdb9f5}
.boost-progress-percent{
  font-family:'Orbitron',monospace;font-size:1rem;font-weight:900;letter-spacing:.02em;color:#f5f3ff;
  padding:.34rem .58rem;border-radius:999px;background:rgba(217,70,239,.11);border:1px solid rgba(217,70,239,.2);
  text-shadow:0 0 14px rgba(217,70,239,.22);
}
.boost-progress-bar{
  position:relative;z-index:1;height:11px;border-radius:999px;overflow:hidden;margin:0 1rem;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.boost-progress-bar span{
  display:block;height:100%;width:0;border-radius:inherit;
  background:linear-gradient(90deg,#7c3aed 0%,#c026d3 48%,#ec4899 100%);
  box-shadow:0 0 16px rgba(168,85,247,.34),0 0 24px rgba(217,70,239,.24);
  transition:width .55s cubic-bezier(.22,1,.36,1);
}
.boost-progress-msg{position:relative;z-index:1;display:inline-flex;align-items:center;margin:.75rem 1rem 0;padding:.42rem .68rem;border-radius:999px;background:linear-gradient(145deg,rgba(7,7,12,.96),rgba(2,2,6,.98));border:1px solid rgba(255,255,255,.075);box-shadow:0 10px 22px rgba(0,0,0,.28),0 0 16px rgba(168,85,247,.08);font-size:.72rem;font-weight:850;color:#d8d2e8;line-height:1.25}
.boost-progress-extra{position:relative;z-index:1;margin:.85rem 1rem 0;display:grid;gap:.65rem}
.boost-progress-queue{
  display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.72rem .82rem;border-radius:15px;
  background:linear-gradient(145deg,rgba(18,12,28,.96),rgba(7,5,14,.98));
  border:1px solid rgba(217,70,239,.18);box-shadow:0 12px 24px rgba(0,0,0,.22),0 0 16px rgba(217,70,239,.08);
  color:#f5f3ff;font-size:.72rem;font-weight:900;
}
.boost-progress-queue small{display:block;margin-top:.1rem;color:#cdb9f5;font-size:.64rem;font-weight:800}
.boost-progress-proof{
  display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.82rem .9rem;border-radius:16px;
  background:linear-gradient(135deg,rgba(17,24,39,.96),rgba(14,9,28,.98));
  border:1px solid rgba(99,102,241,.28);box-shadow:0 14px 28px rgba(0,0,0,.26),0 0 18px rgba(99,102,241,.12);
}
.boost-progress-proof span{color:#f5f3ff;font-size:.76rem;font-weight:900;line-height:1.35}
.boost-progress-discord{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:132px;padding:.68rem .85rem;border-radius:13px;
  color:#fff;text-decoration:none;font-size:.72rem;font-weight:950;
  background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 54%,#d946ef 100%);
  box-shadow:0 12px 26px rgba(99,102,241,.26),0 0 18px rgba(217,70,239,.16);
}
.boost-progress-card.done .boost-progress-bar span{
  background:linear-gradient(90deg,#22c55e 0%,#8b5cf6 36%,#d946ef 72%,#f472b6 100%);
  box-shadow:0 0 18px rgba(34,197,94,.18),0 0 24px rgba(217,70,239,.2);
  animation:boostBarSuccessFade 2.4s ease-out forwards;
}
.boost-progress-card.done{
  border-color:rgba(192,132,252,.24);
  box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025) inset,0 0 28px rgba(168,85,247,.1);
}
.boost-progress-card.done .boost-progress-percent{
  background:rgba(217,70,239,.11);
  border-color:rgba(217,70,239,.2);
  text-shadow:0 0 14px rgba(217,70,239,.22);
}
.boost-progress-card.done .boost-progress-msg{color:#dcfce7;background:linear-gradient(145deg,rgba(5,22,14,.9),rgba(3,10,8,.96));border-color:rgba(34,197,94,.2)}
.boost-progress-card.settled .boost-progress-bar span{
  background:linear-gradient(90deg,#7c3aed 0%,#c026d3 48%,#ec4899 100%);
  box-shadow:0 0 16px rgba(168,85,247,.34),0 0 24px rgba(217,70,239,.24);
}
.boost-progress-card.settled .boost-progress-msg{color:#dcfce7;background:linear-gradient(145deg,rgba(5,22,14,.9),rgba(3,10,8,.96));border-color:rgba(34,197,94,.2)}
@keyframes boostBarSuccessFade{
  0%,58%{background:linear-gradient(90deg,#22c55e 0%,#8b5cf6 36%,#d946ef 72%,#f472b6 100%);box-shadow:0 0 18px rgba(34,197,94,.18),0 0 24px rgba(217,70,239,.2)}
  100%{background:linear-gradient(90deg,#7c3aed 0%,#c026d3 48%,#ec4899 100%);box-shadow:0 0 16px rgba(168,85,247,.34),0 0 24px rgba(217,70,239,.24)}
}
.boost-progress-card.error .boost-progress-bar span{
  background:linear-gradient(90deg,#ef4444 0%,#fb7185 100%);
  box-shadow:0 0 14px rgba(239,68,68,.2);
}
.boost-progress-card.error .boost-progress-msg{color:#fecaca}
.boost-link-card{
  position:relative;overflow:hidden;border-radius:18px;
  background:
    radial-gradient(circle at 14% 22%,rgba(168,85,247,.12),transparent 28%),
    radial-gradient(circle at 88% 80%,rgba(217,70,239,.1),transparent 24%),
    linear-gradient(155deg,rgba(8,8,14,.985),rgba(3,3,8,.995));
  border:1px solid rgba(192,132,252,.16);
  box-shadow:0 20px 44px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.02) inset,0 0 18px rgba(168,85,247,.06);
  padding:.95rem 1rem;
}
.boost-link-card::after{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 22%,transparent 78%,rgba(255,255,255,.008));
}
.boost-link-head{position:relative;z-index:1;display:flex;align-items:center;gap:.7rem;margin-bottom:.72rem}
.boost-link-head img{
  width:38px;height:38px;object-fit:contain;border-radius:12px;padding:.28rem;
  background:linear-gradient(145deg,rgba(17,17,27,.98),rgba(10,10,18,.98));
  border:1px solid rgba(216,180,254,.16);
}
.boost-link-copy{display:flex;flex-direction:column;gap:.08rem;min-width:0}
.boost-link-copy strong{font-size:.82rem;font-weight:900;color:#f5f3ff}
.boost-link-copy span{font-size:.66rem;color:#cdb9f5}
.boost-link-field{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:.68rem;align-items:center}
.boost-link-field input{
  width:100%;border:none;outline:none;border-radius:14px;padding:.86rem .94rem;
  background:linear-gradient(155deg,rgba(8,8,14,.98),rgba(3,3,8,.99));
  border:1px solid rgba(188,107,255,.18);color:#faf5ff;font:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.28);
}
.boost-link-field input::placeholder{color:rgba(233,213,255,.38)}
.boost-link-field input:focus{
  border-color:rgba(217,70,239,.34);
  box-shadow:0 0 0 1px rgba(217,70,239,.2),0 14px 28px rgba(0,0,0,.32),0 0 18px rgba(168,85,247,.08);
}
.boost-link-btn{
  border:none;outline:none;border-radius:13px;padding:.82rem 1.08rem;min-width:114px;
  background:linear-gradient(135deg,#7c3aed 0%,#c026d3 52%,#ec4899 100%);
  color:#fff;font:inherit;font-weight:900;cursor:pointer;
  box-shadow:0 10px 22px rgba(168,85,247,.22),0 0 18px rgba(217,70,239,.16);
}
.boost-link-error{position:relative;z-index:1;margin-top:.62rem;font-size:.72rem;font-weight:800;color:#fda4af}
.boost-partner-card{
  position:relative;overflow:hidden;padding:1.35rem;border-radius:24px;text-align:center;
  background:linear-gradient(160deg,rgba(18,0,42,.98),rgba(7,0,18,.99));
  border:1px solid rgba(168,85,247,.32);
  box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 34px rgba(147,51,234,.16);
}
.boost-partner-card::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 0%,rgba(192,38,211,.22),transparent 42%),repeating-linear-gradient(45deg,transparent 0 24px,rgba(255,255,255,.018) 24px 25px);
}
.boost-partner-logo{position:relative;z-index:1;width:54px;height:54px;margin:0 auto .75rem;border-radius:16px;object-fit:contain;box-shadow:0 0 24px rgba(168,85,247,.35)}
.boost-partner-card h3{position:relative;z-index:1;font-size:1.18rem;font-weight:950;margin-bottom:.42rem;color:#fff}
.boost-partner-card p{position:relative;z-index:1;color:rgba(226,214,255,.72);font-size:.82rem;line-height:1.45;max-width:360px;margin:0 auto 1rem}
.boost-partner-cta{position:relative;z-index:1;width:100%;border:none;border-radius:14px;padding:.82rem 1rem;color:#fff;font-weight:950;cursor:pointer;background:linear-gradient(135deg,#5b21b6,#9333ea 54%,#d946ef);box-shadow:0 14px 34px rgba(147,51,234,.34)}
.boost-partner-cta:disabled{opacity:.62;cursor:wait}
.boost-partner-note{position:relative;z-index:1;margin-top:.7rem;color:rgba(190,165,220,.48);font-size:.68rem;font-weight:750}
.boost-flow-modal{
  position:fixed;inset:0;z-index:5100;display:none;align-items:center;justify-content:center;
  width:100vw;height:100vh;height:100dvh;overflow:hidden;padding:1.15rem;isolation:isolate;
  background:
    radial-gradient(circle at 20% 24%,rgba(168,85,247,.09),transparent 30%),
    radial-gradient(circle at 82% 78%,rgba(217,70,239,.075),transparent 28%),
    linear-gradient(180deg,#030208 0%,#010105 100%);
  backdrop-filter:blur(16px);
}
.boost-flow-modal.act{display:flex}
.boost-flow-sheet{
  position:relative;width:min(100%,560px);border-radius:24px;padding:0;
  background:
    radial-gradient(circle at 14% 16%,rgba(168,85,247,.12),transparent 28%),
    radial-gradient(circle at 86% 82%,rgba(217,70,239,.1),transparent 26%),
    linear-gradient(155deg,rgba(7,7,12,.992),rgba(2,2,7,.998));
  border:1px solid rgba(192,132,252,.18);
  overflow:hidden;
  box-shadow:0 26px 70px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.02) inset,0 0 24px rgba(168,85,247,.08);
}
.boost-flow-close{
  position:absolute;top:.72rem;right:.72rem;z-index:8;width:38px;height:38px;border-radius:13px;border:1px solid rgba(244,114,182,.28);
  background:linear-gradient(145deg,rgba(34,8,16,.96),rgba(10,7,18,.98));color:#fecaca;font-size:1.05rem;font-weight:900;cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.36),0 0 18px rgba(217,70,239,.12);
}
.boost-flow-close:hover{border-color:rgba(244,114,182,.5);box-shadow:0 14px 32px rgba(0,0,0,.42),0 0 22px rgba(217,70,239,.2)}
.boost-flow-body{padding:0}
.boost-flow-body .boost-link-card{margin:1rem;padding:2.9rem 1rem 1rem}
.boost-flow-modal.boost-flow-progress-mode .boost-flow-sheet{width:min(100%,600px);padding:0}
.boost-flow-modal.boost-flow-progress-mode .boost-flow-body{padding:0}
.boost-flow-modal.boost-flow-progress-mode #boostFlowStatus{display:block}
.boost-flow-modal.boost-flow-progress-mode #boostFlowStatus,
.boost-flow-modal.boost-flow-progress-mode .boost-progress-card{position:relative;z-index:2;background:#05030b}
.boost-flow-modal.boost-flow-progress-mode .boost-progress-card{border-radius:24px;padding:0 0 1rem}
.boost-flow-modal.boost-flow-progress-mode .boost-progress-hero{border-radius:24px 24px 0 0;margin:0}
.boost-flow-modal.boost-flow-progress-mode .boost-flow-close{top:.72rem;right:.72rem}
.boost-flow-modal.boost-flow-vip-mode .boost-flow-close{
  top:2rem;right:2rem;width:44px;height:44px;border-radius:16px;
  color:#fecaca;border-color:rgba(248,113,113,.34);
  background:linear-gradient(145deg,rgba(42,9,17,.96),rgba(12,8,18,.98));
  box-shadow:0 12px 28px rgba(0,0,0,.4),0 0 18px rgba(239,68,68,.1);
}
.boost-vip-required{
  position:relative;margin:1rem;padding:1.35rem;border-radius:22px;overflow:hidden;
  background:
    radial-gradient(circle at 18% 14%,rgba(250,204,21,.16),transparent 28%),
    radial-gradient(circle at 86% 84%,rgba(217,70,239,.14),transparent 30%),
    linear-gradient(155deg,rgba(9,6,16,.98),rgba(3,3,8,.995));
  border:1px solid rgba(250,204,21,.26);
  box-shadow:0 22px 55px rgba(0,0,0,.5),0 0 28px rgba(168,85,247,.12),0 0 0 1px rgba(255,255,255,.03) inset;
  text-align:center;
}
.boost-vip-required::before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:
    radial-gradient(circle at 22% 32%,rgba(255,255,255,.18) 0 1px,transparent 2px),
    radial-gradient(circle at 70% 18%,rgba(255,255,255,.16) 0 1px,transparent 2px),
    radial-gradient(circle at 82% 70%,rgba(255,255,255,.12) 0 1px,transparent 2px);
  background-size:180px 130px,210px 170px,150px 190px;
}
.boost-vip-required>*{position:relative;z-index:1}
.boost-vip-crown{
  width:58px;height:58px;margin:0 auto .8rem;border-radius:18px;display:flex;align-items:center;justify-content:center;
  font-size:1.65rem;background:linear-gradient(135deg,rgba(250,204,21,.2),rgba(168,85,247,.16));
  border:1px solid rgba(250,204,21,.26);box-shadow:0 12px 26px rgba(0,0,0,.34),0 0 20px rgba(250,204,21,.14);
}
.boost-vip-required h3{margin:0;color:#fff;font-size:1.28rem;font-weight:950;letter-spacing:.01em}
.boost-vip-required p{margin:.45rem auto 1rem;max-width:360px;color:rgba(233,213,255,.76);font-size:.86rem;line-height:1.55}
.boost-vip-required .boost-vip-cta{
  width:100%;border:0;border-radius:16px;padding:.92rem 1rem;cursor:pointer;color:#201107;font:inherit;font-weight:950;
  background:linear-gradient(135deg,#fde68a 0%,#f59e0b 38%,#c026d3 100%);
  box-shadow:0 14px 30px rgba(245,158,11,.18),0 0 24px rgba(217,70,239,.16);
}
.boost-vip-required .boost-vip-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:860px){
  .boost-mode-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}
  .boost-platform-stage{max-width:100vw;margin-left:-1rem;margin-right:-1rem}
  .boost-platform-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;overflow-x:visible;padding:.15rem 0 .5rem}
  .boost-platform-card{transform:none;opacity:1}
  .boost-platform-card.active{transform:none;opacity:1}
  .boost-slider-btn{display:none}
  .boost-platform-dots{display:none}
  .boost-step-card{margin-left:0;margin-right:0;padding:1.25rem}
  .boost-platform-card .sci{height:158px!important}
  .boost-platform-card .sc-logo-shell{width:110px!important;height:82px!important;border-radius:21px!important}
  .boost-platform-card.instagram .sc-logo-shell{width:92px!important;height:92px!important;border-radius:22px!important}
  .boost-platform-card .sc-body{min-height:108px}
}
@media(max-width:620px){
  .type-grid .topt{min-height:104px;padding:.85rem .92rem}
  .type-grid .topt .tico{margin-bottom:.32rem}
  .type-grid .topt p{margin-top:.18rem;max-width:100%}
  .boost-hero{padding-top:56px;min-height:clamp(170px,24vh,220px)}
  .boost-hero-content{padding:1.1rem .85rem .55rem}
  .boost-hero-title{font-size:clamp(1.55rem,10vw,2.05rem)}
  .boost-hero-sub{font-size:.78rem;line-height:1.55;margin-bottom:.75rem;max-width:320px}
  .boost-body{padding:.15rem .85rem 3rem}
  .boost-stepper{max-width:100%;margin-bottom:.95rem}
  .boost-stepper .stp{min-width:48px}
  .boost-stepper .scn{max-width:24px}
  .boost-stepper .stc{width:31px;height:31px;font-size:.68rem}
  .boost-stepper .stl{font-size:.52rem;letter-spacing:.045em}
  .boost-type-grid{grid-template-columns:1fr!important;gap:1rem!important;justify-content:stretch}
  .boost-type-grid .topt{width:100%;margin:0;min-height:104px;padding:.85rem .92rem}
  .boost-platform-stage{max-width:100%;margin-left:0;margin-right:0}
  .boost-platform-track{grid-template-columns:minmax(0,min(86vw,342px))!important;justify-content:center;gap:1.18rem;padding:.2rem .55rem .7rem}
  .boost-platform-card{width:100%;margin:0 auto;transform:none!important;transition:border-color .18s ease,box-shadow .18s ease!important;will-change:auto}
  .boost-platform-card:hover{transform:none!important}
  .boost-platform-card::after,.boost-platform-card .sci,.boost-platform-card .sci::before,.boost-platform-card .sci::after{animation:none!important;transition:none!important}
  .boost-platform-card:hover .sc-bg-img,.boost-platform-card .sc-bg-img{transform:scale(var(--shop-img-scale,1))!important;filter:none!important}
  .boost-platform-card:hover .sc-logo-shell,.boost-platform-card .sc-logo-shell{transform:none!important}
  .boost-platform-card:hover .sc-logo-shell img{transform:scale(var(--shop-logo-img-scale,1))!important}
  .boost-platform-card .sci{height:118px!important}
  .boost-platform-card .sc-logo-shell{width:88px!important;height:66px!important;border-radius:17px!important}
  .boost-platform-card.instagram .sc-logo-shell{width:74px!important;height:74px!important;border-radius:18px!important}
  .boost-platform-card .sc-logo-shell img{padding:.24rem}
  .boost-platform-card .sc-body{min-height:102px;padding:.82rem .9rem .95rem}
  .boost-platform-card .sc-nm{font-size:.88rem}
  .boost-product-modal{
    position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100svh!important;height:100dvh!important;
    padding:1rem .72rem;align-items:center;justify-content:center;overflow:hidden!important;background:#010105!important;
  }
  .boost-product-sheet{
    width:min(92vw,430px);
    max-height:calc(100dvh - 2.2rem);
    border-radius:22px;
    padding:.9rem;
    margin:auto;
    overscroll-behavior:contain;
  }
  .boost-product-head{align-items:flex-start;padding:.35rem 3.2rem .8rem .2rem}
  .boost-product-close{top:.82rem;right:.82rem}
  .boost-product-target{padding:.05rem 0 .8rem}
  .boost-product-option{padding:.72rem;gap:.66rem}
  .boost-product-icon{width:46px;height:46px;border-radius:14px}
  .boost-product-qty{font-size:.72rem;padding:.38rem .56rem}
  .boost-progress-card{padding:0 0 1rem}
  .boost-progress-brand img{width:34px;height:34px}
  .boost-link-card{padding:.85rem .88rem}
  .boost-link-head img{width:34px;height:34px}
  .boost-link-field{grid-template-columns:1fr}
  .boost-link-btn{width:100%}
  .boost-flow-modal{
    position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100svh!important;height:100dvh!important;
    align-items:center;justify-content:center;padding:1rem .72rem;overflow:hidden!important;background:#010105!important;
  }
  .boost-flow-sheet{
    width:min(92vw,430px);
    max-height:calc(100dvh - 2.2rem);
    overflow:auto;
    border-radius:24px;
    padding:0;
    margin:auto;
    overscroll-behavior:contain;
  }
  .boost-flow-close{top:.7rem;right:.7rem;width:38px;height:38px}
  .boost-flow-modal.boost-flow-vip-mode .boost-flow-close{top:1.55rem;right:1.55rem}
  .boost-flow-body .boost-link-card{margin:.9rem;padding:2.85rem .88rem .9rem}
  .boost-flow-modal.boost-flow-progress-mode .boost-flow-sheet{border-radius:24px}
  .boost-flow-modal.boost-flow-progress-mode .boost-progress-card{border-radius:24px}
  .boost-flow-modal.boost-flow-progress-mode .boost-progress-hero{border-radius:24px 24px 0 0}
}

@media(max-width:768px){
  html,body{scroll-behavior:auto}
  nav,.mmenu,.card,.bdg,.sv-badge,.site-footer,.chat-context-menu,.chat-attach-menu,.chat-image-viewer-close,.chat-profile-modal,#chatPanel,#chatBackdrop,#chatToggle,.sc-cnt,.sdm-close,.co-card2,.mover,.boost-platform-card,.boost-slider-btn,.boost-product-modal,.boost-flow-modal,#accountRestrictionOverlay{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  nav{background:rgba(4,0,16,.96)!important}
  .mmenu{background:rgba(4,0,16,.99)!important}
  .card,.co-card2{background:rgba(12,2,28,.92)!important}
  #chatPanel{background:rgba(6,0,18,.99)!important}
  #chatBackdrop{background:rgba(2,0,8,.18)!important}
  .mover{background:rgba(0,0,0,.78)!important}
  .boost-product-modal,.boost-flow-modal{background:rgba(1,1,7,.96)!important}
  .chat-context-menu,.chat-attach-menu{background:rgba(13,2,28,.99)!important}
}

/* ========== END TRUSTBOOST ========== */
.vip-duration-card{
  position:relative;
  width:min(460px,calc(100vw - 32px));
  margin:auto;
  padding:1.35rem;
  border:1px solid rgba(168,85,247,.42);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(28,8,45,.98),rgba(7,2,16,.98));
  box-shadow:0 24px 80px rgba(0,0,0,.62),0 0 34px rgba(168,85,247,.22);
}
.vip-duration-modal{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
  background:rgba(2,0,8,.76);
  backdrop-filter:blur(14px);
  z-index:2200;
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease;
}
.vip-duration-modal.open{
  opacity:1;
  pointer-events:auto;
}
.vip-duration-modal .modal{
  max-width:min(460px,calc(100vw - 32px));
  width:min(460px,calc(100vw - 32px));
  padding:0;
  background:none;
  border:none;
  transform:scale(.94) translateY(10px);
}
.vip-duration-modal.open .modal{
  transform:scale(1) translateY(0);
}
.vip-duration-card .x{
  position:absolute;
  top:.8rem;
  right:.8rem;
}
.vip-duration-head{
  display:flex;
  align-items:center;
  gap:.9rem;
  margin-bottom:1rem;
}
.vip-duration-head img{
  width:48px;
  height:48px;
  max-width:48px;
  max-height:48px;
  object-fit:contain;
  display:block;
  flex:0 0 48px;
  border-radius:16px;
  background:rgba(168,85,247,.16);
  box-shadow:0 0 22px rgba(168,85,247,.28);
}
.vip-duration-head h3{
  margin:0;
  font-family:'Orbitron',monospace;
  font-size:1.25rem;
  color:#fff;
}
.vip-duration-head p{
  margin:.18rem 0 0;
  color:var(--tx2);
  font-size:.82rem;
}
.vip-duration-options{
  display:grid;
  gap:.7rem;
}
.vip-duration-option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:1rem 1.05rem;
  border-radius:18px;
  border:1px solid rgba(168,85,247,.32);
  background:rgba(255,255,255,.045);
  color:#fff;
  cursor:pointer;
  font-family:'Orbitron',monospace;
  font-weight:900;
}
.vip-duration-option.plus{
  border-color:rgba(217,70,239,.5);
  background:linear-gradient(135deg,rgba(147,51,234,.18),rgba(217,70,239,.12));
}
.vip-duration-option.normal{
  border-color:rgba(180,83,9,.5);
  background:linear-gradient(135deg,rgba(120,53,15,.2),rgba(245,158,11,.1));
}
.vip-duration-option:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(168,85,247,.18);
}
.vip-admin-plan{
  padding:1rem;
  border:1px solid rgba(168,85,247,.24);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}
.vip-admin-head,.vip-admin-price-row,.vip-admin-feature-row{
  display:flex;
  align-items:center;
  gap:.7rem;
}
.vip-admin-head{justify-content:space-between;margin-bottom:.8rem}
.vip-admin-muted,.vip-admin-price-row span,.vip-admin-note{
  display:block;
  color:var(--tx3);
  font-size:.72rem;
  margin-top:.18rem;
}
.vip-admin-pill{
  padding:.28rem .55rem;
  border-radius:999px;
  background:rgba(168,85,247,.16);
  border:1px solid rgba(168,85,247,.3);
  color:#e9d5ff;
  font-weight:900;
  font-size:.68rem;
  text-transform:uppercase;
}
.vip-admin-section-title{
  margin:.95rem 0 .5rem;
  color:#c084fc;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.vip-admin-lang-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.55rem;
}
.vip-admin-lang-grid label{
  color:var(--tx2);
  font-size:.68rem;
  font-weight:800;
  text-transform:uppercase;
}
.vip-admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.65rem;
}
.vip-admin-features{
  display:grid;
  gap:.5rem;
  margin-bottom:.6rem;
}
.vip-admin-feature-row select{max-width:130px}
.vip-admin-feature-row input{min-width:0}
.vip-admin-prices{
  display:grid;
  gap:.55rem;
}
.vip-admin-price-row{
  justify-content:space-between;
  padding:.65rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(0,0,0,.18);
}
.vip-admin-price-row input{
  max-width:120px;
  text-align:right;
}
@media(max-width:760px){
  .vip-admin-lang-grid{grid-template-columns:1fr}
  .vip-admin-feature-row{display:grid;grid-template-columns:1fr}
  .vip-admin-feature-row select,.vip-admin-price-row input{max-width:none}
  .vip-admin-price-row{align-items:stretch;flex-direction:column}
}

/* PROXIES PRICING TABLE */
.proxies-pricing-wrapper {
  position: relative;
  border-radius: 18px;
  padding: 2px;
  background: transparent;
  max-width: 1140px;
  margin: 3rem auto 0;
  box-shadow: 0 0 30px rgba(167, 139, 250, 0.15);
  z-index: 1;
}

.proxy-wrapper-border-anim {
  position: absolute;
  inset: 0;
  border-radius: 18px;
  overflow: hidden;
  z-index: -1;
}

.proxy-wrapper-border-anim::before {
  content: '';
  position: absolute;
  top: -50%; left: -50%; width: 200%; height: 200%;
  background: conic-gradient(transparent, rgba(167, 139, 250, 0.7), transparent 30%);
  animation: rotate-border 4s linear infinite;
}

.proxies-pricing-inner {
  background: #0a0310;
  border-radius: 17px;
  padding: 2.5rem;
  position: relative;
  z-index: 2;
}

.proxies-pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  align-items: end;
}

.proxy-card {
  position: relative;
  border-radius: 14px;
  padding: 1px; /* Static border thickness */
  background: rgba(255,255,255,0.08); /* Static border color */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 1;
}
.proxy-card:hover {
  transform: translateY(-5px);
  background: rgba(167, 139, 250, 0.4);
  box-shadow: 0 10px 30px rgba(167, 139, 250, 0.1);
}

.proxy-card-inner {
  background: #0a0310; /* Dark background matching the site */
  border-radius: 13px;
  padding: 2rem 1.5rem;
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Popular animated card is now static highlight */
.proxy-card-popular {
  background: linear-gradient(180deg, rgba(167, 139, 250, 0.15) 0%, rgba(255,255,255,0.03) 100%);
  border: 1px solid rgba(167, 139, 250, 0.6);
  padding: 1px;
  box-shadow: 0 0 20px rgba(167, 139, 250, 0.1);
}

@keyframes rotate-border {
  100% { transform: rotate(360deg); }
}

.proxy-popular-tag {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #a78bfa;
  color: #110030;
  font-weight: 800;
  font-size: 0.75rem;
  padding: 0.2rem 1rem;
  border-radius: 20px;
  white-space: nowrap;
  z-index: 3;
}

.proxy-gb {
  font-size: 2rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 1rem;
  background: rgba(167, 139, 250, 0.12);
  display: inline-block;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
}
.proxy-gb-pop {
  background: rgba(167, 139, 250, 0.25);
}
.proxy-price {
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
}
.proxy-price-pop {
  color: #a78bfa;
}
.proxy-unit {
  font-size: 1rem;
  color: var(--tx2);
  font-weight: 500;
}
.proxy-btn {
  width: 100%;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.proxy-desc {
  font-size: 0.85rem;
  color: var(--tx2);
  line-height: 1.4;
}

@media(max-width: 900px) {
  .proxies-pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width: 600px) {
  .proxies-pricing-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}