:root{color-scheme:dark;font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:#edf3f5;background:#0d1215}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px}
main{width:100%;max-width:480px;padding:32px;border:1px solid #2b3942;border-radius:18px;background:#151d22}
.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650}.mark{background:#40c8b0;color:#102827;border-radius:9px;padding:7px;font-weight:800}
h1{font-size:clamp(24px,5vw,30px);line-height:1.2;margin:32px 0 14px;letter-spacing:-.025em}p{color:#aebdc6;margin:0 0 24px}
button{font:inherit;font-weight:650;width:100%;padding:13px 18px;border:0;border-radius:10px;background:#40c8b0;color:#102827;cursor:pointer}
button:hover{background:#63d7c3}button:disabled{opacity:.65;cursor:wait}button:focus-visible,summary:focus-visible{outline:3px solid #a8f5e5;outline-offset:4px}
#message:empty{display:none}#message{margin:20px 0 0;color:#edf3f5;overflow-wrap:anywhere}details{margin-top:26px;border-top:1px solid #2b3942;padding-top:18px;font-size:14px}summary{color:#aebdc6;cursor:pointer}details p{margin:12px 0 0}
@media(max-width:420px){body{padding:16px}main{padding:24px}}