@font-face { font-family: "Patrick Hand"; src: url("/fonts/patrick-hand-latin.woff2") format("woff2"); font-display: swap; }
:root { --paper: #f3eee2; --ink: #2b2f3f; --soft: #5d6273; --blue: #3b4cc0; --red: #c8553d; --rule: #d9d1bf; }
@media (prefers-color-scheme: dark) {
  :root { --paper: #1d2232; --ink: #ece6d8; --soft: #aeb3c2; --blue: #9aa8ff; --red: #ff9a7f; --rule: #3a4058; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.5 system-ui, -apple-system, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 24px 16px 64px; }
h1, h2 { font-family: "Patrick Hand", cursive; font-weight: 400; color: var(--blue); }
h1 { font-size: 2.4rem; margin: 8px 0 4px; }
h2 { font-size: 1.6rem; margin: 32px 0 8px; border-bottom: 1px solid var(--rule); }
a { color: var(--blue); }
.back { font-size: .95rem; }
.note { color: var(--soft); }
ol.words { padding-left: 2.6em; margin: 0; }
ol.words li { margin: 6px 0; }
.c { color: var(--blue); }
.r { color: var(--red); }
.simple { display: block; font-size: .92rem; color: var(--soft); }
.id { color: var(--soft); font-size: .8rem; margin-left: 6px; font-variant-numeric: tabular-nums; }

/* Review and admin pages */
.review-words { font-family: "Patrick Hand", cursive; font-size: 1.9rem; line-height: 1.2; margin: 16px 0 4px; }
.review-actions, .admin-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.review-actions button, .admin-actions button, .tabs button {
  min-height: 48px; padding: 0 18px; border-radius: 24px; border: 2px solid var(--blue);
  font: inherit; font-weight: 600; cursor: pointer; background: transparent; color: var(--blue);
}
.review-actions .approve, .admin-actions .approve { background: var(--blue); color: var(--paper); }
.review-actions .reject, .admin-actions .reject { border-color: var(--red); color: var(--red); }
.review-actions button:active, .admin-actions button:active, .tabs button:active { transform: scale(.97); }
.tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.tabs button[aria-pressed="true"] { background: var(--blue); color: var(--paper); }
.submission { padding: 14px 0; border-bottom: 1px solid var(--rule); }
.submission .review-words { font-size: 1.5rem; margin: 0 0 4px; }
.admin-actions { margin-top: 8px; }
.channels { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.channels th, .channels td { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--rule); }
.channels th { font-size: .85rem; color: var(--soft); font-weight: 600; }