:root{color-scheme:dark;--bg:#080e16;--card:#101b28;--line:#263a50;--text:#e7f1fb;--muted:#9aafc4;--accent:#56e4aa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}main{max-width:1100px;margin:40px auto;padding:24px}h1{font-size:36px;margin:14px 0 8px}h2{font-size:21px;margin:0 0 22px}a{color:#8cbcff}.intro{color:var(--muted);margin-bottom:32px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}label{display:block;margin-bottom:18px;font-size:14px}input,select{display:block;width:100%;margin-top:7px;padding:12px;background:#080f19;color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit}button{background:var(--accent);color:#09251b;border:0;border-radius:8px;padding:12px 18px;font:600 15px system-ui;cursor:pointer;margin:0 6px 10px 0}button:disabled{opacity:.4;cursor:default}section p,.foot{font-size:14px;color:var(--muted)}#current{padding:15px 0;overflow-wrap:anywhere}#message{min-height:28px;color:var(--accent)}#message.error{color:#ff9696}@media(max-width:720px){main{margin:0 auto;padding:20px}.columns{grid-template-columns:1fr}section{padding:20px}h1{font-size:30px}}