*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--raised);cursor:pointer;border-radius:10px;padding:10px 16px;font-weight:600}button:hover:not(:disabled){background:var(--raised-hover)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover:not(:disabled){background:var(--accent-hover)}.online-dot{background:var(--online);width:8px;height:8px;box-shadow:0 0 8px var(--online)}.online-dot,.spinner{border-radius:50%;display:inline-block}.spinner{border:2px solid var(--border);border-top-color:var(--accent);width:18px;height:18px;animation:.8s linear infinite spin}.spinner.small{vertical-align:-1px;width:12px;height:12px;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}.content{text-align:left;width:100%;max-width:820px;margin:0 auto}.content h2{letter-spacing:-.02em;margin:0 0 16px;font-size:26px}.content li,.content p{color:var(--muted);font-size:16px}.logo{letter-spacing:-.03em;color:var(--text);font-size:28px;font-weight:800;text-decoration:none}.logo span{color:var(--accent)}