*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}html,body,#root{height:100%}body,body[data-theme=dark]{--vl-bg: #0a0c14;--vl-text: #e9edf8;--vl-sub: #a6aec9;--vl-ghost: #5d6788;--vl-bd: #1a1e30;--vl-bd2: #262b45;--vl-mag: #d43df1;--vl-mag-h: #e364fa;--vl-mag-l: #e879f9;--vl-mag-lh: #f0abfc;--vl-mag-bd: #d43df166;--vl-red: #ff6b7a;--vl-red-bg: #ff6b7a22;--vl-row-hov: #12162399;--vl-row-hov2: #12162366;--vl-sel-text: #0a0c14}body[data-theme=light]{--vl-bg: #f2f3f8;--vl-text: #171923;--vl-sub: #454a5c;--vl-ghost: #9aa0b3;--vl-bd: #d4d7e3;--vl-bd2: #d4d7e3;--vl-mag: #ad1fd6;--vl-mag-h: #9718bd;--vl-mag-l: #8a19ab;--vl-mag-lh: #6f1489;--vl-mag-bd: #ad1fd666;--vl-red: #c22f45;--vl-red-bg: #c22f4522;--vl-row-hov: #1719230d;--vl-row-hov2: #17192308;--vl-sel-text: #ffffff}body{background:var(--vl-bg);font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--vl-text);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:var(--vl-mag-l);text-decoration:none}a:hover{color:var(--vl-mag-lh)}input{font-family:inherit}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--vl-mag);outline-offset:2px}::placeholder{color:var(--vl-ghost)}::selection{background:var(--vl-mag);color:var(--vl-sel-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--vl-bd);border-radius:5px}::-webkit-scrollbar-track{background:transparent}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}@keyframes vl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes vl-glow{0%,to{filter:drop-shadow(0 0 5px rgba(212,61,241,.4))}50%{filter:drop-shadow(0 0 14px rgba(212,61,241,.85))}}@keyframes vl-toast{0%{opacity:0;transform:translate(-50%) translateY(8px)}12%,88%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(8px)}}@keyframes vl-warp{0%{transform:scale(1) rotate(0);opacity:1;filter:drop-shadow(0 0 10px rgba(212,61,241,.5))}35%{transform:scale(1.22) rotate(-6deg);opacity:1;filter:drop-shadow(0 0 26px rgba(212,61,241,.9))}70%{transform:scale(.55) rotate(14deg);opacity:1}92%{transform:scale(.04) rotate(50deg);opacity:1}to{transform:scale(0) rotate(60deg);opacity:0}}@keyframes vl-ringin{0%{transform:scale(2.6);opacity:0}25%{opacity:.9}75%{transform:scale(.25);opacity:.7}to{transform:scale(.05);opacity:0}}@keyframes vl-ringin2{0%{transform:scale(3.4);opacity:0}35%{opacity:.5}to{transform:scale(.1);opacity:0}}@keyframes vl-burst{0%,78%{transform:scale(.1);opacity:0}84%{transform:scale(.4);opacity:1}to{transform:scale(3.4);opacity:0}}@keyframes vl-fadein{0%{opacity:0}to{opacity:1}}@keyframes vl-slidein{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes vl-sheet{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.vl-hov-mag:hover{background:var(--vl-mag-h)!important}.vl-hov-text:hover{color:var(--vl-text)!important}.vl-hov-sub:hover{color:var(--vl-sub)!important}.vl-hov-maglight:hover{color:var(--vl-mag-l)!important}.vl-hov-red:hover{color:var(--vl-red)!important}.vl-hov-redbg:hover{background:var(--vl-red-bg)!important}.vl-hov-row:hover{background:var(--vl-row-hov)}.vl-hov-row2:hover{background:var(--vl-row-hov2)}.vl-hov-under:hover{text-decoration:underline}.vl-hov-bd:hover{border-color:var(--vl-bd2)!important}.vl-hov-bdmag:hover{border-color:var(--vl-mag-bd)!important}
