:root{color-scheme:light dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1f2124;background:#f7f7f5}*{box-sizing:border-box}body{margin:0;padding:32px 20px}main{max-width:560px;margin:6vh auto;background:#fff;padding:clamp(24px,6vw,48px);border-radius:28px;border:1px solid #ecebe8}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:650}.brand img{border-radius:12px}.eyebrow{margin-top:40px;font-size:11px;letter-spacing:.15em;color:#7d520f}h1{font-size:clamp(26px,6vw,36px);line-height:1.3;letter-spacing:-.04em}p{line-height:1.8;color:#6e7073;font-size:14px}label{display:block;margin:26px 0 10px;font-weight:600}input{width:100%;padding:16px;font:500 30px ui-monospace,monospace;letter-spacing:.16em;border:1px solid #dedfe0;border-radius:14px;background:transparent;color:inherit}button,.button{display:block;width:100%;padding:16px 20px;text-align:center;font:600 15px system-ui;border:0;border-radius:28px;background:#ffc940;color:#1f2124;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:wait}#status[data-state=error]{color:#b42318}#hint,footer{font-size:12px}footer{margin-top:36px;text-align:center;color:#878a8c}#reset{background:transparent}#connected[hidden]{display:none}:focus-visible{outline:3px solid #b97b18;outline-offset:4px}@media(prefers-color-scheme:dark){:root{background:#151719;color:#f2f3f4}main{background:#242628;border-color:#42464b}p{color:#b0b5ba}input{border-color:#62666b}.eyebrow{color:#ffd36b}#status[data-state=error]{color:#ffb4ab}#reset{color:#f2f3f4}}