html,
body {
    margin: 0;
    min-height: 100%;
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 0.95rem;
    color: #e7f2ef;
    background: #212121;
    padding: 1rem;
    transition: background-color 220ms ease, color 220ms ease;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btn-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
}

.btn {
    text-decoration: none;
    color: var(--text);
    border: 1px solid #2b3b52;
    padding: 0.55rem 0.9rem;
    background: rgba(255, 255, 255, 0.02);
    font: 0.8rem ui-monospace, "SFMono-Regular", "SF Mono", Menlo, monospace;
    transition: 180ms ease;
}

.btn:hover,
.btn:focus-visible {
    border-color: #2c75ff;
    box-shadow: 0 0 0 3px #035096;
    outline: none;
}