:root{color-scheme:dark;font:18px/1.6 system-ui,sans-serif;background:#111418;color:#eef2f6}body{margin:0}main{max-width:760px;margin:auto;padding:24px}a{color:#a2e4ee}section{border-top:1px solid #65727f;padding:16px 0}h1{font-size:clamp(1.7rem,5vw,2.4rem);line-height:1.2}label{display:block;margin-top:12px}input,textarea,button{font:inherit;color:inherit;max-width:100%;box-sizing:border-box}input:not([type=checkbox]),textarea,audio{display:block;width:100%;margin:8px 0;background:#1b242e}input,textarea{padding:10px;border:1px solid #8698a7;border-radius:4px}button{min-height:48px;padding:8px 16px;background:#243743;border:1px solid #a2e4ee;border-radius:6px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.check input{width:24px;height:24px;vertical-align:middle}textarea{overflow:auto}*:focus-visible{outline:3px solid #ffe17d;outline-offset:4px}.skip{display:block;padding:8px 24px}li{margin:12px 0}