:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.65;background:#f7f8fa;color:#18212b}*{box-sizing:border-box}main{max-width:740px;margin:5vh auto;padding:24px}header{margin-bottom:28px}h1{font-size:2.5rem;letter-spacing:-.04em;margin:0}h2{font-size:1.25rem}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:#39746c}form,section{margin:28px 0;padding:24px;border:1px solid #cbd5dc;border-radius:12px;background:#fff}label{display:block;font-weight:600;margin-bottom:10px}textarea,select{width:100%;resize:vertical;padding:12px;border:1px solid #aab7c1;border-radius:7px;font:inherit;overflow-wrap:anywhere;background:transparent;color:inherit}select{margin-bottom:18px}button{padding:12px 20px;border:0;border-radius:7px;background:#165c51;color:white;font:inherit;cursor:pointer}a{color:#155f85;overflow-wrap:anywhere}.hint,footer{font-size:.85rem;color:#596771}.warning{padding:12px;border-left:3px solid #b47615;background:#fff2d7;color:#663c00}details{margin-top:30px}summary{cursor:pointer}pre{overflow:auto}footer{margin-top:36px}@media(prefers-color-scheme:dark){:root{background:#10171b;color:#e1e9ed}form,section{background:#172228;border-color:#3c4c56}textarea,select{border-color:#60717b}a{color:#8dcbdf}.hint,footer{color:#a7b6bf}.eyebrow{color:#8dc8b3}.warning{background:#332817;color:#f1d49c}}