:root{color-scheme:dark;--bg-0: #0c0b0e;--bg-1: #131115;--ink: #f4f2ec;--ink-dim: #a29e95;--ink-faint: #706c64;--amber: #ffb547;--amber-2: #ffd58f;--amber-soft: rgba(255, 181, 71, .14);--coral: #ff8f7a;--paper: rgba(255, 255, 255, .04);--paper-2: rgba(255, 255, 255, .065);--paper-3: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .085);--line-strong: rgba(255, 255, 255, .16);--radius: 20px;--radius-sm: 12px;--blur: 24px;--shadow: 0 24px 60px -28px rgba(0, 0, 0, .8);--inset-top: inset 0 1px 0 rgba(255, 255, 255, .08);--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}html{scrollbar-color:rgba(255,255,255,.18) transparent}body{font:15px/1.55 var(--font-body);color:var(--ink);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}a{color:inherit}::selection{background:#ffb54747}:focus-visible{outline:2px solid rgba(255,181,71,.65);outline-offset:2px}.app{position:relative;max-width:1180px;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(62rem 44rem at 12% -10%,rgba(255,181,71,.09),transparent 62%),radial-gradient(52rem 44rem at 102% 6%,rgba(255,255,255,.05),transparent 60%),linear-gradient(180deg,#141217,#0c0b0e 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,.024) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.024) 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%);animation:bg-grid-pan 90s linear infinite}@media (prefers-reduced-motion: reduce){.bg-grid:after{animation:none}}@keyframes bg-grid-pan{0%{background-position:0 0,0 0}to{background-position:54px 54px,54px 54px}}.glass{background:var(--paper);backdrop-filter:blur(var(--blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);border:1px solid var(--line);box-shadow:var(--shadow),var(--inset-top)}.hero{text-align:center;margin-bottom:2.25rem}.brand{display:inline-flex;align-items:baseline}.hero-actions{margin-top:1.7rem;display:flex;justify-content:center}.hero-actions .toolbar{margin:0}.logo-mark{display:block;filter:drop-shadow(0 12px 26px rgba(255,181,71,.18))}h1{font-size:clamp(2.6rem,6.5vw,4rem);margin:0;line-height:1;font-family:var(--font-serif);font-style:italic;font-weight:400}.wordmark{background:linear-gradient(180deg,#fff,#c9c5bc);-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark-z{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--amber)}.tagline{color:var(--ink-dim);max-width:60ch;margin:1.2rem auto 0;font-size:.98rem;line-height:1.65}.toolbar{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin:2rem 0 1rem;padding:.65rem .7rem;border-radius:18px}.toolbar-main{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.btn-group{display:inline-flex;align-items:center;gap:.15rem;padding:.22rem;border-radius:13px;background:#0000003d;border:1px solid var(--line)}.btn{font:inherit;font-family:var(--font-body);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.05rem;border-radius:11px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--inset-top);transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.btn .icon{width:15px;height:15px}.btn:hover:not(:disabled){background:var(--paper-3);border-color:var(--line-strong)}.btn:disabled{opacity:.32;cursor:not-allowed}.btn-primary{background:#fffffff2;color:#13100d;border-color:#ffffffb3;font-weight:600;padding:.6rem 1.3rem;box-shadow:0 6px 22px -12px #ffb54773,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(--ink-dim);padding:.5rem .85rem}.btn-ghost:hover:not(:disabled){background:var(--paper-2);border-color:transparent;color:var(--ink)}.btn-ghost.active{background:var(--paper-3);color:var(--amber)}.btn-ghost.active .icon{color:var(--amber)}.filterbar{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding:.55rem .7rem;border-radius:15px;margin-bottom:.5rem}.filter-input{flex:1;min-width:220px;display:flex;align-items:center;gap:.55rem;padding:.5rem .7rem;border-radius:11px;background:#00000042;border:1px solid var(--line);transition:border-color .2s ease,box-shadow .2s ease}.filter-input:focus-within{border-color:#ffb54773;box-shadow:0 0 0 3px #ffb54717}.filter-ico{width:15px;height:15px;flex-shrink:0;color:var(--ink-faint)}.filter-input input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font:inherit;font-size:.88rem}.filter-input input::placeholder{color:var(--ink-faint)}.filter-clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:7px;background:var(--paper-2);border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;transition:all .18s ease}.filter-clear .icon{width:12px;height:12px}.filter-clear:hover{color:var(--ink);border-color:var(--line-strong)}.status{text-align:center;min-height:1.6em;padding:.5rem 0;color:var(--ink-dim);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.status-err{color:var(--coral)}.status-ok{color:var(--ink)}.status-busy{color:var(--ink-dim)}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.16);border-top-color:var(--ink);animation:spin .7s linear infinite;display:inline-block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1.75rem 0}.stat{background:var(--paper);backdrop-filter:blur(var(--blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);border:1px solid var(--line);border-radius:15px;padding:1rem .75rem;text-align:center;box-shadow:var(--inset-top)}.stat-value{display:block;font-size:1.55rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}.stat-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-top:.25rem}.stat-ico{width:12px;height:12px;color:var(--amber)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:1.25rem;margin-top:1.5rem}.card{position:relative;background:linear-gradient(180deg,#1b1a22,#131218);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:1.25rem 1.35rem 1.35rem;overflow:hidden;box-shadow:0 18px 44px -24px #000000d9,inset 0 1px #ffffff12;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease,background .25s ease}.card:hover{border-color:#ffffff3d;transform:translateY(-4px);box-shadow:0 26px 52px -24px #000000e6,inset 0 1px #ffffff17;background:linear-gradient(180deg,#1e1d25,#15141b)}.card-glow{position:absolute;inset:-45% -25% auto -25%;height:115%;background:radial-gradient(58% 42% at 50% 0%,rgba(255,181,71,.09),transparent 72%);opacity:0;transition:opacity .35s ease;pointer-events:none}.card:hover .card-glow{opacity:1}.card-expired{box-shadow:none}.card-expired .card-host,.card-expired .cred-val{opacity:.62}.card-top{display:flex;align-items:center;justify-content:space-between;gap:.9rem;flex-wrap:wrap;margin-bottom:.2rem}.card-id{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1}.dot{flex:none;width:8px;height:8px;border-radius:50%;background:#3c3942;box-shadow:0 0 0 4px #ffffff09;transition:background-color .3s ease,box-shadow .3s ease}.dot-live{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft),0 0 14px #ffb54780;animation:lamp 2.6s ease-in-out infinite}.dot-busy{background:#55524c}@keyframes lamp{0%,to{opacity:1}50%{opacity:.35}}.card-host{min-width:0;font-family:var(--font-mono);font-size:.95rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-top>.pill{flex:none;font-size:.66rem;padding:.26rem .6rem}.pill{font-size:.68rem;font-weight:500;padding:.28rem .62rem;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);color:var(--ink-dim);white-space:nowrap}.pill-ok{background:#ffffff12;border-color:#fff3;color:#cfccc4}.pill-warn{background:var(--amber-soft);border-color:#ffb54766;color:var(--amber)}.pill-danger{background:#ff8f7a24;border-color:#ff8f7a6b;color:var(--coral)}.pill-muted{opacity:.75}.creds{margin-top:1.05rem;border:1px solid var(--line);border-radius:12px;background:#ffffff08;box-shadow:var(--inset-top);overflow:hidden}.cred{display:flex;align-items:center;gap:.75rem;padding:.62rem .7rem}.cred+.cred{border-top:1px solid var(--line)}.cred-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.14rem}.cred-label{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint)}.cred-val{min-width:0;font-family:var(--font-mono);font-size:.86rem;font-weight:500;line-height:1.35;color:var(--ink);overflow-wrap:anywhere}.cred-copy{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;background:none;border:0;color:var(--ink-faint);opacity:0;cursor:pointer;transition:color .15s ease,opacity .2s ease,transform .15s ease}.cred:hover .cred-copy,.cred-copy:focus-visible{opacity:1}.cred-copy .icon{width:16px;height:16px}.cred-copy:hover{color:var(--ink);transform:translateY(-1px)}.cred-copy.copied{opacity:1;color:var(--amber);transform:none}@media (hover: none){.cred-copy{opacity:1}}.sec{margin-top:1.05rem;padding-top:.95rem;border-top:1px solid rgba(255,255,255,.1)}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.sec-title{margin:0;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-faint)}.sec-side{display:inline-flex;align-items:center;gap:.75rem}.sec-note{font-size:.68rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.link{display:inline-flex;align-items:center;gap:.3rem;font:inherit;font-family:var(--font-body);font-size:.72rem;font-weight:600;color:var(--ink-dim);background:none;border:0;padding:.15rem 0;cursor:pointer;transition:color .15s ease,opacity .15s ease}.link .icon{width:12px;height:12px}.link:hover:not(:disabled){color:var(--ink)}.link.accent{color:var(--amber)}.link.accent:hover:not(:disabled){color:var(--amber-2)}.link:disabled{cursor:progress;opacity:.6}.spinner-sm{width:11px;height:11px;border-width:2px}.conn-wrap{margin-top:.15rem}.conn-main{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.conn-txt{display:inline-flex;align-items:center;gap:.5rem;font-size:.84rem;color:var(--ink);font-weight:500}.conn-txt:before{content:"";width:7px;height:7px;border-radius:50%;background:#3c3942;box-shadow:0 0 0 3px #ffffff09}.conn-txt.conn-free:before{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.conn-txt.conn-full{color:var(--ink-faint)}.conn-txt.conn-full:before{background:#55524c}.conn-used{font-family:var(--font-mono);font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.conn-bar{height:4px;border-radius:999px;background:#ffffff12;overflow:hidden}.conn-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--amber),var(--amber-2))}.refresh-btn,.browse-btn{font-family:var(--font-body);font-size:.72rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .72rem;border-radius:8px;cursor:pointer;transition:all .18s ease}.refresh-btn{background:var(--paper-2);border:1px solid var(--line);color:var(--ink-dim)}.refresh-btn:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong);background:var(--paper-3)}.browse-btn{background:var(--amber-soft);border:1px solid rgba(255,181,71,.38);color:var(--amber)}.browse-btn:hover:not(:disabled){border-color:#ffb547a6;background:#ffb54729}.browse-btn.open,.refresh-btn:disabled,.browse-btn:disabled{opacity:.62;cursor:default}.refresh-btn .icon,.browse-btn .icon{width:12px;height:12px}.browse-btn.open .icon{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hint{margin:0;font-size:.78rem;color:var(--ink-faint);line-height:1.5}.hint-btn{color:var(--amber);background:var(--amber-soft);padding:.02rem .34rem;border-radius:6px;font-weight:600}.counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.15rem;border:1px solid var(--line);border-radius:10px;background:#ffffff05;box-shadow:var(--inset-top);overflow:hidden}.count-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.12rem;min-width:0;padding:.6rem .5rem;border-left:1px solid var(--line)}.count-cell:first-child{border-left:0}.counts-num{font-family:var(--font-mono);font-size:.95rem;font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.counts-lbl{max-width:100%;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-sheet{overflow:hidden}.cat-sheet-inner{padding-top:.05rem}.cat-tabs{display:inline-flex;align-items:center;gap:.15rem;margin:.6rem 0;padding:.2rem;border-radius:10px;background:#ffffff0a;border:1px solid var(--line);max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cat-tab{display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-family:var(--font-body);font-size:.72rem;font-weight:600;padding:.3rem .6rem;border-radius:8px;border:0;background:transparent;color:var(--ink-dim);cursor:pointer;transition:all .18s ease}.cat-tab-ico{width:12px;height:12px}.cat-tab-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.66rem;color:var(--ink-faint)}.cat-tab:hover{color:var(--ink)}.cat-tab.active{background:#ffffff1a;color:var(--ink)}.cat-tab.active .cat-tab-num{color:var(--amber)}.cat-pane{list-style:none;margin:0;padding:.1rem 0;display:flex;flex-direction:column;max-height:236px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:#ffffff06}.cat-pane li{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.38rem .66rem;font-size:.78rem;border-bottom:1px solid rgba(255,255,255,.05)}.cat-pane li:last-child{border-bottom:0}.cat-pane li:hover .cat-name{color:var(--ink)}.cat-name{color:var(--ink-dim);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}.cat-count{flex-shrink:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.72rem;color:var(--ink-faint)}.cat-more{color:var(--ink-faint);font-size:.7rem}.cat-pane::-webkit-scrollbar{width:8px}.cat-pane::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px;border:2px solid transparent;background-clip:content-box}.cat-pane-state{display:flex;align-items:center;justify-content:center;min-height:92px;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#ffffff06}.retry{font:inherit;font-size:inherit;color:var(--amber);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.empty{text-align:center;padding:4.5rem 1rem;color:var(--ink-dim);border-radius:var(--radius)}.empty-ico{width:46px;height:46px;opacity:.35;margin-bottom:.5rem;color:var(--amber)}.empty p{margin:.25rem 0}.empty-sub{font-size:.85rem;color:var(--ink-faint)}.foot{margin-top:3.5rem;text-align:center;color:var(--ink-faint);font-size:.76rem}.foot p{max-width:60ch;margin:0 auto}.load-more{display:flex;justify-content:center;margin-top:1.75rem}.load-more .btn{padding:.6rem 1.4rem}@media (max-width: 960px){.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.toolbar{flex-direction:column;align-items:stretch}.toolbar-main{justify-content:center}}@media (max-width: 600px){.app{padding:1.9rem .8rem 3rem}.hero{margin-bottom:1.75rem}.hero-actions{margin-top:1.35rem}.tagline{font-size:.92rem}.toolbar{padding:.55rem .6rem}.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}.stats{gap:.55rem}.stat{padding:.85rem .5rem}.stat-value{font-size:1.3rem}.cards{gap:.9rem;margin-top:1.25rem}.card{padding:1rem 1.05rem 1.1rem}.card-top{gap:.6rem}.card-top>.pill{font-size:.62rem;padding:.22rem .5rem}.cred{padding:.55rem .6rem}.counts{grid-template-columns:repeat(2,minmax(0,1fr))}.count-cell:nth-child(odd){border-left:0}.count-cell:nth-child(n+3){border-top:1px solid var(--line)}.sec-head{align-items:flex-start;flex-direction:column;gap:.4rem}.sec-side{width:100%;justify-content:space-between}.filterbar{padding:.5rem .6rem}.status{font-size:.82rem}.foot{margin-top:2.5rem}}@media (max-width: 380px){.btn-group{flex-wrap:wrap}.btn-group .btn{flex:1 1 42%}}@media (prefers-reduced-motion: reduce){.onair-live .onair-dot{animation:none}.card,.card:hover{transition:none}}