*{box-sizing:border-box}body{margin:0;background:#0d1425;color:#edf2ff;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}main{max-width:560px;margin:64px auto;padding:0 24px}header{display:flex;align-items:center;gap:16px;margin-bottom:30px}.brand{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:#203044;color:#58e3d1;font-weight:800;font-size:20px;letter-spacing:1px}.eyebrow{font-size:11px;letter-spacing:2px;color:#9eabc4;margin:0}h1{font-size:25px;line-height:1.4;margin:4px 0 0}h2{font-size:20px;margin:0 0 14px}p{margin:0 0 18px;color:#aebbd2}.card{background:#172238;border:1px solid #2c3d59;border-radius:20px;padding:28px;box-shadow:0 12px 40px #0002}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2{margin:0}label{display:block;font-size:14px;margin-bottom:8px;color:#d0dbed}input{background:#101a2c;border:1px solid #3b506f;border-radius:10px;padding:13px;width:100%;color:#fff;font:inherit;outline:none}input:focus{border-color:#58e3d1;box-shadow:0 0 0 3px #58e3d11a}button{width:100%;border:0;border-radius:12px;padding:14px 18px;background:#58e3d1;color:#0b2531;font:700 16px/1.4 system-ui;cursor:pointer;margin-top:16px;transition:background .15s,transform .1s}button:hover:not(:disabled){background:#86f0e2}button:active:not(:disabled){transform:scale(.985)}button:disabled{background:#263b51;color:#8297b2;cursor:default}.quiet{width:auto;margin:0;background:transparent;color:#acbbd5;border:1px solid #39506e;padding:8px 14px;font-size:13px}.quiet:hover:not(:disabled){background:#293f58;color:#edf2ff}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 12px}.status-grid>div{background:#101b2e;border-radius:12px;padding:16px}.label{display:block;color:#9caecb;font-size:13px;margin-bottom:4px}strong{font-size:21px}strong.online{color:#58e3d1}strong.offline{color:#f4c388}.detail{font-size:13px;color:#9fadc5;margin:12px 0 0}.wake{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px;margin-top:22px;font-size:19px}.wake svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round}.result{font-size:14px;min-height:44px;margin:18px 0 0;color:#d4dfef}.message{color:#ffbbab;font-size:14px;min-height:24px;margin-top:18px}footer{font-size:12px;color:#7f90ad;text-align:center;margin-top:26px}[hidden]{display:none!important}@media(max-width:520px){main{margin:36px auto;padding:0 18px}.card{padding:23px}h1{font-size:22px}.status-grid{gap:12px}.status-grid>div{padding:13px}strong{font-size:19px}}@media(prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}