:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#050912;color:#eefcff}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#102b46,#050912 58%)}.card{width:min(92vw,460px);padding:34px;border:1px solid #1fc9e944;border-radius:22px;background:#07111ddd;box-shadow:0 22px 80px #000a,0 0 40px #00d9ff12;text-align:center}.brand{letter-spacing:.22em;color:#32e2ff;font-weight:800}h1{margin:14px 0 8px;font-size:1.8rem}h2{font-size:1.25rem}p{color:#b8ccd5;line-height:1.5}section{margin-top:24px}form{display:grid;gap:12px;margin-top:18px}input,button{min-height:48px;border-radius:10px;border:1px solid #2a6471;font:inherit}input{background:#06101a;color:#fff;padding:0 16px;text-align:center;font-size:1.15rem;letter-spacing:.12em}button{cursor:pointer;background:#12bcd8;color:#031015;font-weight:800;padding:0 18px}button:hover{background:#42ddf4}img{display:block;width:260px;max-width:100%;margin:16px auto;border-radius:12px;background:#fff}code{display:block;overflow-wrap:anywhere;color:#87eafa}pre{padding:15px;border:1px solid #28545d;border-radius:10px;background:#03080d;color:#bdf5ff;line-height:1.7;user-select:all}.browser-help{margin-top:22px;padding:16px;border:1px solid #ffcc6655;border-radius:12px;background:#251a08aa;text-align:left}.browser-help strong{display:block;color:#ffdc83}.browser-help p{margin:7px 0 12px;font-size:.9rem;color:#f1dfbd}.browser-help button{width:100%;min-height:42px;background:#ffcf66;color:#241700}.browser-help button:hover{background:#ffe09a}.status-panel{margin-top:24px;padding:18px;border:1px solid #24cee955;border-radius:14px;background:#091a27}.status-panel strong{display:block;color:#54e7c5;font-size:1.05rem}.status-panel p{margin-bottom:0}