:root{color-scheme:dark;font-family:Geist,system-ui,sans-serif;background:#0a0a09;color:#eee}
*{box-sizing:border-box}body{margin:0}main,footer{max-width:780px;margin:auto;padding:28px 20px}
h1{font-size:clamp(26px,5vw,38px);line-height:1.2}h2{font-size:22px}p{line-height:1.6;color:#b9b9b2}
a{color:#86efac}label{display:block;margin:24px 0 9px;font-weight:600}
input,select,textarea{width:100%;padding:13px;background:#171715;border:1px solid #555;border-radius:7px;color:#fff;font:inherit}
textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:auto}
button{font:inherit;font-weight:650;background:#22c55e;color:#08170c;padding:13px 18px;border:0;border-radius:7px;cursor:pointer;margin:18px 0}
button.secondary{background:#292925;color:#fff;border:1px solid #666}
:focus-visible{outline:3px solid #86efac;outline-offset:4px}
pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#181816;border-radius:8px;font:inherit;line-height:1.6}
footer{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid #333;margin-top:32px}
.notice{padding:16px;border:1px solid #f59e0b;color:#ffdd9a;border-radius:8px}
article{border:1px solid #555;padding:20px;margin:24px 0;border-radius:8px;overflow-wrap:anywhere}
@media print{form,footer{display:none}body{background:white;color:black}pre,p{color:black;background:white}}