body.has-particles,html.has-particles{background:0 0!important}#canvas{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#particles-js{z-index:-2;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:opacity 1s;position:fixed;top:0;left:0}body.liquid-mode #particles-js{opacity:1}.mode-toggle,.theme-toggle{z-index:100;-webkit-backdrop-filter:blur(12px)saturate(180%);color:#fff;cursor:pointer;background:#201e1dbf;border:1px solid #ffffff14;outline:none;justify-content:center;align-items:center;font-family:inherit;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;box-shadow:0 8px 32px #00000040}.mode-toggle{letter-spacing:.15em;text-transform:uppercase;border-radius:30px;height:38px;padding:0 1.25rem;font-size:11px;font-weight:500;top:20px;left:20px}.theme-toggle{border-radius:50%;width:38px;height:38px;top:20px;right:20px;overflow:hidden}.mode-toggle:hover,.theme-toggle:hover{background:#201e1df2;border-color:#fc7b1066;transform:scale(1.05);box-shadow:0 12px 40px #fc7b1026}.mode-toggle:active,.theme-toggle:active{transform:scale(.98)}body.liquid-mode .theme-toggle{opacity:0;pointer-events:none}.theme-toggle svg{width:16px;height:16px;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55),opacity .6s;position:absolute}.theme-toggle .sun-icon,.theme-toggle .moon-icon,.theme-toggle .orange-icon{opacity:0;transform:translateY(30px)rotate(-90deg)}.theme-toggle .sun-icon.active,.theme-toggle .moon-icon.active,.theme-toggle .orange-icon.active{opacity:1;transform:translateY(0)rotate(0)}.theme-toggle .sun-icon.exit{opacity:0;transform:translateY(-30px)rotate(90deg)}@media (max-width:768px){.mode-toggle,.theme-toggle{height:36px;top:auto;bottom:20px}.mode-toggle{letter-spacing:.12em;padding:0 1rem;font-size:9px;left:20px}.theme-toggle{width:36px;right:20px}}