:root { color-scheme: dark; }
body { margin: 0; background: #111316; color: #e6e8eb; font: 17px/1.45 -apple-system, system-ui, sans-serif; }
main { max-width: 34rem; margin: 0 auto; padding: 1.2rem 1rem 3rem; }
h1 { font-size: 1.35rem; margin: .2rem 0 1rem; }
h2 { font-size: 1.05rem; margin: 1.6rem 0 .5rem; color: #aab0b8; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: .25rem .9rem; margin: 0 0 .8rem; }
dt { color: #8d949c; }
dd { margin: 0; overflow-wrap: anywhere; }
.ua { color: #8d949c; font-size: .8rem; overflow-wrap: anywhere; }
.red { color: #ff5f56; font-weight: 700; }
.big { font-size: 1.4rem; letter-spacing: .05em; }
button { font: inherit; color: inherit; background: #262a30; border: 1px solid #3a4048; border-radius: .6rem; padding: .55rem .9rem; margin: .2rem 0; }
button.go { background: #1f6f43; border-color: #2c8a57; }
button.deny { background: #5a1f1f; border-color: #8a2c2c; }
.nums { display: flex; gap: .8rem; margin: .6rem 0 1.2rem; }
.num { flex: 1; font-size: 2rem; padding: 1rem 0; }
.row { display: flex; gap: .6rem; flex-wrap: wrap; }
ul { padding-left: 1.1rem; }
li { margin: .4rem 0; }
a { color: #8ab4ff; }
#msg { margin-top: 1.2rem; font-weight: 600; }