:root{--ink:#050507;--ink-2:#0c0d14;--gloss:#171a28;--line:#8fa2ff24;--sheen:#8fa2ff;--white:#f4f4f8;--muted:#8a8ea6;--fang:#ff2e57;--good:#7dffb2;--radius:24px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--ink);color:var(--white);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit}.muted{color:var(--muted)}.small{font-size:.8rem}.err{color:var(--fang)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bg{z-index:-1;background:radial-gradient(ellipse at 50% -10%, #161a2e 0%, var(--ink) 60%);position:fixed;inset:0;overflow:hidden}.bg-goo{filter:url(#goo);opacity:.9;position:absolute;inset:0}.bg-goo span{display:block;position:absolute}.bg-veins{background:radial-gradient(circle at 20% 30%,#8fa2ff0f 0 2px,#0000 3px) 0 0/120px 120px,repeating-radial-gradient(circle at 80% 120%,#0000 0 60px,#8fa2ff06 61px 62px);animation:60s linear infinite drift;position:absolute;inset:-20%}@keyframes drift{to{transform:translate(120px,120px)}}.bg-noise{opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.shell{max-width:1180px;margin:0 auto;padding:22px 18px 40px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.brand{align-items:center;gap:12px;display:flex}.wordmark{letter-spacing:-.02em;background:linear-gradient(#fff 30%,#9aa4c9);color:#0000;text-shadow:0 0 30px #8fa2ff40;-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:900;line-height:1}.wordmark span{background:linear-gradient(180deg, var(--sheen), #4a57a8);-webkit-background-clip:text;background-clip:text}.top-actions{align-items:center;gap:10px;display:flex}.status{border:1px solid var(--line);background:#0c0d1499;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;display:inline-flex}.status.good{color:var(--good)}.status.good svg{animation:2s ease-in-out infinite breathe}.status.bad{color:var(--fang)}@keyframes breathe{50%{opacity:.4}}.grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:900px){.grid{grid-template-columns:1fr}}.sessions{flex-direction:column;gap:20px;display:flex}.foot{text-align:center;margin-top:34px}.card{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(160deg,#1e2234bf,#08090ed9 55%);padding:22px;position:relative;box-shadow:0 30px 60px -30px #000,inset 0 1px #ffffff0f}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#8fa2ff12 45%,#0000 60%) 0 0/250% 100%;animation:7s ease-in-out infinite sheen;position:absolute;inset:0}@keyframes sheen{0%,to{background-position:100% 0}50%{background-position:0 0}}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:700;display:inline-flex}.btn.ghost{border:1px solid var(--line);background:#ffffff08}.btn.ghost:hover{border-color:var(--sheen)}.btn.scan{color:#07080d;background:radial-gradient(circle at 30% 20%,#fff,#cfd5ff 40%,#8fa2ff);padding:14px 26px;font-size:1rem;box-shadow:0 0 #8fa2ff99,0 10px 30px -10px #8fa2ffb3}.btn.scan.active{background:radial-gradient(circle at 30% 20%, #ff8aa1, var(--fang));color:#fff;animation:1.6s infinite ripple}.btn:disabled{opacity:.45;cursor:not-allowed}@keyframes ripple{0%{box-shadow:0 0 #ff2e578c}to{box-shadow:0 0 0 22px #ff2e5700}}.icon-btn{border:1px solid var(--line);background:#ffffff08;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;transition:all .2s;display:inline-grid}.icon-btn:hover{border-color:var(--sheen);color:var(--sheen);transform:translateY(-1px)}.icon-btn.danger:hover{border-color:var(--fang);color:var(--fang)}.icon-btn.glow{color:var(--good);border-color:#7dffb259;animation:2s infinite breathe}.link-btn{color:var(--sheen);margin-left:auto;font-size:.8rem;font-weight:600}.scanner{flex-direction:column;align-items:center;gap:18px;display:flex}.me{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.me-icon{background:var(--gloss);width:38px;height:38px;color:var(--sheen);border-radius:12px;place-items:center;display:grid}.me-name{align-items:center;gap:6px;font-size:1.1rem;font-weight:800;display:inline-flex}.me-name svg{opacity:.5}.rename{gap:6px;display:flex}.rename input{background:var(--ink-2);border:1px solid var(--sheen);color:var(--white);font:inherit;border-radius:10px;outline:none;width:200px;padding:7px 10px}.radar{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(circle,#8fa2ff14,#0000 65%);border-radius:50%;width:min(100%,440px);position:relative}.radar-ring{border:1px dashed #8fa2ff29;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.r1{width:33%;height:33%}.r2{width:63%;height:63%}.r3{width:92%;height:92%}.is-scanning .radar-ring{animation:2s ease-in-out infinite ringglow}@keyframes ringglow{50%{border-color:#8fa2ff66}}.radar-sweep{background:conic-gradient(#8fa2ff59,#8fa2ff00 70deg,#0000 360deg);border-radius:50%;animation:2.8s linear infinite spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 14%,#000 15%);mask:radial-gradient(circle,#0000 14%,#000 15%)}.radar-pulse{border:2px solid #8fa2ff80;border-radius:50%;position:absolute;inset:0}.radar-core{width:92px;height:92px;box-shadow:0 0 40px #8fa2ff40, inset 0 0 0 1px var(--line);background:radial-gradient(circle at 35% 30%,#2a2f48,#050507 70%);border-radius:50%;place-items:center;margin:-46px 0 0 -46px;display:grid;position:absolute;top:50%;left:50%}.radar-node{z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%,-50%)}.node-blob{width:56px;height:56px;color:var(--white);background:radial-gradient(circle at 35% 30%,#3a4060,#0a0b12 75%);border:1px solid #8fa2ff73;border-radius:46% 54% 58% 42%/52% 44% 56% 48%;place-items:center;animation:5s ease-in-out infinite morph;display:grid;position:relative;box-shadow:0 0 22px #8fa2ff59}@keyframes morph{50%{border-radius:58% 42% 44% 56%/44% 58% 42% 56%}}.radar-node.pending .node-blob{border-color:#ffd36e;box-shadow:0 0 22px #ffd36e66}.radar-node.accepted .node-blob{border-color:var(--good);box-shadow:0 0 26px #7dffb273}.node-badge{background:var(--ink);color:var(--good);border-radius:50%;padding:2px;position:absolute;top:-4px;right:-4px}.radar-node.pending .node-badge{color:#ffd36e}.node-name{white-space:nowrap;border:1px solid var(--line);background:#050507cc;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:700}.scan-info{text-align:center;flex-direction:column;align-items:center;gap:14px;min-height:92px;display:flex}.empty{text-align:center;color:var(--sheen);flex-direction:column;align-items:center;gap:12px;display:flex}.empty h3{color:var(--white)}.steps{text-align:left;color:var(--white);gap:8px;padding-left:20px;font-size:.92rem;display:grid}.steps li::marker{color:var(--sheen);font-weight:800}.empty .small{align-items:center;gap:6px;display:inline-flex}.session-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.peer{align-items:center;gap:12px;display:flex}.peer-icon{background:var(--gloss);width:46px;height:46px;color:var(--muted);border-radius:14px;place-items:center;display:grid;position:relative}.peer-icon.online{color:var(--good)}.peer-icon.online:after{content:"";background:var(--good);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;animation:2s infinite breathe;position:absolute;bottom:-3px;right:-3px}.peer-name{font-size:1.05rem;font-weight:800}.dropzone{text-align:center;cursor:pointer;color:var(--sheen);background:#8fa2ff08;border:2px dashed #8fa2ff4d;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;transition:border-color .2s,background .2s;display:flex}.dropzone div{color:var(--white);font-size:.92rem}.dropzone.drag{border-color:var(--sheen);background:#8fa2ff1a;border-style:solid}.list{margin-top:18px}.list h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:6px;margin-bottom:10px;font-size:.75rem;display:flex}.row{border:1px solid var(--line);background:#ffffff06;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex;overflow:hidden}.row-icon{color:var(--sheen);flex:none}.row.in .row-icon{color:var(--good)}.row-body{flex:1;min-width:0}.row-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.bar{background:#ffffff12;border-radius:4px;height:4px;margin-top:6px;overflow:hidden}.bar span{border-radius:inherit;background:linear-gradient(90deg, #4a57a8, var(--sheen), #fff);height:100%;box-shadow:0 0 10px var(--sheen);display:block}.overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020204b3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(100%,380px);display:flex;overflow:hidden}.modal-x{position:absolute;top:14px;right:14px}.modal-actions{gap:10px;margin-top:6px;display:flex}.bite{width:76px;height:76px;color:var(--white);box-shadow:0 0 0 1px var(--sheen), 0 0 40px #8fa2ff73;background:radial-gradient(circle at 35% 30%,#3a4060,#050507 75%);border-radius:50%;place-items:center;display:grid}.qr{border:6px solid #f4f4f8;border-radius:18px;width:220px;height:220px;box-shadow:0 0 40px #8fa2ff59}.qr.placeholder{background:var(--ink-2);color:var(--muted);place-items:center;display:grid}.url{background:var(--ink-2);border:1px solid var(--line);color:var(--sheen);-webkit-user-select:all;user-select:all;border-radius:10px;padding:8px 12px;font-family:ui-monospace,monospace;font-size:.95rem}.toasts{z-index:60;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--line);background:#0c0d14f2;border-radius:14px;padding:12px 16px;font-size:.9rem;box-shadow:0 14px 30px -10px #000}.toast.good{border-color:#7dffb266}.toast.bad{border-color:#ff2e5780}@media (max-width:520px){.shell{padding:16px 12px 30px}.card{padding:16px}.wordmark{font-size:1.4rem}.node-blob{width:46px;height:46px}.radar-core{width:74px;height:74px;margin:-37px 0 0 -37px}}.status.warn{color:#ffd36e}.p2p-badge{color:var(--good);background:#7dffb20f;border:1px solid #7dffb24d;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;display:inline-flex}.room-chip{border:1px solid var(--line);background:#0c0d1499;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;display:inline-flex}.room-chip b{color:var(--sheen);letter-spacing:.15em}.code-input{gap:8px;width:100%;display:flex}.code-input input{background:var(--ink-2);border:1px solid var(--line);min-width:0;color:var(--white);font:inherit;letter-spacing:.3em;text-align:center;border-radius:12px;outline:none;flex:1;padding:10px 12px;font-size:1.2rem}.code-input input:focus{border-color:var(--sheen)}.big-code{letter-spacing:.25em;color:var(--white);text-shadow:0 0 24px #8fa2ff99;font-size:2.2rem;font-weight:900}.divider{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.tabs{border:1px solid var(--line);background:#05050799;border-radius:999px;gap:6px;padding:4px;display:flex}.tabs button{color:var(--muted);border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:700}.tabs button.on{background:var(--gloss);color:var(--white);box-shadow:inset 0 0 0 1px var(--line)}.modal{max-height:calc(100vh - 36px);overflow-y:auto}.foot{flex-direction:column;align-items:center;gap:14px;display:flex}.creator{flex-direction:column;align-items:center;gap:10px;display:flex}.creator b{color:var(--white)}.creator-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.social{border:1px solid var(--line);background:#0c0d14b3;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:border-color .2s,box-shadow .2s,color .2s;display:inline-flex}.social:hover{border-color:var(--sheen);color:var(--sheen);box-shadow:0 0 22px #8fa2ff4d}.social.linkedin:hover{color:#5aa4f0;border-color:#0a66c2;box-shadow:0 0 22px #0a66c273}