:root { color-scheme: dark; }
body { font-family: system-ui, sans-serif; margin: 0 auto; max-width: 44rem; padding: 1rem 1.25rem 3rem; background: #101418; color: #e8edf2; }
h1 { margin-bottom: 0.2rem; }
.sub { color: #9fb0c0; margin: 0.2rem 0; }
section { border: 1px solid #2a3642; border-radius: 0.6rem; padding: 1rem 1.1rem; margin-top: 1.1rem; background: #161d24; }
section.note { background: #1a1710; border-color: #4a3f22; }
label { display: block; margin: 0.7rem 0; }
input { display: block; width: 100%; box-sizing: border-box; margin-top: 0.3rem; padding: 0.5rem; border-radius: 0.35rem; border: 1px solid #3a4a5a; background: #0d1116; color: inherit; }
button { padding: 0.55rem 1rem; border-radius: 0.4rem; border: 1px solid #4a6a8a; background: #1d3a52; color: #eaf3fb; cursor: pointer; }
button:disabled { opacity: 0.45; cursor: default; }
.row { display: flex; gap: 0.6rem; margin: 0.6rem 0; }
.out { background: #0d1116; border: 1px solid #2a3642; border-radius: 0.4rem; padding: 0.7rem; white-space: pre-wrap; word-break: break-word; font-size: 0.82rem; min-height: 2.2rem; }
code { color: #ffd479; }
.rec { border-top: 1px solid #2a3642; padding: 0.45rem 0.1rem; font-size: 0.85rem; }
.rec .meta { color: #9fb0c0; }
.rec .decision { font-weight: 700; color: #ffd479; }