@keyframes nav-drop{0%{opacity:0;transform:translateY(-50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar{z-index:1000;background:var(--back-color);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);box-shadow:var(--shadow);border:var(--border);border-radius:var(--radius-lg);box-sizing:border-box;width:calc(100% - 40px);max-width:800px;transition:all .4s var(--bounce);animation:nav-drop .8s var(--bounce) forwards;transform-origin:top;justify-content:space-between;align-items:center;gap:0;margin:20px auto;padding:10px 20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:sticky;top:20px}html[data-vt-navigation] .navbar{animation:none}@media (prefers-reduced-motion:reduce){.navbar,.navbar *{transition:none!important;animation:none!important}.navbar-left a:hover,.navbar-left a:active,.navbar-center>a:hover,.navbar-center>a:active,.nav-dropdown:hover .nav-dropdown-trigger,.nav-dropdown-trigger:active,.nav-dropdown-content a:hover,.nav-social:hover,.nav-social:active,.nav-social:hover svg{transform:none}}.navbar summary{font-family:inherit;list-style:none}.navbar summary::-webkit-details-marker{display:none}.navbar summary:focus-visible,.navbar a:focus-visible{outline:2px solid var(--text-primary,#fff);outline-offset:4px}.navbar-left a{color:var(--text-primary);text-shadow:var(--shadowTiny);transition:all .4s var(--bounce);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-avatar{object-fit:cover;width:24px;height:24px;box-shadow:var(--shadowTiny);border:2px solid var(--border-col);border-radius:50%}.navbar-left a:hover{color:var(--link-color);background:#ffffff0d;transform:scale(1.05)rotate(-2deg)}.navbar-left a:active{transform:scale(.9)}.navbar-left,.navbar-center{display:contents}.navbar-center>a,.nav-dropdown-trigger{color:var(--text-secondary);text-shadow:var(--shadowTiny);transition:all .4s var(--bounce);cursor:pointer;white-space:nowrap;border-radius:20px;padding:8px 16px;font-weight:700;text-decoration:none;display:inline-block}.navbar-center>a:hover,.nav-dropdown:hover .nav-dropdown-trigger{color:var(--text-primary);background:#ffffff14;transform:scale(1.05)}.navbar-center>a:active,.nav-dropdown-trigger:active{background:#ffffff1f;transform:scale(.9)}.nav-dropdown{display:inline-block;position:relative}.nav-dropdown-content{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(40px)saturate(200%);backdrop-filter:blur(40px)saturate(200%);border:var(--border);min-width:240px;transition:all .4s var(--bounce);z-index:2000;background:#0f0f0ff2;border-radius:16px;flex-direction:column;gap:4px;padding:12px;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-10px)scale(.95);box-shadow:0 20px 50px #000c}.nav-dropdown-content:before{content:"";background:0 0;width:100%;height:20px;position:absolute;top:-20px;left:0}.nav-dropdown:hover .nav-dropdown-content,.nav-dropdown:focus-within .nav-dropdown-content,.nav-dropdown[open] .nav-dropdown-content{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.nav-dropdown-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);pointer-events:none;padding:12px 12px 6px;font-size:.8rem;font-weight:700}.nav-dropdown-content a{color:#fff;transition:all .3s var(--bounce);text-align:left;text-shadow:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.nav-dropdown-content a img{object-fit:cover;width:24px;height:24px;filter:drop-shadow(var(--shadowTiny));border-radius:6px}.nav-dropdown-content a:hover{background:#ffffff1a;transform:scale(1.02)}.nav-divider{border:none;border-top:var(--border);margin:8px 0}.navbar-right{gap:6px;display:flex}.nav-social{width:40px;height:40px;transition:all .4s var(--bounce);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-social:before{content:"";background:var(--col);opacity:0;filter:blur(10px);width:0%;height:0%;transition:all .4s var(--bounce);z-index:-1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-social svg{width:20px;height:20px;fill:var(--text-primary);transition:all .4s var(--bounce)}.nav-social:hover{border-color:#fff3;transform:translateY(-3px)scale(1.15);box-shadow:0 8px 24px #0006}.nav-social:active{transform:scale(.85)}.nav-social:hover:before{opacity:.2;width:150%;height:150%}.nav-social:hover svg{fill:var(--col);filter:drop-shadow(0 0 8px var(--col));transform:scale(1.1)}@media screen and (width<=768px){.navbar{flex-flow:row;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:relative;top:0}.navbar-left a span{display:none}.navbar-left a{gap:0;padding:0}.navbar-center>a,.nav-dropdown-trigger{white-space:nowrap;padding:8px 4px;font-size:1rem}.navbar-right{flex-flow:row;justify-content:center;width:auto;display:flex}.nav-dropdown{position:static}.nav-dropdown-content{box-sizing:border-box;overscroll-behavior:contain;min-width:min(240px,100vw - 40px);max-width:calc(100vw - 40px);max-height:min(60vh,420px);transition:all .4s ease-out;left:50%;overflow-y:auto}}:root{--page-transition-exit-duration:.16s;--page-transition-enter-duration:.32s;--page-transition-navigation-delay:.1s;--page-transition-easing:cubic-bezier(.4, 0, .2, 1)}@keyframes vt-slide-left-out{0%{opacity:1;transform:translate(0)}60%{opacity:0;transform:translate(-18%)}to{opacity:0;transform:translate(-30%)}}@keyframes vt-slide-right-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes vt-slide-right-out{0%{opacity:1;transform:translate(0)}60%{opacity:0;transform:translate(18%)}to{opacity:0;transform:translate(30%)}}@keyframes vt-slide-left-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}html[data-vt-pending=forward] main{opacity:0;transform:translate(100%)}html[data-vt-pending=back] main{opacity:0;transform:translate(-100%)}html[data-vt-enter=forward] main{animation:var(--page-transition-enter-duration) var(--page-transition-easing) both vt-slide-right-in}html[data-vt-enter=back] main{animation:var(--page-transition-enter-duration) var(--page-transition-easing) both vt-slide-left-in}html[data-vt-exit=forward] main{animation:var(--page-transition-exit-duration) var(--page-transition-easing) both vt-slide-left-out}html[data-vt-exit=back] main{animation:var(--page-transition-exit-duration) var(--page-transition-easing) both vt-slide-right-out}@media (prefers-reduced-motion:reduce){html[data-vt-pending] main{opacity:1;transform:none}html[data-vt-enter] main,html[data-vt-exit] main{animation:none}html[data-vt-background]:before{display:none}}html[data-vt-background]:before{content:"";z-index:0;background-color:var(--vt-bg-color);background-image:var(--vt-bg-image);background-position:var(--vt-bg-position);background-size:var(--vt-bg-size);background-repeat:var(--vt-bg-repeat);background-attachment:var(--vt-bg-attachment);pointer-events:none;opacity:0;position:fixed;inset:0}html[data-vt-pending] main,html[data-vt-enter] main,html[data-vt-exit] main{z-index:1;position:relative}html[data-vt-pending][data-vt-background]:before{opacity:1}html[data-vt-enter][data-vt-background]:before{animation:var(--page-transition-enter-duration) var(--page-transition-easing) both vt-fade-out}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}:root{--curve:cubic-bezier(.25, 1, .5, 1);--bounce:cubic-bezier(.34, 1.56, .64, 1);--bg-color:#050505;--back-color:#1e1e1e66;--border-col:#ffffff1a;--border:1px solid var(--border-col);--text-primary:#fff;--text-secondary:#a1a1aa;--link-color:#fff;--shadow:0 12px 40px #0009;--shadowTiny:0 4px 12px #0006;--radius:20px;--radius-lg:28px}*{scrollbar-color:#333 #111}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background-color:#242424;border-radius:20px}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:"Press Start 2P",system-ui,sans-serif;line-height:1.3}html{scroll-behavior:smooth;scrollbar-gutter:stable}a{color:var(--link-color)}.container{padding:30px;padding-top:var(--padding,30px);padding-bottom:var(--padding,30px);background:var(--back-color);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);box-shadow:var(--shadow);border:var(--border);border-radius:var(--radius-lg);font-size:large;position:relative}.button{--col:#fff;-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);box-shadow:var(--shadowTiny);border:var(--border);border-radius:var(--radius);color:var(--text-primary);transition:all .4s var(--curve);background:#ffffff0a;justify-content:center;align-items:center;gap:10px;padding:12px 30px;font-size:16px;line-height:1.2;text-decoration:none;display:flex;position:relative;overflow:hidden}.button:before{content:"";background:var(--col);opacity:0;filter:blur(20px);width:0%;height:0%;transition:all .4s var(--curve);z-index:-1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button svg{fill:var(--text-primary);height:var(--svgSize,24px);width:var(--svgSize,24px);transition:all .4s var(--curve)}.button:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 30px #00000080}.button:active{box-shadow:var(--shadowTiny);transform:scale(.96)}.button:hover:before{opacity:.15;width:150%;height:150%}.button:hover svg{fill:var(--col);filter:drop-shadow(0 0 12px var(--col));transform:scale(1.1)}
