:root{--bg:#f6f7fb;--panel:#fff;--panel-2:#f1f2f7;--border:#e2e4ec;--border-strong:#d2d5e0;--text:#1b1d27;--text-dim:#5b6072;--text-faint:#8a8fa0;--accent:#3b6fe0;--accent-soft:#e7eefc;--on:#1f9d57;--on-soft:#e3f5ec;--off:#8a8fa0;--off-soft:#eceef3;--warn:#c98a18;--shadow:0 1px 2px #1416230f,0 4px 16px #1416230d;--mono:ui-monospace,"SF Mono","DM Mono",Menlo,Consolas,monospace;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0c0d12;--panel:#14151c;--panel-2:#1a1c25;--border:#24262f;--border-strong:#30333f;--text:#e9eaf0;--text-dim:#9aa0b2;--text-faint:#6b7080;--accent:#6c97ff;--accent-soft:#1a2238;--on:#43c97f;--on-soft:#15281d;--off:#6b7080;--off-soft:#1d1f28;--warn:#e0a94a;--shadow:0 1px 2px #0006,0 8px 24px #0000004d}}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border)transparent}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:0 0}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}*::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}*::-webkit-scrollbar-corner{background:0 0}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.mono{font-family:var(--mono)}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;border-bottom:1px solid var(--border);background:var(--panel);align-items: center;gap:.75rem;padding:.6rem 1rem}.topbar .brand{letter-spacing:-.01em;font-weight:650}.topbar .crumbs{color:var(--text-dim);display:flex;align-items: center;gap:.4rem;font-size:12.5px}.topbar .crumbs .sep{color:var(--text-faint)}.topbar .spacer{flex:1}.search-trigger{display:inline-flex;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text-dim);border-radius:7px;align-items: center;gap:.5rem;padding:.35rem .7rem;font-size:12.5px}.search-trigger kbd{font-family:var(--mono);border:1px solid var(--border-strong);background:var(--panel);border-radius:4px;padding:.05rem .3rem;font-size:11px}.freshness{display:inline-flex;color:var(--text-dim);align-items: center;gap:.4rem;font-size:12px}.dot{display:inline-block;border-radius:50%;flex:none;width:8px;height:8px}.dot.live{background:var(--on);box-shadow:0 0 0 3px var(--on-soft)}.dot.idle{background:var(--warn)}.dot.off{background:var(--off)}.center{display:grid;color:var(--text-dim);place-items: center;height:100%}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);margin:0 0 .4rem;font-size:11px;font-weight:600}.landing{overflow-y:auto;flex:1;padding:clamp(2rem,7vh,5rem) 1.5rem 4rem}.landing-hero{max-width:940px;margin:0 auto 2.2rem}.landing-hero h1{letter-spacing:-.03em;margin:0 0 .6rem;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.05}.landing-hero .lede{color:var(--text-dim);max-width:46ch;margin:0 0 1.4rem;font-size:14.5px}.hero-stats{display:flex;color:var(--text-dim);flex-wrap:wrap;align-items: center;gap:.6rem;font-size:13.5px}.hero-stats b{color:var(--text);font-family:var(--mono);font-weight:600}.hero-sep{color:var(--border-strong)}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.1rem;max-width:940px;margin:0 auto}.site-card{display:flex;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;padding:1.3rem 1.4rem 1.1rem;transition:border-color .16s,transform .16s,box-shadow .16s}.site-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 2px 4px #14162314,0 12px 32px #1416231a}.site-card-top{display:flex;align-items: flex-start;gap:.85rem;margin-bottom:1.2rem}.site-icon{display:grid;background:var(--accent-soft);color:var(--accent);border-radius:10px;flex:none;place-items: center;width:40px;height:40px}.site-card-title{min-width:0}.site-card h2{letter-spacing:-.01em;margin:0 0 .15rem;font-size:1.12rem}.site-card .sub{display:flex;color:var(--text-dim);align-items: center;gap:.3rem;margin:0;font-size:12px}.site-card .sub svg{color:var(--text-faint);flex:none}.site-card .stats{display:flex;border-bottom:1px solid var(--border);gap:1.8rem;padding-bottom:1.1rem}.site-card .stat .n{font-size:1.45rem;font-weight:650;font-family:var(--mono);line-height:1.1}.site-card .stat .n-live{color:var(--on)}.site-card .stat .l{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:.15rem;font-size:10.5px}.site-card-cta{margin-top:.9rem}.site-card .explore{display:inline-flex;color:var(--text-dim);align-items: center;gap:.45rem;transition:gap .16s,color .16s;font-size:13px;font-weight:550}.site-card:hover .explore{color:var(--accent);gap:.65rem}.explorer{display:grid;grid-template-columns:280px minmax(0,1fr)340px;flex:1;min-height:0}.pane{overflow-y:auto;border-right:1px solid var(--border);min-height:0}.pane:last-child{border-right:none}.pane-head{position:sticky;background:var(--panel);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);z-index:1;padding:.55rem .85rem;font-size:11px;font-weight:600;top:0}.tree{padding:.3rem .4rem}.tree-node{border-radius:7px}.tree-device{display:flex;text-align:left;color:var(--text);background:0 0;border:none;border-radius:7px;align-items: center;gap:.45rem;width:100%;padding:.4rem .5rem}.tree-device:hover{background:var(--panel-2)}.tree-device.active{background:var(--accent-soft);color:var(--accent)}.tree-device .chev{color:var(--text-faint);width:10px;transition:transform .12s;font-size:10px}.tree-device .chev.open{transform:rotate(90deg)}.tree-device .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-device .badge{font-family:var(--mono);color:var(--text-faint);background:var(--panel-2);border-radius:10px;padding:.05rem .4rem;font-size:11px}.tree-device.active .badge{background:var(--panel)}.table-wrap{padding:0}.filterbar{display:flex;border-bottom:1px solid var(--border);position:sticky;background:var(--panel);z-index:1;flex-wrap:wrap;align-items: center;gap:.5rem;padding:.55rem .85rem;top:0}.filterbar select,.filterbar input{font:inherit;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);border-radius:6px;padding:.3rem .5rem}.filterbar input{flex:1;min-width:120px}.filterbar .count{color:var(--text-faint);margin-left:auto;font-size:12px}.group-head{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);background:var(--panel-2);border-bottom:1px solid var(--border);position:sticky;padding:.4rem .85rem;font-size:11px;font-weight:600;top:0}.row{display:grid;grid-template-columns:18px 1fr auto auto;text-align:left;border:none;border-bottom:1px solid var(--border);color:var(--text);background:0 0;align-items: center;gap:.6rem;width:100%;padding:.4rem .85rem}.row:hover{background:var(--panel-2)}.row.active{background:var(--accent-soft)}.row .name{overflow:hidden}.row .name .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550}.row .name .desc{color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.5rem;font-size:11.5px}.type-chip{font-family:var(--mono);background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:5px;padding:.1rem .4rem;font-size:11px}.val{font-family:var(--mono);text-align:right;min-width:56px;font-size:12.5px}.val.on{color:var(--on);font-weight:600}.val.off{color:var(--off)}.val.empty{color:var(--text-faint)}.pill{display:inline-block;border-radius:11px;padding:.08rem .5rem;font-size:11.5px;font-weight:600}.pill.on{color:var(--on);background:var(--on-soft)}.pill.off{color:var(--off);background:var(--off-soft)}.inspector{padding:1rem}.inspector .empty{color:var(--text-faint);text-align:center;margin-top:3rem}.inspector h2{letter-spacing:-.01em;margin:.2rem 0 .1rem;font-size:1.05rem}.inspector .dev-name{color:var(--text-dim);font-size:12px}.inspector .big-val{font-family:var(--mono);margin:.8rem 0 .1rem;font-size:1.9rem;font-weight:600}.inspector .synced{color:var(--text-faint);margin-bottom:1rem;font-size:12px}.meta{border-top:1px solid var(--border)}.meta-row{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid var(--border);gap:.5rem;padding:.4rem 0;font-size:12.5px}.meta-row .k{color:var(--text-faint)}.meta-row .v{word-break:break-word}.meta-row .v.mono{font-size:11.5px}.palette-backdrop{position:fixed;display:flex;z-index:50;background:#0a0b1073;justify-content:center;padding-top:12vh;inset:0}.palette{background:var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow);display:flex;overflow:hidden;border-radius:12px;flex-direction:column;width:min(640px,92vw);max-height:70vh}.palette input{font:inherit;border:none;border-bottom:1px solid var(--border);color:var(--text);outline:none;background:0 0;padding:.9rem 1rem;font-size:15px}.palette-results{overflow-y:auto}.palette-item{display:flex;text-align:left;color:var(--text);border:none;border-bottom:1px solid var(--border);background:0 0;align-items: center;gap:.6rem;width:100%;padding:.5rem 1rem}.palette-item:hover,.palette-item.active{background:var(--accent-soft)}.palette-item .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.palette-item .ctx{color:var(--text-faint);white-space:nowrap;font-size:11.5px}.palette-empty{text-align:center;color:var(--text-faint);padding:1.5rem}.back-link{color:var(--text-dim);font-size:12.5px}.back-link:hover{color:var(--accent)}