.net{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.net-stage{pointer-events:none;user-select:none;transform-origin:0 0;font-family:"Geist Variable", var(--font-sans), sans-serif;letter-spacing:normal;color:#fafafa;text-align:left;font-size:14px;line-height:20px;position:absolute;top:0;left:0}.net-invite,.net-card,.net-row{opacity:0;filter:blur(6px);transition:opacity .6s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1),scale .6s cubic-bezier(.22,1,.36,1),translate .9s cubic-bezier(.65,0,.35,1)}.net-invite.is-in,.net-card.is-in{opacity:1;filter:none;scale:1}.net-avatar{letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:8px;flex:none;place-items:center;width:44px;height:44px;font-size:13px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.net-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;line-height:1;overflow:hidden}.net-btn{border-radius:8px;place-items:center;width:32px;height:32px;transition:scale .14s,background .14s;display:grid}.net-btn-outline{color:#fafafa;background:#232323;border:1px solid #353535}.net-btn-primary{color:#171717;background:#fafafa}.net-btn-primary.is-pressed{background:#d4d4d4;scale:.9}.net-btn-text{border-radius:6px;gap:5px;width:auto;height:26px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.net-btn-xs{border-radius:6px;width:24px;height:24px}.net-invite{background:#171717;border:1px solid #2f2f2f;border-radius:14px;flex-direction:column;gap:12px;width:340px;padding:16px;display:flex;position:absolute;top:50%;left:90px;translate:0 -50%;scale:.97}.net-invite-head{align-items:center;gap:10px;display:flex}.net-from{color:#a3a3a3;background:#101010;border-bottom:1px solid #2a2a2a;border-radius:13px 13px 0 0;align-items:center;gap:8px;margin:-16px -16px 4px;padding:10px 16px;font-size:12px;line-height:20px;display:flex}.net-from b{color:#fafafa;font-weight:500}.net-org{color:#fff;background:linear-gradient(135deg,#c2410c,#fb923c);border-radius:5px;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:grid}.net-invite-title{flex-direction:column;gap:6px;min-width:0;display:flex}.net-invite-meta{color:#a3a3a3;font-size:13px;line-height:1}.net-invite-actions{justify-content:flex-end;gap:8px;display:flex}.net-card{border:1px solid #2f2f2f;border-radius:14px;flex-direction:column;width:196px;height:156px;display:flex;position:absolute;top:50%;left:162px;overflow:hidden;translate:0 -50%;scale:.97}.is-split .net-card,.is-out .net-card{translate:-142px -50%}.is-out .net-card{opacity:0;filter:blur(6px)}.net-card-cover{background:#101010;flex:none;justify-content:flex-end;height:52px;padding:12px;display:flex;position:relative}.net-card-avatar{z-index:1;width:40px;height:40px;font-size:12px;position:absolute;top:28px;left:16px}.net-card-body{background:#1c1c1c;border-top:1px solid #2f2f2f;flex-direction:column;flex:1;justify-content:flex-end;gap:14px;padding:0 16px 16px;display:flex}.net-card-body .net-name{font-size:15px}.net-stats{display:flex}.net-stat{color:#a3a3a3;flex:1;align-items:center;gap:6px;display:flex}.net-kbd{color:#a3a3a3;background:#2a2a2a;border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.net-roll{font-variant-numeric:tabular-nums;height:20px;display:inline-grid;overflow:hidden}.net-roll>span{grid-area:1/1}.net-roll-in{animation:.5s cubic-bezier(.22,1,.36,1) both net-roll-in}.net-roll-out{animation:.5s cubic-bezier(.22,1,.36,1) both net-roll-out}@keyframes net-roll-in{0%{color:#fafafa;translate:0 100%}60%{color:#fafafa}}@keyframes net-roll-out{to{opacity:0;translate:0 -100%}}.net-table{width:268px;height:156px;position:absolute;top:50%;left:232px;translate:0 -50%}.net-row{background:#131313;border:1px solid #2f2f2f;border-top-width:0;grid-template-columns:1fr 62px 34px;align-items:center;gap:8px;height:42px;padding:0 12px;font-size:12px;display:grid;translate:12px}.net-row>span:last-child{justify-self:end}.net-head{color:#a3a3a3;background:#171717;border-top-width:1px;border-radius:14px 14px 0 0;height:30px}.net-row:last-child{border-radius:0 0 14px 14px}.is-split .net-row{opacity:1;filter:none;translate:0}.net-coll{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.net-thumb{color:#ffffffe6;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.net-thumb-0{background:linear-gradient(135deg,#064e3b,#10b981)}.net-thumb-1{background:linear-gradient(135deg,#3b0764,#8b5cf6)}.net-thumb-2{background:linear-gradient(135deg,#172554,#3b82f6)}.net-badge{border:1px solid #0000;border-radius:999px;align-items:center;height:18px;padding:0 7px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.net-badge-public{color:#34d399;background:#022c22;border-color:#064e3b}.net-badge-private{color:#c4b5fd;background:#1e1b4b;border-color:#4c1d95}.net-badge-listed{color:#172554;background:#60a5fa}.net-switch{background:#2d2d2d;border-radius:999px;width:30px;height:18px;transition:background .26s;display:block;position:relative}.net-switch:after{content:"";background:#0a0a0a;border-radius:50%;width:14px;height:14px;transition:translate .26s cubic-bezier(.32,.72,0,1);position:absolute;top:2px;left:2px}.net-switch.is-on{background:#e5e5e5}.net-switch.is-on:after{translate:12px}.net-cursor{z-index:2;opacity:0;filter:drop-shadow(0 2px 3px #00000059);transform-origin:2px 2px;transition:translate .9s cubic-bezier(.65,0,.35,1),opacity .4s,scale .11s;position:absolute;top:-2px;left:-2px}.net-cursor.is-shown{opacity:1}.net-cursor.is-down{scale:.86}.net-row>span:nth-child(2),.net-row>span:last-child{display:flex}.net-row{--g:139 92 246;--g-glow:.22;position:relative;overflow:hidden}.net-row-public{--g:16 185 129}.net-row-private{--g:139 92 246}.net-row-listed{--g:59 130 246}.net-row>span{z-index:1;position:relative}.net-row:before{content:"";background:linear-gradient(90deg, transparent, rgb(var(--g)) 50%, transparent) bottom / 100% 1px no-repeat, radial-gradient(50% 100% at 50% 100%, rgb(var(--g) / var(--g-glow)), transparent);opacity:0;pointer-events:none;width:55%;height:26px;position:absolute;bottom:0;left:0;translate:-100%}.net-row.is-lit:before{animation:1.4s cubic-bezier(.45,0,.55,1) net-glow}@keyframes net-glow{0%{opacity:0;translate:-100%}25%,70%{opacity:1}to{opacity:0;translate:190%}}:root:not([data-theme=dark]) .net-stage{color:#0a0a0a}:root:not([data-theme=dark]) .net-avatar{box-shadow:inset 0 0 0 1px #00000014}:root:not([data-theme=dark]) .net-btn-outline{color:#0a0a0a;background:#fff;border-color:#e5e5e5}:root:not([data-theme=dark]) .net-btn-primary{color:#fff;background:#6d28d9}:root:not([data-theme=dark]) .net-btn-primary.is-pressed{background:#5b21b6}:root:not([data-theme=dark]) .net-invite{background:#fff;border-color:#e5e5e5;box-shadow:0 1px 2px #0000000d}:root:not([data-theme=dark]) .net-from{color:#737373;background:#f5f5f5;border-bottom-color:#e5e5e5}:root:not([data-theme=dark]) .net-from b{color:#0a0a0a}:root:not([data-theme=dark]) .net-invite-meta,:root:not([data-theme=dark]) .net-stat{color:#737373}:root:not([data-theme=dark]) .net-card{border-color:#e5e5e5;box-shadow:0 1px 2px #0000000d}:root:not([data-theme=dark]) .net-card-cover{background:#f5f5f5}:root:not([data-theme=dark]) .net-card-body{background:#fff;border-top-color:#e5e5e5}:root:not([data-theme=dark]) .net-kbd{color:#737373;background:#f5f5f5}:root:not([data-theme=dark]) .net-row{background:#fff;border-color:#e5e5e5}:root:not([data-theme=dark]) .net-head{color:#737373;background:#fafafa}:root:not([data-theme=dark]) .net-badge-public{color:#047857;background:#ecfdf5;border-color:#a7f3d0}:root:not([data-theme=dark]) .net-badge-private{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}:root:not([data-theme=dark]) .net-badge-listed{color:#fff;background:#2563eb}:root:not([data-theme=dark]) .net-switch{background:#e5e5e5}:root:not([data-theme=dark]) .net-switch:after{background:#fff;box-shadow:0 1px 2px #00000026}:root:not([data-theme=dark]) .net-switch.is-on{background:#6d28d9}:root:not([data-theme=dark]) .net-cursor{filter:drop-shadow(0 2px 3px #0003)}:root:not([data-theme=dark]) .net-roll-in{animation-name:net-roll-in-light}@keyframes net-roll-in-light{0%{color:#0a0a0a;translate:0 100%}60%{color:#0a0a0a}}:root:not([data-theme=dark]) .net-row{--g-glow:.14}