:root{--font-body: "Open Sans", Arial, Helvetica Neue, sans-serif;--font-content: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-header: "Century Gothic", Arial, Helvetica Neue, sans-serif;--space-xs: 8px;--space-sm: 10px;--space-md: 16px;--gradient-rainbow: linear-gradient(to right, #ef476f, #3a06d6, #06d6a0);--color-status-online: #06d6a0;--color-status-offline: #ef476f;color-scheme:light dark;--color-bg-primary: light-dark(#f0f0f0, rgba(40, 40, 40, 1));--color-text-primary: light-dark(black, white);--color-bg-secondary: light-dark(#ffffff, black);--color-border-active: var(--color-text-primary);--color-border-inactive: color-mix( in srgb, var(--color-text-primary) 12%, var(--color-bg-primary) );--scrollbar-thumb: color-mix( in srgb, var(--color-text-primary) 35%, var(--color-bg-primary) );--color-scrollbar-track: var(--color-bg-secondary)}:root ::-webkit-scrollbar{width:initial}:root ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}:root ::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);margin:0;height:100vh;display:flex;flex-direction:column}input[type=button]{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-image:var(--gradient-rainbow) 1;border-bottom:2px solid;border-width:2px;border-radius:10%;cursor:pointer;font-family:var(--font-body);font-weight:700}@keyframes fade-in{0%{opacity:0}to{opacity:1}}