:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#0b0e12;color:#e8edf5}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:36px 20px}header p{letter-spacing:.2em;color:#84b1ff}h1{font-size:clamp(28px,5vw,42px)}section{background:#151b24;border:1px solid #293344;padding:24px;border-radius:16px;margin:24px 0}label{display:block;margin:16px 0}input{display:block;width:100%;padding:13px;background:#0b0e12;color:inherit;border:1px solid #53627c;border-radius:8px;margin-top:8px}button{padding:12px 16px;min-height:44px;border:1px solid #53627c;background:#202d41;color:inherit;border-radius:8px;cursor:pointer;margin:4px}button:focus-visible,input:focus-visible{outline:3px solid #84b1ff;outline-offset:3px}button:disabled{opacity:.5}p,footer{line-height:1.6}footer{color:#a2afc1}.license{padding:16px 0;border-bottom:1px solid #293344}code{display:block;word-break:break-all;background:#0b0e12;padding:12px}#message{color:#bdd4ff;min-height:24px}[hidden]{display:none!important}