body { width: auto; max-width: 560px; margin: 28px auto; padding: 0 12px; }
.crt { padding: 22px; }
h1 { margin-bottom: 12px; }
h1 small { font-size: 13px; letter-spacing: 1px; color: var(--fg-dim); text-shadow: none; }
.hint { color: var(--fg-dim); margin-bottom: 16px; text-shadow: none; }
.hint.small { font-size: 12px; margin: 14px 0 0; }
code, em { color: var(--fg); font-style: normal; }

label { display: block; font-size: 12px; letter-spacing: 1px; margin-bottom: 12px; }
label input { display: block; margin: 5px 0 0; }
input[type="password"] {
  width: 100%; font: inherit; color: var(--green); background: var(--bg);
  border: 2px solid var(--line); padding: 6px 8px; outline: none;
}
input[type="password"]:focus { border-color: var(--fg); }

.btns { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.btns button { font-size: 13px; }
#off { color: #ff4b3e; }

#status { min-height: 1.4em; margin-top: 14px; }
#status.ok { color: var(--green); }
#status.err { color: #ff4b3e; }