:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1020;color:#eef2ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#233660 0,transparent 36rem),#0b1020}.shell{max-width:880px;margin:auto;padding:48px 24px 80px}header,.intro,.server,footer,.actions{display:flex;align-items:center}.shell>header{justify-content:space-between;margin-bottom:42px}.eyebrow{letter-spacing:.16em;font-size:.72rem;color:#8ba5d6;margin:0 0 4px}h1{font-size:2.2rem;margin:0}h2{margin:0 0 8px}p{color:#b8c3dc;line-height:1.5}.card{border:1px solid #2a3b61;border-radius:14px;background:#10192e;box-shadow:0 20px 48px #0004}.login{max-width:440px;padding:28px}.login p{margin-top:0}.intro{justify-content:space-between;margin-bottom:18px}.intro p{margin:0}.server-list{display:grid;gap:12px}.server{justify-content:space-between;padding:18px 20px;gap:20px}.server h3{margin:0;font-size:1.05rem}.mode{display:inline-block;font-size:.72rem;background:#243c68;color:#b9d2ff;padding:3px 7px;border-radius:99px;margin-bottom:8px}.endpoint,.public-url{font-size:.85rem;margin:6px 0 0;word-break:break-all}.public-url{color:#7aa5ef}button,.open{border:0;border-radius:8px;background:#5d8fed;color:white;font:inherit;padding:9px 14px;cursor:pointer;text-decoration:none;text-align:center}button:hover,.open:hover{filter:brightness(1.1)}button.secondary{background:#263958}.ghost{background:transparent;color:#b9c9e8;border:1px solid #40557d}.actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}dialog{width:min(560px,calc(100vw - 32px));border:1px solid #30466e;border-radius:14px;background:#10192e;color:#eef2ff;padding:0;box-shadow:0 24px 80px #000}dialog::backdrop{background:#000a}dialog form{display:grid;gap:15px;padding:22px}dialog header{justify-content:space-between}label{display:grid;gap:6px;font-size:.9rem;color:#cbd7ef}input,select{border:1px solid #40557d;border-radius:8px;background:#0b1325;color:#f4f7ff;padding:10px;font:inherit;width:100%}small{color:#8294b5}form footer{justify-content:flex-end;gap:8px;margin-top:4px}output{min-height:1.2em;color:#ff9c9c;font-size:.88rem}@media(max-width:600px){.shell{padding:30px 16px}.server,.intro{align-items:flex-start;flex-direction:column}.actions{justify-content:flex-start}}