body { font-family: system-ui, sans-serif; max-width: 40rem; margin: 3rem auto; padding: 0 1rem; }
.screen { text-align: center; }
.hidden { display: none; }
#timer { font-size: 3rem; font-variant-numeric: tabular-nums; margin: 2rem 0; }
button { font-size: 1.1rem; padding: .8rem 2rem; cursor: pointer; }
.error { color: #b00; min-height: 1.5rem; }
label { display: block; margin: 1.5rem 0; }
input[type="password"] { font-size: 1rem; padding: .4rem; }

/* Компактная панель настроек — для удобства на мобильном */
.settings-panel { margin: 1rem 0; text-align: left; border: 1px solid #ddd; border-radius: 6px; padding: .75rem 1rem; }
.settings-row { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: .5rem; }
.settings-row:last-child { margin-bottom: 0; }
.setting-label { flex: 1; min-width: 8rem; font-size: .9rem; margin: 0; display: flex; flex-direction: column; gap: .25rem; }
.setting-label select { font-size: .9rem; padding: .25rem .4rem; }
.settings-row--check { align-items: center; }
.setting-label--inline { flex-direction: row; align-items: center; gap: .4rem; }
.setting-label--inline input { margin: 0; }
.setting-hint { font-size: .8rem; color: #666; }

/* Строка использованных настроек на экране завершения */
.done-settings { font-size: .85rem; color: #555; }