:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e6e8eb}.app{max-width:1280px;margin:0 auto;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.title-row{display:flex;align-items:center;gap:12px}.topbar h1{font-size:20px;margin:0}.detail-title{font-size:16px;font-weight:600;word-break:break-all}.live{font-size:12px;color:#3ddc84;letter-spacing:.05em;opacity:.55;transition:opacity .2s}.live.pulse{opacity:1;animation:blink 1s ease-in-out}@keyframes blink{0%{opacity:.3}50%{opacity:1}to{opacity:.55}}.counters{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:4px 10px;border-radius:999px;font-size:13px;background:#1b1f27;border:1px solid #2a2f3a}.chip.error{color:#ff6b6b;border-color:#5a2130}.chip.warning{color:#fc6;border-color:#5a4a21}.chip.ok{color:#66d19e;border-color:#21503a}.chip.offline{color:#9aa0a6}.search{width:100%;padding:10px 12px;margin-bottom:14px;background:#161a22;color:#e6e8eb;border:1px solid #2a2f3a;border-radius:8px;font-size:14px}.search:focus{outline:none;border-color:#3a6df0}.back{background:#1b1f27;color:#e6e8eb;border:1px solid #2a2f3a;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:14px}.back:hover{background:#232833}.status{color:#9aa0a6}.status.err{color:#ff6b6b}.app.login{max-width:420px;text-align:center;padding-top:18vh}.app.login h1{font-size:22px;margin-bottom:8px}.primary{background:#3a6df0;color:#fff;border:none;border-radius:8px;padding:10px 22px;font-size:15px;font-weight:600;cursor:pointer;margin-top:12px}.primary:hover{background:#2f5cd8}.ok-note{color:#66d19e}.foot{margin-top:14px;color:#6b7280;font-size:12px}.table-wrap{overflow-x:auto}table.fleet{width:100%;border-collapse:collapse;font-size:14px}table.fleet th,table.fleet td{text-align:left;padding:8px 10px;border-bottom:1px solid #1f2430;white-space:nowrap}table.fleet th{color:#9aa0a6;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}table.fleet th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.fleet th.sortable:hover{color:#cfd3da}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.uuid{font-size:13px}.row.clickable{cursor:pointer}.row.clickable:hover{background:#171b23}.row.error{background:#ff6b6b0f}.row.warning{background:#ffcc660d}.row.offline{background:#9aa0a614}.prob{color:#ff9e9e}.prob-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis}.badge{padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700}.badge.sm{font-size:11px;padding:1px 6px}.badge.big{font-size:14px;padding:4px 12px}.badge.ok{background:#12351f;color:#66d19e}.badge.warning{background:#3a3213;color:#fc6}.badge.error{background:#3a1620;color:#ff6b6b}.badge.offline{background:#23262d;color:#9aa0a6}.detail-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0 4px;margin-bottom:8px}.dh-item{color:#b6bcc6;font-size:14px}.panel{background:#14171e;border:1px solid #1f2430;border-radius:10px;padding:14px 16px;margin-bottom:14px}.panel h3{margin:0 0 12px;font-size:15px;color:#cfd3da}.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 20px}.kv{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #191d25}.kv .k{color:#8b93a0;font-size:13px}.kv .v{font-size:13px;text-align:right;word-break:break-all}.meters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:14px}.meter-head,.meter-foot{display:flex;justify-content:space-between;font-size:12px;color:#9aa0a6}.meter-head{margin-bottom:4px;color:#cfd3da}.meter-foot{margin-top:4px}.bar{height:8px;background:#222834;border-radius:6px;overflow:hidden}.fill{height:100%}.fill.ok{background:#3ddc84}.fill.warn{background:#fc6}.fill.crit{background:#ff6b6b}.fill.na{background:#3a3f4a}.problems{list-style:none;margin:0;padding:0}.problems li{padding:6px 0;border-bottom:1px solid #191d25;font-size:14px}.problems code{background:#23262d;padding:1px 6px;border-radius:4px}.subsys{margin-bottom:14px}.subsys h4{margin:0 0 8px;font-size:13px;color:#cfd3da;display:flex;align-items:center;gap:8px}.nodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}.node{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:#171b22;border:1px solid #1f2430;font-size:12px}.node.err{background:#2a1519;border-color:#5a2130}.node-name{color:#9aa0a6;font-family:ui-monospace,monospace;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-state{color:#cfd3da}.node-err{color:#ff6b6b;font-weight:700}table.mini{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}table.mini th,table.mini td{text-align:left;padding:6px 8px;border-bottom:1px solid #1f2430}table.mini th{color:#8b93a0;font-weight:600;font-size:12px}table.mini tr.uplink td{color:#66d19e}table.mini.shadow tr.delta td{color:#fc6;background:#ffcc660d}table.mini.shadow td{word-break:break-word}.shadow-history{margin-top:16px;border-top:1px solid #1f2430;padding-top:12px}.shadow-history h4{margin:0 0 8px}.shadow-event{margin:12px 0}.shadow-event-head{display:flex;gap:10px;align-items:center;margin-bottom:4px}.rawjson{max-height:460px;overflow:auto;background:#0c0e13;border:1px solid #1f2430;border-radius:8px;padding:12px;font-size:12px;line-height:1.45}details summary{cursor:pointer;color:#8fb3ff}.tabs{display:flex;gap:6px;align-items:center}.tabs-title{font-weight:600;color:#8b93a0;margin-right:8px}.tab{background:#1b1f27;color:#9aa0a6;border:1px solid #2a2f3a;border-radius:8px 8px 0 0;padding:6px 18px;cursor:pointer;font-size:14px}.tab.active{background:#14171e;color:#e6e8eb;border-bottom-color:#14171e;font-weight:600}.range-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0 14px}.range-btn{background:#1b1f27;color:#9aa0a6;border:1px solid #2a2f3a;border-radius:999px;padding:4px 14px;cursor:pointer;font-size:13px}.range-btn.active{background:#2b3a55;color:#e6e8eb;border-color:#3a6df0}.range-hint{color:#6b7280;font-size:12px;margin-left:8px}.band-row{display:flex;align-items:center;gap:10px;margin:6px 0}.band-label{flex:0 0 60px;color:#8b93a0;font-size:12px;text-align:right}.band{flex:1;display:flex;height:22px;border-radius:5px;overflow:hidden;background:#10141b}.seg{height:100%;min-width:2px}.band-scale{display:flex;justify-content:space-between;color:#6b7280;font-size:11px;margin:4px 0 0 70px}.photo-band{position:relative}.photo-tick{position:absolute;top:3px;bottom:3px;width:2px;margin-left:-1px;border-radius:1px;background:#3ddc84}.photo-gap{position:absolute;top:0;bottom:0;background:#c0392b47;border-left:1px dashed rgba(192,57,43,.7);border-right:1px dashed rgba(192,57,43,.7)}.photo-gap.gap-fault{background:#c0392b4d;border-color:#c0392bb3}.photo-gap.gap-uploadfail{background:#e6963c42;border-color:#e6963cb3}.photo-gap.gap-unknown{background:#c9a13b33;border-color:#c9a13b8c}.photo-gap.gap-off{background:#4a526138;border-color:#4a526180}.photo-tick.tick-late{background:#e6a23c}.photo-band-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:11px}.panel-sub{color:#8b93a0;font-size:13px;margin:-6px 0 12px;line-height:1.5}.panel-sub b{color:#b6bcc6}.legend-chips{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;font-size:12px;color:#9aa0a6}.legend-chips span{display:inline-flex;align-items:center;gap:6px}.legend-chips i{width:12px;height:12px;border-radius:3px;display:inline-block}.legend-chips .legend-group{color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-right:-8px}.uuid-small{color:#6b7280;font-size:12px}.dev-name{max-width:180px;overflow:hidden;text-overflow:ellipsis}.meta-form{display:flex;flex-direction:column;gap:10px}.meta-form .search{margin-bottom:0}.meta-view{display:flex;align-items:flex-start;gap:14px}.meta-view-text{flex:1;min-width:0}.meta-notes-view{margin:6px 0 0;color:#9aa0a6;white-space:pre-wrap}.info-toggle{background:none;border:none;color:#6b7280;font-size:12px;cursor:pointer;padding:0;margin:-4px 0 10px}.info-toggle:hover{color:#cfd3da}.info-text .panel-sub{margin-top:0}.info-ic{margin-left:5px;opacity:.45;cursor:help;font-size:11px;vertical-align:middle}.info-ic:hover{opacity:1}.bands-wrap{position:relative;cursor:crosshair}.crosshair{position:absolute;top:0;bottom:18px;width:1px;background:#cfd3da8c;pointer-events:none;z-index:5}.brush{position:absolute;top:0;bottom:18px;background:#4f7dc338;border:1px solid rgba(79,125,195,.7);pointer-events:none;z-index:4}.hover-tip{position:absolute;top:2px;z-index:6;pointer-events:none;white-space:nowrap;background:#14171e;border:1px solid #2a2f3a;border-radius:8px;padding:6px 9px;font-size:12px;color:#cfd3da;line-height:1.5}.zoom-chip-row{display:flex;align-items:center;gap:12px;margin:0 0 10px}.zoom-chip{display:inline-flex;align-items:center;gap:8px;background:#1c2433;border:1px solid #2a3550;border-radius:999px;padding:4px 12px;font-size:12px}.zoom-clear{background:none;border:none;color:#9aa0a6;cursor:pointer;font-size:13px;padding:0 2px}.zoom-clear:hover{color:#ff6b6b}.marker-band{position:relative}.cfg-marker{position:absolute;top:2px;bottom:2px;width:3px;margin-left:-1px;border-radius:2px;background:#fc6}.evt-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 10px;font-size:13px;color:#9aa0a6}.evt-filter input{background:#10141b;border:1px solid #2a2f3a;color:#e8eaed;border-radius:6px;padding:4px 6px;font:inherit;color-scheme:dark}.evt-kind{display:inline-flex;gap:6px}.collapse-head{cursor:pointer;-webkit-user-select:none;user-select:none}.stats-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stats-cols h4{margin:4px 0 10px;color:#cfd3da}.err-stats{display:flex;flex-direction:column;gap:7px}.err-row{display:grid;grid-template-columns:130px 1fr 90px;align-items:center;gap:10px;font-size:13px}.err-code{color:#ff9e9e;font-family:ui-monospace,Menlo,monospace;font-size:12px}.err-bar-track{background:#10141b;border-radius:4px;height:14px;overflow:hidden}.err-bar{height:100%;background:linear-gradient(90deg,#c0392b,#ff6b6b);border-radius:4px}.err-pct{text-align:right;color:#9aa0a6}.dom-errors{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.dom-row{display:grid;grid-template-columns:90px auto 1fr;align-items:center;gap:10px;padding:5px 8px;border-radius:6px;cursor:pointer}.dom-row:hover{background:#171b23}.dom-id{color:#9aa0a6;font-size:12px}@media (max-width: 760px){.app{padding:12px}.topbar{flex-wrap:wrap;gap:8px}.counters,.title-row{flex-wrap:wrap}table.fleet th:nth-child(3),table.fleet td:nth-child(3),table.fleet th:nth-child(6),table.fleet td:nth-child(6),table.fleet th:nth-child(8),table.fleet td:nth-child(8),table.fleet th:nth-child(9),table.fleet td:nth-child(9){display:none}table.fleet th,table.fleet td{padding:10px 8px}.range-btn,.tab,.back,button.primary{min-height:40px}.evt-check{width:18px;height:18px}.stats-cols{grid-template-columns:1fr}.err-row{grid-template-columns:110px 1fr 70px}.hover-tip,.crosshair{display:none}}.meta-notes{resize:vertical;font-family:inherit}.meta-actions{display:flex;align-items:center;gap:12px}.meta-actions .primary{margin-top:0}.evt-log{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.evt-log li{display:flex;gap:14px;padding:5px 0;border-bottom:1px solid #191d25;font-size:13px;flex-wrap:wrap}.evt-time{color:#8b93a0;flex:0 0 150px}.evt-check{accent-color:#3a6df0;width:15px;height:15px;margin-top:2px}.evt-states b{color:#cfd3da}.evt-photo{color:#3ddc84;font-weight:600}.simple-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;margin:0;cursor:pointer;border-radius:50%;line-height:0}.simple-toggle img{width:27px;height:27px;display:block;filter:invert(1);opacity:.6;transition:opacity .15s,filter .15s}.simple-toggle:hover img{opacity:1}.simple-toggle:focus-visible{outline:2px solid #3a6df0;outline-offset:2px}.simple-toggle.on img{opacity:1;filter:invert(1) drop-shadow(0 0 4px rgba(120,170,255,.95))}.title-row>.simple-toggle{margin-left:auto}.app.simple{font-size:15px}.simple-intro{background:#14171e;border:1px solid #263041;border-left:4px solid #3a6df0;border-radius:12px;padding:15px 18px;margin-bottom:14px;line-height:1.6}.simple-intro h2{margin:0 0 6px;font-size:18px}.simple-intro p{margin:0;color:#cbd0d8}.simple-intro .faces{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;color:#b6bcc6}.simple-intro .faces span{display:inline-flex;align-items:center;gap:7px}.simple-intro .faces b{font-size:20px}.simple-summary{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:14px}.simple-summary .grp{display:inline-flex;align-items:center;gap:7px;background:#14171e;border:1px solid #1f2430;border-radius:999px;padding:5px 14px;font-size:15px}.simple-summary .grp.total{border-color:#2a2f3a}.simple-summary .grp.ok{border-color:#21503a}.simple-summary .grp.warning{border-color:#5a4a21}.simple-summary .grp.error{border-color:#5a2130}.simple-summary .grp b{font-size:16px;white-space:nowrap}.simple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.simple-card{background:#14171e;border:1px solid #1f2430;border-left:5px solid #3a4150;border-radius:14px;padding:15px 17px;cursor:pointer;transition:background .15s,transform .06s,border-color .15s}.simple-card:hover{background:#191d25}.simple-card:focus-visible{outline:2px solid #3a6df0;outline-offset:2px}.simple-card:active{transform:scale(.995)}.simple-card.ok{border-left-color:#3ddc84}.simple-card.warning{border-left-color:#fc6}.simple-card.error{border-left-color:#ff6b6b}.simple-card.offline{border-left-color:#6b7280}.simple-card-head{display:flex;align-items:center;gap:13px}.simple-face{font-size:34px;line-height:1}.simple-card-title{min-width:0}.simple-card-title .word{font-size:17px;font-weight:700;color:#e6e8eb}.simple-card-title .name{color:#9aa0a6;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-meaning{margin:11px 0 0;color:#cbd0d8;line-height:1.5}.simple-facts{list-style:none;margin:11px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.simple-facts li{color:#b6bcc6;line-height:1.4}.simple-facts-note{margin:11px 0 0;color:#9aa0a6;line-height:1.5}.simple-problem{margin:11px 0 0;color:#ff9e9e}.simple-card .tap-hint{margin:12px 0 0;color:#6b7280;font-size:13px}.simple-detail{background:#14171e;border:1px solid #263041;border-radius:14px;padding:18px 20px;margin-bottom:14px}.simple-detail-head{display:flex;align-items:center;gap:15px;margin-bottom:4px}.simple-detail-head .simple-face{font-size:46px}.simple-detail-head .word{font-size:23px;font-weight:800}.simple-detail .simple-meaning{font-size:16px}.simple-detail .simple-sub{margin:15px 0 6px;color:#8b93a0;font-weight:600}.simple-detail .simple-facts li{font-size:15px}.simple-ok-note{margin:15px 0 0;color:#66d19e;font-size:15px}.simple-note{color:#8b93a0;font-size:13px}.simple-note.center{text-align:center;margin-top:4px}.simple-verdict{font-size:17px;margin:8px 2px 14px}.simple-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.simple-stat{background:#14171e;border:1px solid #1f2430;border-radius:14px;padding:16px 18px}.simple-stat .big{font-size:26px;font-weight:800;display:flex;align-items:baseline;gap:10px;color:#e6e8eb}.simple-stat .cap{color:#b6bcc6;margin-top:6px;line-height:1.45}@media (max-width: 760px){.simple-grid,.simple-stats{grid-template-columns:1fr}}