:root {
    --bg: #1f1a1a;
    --panel: #2b2323;
    --text: #f2e9e4;
    --accent: #bb4444;
}

html,
body {
    height: 100%
}

body {
    background: var(--bg);
    color: var(--text);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Helvetica, Arial, sans-serif;
}

.card {
    background: var(--panel);
    border-radius: .6rem;
    padding: 1rem;
}

.btn {
    background: var(--accent);
    color: #fff;
    padding: .6rem 1rem;
    border-radius: .45rem;
    display: inline-block
}

.input {
    background: #1f1a1a;
    padding: .55rem .8rem;
    border-radius: .4rem;
    width: 100%
}

.mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace
}