* { box-sizing: border-box; }

html { color-scheme: light; }

body {
    margin: 0;
    min-width: 1024px;
    min-height: 100vh;
    color: var(--color-text);
    background:
        radial-gradient(circle at 12% 8%, rgba(112, 126, 239, 0.12), transparent 24rem),
        radial-gradient(circle at 92% 90%, rgba(64, 181, 143, 0.10), transparent 25rem),
        var(--color-background);
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
}

button, input { font: inherit; }
button { cursor: pointer; }

[hidden] { display: none !important; }

kbd {
    display: inline-flex;
    min-width: 26px;
    height: 24px;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border: 1px solid #cfd4e2;
    border-bottom-width: 2px;
    border-radius: 6px;
    color: #565d73;
    background: #fff;
    font-size: 12px;
    font-family: var(--font-sans);
}