:root{color-scheme:dark;--bg: #1e1f22;--panel: #2b2d31;--text: #f2f3f5;--muted: #949ba4;--accent: #5865f2;--danger: #ed4245}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.layout{max-width:960px;margin:0 auto;padding:1.5rem}h1{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.card{background:var(--panel);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}label{font-size:.85rem;color:var(--muted)}input{background:#1e1f22;border:1px solid #3f4147;border-radius:8px;color:var(--text);padding:.45rem .65rem;min-width:180px}button{border:none;border-radius:8px;padding:.5rem .9rem;font-weight:600;cursor:pointer;background:var(--accent);color:#fff}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:#3f4147;color:var(--text)}button.danger{background:var(--danger)}.peers{list-style:none;padding:0;margin:0}.peers li{padding:.35rem 0;border-bottom:1px solid #3f4147;font-size:.95rem}.peers li:last-child{border-bottom:none}.self{color:var(--muted);font-size:.8rem}.error{color:#ff7b72;font-size:.9rem;margin-top:.5rem}