:root{font-family:Arial,sans-serif;color:#15332d;background:#f4f5ef}*{box-sizing:border-box}body{margin:0}main{max-width:560px;margin:7vh auto;padding:24px}.brand{letter-spacing:.2em;font-size:13px;color:#46705b}h1{font-size:44px;margin:16px 0 8px}header p,footer{color:#60716a}.panel{margin-top:32px;padding:28px;border:1px solid #d9e2d8;border-radius:20px;background:white;box-shadow:0 12px 38px #173c2910}.badge{font-size:13px;color:#6b5629;background:#faf1d9;padding:10px;border-radius:8px}label{display:block;margin:18px 0 8px}input{width:100%;padding:14px;border:1px solid #b2c3b9;border-radius:8px;font-size:16px}button{background:#215b42;color:white;border:0;border-radius:8px;padding:14px 22px;margin-top:22px;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #ad821b;outline-offset:3px}footer{font-size:13px;margin-top:24px}#message{line-height:1.6}.home{border-top:1px solid #ddd;padding:16px 0}
:root .device{border:1px solid #d9e2d8;border-radius:12px;padding:16px;margin:12px 0}.device strong,.device span{display:block}.device span,.device small{color:#60716a;font-size:13px}.device p{margin:12px 0}.device.stale{background:#f7f7f3}