:root{font-family:ui-monospace,monospace;background:#171b17;color:#edf0e6}body{margin:0}main{max-width:920px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;color:#b9d77f}section{background:#242a23;border:1px solid #3b463a;padding:24px;margin-top:22px;border-radius:10px}label{display:grid;gap:7px;margin:15px 0;color:#aab2a5}input{padding:11px;background:#151915;border:1px solid #4b5848;color:#fff}button{padding:11px 15px;background:#b9d77f;border:0;font-weight:700;margin-right:8px}pre{white-space:pre-wrap;color:#cbd1c7}.error{color:#ff9b86}article{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #3b463a}article b{margin-right:auto}.device-approval{display:flex;align-items:center;gap:16px;margin:20px 0;padding:18px;border:1px solid #50604c;background:#1a201a}.device-approval h2,.device-approval p{margin:3px 0}.device-approval p,.device-approval small,.authorization-note{color:#aab2a5}.device-glyph{display:grid;place-items:center;width:46px;height:46px;border:1px solid #b9d77f;border-radius:9px;color:#b9d77f;font-size:24px;font-weight:800}.approval-complete{display:grid;gap:5px;margin-top:16px;padding:16px;border-left:3px solid #b9d77f;background:#1a201a}.approval-complete span{color:#aab2a5}a{color:#d7efaa}