:root{--isabelline:#F5F4EE;--onyx:#343739;--cadet:#90ABB2;--platinum:#DCE3E5;--straw:#E3E68C;--good:#4C7A3F;--warn:#C9992E;--bad:#C05B4B;--muted:#6E8288;--card:#FFFFFF;--shadow:0 10px 30px rgba(52,55,57,.07), 0 2px 8px rgba(52,55,57,.05);font-size:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;color:var(--onyx);background:radial-gradient(1200px 500px at 50% -200px,#EDF0E6 0%,var(--isabelline) 60%) fixed;-webkit-font-smoothing:antialiased;min-height:100vh}.shell{max-width:460px;margin:0 auto;padding:18px 14px 30px}.top{display:flex;align-items:center;gap:10px;padding:2px 4px 16px}.wordmark{font-weight:800;letter-spacing:.24em;font-size:13px}.live{width:8px;height:8px;border-radius:50%;background:var(--platinum)}.live.ok{background:var(--good);box-shadow:0 0 0 3px #4c7a3f26}.live.off{background:var(--bad)}.top .spacer{flex:1}.seg{display:flex;background:var(--card);border:1px solid var(--platinum);border-radius:14px;padding:5px;margin-bottom:16px;box-shadow:var(--shadow)}.seg button{flex:1;border:0;background:transparent;padding:12px 8px;border-radius:10px;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;font-family:inherit}.seg button.on{background:var(--onyx);color:var(--isabelline)}.hero{text-align:center;padding:6px 0 2px}.halo{--p:0;width:118px;height:118px;margin:0 auto;position:relative;border-radius:50%;background:conic-gradient(var(--good) calc(var(--p)*1%),var(--platinum) 0);box-shadow:0 10px 30px #4c7a3f1f;transition:background .6s}.halo:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--isabelline)}.halo .core{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.halo .core .lvl{font-size:26px;font-weight:800;letter-spacing:-.02em}.halo .core .cap{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:2px}.hero h1{font-size:22px;font-weight:750;margin-top:15px;letter-spacing:-.01em}.statusline{display:flex;justify-content:center;gap:14px;margin-top:8px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.statusline b{color:var(--onyx);font-weight:650}.okdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--good);margin-right:5px;box-shadow:0 0 0 3px #4c7a3f24}.okdot.bad{background:var(--warn);box-shadow:0 0 0 3px #c9992e29}.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0 18px}.chips button{border:1px solid var(--platinum);background:var(--card);border-radius:999px;padding:9px 14px;font-size:12.5px;color:var(--onyx);cursor:pointer;box-shadow:var(--shadow);font-family:inherit}.chips button:active{transform:scale(.97)}.chips button:disabled{opacity:.5}.thread{display:flex;flex-direction:column;gap:10px;min-height:120px;max-height:52vh;overflow-y:auto;padding:2px}.hint{color:var(--muted);font-size:13px;text-align:center;padding:14px 20px;line-height:1.6}.b{max-width:86%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.b.u{background:var(--onyx);color:var(--isabelline);margin-left:auto;border-bottom-right-radius:5px}.b.a{background:var(--card);border:1px solid var(--platinum);border-bottom-left-radius:5px;box-shadow:var(--shadow)}.b.e{background:#c05b4b14;border:1px solid rgba(192,91,75,.3);color:#96473a;align-self:stretch;max-width:100%}.steps{border-left:2px solid var(--platinum);margin:2px 0 2px 12px;padding-left:15px;display:flex;flex-direction:column;gap:7px}.step{font-size:12px;color:var(--muted);position:relative}.step:before{content:"";position:absolute;left:-20px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--cadet)}.step.done:before{background:var(--good)}.step.live:before{animation:pulse 1.1s infinite}.step b{color:var(--onyx);font-weight:600}@keyframes pulse{50%{opacity:.25}}.confirm{background:linear-gradient(0deg,#e3e68c47,#e3e68c61);border:1px solid #d3d67e;border-radius:14px;padding:13px 15px;font-size:13px;line-height:1.5;box-shadow:var(--shadow)}.confirm .row{display:flex;gap:8px;margin-top:10px}.confirm button{border:0;border-radius:9px;padding:9px 14px;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-family:inherit}.confirm .yes{background:var(--onyx);color:var(--isabelline)}.confirm .no{background:#fff;border:1px solid var(--platinum);color:var(--onyx)}.inputbar{position:sticky;bottom:0;margin-top:14px;display:flex;gap:8px;background:#f5f4eed9;backdrop-filter:blur(10px);padding:10px 0 4px}.inputbar input{flex:1;border:1px solid var(--platinum);border-radius:14px;padding:13px 15px;font-size:16px;background:var(--card);outline:none;box-shadow:var(--shadow);font-family:inherit}.inputbar input:focus{border-color:var(--cadet)}.inputbar button{border:0;background:var(--onyx);color:var(--isabelline);border-radius:14px;width:52px;font-size:17px;cursor:pointer}.inputbar button:disabled{opacity:.4}.dhead{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;padding:0 2px}.dhead h2{font-size:17px;font-weight:750}.dhead span{color:var(--muted);font-size:12px}.card{background:var(--card);border:1px solid var(--platinum);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.card.blocky{margin-top:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.binrow{display:flex;align-items:center;gap:18px}.binring{--p:0;width:96px;height:96px;border-radius:50%;flex:none;position:relative;background:conic-gradient(var(--good) calc(var(--p)*1%),var(--platinum) 0);transition:background .6s}.binring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--card)}.binring div{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.binring b{font-size:22px}.binring span{font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.binmeta{font-size:13px;line-height:1.7;color:var(--muted)}.binmeta b{color:var(--onyx)}.tile .v{font-size:18px;font-weight:750;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.tile .v small{font-size:11px;color:var(--muted);font-weight:600}.tile .l{margin-top:3px}.meter{height:5px;background:var(--platinum);border-radius:3px;margin-top:10px;overflow:hidden}.meter i{display:block;height:100%;border-radius:3px;background:var(--good);transition:width .5s}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:13px;margin-top:10px}.kv dt{color:var(--muted)}.kv dd{text-align:right;font-variant-numeric:tabular-nums;word-break:break-all}.actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.actions button{flex:1;min-width:130px;border:1px solid var(--platinum);background:var(--card);border-radius:12px;padding:12px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--onyx);cursor:pointer;box-shadow:var(--shadow);font-family:inherit}.actions button.danger{color:var(--bad)}.footnote{text-align:center;color:var(--muted);font-size:11px;margin:20px 0 4px;line-height:1.6}.wifiwrap{margin-top:14px}.actions button.armed{background:var(--onyx);color:var(--isabelline);border-color:var(--onyx)}.install{margin-bottom:14px}.install b{font-size:14px}.install p{color:var(--muted);font-size:13px;margin:6px 0 10px;line-height:1.5}.panel{background:var(--card);border:1px solid var(--platinum);border-radius:18px;padding:18px;margin:12px 0;box-shadow:var(--shadow)}.panel h2{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.panel .sub{color:var(--muted);font-size:13px;margin:-6px 0 12px;line-height:1.5}input{background:var(--card);border:1px solid var(--platinum);border-radius:10px;color:var(--onyx);padding:11px 13px;width:100%;outline:none;font:inherit;font-size:16px}input::placeholder{color:var(--cadet)}input:focus{border-color:var(--cadet)}.btn{background:var(--onyx);color:var(--isabelline);border:1px solid var(--onyx);border-radius:10px;padding:11px 16px;font-weight:700;font-size:12px;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.45;cursor:default}.btn.secondary{background:var(--card);border:1px solid var(--platinum);color:var(--onyx)}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.block{width:100%}.row{display:flex;gap:8px;align-items:center}.row>input{flex:1}.net-list{display:flex;flex-direction:column;gap:6px}.net{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1px solid var(--platinum);border-radius:10px;color:var(--onyx);padding:12px;cursor:pointer;font:inherit}.net.selected{border-color:var(--onyx);background:#f0f2ee}.net .ssid{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.net .meta{color:var(--muted);font-size:11.5px}.lock{color:var(--muted);font-size:13px;flex:none}.bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex:none}.bars i{width:4px;border-radius:1px;background:var(--platinum)}.bars i:nth-child(1){height:5px}.bars i:nth-child(2){height:8px}.bars i:nth-child(3){height:11px}.bars i:nth-child(4){height:14px}.bars.good i.on{background:var(--good)}.bars.warn i.on{background:var(--warn)}.bars.bad i.on{background:var(--bad)}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pill.good{background:#4c7a3f1f;color:var(--good)}.pill.warn{background:#c9992e24;color:var(--warn)}.pill.bad{background:#c05b4b24;color:var(--bad)}.pill.muted{background:#f0f2ee;color:var(--muted)}.alert{border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.5;margin:10px 0 0}.alert.error{background:#c05b4b14;border:1px solid rgba(192,91,75,.3);color:#96473a}.alert.success{background:#e3e68c59;border:1px solid #d3d67e;color:#565a1f}.alert.info{background:#90abb224;border:1px solid var(--cadet);color:#4d666d}.spinner{width:14px;height:14px;border:2px solid var(--platinum);border-top-color:var(--onyx);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:-3px;margin-right:7px}@keyframes spin{to{transform:rotate(360deg)}}.center-muted{color:var(--muted);text-align:center;padding:16px 0;font-size:13px}