:root { font-family: system-ui, sans-serif; color: #17231f; background: #f4f7f5; }
body { margin: 0; }
main { box-sizing: border-box; max-width: 760px; margin: 0 auto; padding: clamp(1.25rem, 5vw, 3rem); }
h1 { font-size: clamp(2rem, 6vw, 3.2rem); margin: 0 0 1.4rem; }
#session { background: #e4f1e9; border-left: .4rem solid #197342; padding: 1rem 1.2rem; font-size: clamp(1.08rem, 3vw, 1.35rem); }
#session strong { display: block; font-size: 1.25em; margin-bottom: .35rem; }
form { margin-top: 1.5rem; } .hint { font-size: 1.05rem; }
label { display: block; font-size: 1.15rem; font-weight: 700; margin: 1.25rem 0; }
textarea { box-sizing: border-box; display: block; width: 100%; margin-top: .45rem; padding: .8rem; border: 2px solid #65736b; border-radius: .35rem; font: inherit; font-size: 1rem; resize: vertical; }
textarea:focus { outline: 3px solid #68a9db; outline-offset: 2px; }
button { min-height: 3.2rem; padding: .7rem 1.25rem; border: 0; border-radius: .35rem; background: #146c3b; color: white; font: inherit; font-size: 1.1rem; font-weight: 700; cursor: pointer; }
button:disabled { opacity: .5; cursor: not-allowed; } #message { font-size: 1.1rem; font-weight: 600; } .error { color: #9b1c1c; }
@media (min-width: 800px) { textarea { font-size: 1.08rem; } }