:root{color-scheme:dark;--bg:#0d0d0e;--panel:#171718;--line:#34302a;--text:#f2f0eb;--muted:#aaa39a;--gold:#dfad4f;--red:#df6a5d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#26221b 0,#0d0d0e 38rem);color:var(--text);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 max(24px,calc((100% - 1100px)/2));background:#111112}.brand{color:#fff;text-decoration:none;font-size:21px;font-weight:850;letter-spacing:.04em}.brand i{color:var(--gold);font-style:normal}#who{margin-left:auto;color:var(--muted)}main{max-width:1100px;margin:0 auto;padding:56px 24px}.card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#1b1a19,#131314);box-shadow:0 14px 35px #0004}.auth{max-width:430px;margin:5vh auto;padding:30px}h1,h2{margin:0 0 8px}h1{font-size:28px}h2{font-size:19px}p{color:var(--muted);margin:0 0 22px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:24px 0 18px}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:10px 14px}.tabs button.selected{border-color:var(--gold);color:var(--gold)}form{display:grid;gap:16px}label{display:grid;gap:6px;color:#ded9d2;font-weight:600}small{color:var(--muted);font-weight:400}input{min-height:42px;padding:9px 11px;border-radius:8px;border:1px solid #4c463c;background:#0f0f10;color:#fff;font:inherit}input:focus{outline:2px solid #b9893b;outline-offset:1px}button{cursor:pointer;border:1px solid #8f6828;border-radius:8px;background:linear-gradient(#e5b85d,#ba8230);color:#20170b;font:inherit;font-weight:750;padding:10px 16px}button:hover{filter:brightness(1.08)}button.ghost{background:transparent;color:#e3bb71;border-color:#5c4725}.headline{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:25px}.headline p{margin:0;max-width:650px}.hidden{display:none!important}.message{min-height:22px;margin:0;color:var(--red)}.message.ok{color:#9fd398}#claim{padding:24px;margin-bottom:22px}.devices{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.device{padding:20px}.device>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.device-id{font-size:18px;letter-spacing:.035em}.state{font-size:12px;color:#9fd398;border:1px solid #38613b;border-radius:99px;padding:3px 8px}.state.offline{color:#d5ad74;border-color:#725634}dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere}.device .unbind{width:100%}@media(max-width:600px){header{padding:0 16px}main{padding:32px 16px}.headline{display:block}.headline button{margin-top:12px;width:100%}}
