:root{--bg: #050507;--ink: #f5f6fb;--muted: #c5c9d6;--accent: #ff5f6d;--accent-2: #7f5cff;--card: rgba(12, 12, 16, .9);--glass: rgba(14, 14, 18, .7);--border: rgba(255, 255, 255, .06);--shadow: 0 30px 80px rgba(0, 0, 0, .55);font-family:Clash Grotesk,Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(50% 40% at 20% 20%,rgba(255,95,109,.25),transparent 45%),radial-gradient(50% 40% at 80% 20%,rgba(127,92,255,.25),transparent 45%),var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.glass{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;padding:12px 18px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 14px 30px #ff6f3c59}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{background:#ffffff14;color:var(--ink);border:1px solid var(--border)}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffff14;border:1px solid var(--border);font-weight:600}.reveal{opacity:0;transform:translateY(14px);animation:fadeUp .65s ease forwards}.reveal.d1{animation-delay:.14s}.reveal.d2{animation-delay:.28s}.reveal.d3{animation-delay:.42s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.fade-rise{opacity:0;transform:translateY(14px);animation:fadeRise .7s ease forwards}.fade-rise.d1{animation-delay:.12s}.fade-rise.d2{animation-delay:.24s}.fade-rise.d3{animation-delay:.36s}@keyframes fadeRise{to{opacity:1;transform:translateY(0)}}.hover-glow{transition:transform .18s ease,box-shadow .22s ease,background .18s ease,color .18s ease}.hover-glow:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000059,0 8px 24px #ff5f6d2e}.icon-hover{transition:transform .16s ease,color .16s ease}.icon-hover:hover{transform:translateY(-1px) scale(1.05);color:var(--accent)}.logo-dropdown{position:absolute;top:48px;left:0;background:#0c0c10;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:8px;width:180px;z-index:60}.sidebar-whatnot{background:#07080ce6;border-right:1px solid var(--border);padding:28px 20px;color:var(--ink)}.sidebar-whatnot .section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8a;margin-bottom:10px}.sidebar-whatnot .nav-chip{text-align:left;border-radius:12px;padding:12px 14px;font-weight:700;background:#ffffff0a;border:1px solid var(--border);color:#fff;transition:box-shadow .18s ease,transform .18s ease,color .18s ease,background .18s ease}.sidebar-whatnot .nav-chip.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#111;box-shadow:0 12px 26px #ff5f6d47}.sidebar-whatnot .nav-chip:hover{transform:translateY(-1px);box-shadow:0 10px 18px #00000059}.sidebar-whatnot .category-scroll{max-height:calc(100vh - 260px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:6px}.sidebar-whatnot .nav-link{text-align:left;padding:8px 6px;font-size:15px;color:#ffffffb8;border-radius:10px;transition:color .16s ease,transform .16s ease,background .16s ease}.sidebar-whatnot .nav-link:hover{color:#fff;background:#ffffff14}.sidebar-whatnot .nav-link.active{color:#fff;font-weight:700}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(40% 30% at 20% 20%,rgba(255,111,60,.35),transparent 45%),radial-gradient(40% 30% at 80% 20%,rgba(211,75,255,.35),transparent 45%),radial-gradient(60% 45% at 50% 70%,rgba(255,111,60,.2),transparent 55%),var(--bg);filter:saturate(120%)}.video-frame{border-radius:28px;overflow:hidden;position:relative;box-shadow:0 30px 80px #00000080;border:1px solid var(--border)}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#05050740,#0505078c)}.live-room,.seller-hub{background:radial-gradient(50% 40% at 20% 20%,rgba(255,95,109,.25),transparent 45%),radial-gradient(50% 40% at 80% 10%,rgba(127,92,255,.25),transparent 45%),#050507}.page-hero{position:relative;overflow:hidden;border-radius:28px;padding:28px;background:linear-gradient(135deg,#ff5f6d29,#7f5cff33);border:1px solid var(--border);box-shadow:var(--shadow)}.page-hero h1{margin:0;color:#fff}.page-hero p{color:#fffc}.glass-card{background:#ffffff08;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.pill-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;background:#ffffff0f;color:#fff;border:1px solid var(--border);font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff14;border:1px solid var(--border);font-weight:600;color:#fff}.ticker{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;padding:8px 14px;border-radius:12px;border:1px solid var(--border)}.bg-gray-900,.bg-gray-800,.bg-gray-700,.bg-gray-600{background:#ffffff0f!important;color:var(--ink)!important}.bg-gray-900{background:#050507!important}.text-white,.text-gray-100,.text-gray-200,.text-gray-300,.text-gray-400{color:var(--ink)!important}.border-gray-800,.border-gray-700,.border-gray-600{border-color:var(--border)!important}.bg-orange-600,.bg-orange-500{background:linear-gradient(135deg,var(--accent),#ff9a62)!important;color:#fff!important}.hover\:bg-orange-500:hover{background:#ff8b54!important}.hover\:bg-gray-800:hover,.hover\:bg-gray-700:hover{background:#ffffff1a!important;color:var(--ink)!important}.text-orange-400,.text-orange-500{color:var(--accent)!important}.bg-black\/50,.bg-black\/60,.bg-black\/70,.bg-black\/40,.bg-black\/20{background:#00000073!important}.rounded-lg,.rounded-md,.rounded-xl{border-radius:16px!important}.shadow-lg,.shadow-xl{box-shadow:var(--shadow)!important}.text-gray-500{color:var(--muted)!important}.bg-gray-100{background:#ffffff14!important;color:var(--ink)!important}.bg-white{background:#ffffff0d!important;color:var(--ink)!important}