:root{--font-mono:"Roboto Mono", monospace}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:#000;font-size:18px;line-height:32px}html,body,#app{height:100%}body{color:#fff;margin:0;font-family:system-ui;font-size:18px;line-height:32px}@media (width<=1024px){body{font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;font-weight:700;line-height:70px}@media (width<=1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}@media (width<=768px){h1{font-size:38px;line-height:38px}}@media (width<=400px){h1{font-size:32px;line-height:32px}}p{margin:24px 0}@media (width<=1024px){p{margin:var(--spacer-3) 0}}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.fx-glitch{--ink:currentColor;--ink-2:#ff4fd8;--ink-3:#4ff8ff;font-family:"JetBrains Mono", var(--font-mono);letter-spacing:.06em;color:var(--ink);position:relative}.fx-glitch:before,.fx-glitch:after{content:attr(data-text);content:attr(data-text) / "";position:absolute;inset:0}.fx-glitch:before{color:var(--ink-2);clip-path:inset(0 0 55%);animation:2.6s step-end infinite fx-glitch-a}.fx-glitch:after{color:var(--ink-3);clip-path:inset(45% 0 0);animation:2.6s step-end infinite fx-glitch-b}@media (prefers-reduced-motion:reduce){.fx-glitch:before,.fx-glitch:after{opacity:0;animation:none}}@keyframes fx-glitch-a{0%,12%,20%,55%,to{opacity:0;transform:translate(0)}13%{opacity:.9;transform:translate(-5px,-2px)}16%{opacity:.9;transform:translate(4px,1px)}48%{opacity:.9;transform:translate(-3px,2px)}51%{opacity:.9;transform:translate(2px,-1px)}}@keyframes fx-glitch-b{0%,14%,22%,60%,to{opacity:0;transform:translate(0)}15%{opacity:.9;transform:translate(5px,2px)}18%{opacity:.9;transform:translate(-4px,-1px)}52%{opacity:.9;transform:translate(3px,-2px)}56%{opacity:.9;transform:translate(-2px,1px)}}.home{flex-direction:column;justify-content:space-between;align-items:center;max-width:1024px;height:100vh;margin:0 auto;padding:45px;display:flex;overflow:hidden}@media (width<=400px){.home{padding:24px}}.home .content{flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:center;display:flex}.home .content h1{text-align:center}.home .content .interfaces{text-align:center;margin:0;padding:0;list-style:none}.home .footer{align-items:center;gap:8px;display:flex}@media (width<=1024px){.home .footer{flex-direction:column;gap:6px}}.home .footer p{margin:0}.home .footer .codeLink{background:#3c3c3c;border-radius:4px;padding:0 .5rem;text-decoration:none}
