/* VYNEXA V58 — motion + premium visual system */
:root{--vx-red:#ef2639;--vx-violet:#9c63ff;--vx-pink:#f24d8d;--vx-cyan:#61d8ff;--vx-ease:cubic-bezier(.2,.75,.2,1)}
html{background:#060608}body{overflow-x:hidden}body::before{content:"";position:fixed;z-index:-2;inset:-25%;pointer-events:none;background:radial-gradient(circle at 14% 18%,rgba(239,38,57,.11),transparent 22%),radial-gradient(circle at 82% 12%,rgba(156,99,255,.10),transparent 24%),radial-gradient(circle at 64% 82%,rgba(97,216,255,.05),transparent 20%);filter:blur(8px);animation:vxAmbient 18s ease-in-out infinite alternate}@keyframes vxAmbient{to{transform:translate3d(2%,-1%,0) scale(1.04)}}
.glass,.card,.panel,.creatorCard,.item,.kpi,.previewCard,.notice,.profileHero{position:relative;isolation:isolate;transition:transform .28s var(--vx-ease),border-color .28s ease,box-shadow .28s ease,background-color .28s ease}.glass::before,.card::before,.panel::before,.creatorCard::before,.profileHero::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--vx-x,50%) var(--vx-y,0%),rgba(255,255,255,.055),transparent 42%);opacity:.75}@media(hover:hover){.card:hover,.creatorCard:hover,.panel:hover,.profileHero:hover{transform:translateY(-3px);border-color:rgba(239,38,57,.25);box-shadow:0 20px 60px rgba(0,0,0,.32),0 0 26px rgba(239,38,57,.07)}}
.nav a{transition:transform .22s var(--vx-ease),background .22s,border-color .22s,box-shadow .22s,color .22s}@media(hover:hover){.nav a:hover{transform:translateX(4px)}}.nav a.active{box-shadow:inset 3px 0 0 var(--vx-red),0 0 24px rgba(239,38,57,.08)!important}.nav a.active .dot{box-shadow:0 0 0 4px rgba(239,38,57,.11),0 0 13px rgba(239,38,57,.65)}.dot{animation:vxDot 2.8s ease-in-out infinite}@keyframes vxDot{50%{filter:brightness(1.7);transform:scale(1.12)}}
button,.cta,.follow,.smallbtn,.iconbtn,.tagbtn,.btn{position:relative;overflow:hidden;transition:transform .18s var(--vx-ease),box-shadow .22s,border-color .22s,filter .22s!important}.cta,.follow,.smallbtn,.btn{background:linear-gradient(135deg,rgba(239,38,57,.14),rgba(156,99,255,.09) 52%,rgba(17,18,23,.98))!important;border-color:rgba(239,38,57,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.18)}@media(hover:hover){button:hover,.cta:hover,.follow:hover,.smallbtn:hover,.iconbtn:hover,.tagbtn:hover,.btn:hover{transform:translateY(-2px) scale(1.012);filter:brightness(1.12);box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 20px rgba(239,38,57,.10)}}button:active,.cta:active,.follow:active,.smallbtn:active,.iconbtn:active,.tagbtn:active,.btn:active{transform:translateY(0) scale(.985)!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(156,99,255,.75)!important;outline-offset:2px}.vx-ripple{position:absolute;border-radius:999px;pointer-events:none;transform:translate(-50%,-50%) scale(0);background:rgba(255,255,255,.22);animation:vxRipple .6s ease-out forwards}@keyframes vxRipple{to{transform:translate(-50%,-50%) scale(10);opacity:0}}.vx-reveal{opacity:0;transform:translateY(12px) scale(.99)}.vx-reveal.vx-in{opacity:1;transform:none;transition:opacity .46s var(--vx-ease),transform .46s var(--vx-ease)}
.vx-online-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#50e08a;box-shadow:0 0 0 4px rgba(80,224,138,.10),0 0 12px rgba(80,224,138,.65);animation:vxOnline 1.8s ease-in-out infinite;vertical-align:middle}@keyframes vxOnline{50%{box-shadow:0 0 0 7px rgba(80,224,138,.04),0 0 18px rgba(80,224,138,.8)}}.vx-offline-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#6f737d;vertical-align:middle}.vx-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vx-profile-card{min-width:0;padding:16px;border-radius:22px;background:linear-gradient(145deg,rgba(17,18,23,.96),rgba(9,10,13,.96));border:1px solid rgba(255,255,255,.075);box-shadow:0 16px 42px rgba(0,0,0,.18)}.vx-profile-card .vx-profile-head{display:flex;align-items:center;gap:12px;min-width:0}.vx-profile-card .vx-profile-info{min-width:0;flex:1}.vx-profile-card .vx-profile-info strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx-profile-card .vx-profile-info .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx-avatar-shell{position:relative;flex:0 0 auto;width:72px;height:72px}.vx-avatar-shell .avatar,.vx-avatar-shell img,.vx-avatar-shell video{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(239,38,57,.72);background:#0b0c10;display:block}.vx-avatar-shell.online::after{content:"";position:absolute;right:2px;bottom:5px;width:13px;height:13px;border-radius:50%;background:#50e08a;border:3px solid #0e0f13;box-shadow:0 0 13px rgba(80,224,138,.8)}.vx-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.vx-profile-actions>a,.vx-profile-actions>button{min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center}.vx-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:4px 0 12px}.vx-section-head .vx-count{font-size:12px;color:#aeb2bb;padding:6px 9px;border-radius:999px;background:#111319;border:1px solid rgba(255,255,255,.06)}.vx-home-hero{padding:22px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(112,8,18,.30),rgba(14,15,19,.97) 48%,rgba(51,30,92,.18));border:1px solid rgba(239,38,57,.17)}.vx-home-hero::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-120px;background:rgba(156,99,255,.14);filter:blur(25px)}.vx-home-hero h1{margin:0}.vx-home-hero p{max-width:660px;color:#aeb1ba;line-height:1.55;margin:7px 0 0}.vx-home-hero .vx-live{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 11px;border-radius:999px;background:rgba(8,12,10,.55);border:1px solid rgba(80,224,138,.18);font-size:12px;color:#c9f7d7}.vx-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vx-profile-post{border-radius:22px;overflow:hidden}.vx-profile-post .media,.vx-profile-post .mediaReal,.vx-profile-post .mediaVideo{height:auto!important;min-height:0!important;aspect-ratio:4/5;object-fit:cover}.vx-profile-status{display:inline-flex;align-items:center;gap:7px;margin-top:7px;font-size:12px;color:#b9bdc5}
@media(max-width:1180px){.vx-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.vx-profile-grid,.vx-post-grid{grid-template-columns:1fr!important}.vx-profile-card{padding:14px}.vx-home-hero{padding:17px}.vx-section-head{align-items:flex-start;flex-direction:column}.vx-profile-actions{grid-template-columns:1fr 1fr}}@media(max-width:520px){.vx-avatar-shell,.vx-avatar-shell .avatar,.vx-avatar-shell img,.vx-avatar-shell video{width:62px;height:62px}.vx-profile-actions{grid-template-columns:1fr}.vx-home-hero p{font-size:13px}.vx-profile-card{border-radius:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.vx-reveal{opacity:1!important;transform:none!important}}