:root { color-scheme: light dark; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
       max-width: 560px; margin: 6vh auto; padding: 0 20px; line-height: 1.5; }
h1 { font-size: 1.35rem; }
p.intro { color: #555; }
textarea { width: 100%; box-sizing: border-box; min-height: 120px; font-size: 1rem;
           padding: 12px; border: 1px solid #bbb; border-radius: 8px; }
button { margin-top: 14px; width: 100%; padding: 14px; font-size: 1.05rem; border: 0;
         border-radius: 8px; background: #2d4cff; color: #fff; cursor: pointer; }
button:disabled { background: #9aa; cursor: not-allowed; }
.ok { background: #e6f7ec; border: 1px solid #34a853; padding: 18px; border-radius: 8px; }
.err { color: #b00; margin-top: 10px; }
.cf { margin-top: 14px; }
footer { margin-top: 28px; color: #999; font-size: .8rem; }

/* admin */
label { display: block; margin-top: 14px; font-weight: 600; font-size: .95rem; }
input[type=text], input[type=number], input[type=datetime-local], input[type=password] {
  width: 100%; box-sizing: border-box; padding: 10px; font-size: 1rem;
  border: 1px solid #bbb; border-radius: 8px; }
table { width: 100%; border-collapse: collapse; margin-top: 18px; font-size: .9rem; }
th, td { text-align: left; padding: 8px 6px; border-bottom: 1px solid #ddd; vertical-align: top; }
code { background: #00000014; padding: 2px 5px; border-radius: 4px; word-break: break-all; }
.row-actions button { width: auto; margin: 0; padding: 6px 10px; font-size: .85rem; background: #b00; }