:root { color-scheme: light; font: 16px/1.5 system-ui, sans-serif; color: #142438; background: #f5f7fa; }
body { margin: 0; padding: 1rem; }
main { max-width: 48rem; margin: 0 auto; }
section { background: white; border: 1px solid #d8e0e8; border-radius: .75rem; padding: 1rem 1.5rem; margin: 1rem 0; }
h1 { line-height: 1.2; }
form { display: grid; gap: .8rem; margin: 1rem 0; }
label { display: grid; gap: .25rem; font-weight: 600; }
input, select, button { font: inherit; padding: .55rem; border-radius: .35rem; border: 1px solid #8b9caf; }
button { width: fit-content; background: #163e72; color: white; border-color: #163e72; cursor: pointer; }
button:disabled { opacity: .55; cursor: default; }
a { color: #164e91; }
#message { min-height: 1.5em; font-weight: 600; }
#screenshot-preview { display: block; max-width: 100%; height: auto; border: 1px solid #d8e0e8; }
#screenshot-preview[hidden] { display: none; }
#ai-entry-list { padding-left: 1.3rem; }
#ai-entry-list li { border-top: 1px solid #d8e0e8; padding: .8rem 0; }
#outlook-original { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 28rem; overflow: auto; padding: 1rem; background: #f5f7fa; border: 1px solid #d8e0e8; }
#outlook-entry-list { padding-left: 1.3rem; }
#outlook-entry-list li { border-top: 1px solid #d8e0e8; padding: .8rem 0; }
