:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hops-color-bg:#10141a;--hops-color-surface:#1a212b;--hops-color-surface-raised:#222b37;--hops-color-text:#f4f7f8;--hops-color-muted:#c5d0d8;--hops-color-accent:#8fb4c9;--hops-color-accent-text:#10141a;--hops-color-border:#31404e;--hops-color-danger:#e0a090;--hops-color-switch-off:#3a4654;--hops-color-switch-on:#8fb4c9;--hops-font-body:"Segoe UI", "Liberation Sans", "DejaVu Sans", sans-serif;--hops-font-display:"Segoe UI", "Liberation Sans", "DejaVu Sans", sans-serif;--hops-font-kicker:ui-monospace, "DejaVu Sans Mono", "Liberation Mono", monospace;--hops-space-1:.35rem;--hops-space-2:.75rem;--hops-space-3:1rem;--hops-space-4:1.5rem;--hops-space-5:3rem;--hops-radius:.125rem;--hops-shadow:0 8px 24px #00000047;--hops-border-width:1px;font-family:var(--hops-font-body)}body{background:var(--hops-color-bg);color:var(--hops-color-text);margin:0}button,input,select{font:inherit}main{max-width:40rem;padding:var(--hops-space-5) var(--hops-space-4);margin:0 auto}h1,h2{font-family:var(--hops-font-display)}h1{margin:0 0 .75rem;font-size:2rem;line-height:1.2}p{font-size:1.125rem;line-height:1.5}nav{gap:var(--hops-space-4);margin-top:var(--hops-space-4);display:flex}a{color:var(--hops-color-accent);font-size:1.125rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--hops-color-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none}}