@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono&display=swap";:root{--bg:#1c1c1e;--surface:#2c2c2e;--border:#3a3a3c;--text:#f5f5f7;--text-dim:#98989d;--accent:#0a84ff;--accent-hover:#409cff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);padding:48px 32px;font-family:IBM Plex Sans,sans-serif;line-height:1.5}button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:6px;margin:8px 12px 8px 0;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s}button:hover{background:var(--accent-hover)}button:active{opacity:.9}input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;width:100%;max-width:360px;margin:16px 20px 16px 0;padding:10px 14px;font-family:IBM Plex Mono,monospace;font-size:13px}input::placeholder{color:var(--text-dim)}input:focus{border-color:var(--accent);outline:none}p{color:var(--text-dim);margin:8px 0;font-size:14px}p[style*=bold]{margin-top:24px;font-weight:600;color:var(--text)!important}::selection{background:var(--accent);color:#fff}