:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#040505;color:#eeeeeb}main{min-height:100svh;display:grid;place-items:center;padding:28px 24px}.composition{width:min(88vw,440px);transform:translateY(-2vh)}form{display:flex;align-items:center;gap:16px;padding:20px 22px;background:#090a0a;border:1px solid #242626;border-radius:4px;box-shadow:0 8px 24px #0005}input{min-width:0;width:100%;height:38px;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:19px;letter-spacing:3px;caret-color:#aaa}form:focus-within{border-color:#686c6b}button{min-height:44px;border:0;background:none;color:#a2a6a3;font:inherit;font-size:12px;padding:0 6px;cursor:pointer}button:focus-visible{outline:1px solid #999;outline-offset:4px}button:disabled{opacity:.5}#response{height:24px;margin:15px 0 0;text-align:center;font-size:12px;color:#767a78}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(prefers-reduced-motion:no-preference){form{transition:border-color .3s,box-shadow .3s}form:focus-within{box-shadow:0 12px 30px #0007}}