:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif;background:#080b12;color:#f6f7fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#182642 0,transparent 38%),#080b12}main{max-width:560px;margin:auto;padding:max(28px,env(safe-area-inset-top)) 18px max(30px,env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}h1{font-size:2rem;margin:2px 0;letter-spacing:-.04em}h2{margin:.2rem 0;font-size:1.35rem}.eyebrow{color:#71819e;font-size:.72rem;font-weight:800;letter-spacing:.14em;margin:0}.icon{width:46px;height:46px;border-radius:50%;font-size:1.6rem}.login,.card{border:1px solid #273146;background:linear-gradient(145deg,rgba(27,35,52,.92),rgba(14,18,28,.94));box-shadow:0 20px 70px #0007;border-radius:24px}.login{padding:30px;text-align:center;margin-top:12vh}.login p{color:#9da9bd;line-height:1.45}.shield{margin:auto auto 18px;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#3076ff;color:white;font-size:2rem}input,button{font:inherit;border:0}input{width:100%;padding:16px;border-radius:14px;background:#090d16;border:1px solid #303a4e;color:white;font-size:1rem;margin:12px 0}.primary{width:100%;background:#397cff;color:white;padding:15px;border-radius:14px;font-weight:750}button{cursor:pointer;color:#dce4f2;background:#1b2332}.devices{display:grid;gap:14px}.card{padding:20px}.card-top{display:flex;align-items:center;justify-content:space-between}.device-name{font-size:1.2rem;font-weight:760}.meta{color:#8390a6;font-size:.84rem;margin-top:5px}.status{display:flex;gap:7px;align-items:center;font-size:.82rem;font-weight:700}.dot{width:9px;height:9px;border-radius:50%;background:#718096}.online .dot{background:#31d686;box-shadow:0 0 14px #31d686}.offline .dot{background:#ff5e68}.actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:20px}.actions button{min-height:48px;border-radius:13px;font-size:.84rem;font-weight:700}.actions .wake{background:#1b64e8;color:white}.actions button:disabled{opacity:.42;cursor:not-allowed}.notice,.error{text-align:center;color:#ff8b92;min-height:1.3em}.notice.ok{color:#60dfa0}.logout{display:block;margin:28px auto 0;background:transparent;color:#7f8ca3;padding:12px}dialog{border:1px solid #34405a;background:#111722;color:white;border-radius:22px;padding:24px;width:min(90vw,420px)}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.dialog-actions button{padding:14px;border-radius:12px}.danger{background:#d83f4b!important;color:white}@media(min-width:700px){main{padding-top:50px}}

[hidden]{display:none!important}.device-copy{min-width:0}.device-name,.meta{overflow-wrap:anywhere}.card-top{gap:12px;flex-wrap:wrap}.status{flex-shrink:0}.connection{color:#9da9bd;font-size:.82rem;margin:0 0 16px}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #91b8ff;outline-offset:3px}footer{color:#8492aa;text-align:center;font-size:.75rem;margin-top:32px;line-height:1.6}footer span{color:#b7c4da}footer p{max-width:290px;margin:8px auto}body{min-height:100dvh}main{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.shield{object-fit:contain;border-radius:14px}.notice{line-height:1.5}.login{margin-top:clamp(24px,7vh,80px)}