:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e6eced;background:#11191c;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:230px;position:fixed;inset:0 auto 0 0;padding:38px 28px;background:#0b1215;border-right:1px solid #253035;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#bcf47c;text-decoration:none;font-weight:800;font-size:30px}.brand span{font-size:12px;letter-spacing:2px;color:#edf3f0}.product{margin-top:74px;font-size:13px;letter-spacing:2px}.product small{display:block;letter-spacing:0;color:#839498;font-size:12px;margin-top:9px}.side-note{margin-top:auto;font-size:23px;line-height:1.5;color:#75888d}.side-note span{display:block;font-size:11px;letter-spacing:2px;margin-top:25px}main{margin-left:230px;padding:36px 48px;max-width:1600px;width:calc(100% - 230px)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.eyebrow{font-size:11px;letter-spacing:2px;color:#96a9ad}.badge{border:1px solid #405344;color:#bcf47c;padding:6px 9px;font-size:10px;border-radius:4px;white-space:nowrap}h1{font-size:clamp(32px,4vw,58px);line-height:1.1;letter-spacing:-2px;margin:0 0 18px}h2{font-size:20px;font-weight:600;margin:0 0 20px}p{line-height:1.6;color:#9aadb2;font-size:14px}.intro{max-width:510px;font-size:17px;margin-bottom:30px}.panel{border:1px solid #2d3b40;background:#172226;padding:26px;border-radius:12px}#auth-form{max-width:460px}label{display:block;font-size:12px;color:#afc0c3;margin:16px 0}input{display:block;width:100%;background:#101a1e;border:1px solid #3a4c53;border-radius:6px;padding:13px;color:#f0f5f4;margin-top:8px;font-size:15px}input:focus{outline:2px solid #bcf47c;outline-offset:1px}button{border:0;border-radius:6px;background:#bcf47c;padding:12px 18px;color:#142019;font-weight:600;cursor:pointer;font-size:13px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:wait}.secondary{border:1px solid #43545b;background:transparent;color:#c5d3d5;margin:6px 0}form small{display:block;color:#8ea2a7;line-height:1.5;margin-top:18px}#auth-form button{width:100%;margin-top:6px}.title-row,.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.title-row button{align-self:flex-start}.steps{display:flex;gap:30px;margin:24px 0 30px;padding:18px 0;border-block:1px solid #2d3b40;font-size:12px;color:#9aadb2}.steps b{color:#bcf47c;margin-right:7px}.columns{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.section-title h2{margin:0}.section-title{margin-bottom:24px}.device,.token-row{padding:16px 0;border-bottom:1px solid #304147;display:flex;align-items:center;justify-content:space-between;gap:12px}.device span{font-size:12px;color:#bcf47c}.token-row div{font-size:13px;overflow-wrap:anywhere}.token-row small{color:#92a5aa}.token-row button{font-size:11px;padding:8px;color:#f5b4a0}.readings{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;gap:12px}.readings span{font-size:9px;letter-spacing:1px;color:#93a8ad}.readings strong{display:block;font-size:40px;font-weight:500;margin:10px 0}.readings small{font-size:11px;color:#9aadb2}#freshness{font-size:12px}pre{overflow:auto;max-height:250px;background:#0e181c;padding:15px;border-radius:6px;font-size:12px;color:#acbfbd;white-space:pre-wrap;overflow-wrap:anywhere}summary{font-size:12px;color:#9aadb2;cursor:pointer}.setup{margin-top:20px}.setup p{max-width:800px}footer{font-size:12px;color:#80969c;margin:25px 0}#notice:not(:empty){background:#23352e;border:1px solid #526e4d;border-radius:6px;padding:12px 16px;margin-bottom:20px;line-height:1.5;font-size:14px}[hidden]{display:none!important}#new-token{border:1px solid #739b58;padding:12px;margin-top:15px;border-radius:6px}@media(max-width:1100px){.columns{grid-template-columns:1fr}main{padding:28px}aside{width:185px;padding:28px 18px}main{margin-left:185px;width:calc(100% - 185px)}}@media(max-width:650px){aside{position:static;width:100%;padding:18px 20px;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:23px}.brand span{font-size:10px}.product{margin:0;font-size:10px}.product small,.side-note{display:none}body{display:block}main{margin:0;padding:24px 18px;width:100%}header{margin-bottom:28px}.steps{gap:15px;flex-wrap:wrap}.panel{padding:20px}.badge{font-size:8px}.eyebrow{font-size:9px}h1{letter-spacing:-1px}.readings strong{font-size:32px}}