.deletion { max-width: 700px; }
.deletion h1 { font-size: clamp(2.5rem, 7vw, 4rem); }
.deletion form { padding: 24px; border: 1px solid var(--line); background: var(--surface); }
.deletion label { display: block; margin-bottom: 8px; }
.deletion input:not([type=checkbox]) { width: 100%; margin-bottom: 20px; padding: 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--bg); color: var(--text); font: inherit; }
.deletion button { padding: 12px 20px; border: 0; border-radius: 24px; background: var(--lime); color: var(--bg); font: inherit; font-weight: 700; cursor: pointer; }
.deletion button:disabled { opacity: .65; cursor: wait; }
.deletion .danger { background: #ffb4aa; }
.deletion .secondary { margin-top: 16px; background: transparent; color: var(--text); border: 1px solid var(--line); }
.deletion .confirm-label { margin-bottom: 20px; }
.deletion :is(button,input):focus-visible { outline: 3px solid var(--lime); outline-offset: 4px; }
#status { min-height: 1.75em; }