:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172033; background: #f5f7fb; }
body { margin: 0; }
main { max-width: 48rem; margin: 2rem auto; padding: 1.5rem; background: #fff; border: 1px solid #cbd5e1; border-radius: .75rem; }
h1 { margin-top: 0; }
.boundary { padding: .75rem; background: #fff7df; border-left: .3rem solid #b7791f; }
label { display: block; margin-top: 1rem; font-weight: 700; }
textarea { width: 100%; min-height: 11rem; box-sizing: border-box; margin-top: .4rem; padding: .75rem; font: .95rem ui-monospace, monospace; border: 1px solid #64748b; border-radius: .35rem; }
.actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .8rem; }
button { padding: .55rem .8rem; border: 1px solid #315c9b; border-radius: .35rem; background: #eef4ff; color: #102a56; font: inherit; cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
button:focus-visible, textarea:focus-visible { outline: 3px solid #e58800; outline-offset: 2px; }
#status[data-state="refused"] { color: #9b1c1c; font-weight: 700; }
#status[data-state="accepted"] { color: #166534; font-weight: 700; }