:root{--vu-red:#e60023;--vu-red-hover:#c9001f;--vu-red-soft:rgba(230,0,35,.08);--vu-red-faint:rgba(230,0,35,.035);--vu-text:#17181c;--vu-text-secondary:#596171;--vu-text-muted:#8b93a1;--vu-bg:#fff;--vu-bg-subtle:#f7f8fa;--vu-border:#e4e7ec;--vu-danger:#b42318;--vu-ok:#067647;--vu-ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body,html{background:var(--vu-bg);color:var(--vu-text);font-family:Segoe UI,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;line-height:1.5;margin:0;min-height:100%}a{color:var(--vu-red);text-decoration:none}button,input,select{font:inherit}.page{margin:0 auto;padding:1.25rem 0 2.5rem;width:min(100% - 2rem,1120px)}.topbar{align-items:center;border-bottom:1px solid var(--vu-border);display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:space-between;margin-bottom:1.25rem;padding:.85rem 0 1.1rem}.brand-title{font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.brand-title span{color:var(--vu-red)}.brand-sub{color:var(--vu-text-secondary);font-size:.85rem;margin-top:.15rem}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--vu-border);border-radius:6px;color:var(--vu-text);cursor:pointer;min-height:40px;padding:.45rem .85rem}.button:hover{background:var(--vu-bg-subtle)}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary{background:var(--vu-red);border-color:var(--vu-red);color:#fff}.button.primary:hover{background:var(--vu-red-hover)}.button.danger{background:#fef3f2;border-color:#fecdca;color:var(--vu-danger)}.status-pill{align-items:center;background:var(--vu-bg-subtle);border:1px solid var(--vu-border);border-radius:999px;color:var(--vu-text-secondary);display:inline-flex;font-size:.8rem;gap:.4rem;min-height:32px;padding:.2rem .65rem}.status-pill.ok{color:var(--vu-ok)}.status-pill.error{color:var(--vu-danger)}.status-dot{background:currentColor;border-radius:999px;height:.45rem;width:.45rem}.workspace{display:grid;gap:1rem}@media(min-width:900px){.workspace{align-items:start;grid-template-columns:minmax(260px,34%) 1fr}}.panel{background:#fff;border:1px solid var(--vu-border);border-radius:10px;overflow:hidden}.panel-head{align-items:baseline;background:var(--vu-bg-subtle);border-bottom:1px solid var(--vu-border);display:flex;gap:.75rem;justify-content:space-between;padding:.9rem 1rem}.panel-title{font-size:.98rem;font-weight:600;margin:0}.panel-body{padding:1rem}.control-row{display:flex;gap:.5rem;margin-bottom:.85rem}.input,.select{background:#fff;border:1px solid var(--vu-border);border-radius:6px;color:var(--vu-text);min-height:40px;padding:.45rem .7rem;width:100%}.list{display:grid;gap:.45rem;max-height:min(62vh,640px);overflow:auto}.list-item{align-items:center;background:#fff;border:1px solid var(--vu-border);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;padding:.7rem .75rem;text-align:left}.list-item.active,.list-item:hover{background:var(--vu-red-faint);border-color:#e6002359}.list-item-title{font-weight:550}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.muted{color:var(--vu-text-muted)}.small{font-size:.82rem}.empty{color:var(--vu-text-muted);padding:1rem 0}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{background:var(--vu-bg-subtle);border:1px solid var(--vu-border);border-radius:999px;display:inline-flex;font-size:.8rem;padding:.2rem .55rem}.detail-row{display:grid;gap:.25rem;margin-bottom:.9rem}.detail-label{color:var(--vu-text-muted);font-size:.8rem}.operation-grid{display:grid;gap:.5rem;grid-template-columns:1fr auto;margin-top:.65rem}.groups-panel{margin-top:1rem}.login-shell{background:radial-gradient(circle at top right,rgba(230,0,35,.06),transparent 40%),var(--vu-bg-subtle);display:grid;min-height:100vh;padding:1.5rem;place-items:center}.login-card{background:#fff;border:1px solid var(--vu-border);border-radius:12px;padding:1.6rem 1.4rem 1.5rem;width:min(100%,400px)}.login-card h1{font-size:1.45rem;letter-spacing:-.03em;margin:.35rem 0 0}.login-card .eyebrow{color:var(--vu-red);font-size:.85rem;font-weight:500;margin:0}.field{display:grid;gap:.35rem;margin-top:.9rem}.field-label{color:var(--vu-text-secondary);font-size:.85rem}.form-error{color:var(--vu-danger);margin-top:.75rem;min-height:1.2em}.dialog-backdrop{background:#17181c59;display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:40}.dialog{background:#fff;border:1px solid var(--vu-border);border-radius:12px;padding:1.2rem;width:min(100%,420px)}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.toast-region{bottom:1rem;display:grid;gap:.5rem;position:fixed;right:1rem;z-index:50}.toast{background:#fff;border:1px solid var(--vu-border);border-radius:8px;box-shadow:0 8px 24px #17181c14;font-size:.9rem;max-width:360px;min-width:220px;padding:.75rem .9rem}.toast.error{border-color:#fecdca;color:var(--vu-danger)}.shell{margin:0 auto;padding:1.5rem 0 2.75rem;width:min(100% - 2rem,1120px)}.hero-bar{background:radial-gradient(circle at top left,rgba(230,0,35,.05),transparent 45%);border-bottom:1px solid var(--vu-border);display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between;margin-bottom:1rem;padding:.25rem 0 1.35rem}.hero-copy .eyebrow{color:var(--vu-red);font-size:.9rem;font-weight:600;letter-spacing:.02em;margin:0}.hero-copy h1{font-size:clamp(1.7rem,3vw,2.15rem);font-weight:650;letter-spacing:-.035em;margin:.35rem 0 0}.hero-copy .lede{color:var(--vu-text-secondary);font-size:.95rem;margin:.4rem 0 0}.server-switch{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.server-pick{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:.5rem}.server-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(180deg,#fff 0,var(--vu-bg-subtle) 100%);border:1px solid var(--vu-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 1.2rem 1.1rem;text-align:left;transition:border-color .16s var(--vu-ease),transform .16s var(--vu-ease)}.server-card:hover:not(:disabled){border-color:#f3a3ae;transform:translateY(-1px)}.server-card:disabled{cursor:not-allowed;opacity:.6}.server-card-label{font-size:1.25rem;font-weight:650;letter-spacing:-.03em}.server-card-meta{color:var(--vu-text-muted);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85rem}.server-card-cta{color:var(--vu-red);font-size:.92rem;font-weight:600;margin-top:.85rem}.filter-chip,.server-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--vu-border);border-radius:999px;color:var(--vu-text-secondary);cursor:pointer;font-size:.9rem;min-height:36px;padding:.35rem .95rem}.filter-chip.active,.server-chip.active{background:var(--vu-red);border-color:var(--vu-red);color:#fff}.filter-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem}.player-item{justify-content:flex-start}.head{background:var(--vu-bg-subtle);border-radius:8px;flex:0 0 auto;height:40px;image-rendering:pixelated;width:40px}.head.large{border-radius:12px;height:72px;width:72px}.player-meta{min-width:0}.presence-dot{background:var(--vu-text-muted);border-radius:999px;display:inline-block;height:.5rem;margin-right:.35rem;vertical-align:middle;width:.5rem}.presence-dot.on{background:var(--vu-ok)}.presence-dot.off{background:#c5cad3}.online-badge{align-items:center;background:#0676471f;border-radius:999px;color:var(--vu-ok);display:inline-flex;font-size:.72rem;font-weight:650;margin-left:.4rem;padding:.05rem .45rem;vertical-align:middle}.detail-hero{align-items:center;display:flex;gap:.9rem;margin-bottom:1.1rem}.detail-name{font-size:1.15rem;font-weight:600;letter-spacing:-.02em}.tag.quiet{background:transparent}.modal-backdrop{background:#17181c59;display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:40}.modal{background:#fff;border:1px solid var(--vu-border);border-radius:12px;padding:1.2rem;width:min(100%,420px)}.modal h2{font-size:1.15rem;margin:0 0 .5rem}.server-checks{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:.75rem}.server-checks label{align-items:center;color:var(--vu-text-secondary);display:inline-flex;font-size:.9rem;gap:.4rem}