:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; color: #1b2822; background: #f8f7f2; }
* { box-sizing: border-box; }
body { margin: 0; padding: clamp(36px, 12vh, 112px) 24px 40px; }
main { max-width: 440px; margin: 0 auto; }
.product { color: #38614f; font-size: 14px; font-weight: 650; }
h1 { font-size: clamp(32px, 7vw, 48px); letter-spacing: -.04em; margin: 18px 0 12px; }
p { line-height: 1.65; margin: 0; }
form { margin-top: 32px; }
label { display: block; font-size: 14px; font-weight: 650; margin-bottom: 8px; }
input, button { width: 100%; min-height: 52px; border-radius: 8px; font: inherit; }
input { padding: 0 14px; border: 1px solid #83958a; color: inherit; background: #fff; font-size: 16px; letter-spacing: .06em; }
button { margin-top: 12px; border: 0; padding: 0 16px; background: #235743; color: #fff; font-weight: 650; cursor: pointer; }
button:disabled { opacity: .62; cursor: wait; }
:focus-visible { outline: 3px solid #669d80; outline-offset: 3px; }
#status { min-height: 1.65em; margin-top: 10px; font-size: 14px; color: #89352a; }
.help { border-top: 1px solid #cbd3c9; margin-top: 18px; padding-top: 18px; font-size: 14px; color: #46574c; }
.manage { max-width: 520px; }
.manage h1 { margin-bottom: 28px; }
.manage form { border-top: 1px solid #cbd3c9; padding-top: 24px; }
.manage .row { display: flex; gap: 10px; align-items: center; }
.manage .row button { flex: 1; }
.manage .row input { width: 115px; }
.manage #issue-form .row button { margin-top: 0; }
.manage #batch { margin-top: 20px; }
.manage textarea { width: 100%; padding: 12px; resize: vertical; border-radius: 8px; border: 1px solid #83958a; font: inherit; }
.manage .secondary { background: #f8f7f2; color: #84392d; border: 1px solid #ab7066; }
.manage a { color: #235743; }
.manage #status[data-success="true"] { color: #235743; }