:root{--bg:#0c0a14;--panel:#ffffff0d;--border:#ffffff17;--text:#ece8f4;--dim:#ece8f48c;--violet:oklch(72% .13 312);--blue:oklch(74% .11 252)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:Manrope,sans-serif}body.vip-mobile{overflow:hidden}body.vip-desktop{overflow:hidden auto}#root{width:100%}button{cursor:pointer;font-family:inherit}.stage{background:radial-gradient(120% 60% at 50% 0,#16101f,#050409);justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex}.phone{background:var(--bg);width:100%;height:100dvh;position:relative;overflow:hidden}.scroll{-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(112px + env(safe-area-inset-bottom,0px));position:absolute;inset:0;overflow:hidden auto}.hrow{scroll-snap-type:x mandatory;gap:14px;padding:0 24px 4px;scroll-padding-left:24px;display:flex;overflow-x:auto}.hrow>*{scroll-snap-align:start}.scroll::-webkit-scrollbar{display:none}.hrow::-webkit-scrollbar{display:none}.scroll,.hrow{scrollbar-width:none}.mtrack{will-change:transform;gap:12px;width:max-content;display:flex}.layout{grid-template-columns:340px 1fr;align-items:start;gap:28px;display:grid}@media (width<=1080px){.layout{grid-template-columns:1fr!important}.side{position:static!important}}.grid-media{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=720px){.grid-media{grid-template-columns:repeat(2,1fr)!important}}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}body.vip-desktop::-webkit-scrollbar{width:10px;height:10px}body.vip-desktop::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}@keyframes fill{0%{width:0}to{width:100%}}@keyframes vIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}
