:root{color-scheme:dark;--bg-0: #050506;--bg-1: #0b0b0d;--text: #f4f4f6;--text-dim: #a2a2aa;--text-faint: #6f6f78;--glass: rgba(255, 255, 255, .045);--glass-2: rgba(255, 255, 255, .07);--glass-3: rgba(255, 255, 255, .11);--hairline: rgba(255, 255, 255, .1);--hairline-strong: rgba(255, 255, 255, .16);--highlight: rgba(255, 255, 255, .5);--ok: #dfe4e2;--warn: #b9b3a4;--danger: #e7b9b9;--radius: 18px;--radius-sm: 11px;--blur: 22px;--shadow: 0 16px 40px -20px rgba(0, 0, 0, .65);--inset-top: inset 0 1px 0 rgba(255, 255, 255, .12)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font:15px/1.55 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;letter-spacing:.01em}a{color:inherit}.app{position:relative;max-width:1160px;margin:0 auto;padding:3.5rem 1.25rem 5rem}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(50rem 40rem at 12% -8%,rgba(255,255,255,.08),transparent 60%),radial-gradient(46rem 40rem at 108% 4%,rgba(255,255,255,.05),transparent 55%),linear-gradient(180deg,#0b0b0d,#050506 60%)}.bg-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse 85% 55% at 50% 0%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 85% 55% at 50% 0%,#000 35%,transparent 100%)}.glass{background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);border:1px solid var(--hairline);box-shadow:var(--shadow),var(--inset-top)}.hero{text-align:center;margin-bottom:2.25rem}.brand{display:inline-flex;align-items:center;gap:.8rem}.logo-mark{display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.55))}h1{font-size:clamp(2rem,5vw,3rem);margin:0;font-weight:700;letter-spacing:-.03em}.wordmark{font-weight:700;letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#b8b8c0);-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark-z{background:linear-gradient(180deg,#fff,#b8b8c0);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--text-dim);max-width:60ch;margin:1.1rem auto 0;font-size:.98rem;font-weight:400}.subs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;margin-top:1.35rem}.subs-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint)}.sub-chip{font-size:.78rem;font-weight:500;text-decoration:none;padding:.3rem .7rem;border-radius:999px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hairline);color:var(--text-dim);transition:all .2s ease}.sub-chip:hover{color:var(--text);border-color:var(--hairline-strong);background:var(--glass-2)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:2rem 0 1rem;padding:.6rem .7rem;border-radius:16px}.toolbar-main{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.btn-group{display:inline-flex;align-items:center;gap:.15rem;padding:.2rem;border-radius:12px;background:#0003;border:1px solid var(--hairline)}.btn{font:inherit;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.05rem;border-radius:10px;color:var(--text);background:var(--glass-2);border:1px solid var(--hairline);box-shadow:var(--inset-top);transition:background-color .18s ease,border-color .18s ease,transform .06s ease,color .18s ease,opacity .18s ease}.btn .icon{width:15px;height:15px}.btn:hover:not(:disabled){background:var(--glass-3);border-color:var(--hairline-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-primary{background:#fffffff0;color:#0b0b0d;border-color:#ffffffb3;font-weight:600;padding:.6rem 1.3rem;box-shadow:0 6px 20px -12px #fff6,inset 0 1px #ffffffd9}.btn-primary:hover:not(:disabled){background:#fff;border-color:#fff}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-dim);padding:.5rem .85rem}.btn-ghost:hover:not(:disabled){background:var(--glass-2);border-color:transparent;color:var(--text)}.btn-ghost.active{background:var(--glass-3);border-color:transparent;color:var(--text)}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){background:#e7b9b91f;color:#fff}.switch{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;color:var(--text-dim);padding:.3rem .4rem}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;width:40px;height:23px;border-radius:999px;background:#ffffff14;border:1px solid var(--hairline);transition:background-color .2s ease,border-color .2s ease}.switch-thumb{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#e6e6ea;box-shadow:0 1px 3px #00000080;transition:transform .2s cubic-bezier(.3,.7,.3,1)}.switch input:checked+.switch-track{background:#ffffffeb;border-color:#fff9}.switch input:checked+.switch-track .switch-thumb{transform:translate(17px);background:#0b0b0d}.switch input:focus-visible+.switch-track{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.switch-label{white-space:nowrap}.switch:hover .switch-label{color:var(--text)}.filterbar{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding:.55rem .7rem;border-radius:14px;margin-bottom:.5rem}.filter-input{flex:1;min-width:220px;display:flex;align-items:center;gap:.55rem;padding:.5rem .7rem;border-radius:10px;background:#00000038;border:1px solid var(--hairline);transition:border-color .18s ease}.filter-input:focus-within{border-color:var(--hairline-strong)}.filter-ico{width:15px;height:15px;flex-shrink:0;color:var(--text-faint)}.filter-input input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font:inherit;font-size:.88rem}.filter-input input::placeholder{color:var(--text-faint)}.filter-clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:6px;background:var(--glass-2);border:1px solid var(--hairline);color:var(--text-dim);cursor:pointer;transition:all .18s ease}.filter-clear .icon{width:12px;height:12px}.filter-clear:hover{color:var(--text);border-color:var(--hairline-strong)}.filter-count{font-size:.76rem;font-variant-numeric:tabular-nums;color:var(--text-faint);white-space:nowrap}.status{text-align:center;min-height:1.6em;padding:.5rem 0;color:var(--text-dim);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.status-err{color:var(--danger)}.status-ok{color:var(--text)}.status-busy{color:var(--text-dim)}.status-hint{text-align:center;margin:-.15rem auto 0;max-width:52ch;font-size:.78rem;line-height:1.45;color:var(--text-faint);animation:pop .3s ease both}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:#ffffffd9;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;margin:1.75rem 0}.stat{background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);border:1px solid var(--hairline);border-radius:14px;padding:.95rem .75rem;text-align:center;box-shadow:var(--inset-top)}.stat-value{display:block;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)}.stat-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-top:.25rem}.stat-ico{width:12px;height:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:1rem;margin-top:1.5rem}.card{position:relative;background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--blur)) saturate(160%);border:1px solid var(--hairline);border-radius:var(--radius);padding:1.15rem 1.25rem;overflow:hidden;box-shadow:var(--shadow),var(--inset-top);animation:pop .3s cubic-bezier(.2,.7,.2,1) both;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent);pointer-events:none}.card:hover{border-color:var(--hairline-strong);background:var(--glass-2);transform:translateY(-2px)}.card-preferred{border-color:#ffffff38;box-shadow:var(--shadow),inset 0 1px #fff3}.card-preferred:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.card-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:8px;font-weight:600;font-size:.78rem;font-variant-numeric:tabular-nums;background:var(--glass-2);border:1px solid var(--hairline);color:var(--text-dim)}.card-host{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tags{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.95rem}.tag{display:inline-flex;align-items:center;gap:.28rem;font-size:.64rem;font-weight:600;padding:.26rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.07em}.tag .icon{width:11px;height:11px}.tag-pref{background:#ffffff24;border:1px solid rgba(255,255,255,.28);color:#f6f6f8}.pill{font-size:.68rem;font-weight:500;padding:.26rem .6rem;border-radius:999px;background:var(--glass-2);border:1px solid var(--hairline);color:var(--text-dim)}.pill-ok{background:#dfe4e21a;border-color:#dfe4e252;color:var(--ok)}.pill-warn{background:#b9b3a41a;border-color:#b9b3a457;color:var(--warn)}.pill-danger{background:#e7b9b91f;border-color:#e7b9b966;color:var(--danger)}.pill-muted{opacity:.7}.del-btn{flex-shrink:0;width:28px;height:28px;padding:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--hairline);color:var(--text-faint);cursor:pointer;transition:all .18s ease}.del-btn .icon{width:14px;height:14px}.del-btn:hover{background:#e7b9b91f;color:var(--danger);border-color:#e7b9b966}.field{margin:.5rem 0}.field-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);margin-bottom:.25rem}.field-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;word-break:break-all;display:flex;align-items:center;gap:.5rem;background:#00000038;border:1px solid var(--hairline);border-radius:10px;padding:.42rem .42rem .42rem .65rem}.field-text{flex:1;min-width:0}.copy{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border-radius:8px;background:var(--glass-2);border:1px solid var(--hairline);color:var(--text-dim);cursor:pointer;transition:all .18s ease}.copy .icon{width:13px;height:13px}.copy:hover{color:var(--text);border-color:var(--hairline-strong);background:var(--glass-3)}.copy.copied{background:#ffffffeb;border-color:#fff;color:#0b0b0d}.conn-block{margin-top:.95rem;padding-top:.85rem;border-top:1px solid var(--hairline)}.conn-row{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;margin-bottom:.5rem}.conn{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-dim)}.conn-count{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.78rem}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.conn-ok .conn-dot{background:#f0f0f2;box-shadow:0 0 0 3px #ffffff1a}.conn-ok{color:var(--text)}.conn-full .conn-dot{background:var(--text-faint)}.conn-full{color:var(--text-faint)}.conn-bar{height:5px;border-radius:999px;background:#00000047;border:1px solid var(--hairline);overflow:hidden}.conn-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffffff8c,#ffffffd9);transition:width .4s ease}.conn-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.conn-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}.conn-checked{margin-top:.45rem;font-size:.68rem;color:var(--text-faint)}.catalogue{margin-top:.95rem;padding-top:.8rem;border-top:1px solid var(--hairline)}.catalogue-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.catalogue-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}.refresh-btn{display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:.7rem;font-weight:500;padding:.28rem .6rem;border-radius:8px;color:var(--text-dim);background:var(--glass-2);border:1px solid var(--hairline);cursor:pointer;transition:all .18s ease}.refresh-btn .icon{width:12px;height:12px}.refresh-btn .spinner{width:11px;height:11px;border-width:2px}.refresh-btn:hover:not(:disabled){color:var(--text);border-color:var(--hairline-strong);background:var(--glass-3)}.refresh-btn:disabled{cursor:progress;opacity:.75}.counts{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.counts>div{display:flex;flex-direction:column;gap:.12rem;text-align:center}.counts-num{font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--text)}.counts-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.counts-hint{font-size:.78rem;color:var(--text-faint);line-height:1.4}.empty{text-align:center;padding:4.5rem 1rem;color:var(--text-dim)}.empty-ico{width:46px;height:46px;opacity:.3;margin-bottom:.5rem}.empty p{margin:.25rem 0}.empty-sub{font-size:.85rem;color:var(--text-faint)}.foot{margin-top:3.5rem;text-align:center;color:var(--text-faint);font-size:.76rem}.foot p{max-width:60ch;margin:0 auto}.load-more{display:flex;justify-content:center;margin-top:1.5rem}.load-more .btn{padding:.6rem 1.4rem}@media (max-width: 820px){.stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 720px){.toolbar{flex-direction:column;align-items:stretch}.toolbar-main,.switch{justify-content:center}}@media (max-width: 600px){.app{padding:2.25rem .85rem 3rem}.toolbar-main{flex-direction:column;align-items:stretch}.btn-primary{justify-content:center}.btn-group{justify-content:space-between}.btn-group .btn{flex:1 1 auto;justify-content:center}.counts{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 420px){.stats{grid-template-columns:repeat(2,1fr)}}