:root{--oat: #e8e2d8;--bone: #f2ede5;--peat: #3b3530;--stone: #7d7368;--clay: #918068;--sand: #b5a894;--limestone: #d6cfc5;--olive: #6e7f5e;--slate: #5e7080;--terracotta: #96705f;--hairline: rgba(59, 53, 48, .14);--hairline-soft: rgba(59, 53, 48, .08);--serif: "Libre Baskerville", Georgia, "Times New Roman", serif;--radius: 6px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--serif);color:var(--peat);background:var(--oat);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.brand-sub,.legend-title,.panel-title,.stat-label,.field dt,.offline-chip{text-transform:uppercase;letter-spacing:.2em;color:var(--stone);font-weight:700}.app{position:relative;height:100%;display:flex;flex-direction:column;background:radial-gradient(1100px 700px at 16% -12%,rgba(145,128,104,.22),transparent 60%),radial-gradient(900px 600px at 96% 8%,rgba(181,168,148,.2),transparent 55%),var(--oat)}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--hairline);background:#f2ede5b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-family:var(--serif);font-size:22px;color:var(--bone);background:radial-gradient(circle at 40% 35%,var(--sand),var(--clay));box-shadow:inset 0 0 0 1.5px var(--limestone),0 2px 8px #3b35301f}.brand-title{font-weight:700;font-size:18px;letter-spacing:-.01em}.brand-sub{font-size:10px;margin-top:2px}.topbar-right{display:flex;align-items:center;gap:18px}.router-chip{display:flex;flex-direction:column;align-items:flex-end;padding:5px 13px;border-left:1px solid var(--hairline)}.router-chip-model{font-size:13px;font-weight:700}.router-chip-ip{font-size:12px;color:var(--stone);letter-spacing:.04em}.live-pill{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;padding:6px 13px;border-radius:999px;border:1px solid var(--hairline);color:var(--stone)}.live-pill.on{color:var(--olive);border-color:#6e7f5e66}.live-pill.off{color:var(--terracotta);border-color:#96705f66}.live-dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.updated{font-size:12px;color:var(--stone);font-style:italic}.refresh-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--hairline);background:transparent;color:var(--clay);font-size:16px;cursor:pointer;transition:transform .6s var(--ease),background .2s,border-color .2s}.refresh-btn:hover{background:#9180681f;border-color:var(--clay);transform:rotate(180deg)}.layout{flex:1;display:flex;min-height:0}.stage{position:relative;flex:1;min-width:0}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.06'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.graph-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1100px 760px at 50% 40%,rgba(181,168,148,.35),transparent 70%),var(--oat)}.ink-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.graph-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.node-label{font-family:var(--serif);font-size:15px;fill:var(--peat);stroke:var(--oat);stroke-width:6px;stroke-linejoin:round;paint-order:stroke fill;pointer-events:none}.node-sub{font-family:var(--serif);font-style:italic;font-size:12px;fill:var(--stone);stroke:var(--oat);stroke-width:5px;stroke-linejoin:round;paint-order:stroke fill;pointer-events:none}.router-label{font-weight:700}.device-label{fill:var(--peat)}.node{transition:opacity .4s var(--ease)}.link-backbone,.link-device{transition:stroke-opacity .4s var(--ease)}.ink-drift{transform-box:fill-box;transform-origin:center;animation:ink-drift 21s ease-in-out infinite;animation-delay:calc(var(--phase, 0) * -1.1s)}@keyframes ink-drift{0%{transform:translate(0)}33%{transform:translate(2.5px,-2px)}66%{transform:translate(-2px,2.5px)}to{transform:translate(0)}}.wc-bloom{transform-box:fill-box;transform-origin:center;animation:wash-bloom 15s ease-in-out infinite;animation-delay:calc(var(--phase, 0) * -1.2s)}@keyframes wash-bloom{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.28);opacity:1}}.legend{position:absolute;left:24px;bottom:24px;background:#f2ede5d1;border:1px solid var(--hairline);border-radius:var(--radius);padding:16px 18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #3b35300f}.legend-title{font-size:10px;margin-bottom:12px}.legend-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--peat);margin:7px 0}.legend-dot{width:11px;height:11px;border-radius:50% 48% 52% 50%}.hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-size:12px;font-style:italic;color:var(--stone);background:#f2ede5d1;border:1px solid var(--hairline);padding:7px 16px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sidebar{width:360px;flex-shrink:0;border-left:1px solid var(--hairline);background:var(--bone);padding:24px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:28px}.panel{padding:0}.panel.grow{flex:1;min-height:0;display:flex;flex-direction:column}.panel-title{font-size:11px;margin:0 0 16px}.muted{color:var(--stone);font-weight:400}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline-soft);border:1px solid var(--hairline-soft)}.stat{background:var(--bone);padding:16px 14px}.stat-value{font-size:30px;font-weight:400;line-height:1;letter-spacing:-.02em}.stat-label{margin-top:8px;font-size:10px}.net-list{display:flex;flex-direction:column}.net-row{position:relative;display:flex;align-items:center;gap:13px;padding:12px 8px;border-top:1px solid var(--hairline-soft);transition:padding-left .4s var(--ease)}.net-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(145,128,104,.12),transparent 70%);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}.net-row:hover:before{opacity:1}.net-row:hover{padding-left:14px}.net-dot{width:11px;height:11px;border-radius:50% 48% 52% 50%;flex-shrink:0}.net-info{flex:1;min-width:0}.net-name{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.net-meta{font-size:11px;color:var(--stone);font-style:italic}.net-count{font-size:18px;font-weight:400;color:var(--clay)}.devices-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.devices-head .panel-title{margin:0}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg-wrap{margin-bottom:16px}.seg-btn{border:1px solid var(--hairline);background:transparent;color:var(--stone);font-family:var(--serif);font-size:11px;text-transform:uppercase;letter-spacing:.12em;padding:5px 11px;border-radius:999px;cursor:pointer;transition:.2s var(--ease)}.seg-btn:hover{color:var(--peat);border-color:var(--clay)}.seg-btn.on{background:var(--clay);color:var(--bone);border-color:var(--clay)}.offline-chip{font-size:9px;letter-spacing:.1em;color:var(--stone);border:1px solid var(--hairline);border-radius:4px;padding:1px 6px}.device-row.offline{opacity:.45}.device-row.offline .device-glyph{filter:grayscale(1)}.empty-hint{color:var(--stone);font-style:italic;font-size:13px;padding:18px 4px;text-align:center}.device-list{overflow-y:auto;display:flex;flex-direction:column}.device-row{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:11px 8px;border:none;border-top:1px solid var(--hairline-soft);background:transparent;color:inherit;font-family:var(--serif);cursor:pointer;text-align:left;transition:padding-left .4s var(--ease)}.device-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(145,128,104,.14),transparent 70%);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}.device-row:hover:before{opacity:1}.device-row:hover{padding-left:14px}.device-glyph{font-size:17px;width:32px;height:32px;display:grid;place-items:center;background:var(--oat);border:1px solid var(--hairline-soft);border-radius:50%;flex-shrink:0}.device-row-main{flex:1;min-width:0}.device-row-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-row-sub{font-size:11px;color:var(--stone);letter-spacing:.03em}.device-row-signal{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.device-band{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.bars{display:flex;align-items:flex-end;gap:2px;height:15px}.bar{width:3px;border-radius:1px}.wired-chip{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--slate);border:1px solid rgba(94,112,128,.4);border-radius:4px;padding:1px 6px}.detail{display:flex;flex-direction:column;gap:22px}.back-btn{align-self:flex-start;background:none;border:none;color:var(--clay);font-family:var(--serif);font-style:italic;font-size:13px;cursor:pointer;padding:0;transition:color .2s}.back-btn:hover{color:var(--peat)}.detail-head{display:flex;align-items:center;gap:16px}.detail-glyph{width:54px;height:54px;display:grid;place-items:center;font-size:24px;border:1.5px solid;border-radius:50%;background:var(--oat);flex-shrink:0}.detail-head-text{min-width:0;flex:1}.detail-name{margin:0;font-size:21px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.rename-btn{background:none;border:none;color:var(--stone);font-size:14px;cursor:pointer;padding:2px 4px;border-radius:4px;opacity:.7;transition:.2s}.rename-btn:hover{color:var(--clay);opacity:1}.rename-row{display:flex;align-items:center;gap:6px}.rename-input{flex:1;min-width:0;font-size:17px;font-weight:700;font-family:var(--serif);color:var(--peat);background:var(--oat);border:1px solid var(--clay);border-radius:var(--radius);padding:6px 10px;outline:none}.rename-save,.rename-cancel{width:30px;height:30px;flex-shrink:0;border-radius:50%;border:1px solid var(--hairline);cursor:pointer;font-size:13px;background:var(--oat);transition:.2s}.rename-save{color:var(--olive);border-color:#6e7f5e66}.rename-save:hover{background:#6e7f5e24}.rename-cancel{color:var(--stone)}.rename-cancel:hover{color:var(--terracotta);background:#96705f1f}.detail-vendor{font-size:12.5px;color:var(--stone);font-style:italic;margin-top:4px}.signal-hero{border:1px solid var(--hairline);border-radius:var(--radius);padding:18px;background:var(--oat)}.signal-hero-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.signal-hero-label{font-size:16px;font-weight:700}.signal-hero-rssi{font-size:14px;font-weight:700;letter-spacing:.02em}.signal-track{height:6px;background:var(--limestone);border-radius:999px;overflow:hidden}.signal-fill{height:100%;border-radius:999px;transition:width .7s var(--ease)}.wired-note{font-size:13px;color:var(--slate);font-style:italic}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin:0}.field dt{font-size:10px;margin-bottom:5px}.field dd{margin:0;font-size:14px;font-weight:700}.field dd.mono{font-weight:400;letter-spacing:.03em;font-size:13px}.conn-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:8px}.conn-state h2{margin:16px 0 4px;font-size:24px;font-weight:700;letter-spacing:-.01em}.conn-state p{color:var(--stone);max-width:460px;line-height:1.8;margin:4px 0}.conn-error{color:var(--terracotta)!important;font-style:italic}.conn-help code{background:var(--bone);border:1px solid var(--hairline-soft);padding:2px 6px;border-radius:4px;font-size:13px}.conn-icon{font-size:40px;opacity:.7}.spinner{width:42px;height:42px;border:2px solid var(--limestone);border-top-color:var(--clay);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--sand);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--clay)}@media (prefers-reduced-motion: reduce){.live-dot,.ink-drift,.wc-bloom,.spinner{animation:none!important}.refresh-btn,.net-row,.device-row,.signal-fill,.link-backbone,.link-device,.node{transition:none!important}}@media (max-width: 640px){.layout{flex-direction:column}.sidebar{width:100%;border-left:none;border-top:1px solid var(--hairline)}}