html {
    margin: 0 auto;
    max-width: 650px;
    padding: 40px 10px;
    color: #444;
    font: 1.3rem/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
h1, h2 { line-height: 1.2; }
h2 { font-size: 1.3rem; margin: 28px 0 8px; }
a { color: #0060df; }
.back { font-size: 1rem; margin: 0 0 8px; }

form { display: flex; flex-direction: column; gap: 12px; max-width: 420px; }
label { font-size: 1rem; display: flex; flex-direction: column; gap: 4px; }
input {
    font: inherit;
    font-size: 1.05rem;
    padding: 8px 10px;
    border: 1px solid #bbb;
    border-radius: 6px;
    background: #fff;
    color: #222;
}
input:focus-visible { outline: 2px solid #0060df; outline-offset: 1px; }

button {
    font: inherit;
    font-size: 1.05rem;
    padding: 9px 16px;
    border: 1px solid #bbb;
    border-radius: 6px;
    background: #f4f4f4;
    color: #333;
    cursor: pointer;
    align-self: flex-start;
}
button.primary { background: #0060df; border-color: #0060df; color: #fff; }
button.primary:hover { background: #0050ba; }
button.discord { background: #5865f2; border-color: #5865f2; color: #fff; }
button.discord:hover { background: #4752c4; }
button:disabled { opacity: 0.6; cursor: default; }

.error { color: #d33; font-size: 1rem; margin: 0; }
.note { color: #666; font-size: 1rem; margin: 0; }
.divider { display: flex; align-items: center; gap: 10px; color: #999; font-size: 0.95rem; max-width: 420px; margin: 18px 0; }
.divider::before, .divider::after { content: ""; flex: 1; border-top: 1px solid #ddd; }
.field-row { font-size: 1.05rem; margin: 4px 0; }
.field-row .k { color: #888; font-size: 0.95rem; margin-right: 8px; }

@media (prefers-color-scheme: dark) {
    html { color: #ccc; background: #1a1a1a; }
    a { color: #6ca7ff; }
    input { background: #2a2a2a; border-color: #555; color: #eee; }
    button { background: #2c2c2c; border-color: #555; color: #ddd; }
    button.primary { background: #0060df; border-color: #0060df; color: #fff; }
    button.discord { background: #5865f2; border-color: #5865f2; color: #fff; }
    .note { color: #999; }
    .divider { color: #777; }
    .divider::before, .divider::after { border-color: #3a3a3a; }
    .field-row .k { color: #888; }
}