:root{color-scheme:dark;--bg: #0c0f14;--surface: #141922;--surface-2: #1a212c;--surface-3: #232b38;--border: #222a36;--border-strong: #313c4b;--text: #e9eef5;--text-dim: #94a1b2;--text-faint: #606b7a;--accent: #4c8dff;--accent-hover: #6aa1ff;--accent-soft: rgba(76, 141, 255, .14);--ok: #46c463;--ok-soft: rgba(70, 196, 99, .14);--warn: #e0a93c;--warn-soft: rgba(224, 169, 60, .14);--danger: #f0625a;--danger-soft: rgba(240, 98, 90, .14);--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow: 0 2px 4px rgba(0, 0, 0, .2), 0 10px 28px -10px rgba(0, 0, 0, .5);--maxw: 880px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-synthesis:none;-webkit-text-size-adjust:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{text-wrap:balance}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.error{color:var(--danger);font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.nums{font-variant-numeric:tabular-nums}.hint{font-size:.8rem;line-height:1.45;color:var(--text-dim)}.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:.75rem}.spread{display:flex;align-items:center;justify-content:space-between;gap:1rem}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-wrap-mode:wrap}.empty{color:var(--text-dim);text-align:center;padding:1.4rem;font-size:.9rem}input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:.6rem .7rem;color:var(--text);font:inherit;font-size:.92rem;transition:border-color .12s ease,box-shadow .12s ease}select{color:var(--text);background-color:var(--bg)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:4.5rem;font-family:inherit}input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:var(--r-sm);padding:.55rem .9rem;font:inherit;font-size:.9rem;font-weight:550;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:background-color .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}button.ghost:hover:not(:disabled){background:var(--surface-3)}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-soft)}button.small{padding:.35rem .6rem;font-size:.82rem}button.icon{padding:.4rem;width:2rem;height:2rem}.link-btn,button.link-btn{background:none;border:none;color:var(--accent);padding:0;font-weight:500;font-size:.85rem;align-self:flex-start}.link-btn:hover:not(:disabled){background:none;color:var(--accent-hover);text-decoration:underline}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;padding-top:max(.75rem,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.brand__dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.topbar__actions{display:flex;align-items:center;gap:.5rem}.content{flex:1;overflow:auto;padding:1.5rem 1.25rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.page{max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;gap:1.1rem}.card{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);padding:1.1rem 1.2rem}.cardlink{width:100%;text-align:left;font:inherit;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}@media (hover: hover){.cardlink:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}}.section{display:flex;flex-direction:column;gap:.7rem}.section__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2rem}.section__title{margin:0;font-size:.98rem;font-weight:650;letter-spacing:-.01em;display:flex;align-items:baseline;gap:.5rem}.section__count{color:var(--text-faint);font-weight:500;font-size:.85rem;font-variant-numeric:tabular-nums}.eyebrow{font-size:.7rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim)}.sub{display:flex;flex-direction:column;gap:.85rem}.sub--link{cursor:pointer;transition:border-color .12s ease}@media (hover: hover){.sub--link:hover{border-color:var(--border-strong)}}.sub__url{display:flex;align-items:center;gap:.6rem;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--r-sm);padding:.6rem .75rem}.sub__url code{flex:1;min-width:0;word-break:break-all;color:var(--text)}.sub__meta{display:flex;align-items:center;gap:.5rem .65rem;flex-wrap:wrap;font-size:.83rem;color:var(--text-dim)}.sub__meta .sep{color:var(--text-faint)}.qr{align-self:flex-start;background:#fff;padding:.6rem;border-radius:var(--r-sm);line-height:0}.exitnow{display:flex;align-items:center;gap:1rem}.exitnow__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.exitnow__name{font-size:1.15rem;font-weight:650;letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem;min-width:0}.exitnow__name .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exitnow__sub{font-size:.83rem;color:var(--text-dim)}.exitnow__aside{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex:none}.svc-edit{display:grid;grid-template-columns:1fr 1.6fr auto;gap:.5rem;align-items:center;margin-bottom:.5rem}.qnodes{display:flex;flex-direction:column;gap:.6rem}.qnode__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;margin-bottom:.7rem}.qnode__name{display:flex;align-items:center;gap:.5rem;font-weight:650;min-width:0}.metrics{display:flex;gap:1.5rem;margin-bottom:.7rem}.metric__label{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.metric__val{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600;margin-top:2px}.svcs{display:flex;flex-direction:column;border-top:1px solid var(--border)}.svc{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.32rem 0;border-bottom:1px solid var(--border)}.svc:last-child{border-bottom:none}.svc__name{display:flex;align-items:center;gap:.45rem;font-size:.82rem;min-width:0}.svc__dot{width:6px;height:6px;border-radius:50%;flex:none}.svc__right{display:flex;align-items:center;gap:.5rem;flex:none}.svc__status{font-size:.6rem;font-variant-numeric:tabular-nums;color:var(--text-dim);background:var(--surface-3);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem}.svc__lat{font-size:.78rem;font-variant-numeric:tabular-nums}.rank{display:flex;flex-direction:column}.rank__row{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.rank__row:last-child{border-bottom:none}.rank__pos{width:1.3rem;flex:none;color:var(--text-faint);font-size:.82rem;text-align:right}.rank__name{font-weight:600;min-width:0}.rank__q{margin-left:auto;flex:none}.servers{display:flex;flex-direction:column;gap:.85rem}.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;align-items:start}.server-card{background:var(--bg);display:flex;flex-direction:column;height:stretch;align-items:stretch;justify-content:flex-start}.server--active,.server--active:hover{border-color:var(--ok)}.nodes{display:flex;flex-direction:column;gap:.5rem}.node{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;flex-wrap:wrap}.node__name{font-weight:600;min-width:0}.node__right{margin-left:auto;display:flex;align-items:center;gap:.85rem}.node__quality{display:flex;align-items:center;gap:.5rem}.node__meta{color:var(--text-faint);font-size:.8rem}.dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--text-faint);flex:none}.dot--ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.dot--down{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.dot--idle{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;line-height:1;padding:.28rem .5rem;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-dim);white-space:nowrap}.badge--ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:var(--ok-soft)}.badge--down{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--danger-soft)}.badge--exit{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.badge--entry{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:var(--warn-soft)}.quality{display:flex;align-items:center;gap:.5rem}.meter{width:64px;height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;flex:none}.meter__fill{height:100%;border-radius:999px}.quality__num{font-variant-numeric:tabular-nums;font-weight:600;font-size:.85rem;min-width:1.5rem;text-align:right}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text-dim)}.chip--active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.chip--down{opacity:.5;text-decoration:line-through}.chip b{color:var(--text);font-variant-numeric:tabular-nums}.events{display:flex;flex-direction:column}.event{display:flex;gap:.7rem;align-items:baseline;padding:.45rem .1rem;border-bottom:1px solid var(--border);font-size:.86rem}.event:last-child{border-bottom:none}.event__lvl{width:.45rem;height:.45rem;border-radius:50%;flex:none;align-self:center;background:var(--text-faint)}.event--warn .event__lvl{background:var(--warn)}.event--error .event__lvl{background:var(--danger)}.event__time{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.8rem;flex:none}.event__msg{min-width:0;word-break:break-word}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:50;display:flex;justify-content:center;align-items:center;padding:1.5rem;animation:fade .15s ease}.drawer{width:720px;max-width:100%;max-height:85vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;overscroll-behavior:contain;box-shadow:var(--shadow);animation:popin .18s ease}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.drawer__title{margin:0;font-size:1.05rem;font-weight:650;display:flex;align-items:center;gap:.5rem;min-width:0}.drawer__head-actions{display:flex;align-items:center;gap:.5rem;flex:none}.drawer__body{flex:1;overflow:auto;overscroll-behavior:contain;padding:1.25rem;display:flex;flex-direction:column;gap:1.4rem}.drawer__foot{padding:.9rem 1.25rem;padding-bottom:max(.9rem,env(safe-area-inset-bottom));border-top:1px solid var(--border)}.dsec{display:flex;flex-direction:column;gap:.7rem}.dsec__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dsec__title{margin:0;font-size:.9rem;font-weight:600}.json-editor{min-height:18rem;resize:vertical;line-height:1.45;white-space:pre;-moz-tab-size:2;tab-size:2}.card-paid{margin-top:auto;padding-top:.5rem;font-size:.78rem}.field{display:flex;flex-direction:column;gap:.35rem}.field>span{font-size:.8rem;color:var(--text-dim);font-weight:500}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.inset{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:.9rem;display:flex;flex-direction:column;gap:.75rem}.switch{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.88rem}.switch input{width:auto}.kv{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.88rem}.kv>span:first-child{color:var(--text-dim)}.ib{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.ib:last-of-type{border-bottom:none}.ib__main{display:flex;align-items:center;gap:.55rem;min-width:0}.ib__flags{display:flex;align-items:center;gap:.6rem;flex:none}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th,.table td{text-align:left;padding:.5rem .55rem;border-bottom:1px solid var(--border)}.table th{color:var(--text-dim);font-weight:500;font-size:.78rem}.table td.nums{font-variant-numeric:tabular-nums}.spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite;flex:none}.waiting{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--r-sm);font-size:.9rem}.waiting--done{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.check{width:1.1rem;height:1.1rem;color:var(--ok);flex:none}.centered{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem}.login{width:340px;max-width:100%;display:flex;flex-direction:column;gap:.85rem}.login h1{margin:0;font-size:1.4rem;display:flex;align-items:center;gap:.5rem}.login p{margin:0}@keyframes fade{0%{opacity:0}}@keyframes popin{0%{transform:scale(.97);opacity:0}}@keyframes sheetup{0%{transform:translateY(28px);opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.content{padding:1rem}.scrim{justify-content:stretch;align-items:flex-end;padding:0}.drawer{width:100%;height:auto;max-height:92dvh;border:none;border-top:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;animation:sheetup .2s ease}.grid2,.server-grid{grid-template-columns:1fr}.node__quality{margin-left:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}