.s8live{--s8l-desk:#0a1016;--s8l-desk2:#0d1520;--s8l-window:#121c26;--s8l-bar:#1a2834;--s8l-line:#243544;--s8l-text:#e8eef4;--s8l-muted:#8a9bab;--s8l-dim:#5a6a7a;--s8l-sel:#2a4558;--s8l-sel-text:#d0e4f2;--s8l-green:#3ecf8e;--s8l-name:#6ec4a0;--s8l-link:#5eb8e8;--s8l-btn:#2d6fa3;flex:1 1 auto;width:100%;margin:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,#12202c 0,transparent 70%),linear-gradient(165deg,#0c141c,#080d12);color:var(--s8l-text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;position:relative;display:flex;flex-direction:column}.s8live,.s8live-desk{height:100%;min-height:0;overflow:hidden;box-sizing:border-box}.s8live-desk{display:grid;grid-template-columns:minmax(160px,220px) 1fr;flex:1 1 auto;max-height:100%;padding:12px 14px;gap:8px 12px}@media (max-width:820px){.s8live-desk{grid-template-columns:1fr;padding:10px;gap:8px}.s8live-rail{min-height:0;max-height:none;flex:0 0 auto}.s8live-tip{position:static!important;max-width:none;margin-top:6px}.s8live-window{min-height:0;flex:1}}.s8live-rail{position:relative;display:flex;flex-direction:column;padding:4px 4px 0 8px;min-height:0;height:100%;overflow:hidden}.s8live-channels-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6b7c8c;padding:4px 12px 14px}.s8live-channels{display:flex;flex-direction:column;gap:2px;padding:0 4px}.s8live-channel{display:flex;align-items:center;gap:4px;width:100%;text-align:left;border:none;border-radius:6px;background:transparent;color:#9aabbb;padding:9px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.s8live-channel:hover{background:hsla(0,0%,100%,.04);color:#dce6ef}.s8live-channel.is-active{background:var(--s8l-sel);color:var(--s8l-sel-text);font-weight:600}.s8live-channel__hash{color:#6a7a8a;font-weight:600;margin-right:2px}.s8live-channel.is-active .s8live-channel__hash{color:#9ab8cc}.s8live-tip{position:absolute;left:12px;bottom:16px;max-width:200px;padding:12px 14px;border-radius:6px;border:1px solid #2a3a4a;background:rgba(12,20,28,.92);font-size:12px;line-height:1.5;color:#8a9bab;box-shadow:0 4px 20px rgba(0,0,0,.35)}.s8live-tip a,.s8live-tip button{color:#4ade80;background:none;border:none;padding:0;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.s8live-tip a:hover,.s8live-tip button:hover{text-decoration:underline}.s8live-stage{align-items:stretch;justify-content:center;min-width:0;padding:0 4px 0 0}.s8live-stage,.s8live-window{display:flex;min-height:0;height:100%;overflow:hidden}.s8live-window{width:100%;max-width:100%;max-height:100%;flex-direction:column;border:1px solid #2f4456;border-radius:8px;background:var(--s8l-window);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 18px 50px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.04)}.s8live-titlebar{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px 0 10px;background:linear-gradient(180deg,#243644,#1a2834);border-bottom:1px solid #15202a;user-select:none;flex-shrink:0}.s8live-titlebar__icon{width:13px;height:13px;border-radius:2px;background:linear-gradient(145deg,#4ade80,#15803d);box-shadow:0 0 6px rgba(74,222,128,.35);flex-shrink:0}.s8live-titlebar__title{flex:1;min-width:0;font-size:12px;font-weight:600;color:#c5d4e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s8live-titlebar__tabs{display:flex;align-items:flex-end;height:100%;gap:0;margin-right:6px}.s8live-tab{font-size:11px;padding:4px 10px 5px;border-radius:4px 4px 0 0;background:#2a3b4a;color:#9aabbb;border:1px solid #3a4d5e;border-bottom:none;margin-bottom:-1px;line-height:1.2}.s8live-tab.is-on{background:var(--s8l-window);color:#dce6ef;border-color:#3a4d5e}.s8live-winbtns{display:flex;gap:2px;margin-left:4px}.s8live-winbtn{width:36px;height:24px;border:none;border-radius:2px;background:transparent;color:#9aabbb;font-size:12px;line-height:1;display:grid;place-items:center;cursor:default}.s8live-winbtn:hover{background:hsla(0,0%,100%,.08);color:#fff}.s8live-winbtn.is-close:hover{background:#c42b1c;color:#fff}.s8live-channelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #1a2834;background:#101920;flex-shrink:0}.s8live-channelhead__left{display:flex;align-items:center;gap:12px;min-width:0}.s8live-s8badge{width:40px;height:40px;border-radius:8px;background:linear-gradient(160deg,#1a3d30,#0c1f18);border:1px solid #2a5a44;color:#4ade80;font-size:12px;font-weight:800;flex-shrink:0;letter-spacing:.02em}.s8live-channelhead h1{margin:0;font-size:16px;font-weight:700;color:#eef4f8;letter-spacing:-.01em}.s8live-channelhead p{margin:2px 0 0;font-size:12px;color:#6a7a8a}.s8live-connect{border:none;border-radius:6px;background:var(--s8l-btn);color:#fff;font-size:13px;font-weight:600;padding:8px 18px;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}.s8live-connect:hover{background:#3580b8}.s8live-connect.is-on{background:#1a4a38;border:1px solid #2d6b52;box-shadow:none}.s8live-connect--addr{background:transparent;border:1px solid #2a3d4f;color:#9fd0ef;font-family:ui-monospace,Consolas,monospace;font-size:12px;text-decoration:none;padding:7px 12px}.s8live-connect--addr:hover{border-color:#3d8bb8;background:rgba(61,139,184,.1)}.s8live-connect--muted{background:transparent;border:1px solid #2a3d4f;color:#6a7a8a;font-size:11px;cursor:default;padding:7px 12px}.s8live--main .s8live-window{max-width:100%;height:100%}.s8live-tip-link{color:#4ade80!important;background:none!important;border:none!important;padding:0!important;font:inherit!important;font-weight:600!important;cursor:pointer}.s8live-avatar{overflow:hidden;padding:0}.s8live-connect--support{background:#1e4d3a;border:1px solid #2f6b52;font-size:12px;padding:8px 12px;max-width:220px;line-height:1.25;white-space:normal;text-align:center}.s8live-connect--support:hover{background:#256b4a}.s8live-feed{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding:10px 0 16px;min-height:0;background:var(--s8l-window);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.s8live-feed::-webkit-scrollbar{width:10px}.s8live-feed::-webkit-scrollbar-track{background:#0e161e}.s8live-feed::-webkit-scrollbar-thumb{background:#2a3a4a;border-radius:5px;border:2px solid #0e161e}.s8live-empty{margin:56px 16px;text-align:center;font-size:13px;color:var(--s8l-dim)}.s8live-msg{display:flex;gap:12px;padding:7px 16px}.s8live-msg:hover{background:hsla(0,0%,100%,.02)}.s8live-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:-.02em;color:#e8f4ff;text-decoration:none;text-transform:uppercase;border:none;object-fit:cover;background:#0c1a14}.s8live-avatar--img{border:1px solid #2a5a44}.s8live-avatar-link{flex-shrink:0;display:block;line-height:0;border-radius:50%}.s8live-avatar-link:hover .s8live-avatar{outline:2px solid rgba(62,207,142,.45);outline-offset:1px}.s8gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 70% 50% at 50% 30%,#12202c 0,transparent 65%),#080d12}.s8gate-card{width:100%;max-width:400px;padding:28px 24px;border-radius:12px;border:1px solid #2a3a4a;background:#0e1620;box-shadow:0 16px 48px rgba(0,0,0,.45);text-align:center}.s8gate-logo{border-radius:50%;border:2px solid #2a5a44;margin-bottom:12px}.s8gate-card h1{margin:0 0 8px;font-size:20px;font-weight:700;color:#e8eef4}.s8gate-sub{margin:0 0 20px;font-size:13px;line-height:1.5;color:#8a9bab}.s8gate-form{text-align:left}.s8gate-form label{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6a7a8a;margin-bottom:6px}.s8gate-input{width:100%;border-radius:8px;border:1px solid #2a3a4a;background:#0a1118;color:#e8eef4;font-family:ui-monospace,Consolas,monospace;font-size:13px;padding:12px 14px;outline:none;margin-bottom:12px}.s8gate-input:focus{border-color:#3d8bb8}.s8gate-err{margin:-4px 0 10px;font-size:12px;color:#fbbf24}.s8gate-btn{width:100%;border:none;border-radius:8px;background:linear-gradient(180deg,#3d9a6a,#2a7a52);color:#fff;font-size:14px;font-weight:700;padding:12px;cursor:pointer}.s8gate-btn:hover{filter:brightness(1.06)}.s8gate-foot{margin:16px 0 0;font-size:12px;color:#6a7a8a}.s8gate-foot a{color:#5eb8e8;text-decoration:none}.s8gate-foot a:hover{text-decoration:underline}.s8gate-warn{margin:12px 0 0;font-size:11px;color:#5a6a7a;line-height:1.4}.s8live-s8badge{overflow:hidden;display:grid;place-items:center;padding:0}.s8live-msg__body{min-width:0;flex:1;padding-top:0}.s8live-msg__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;margin-bottom:3px}.s8live-msg__name{font-size:13px;font-weight:700;font-family:ui-monospace,Cascadia Code,Consolas,monospace;color:var(--s8l-name);text-decoration:none}.s8live-msg__name:hover{text-decoration:underline;filter:brightness(1.15)}.s8live-msg__badge{font-size:9px;font-weight:800;letter-spacing:.03em;padding:2px 6px;border-radius:3px;background:rgba(62,207,142,.12);color:var(--s8l-green);border:1px solid rgba(62,207,142,.35);text-transform:uppercase;line-height:1.2}.s8live-msg__badge--admin{color:#7dd3fc;border-color:rgba(125,211,252,.4);background:rgba(14,165,233,.12)}.s8live-msg__time{font-size:11px;color:#5a6a7a}.s8live-msg__mod{font-size:10px;font-weight:600;color:#fbbf24;text-decoration:none}.s8live-msg__mod:hover{text-decoration:underline}.s8live-msg__name--system{color:#dce6ef;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;font-weight:600;font-size:13px;letter-spacing:0}.s8live-msg__badge--admin-blue{background:rgba(59,130,246,.2);color:#93c5fd;border:1px solid rgba(96,165,250,.45);font-weight:700;text-transform:none;letter-spacing:.02em}.s8live-system-compose{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;padding:10px 12px}.s8live-system-compose__input{flex:1;min-width:160px;border-radius:8px;border:1px solid #2a4558;background:#0e161e;color:#e8eef4;font-size:13px;padding:10px 12px;outline:none}.s8live-system-compose__input:focus{border-color:#3ecf8e}.s8live-system-compose__btn{border:none;border-radius:8px;background:#22c55e;color:#04120a;font-size:12px;font-weight:700;padding:10px 14px;cursor:pointer;white-space:nowrap}.s8live-system-compose__btn:disabled{opacity:.5;cursor:not-allowed}.s8live-msg__del{margin-left:auto;border:1px solid hsla(0,91%,71%,.45);background:rgba(127,29,29,.35);color:#fca5a5;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;cursor:pointer;line-height:1.3}.s8live-msg__del:hover:not(:disabled){background:rgba(185,28,28,.55);color:#fecaca}.s8live-msg__del:disabled{opacity:.5;cursor:wait}.s8live-msg__text{font-size:14px;color:#cfd8e0;line-height:1.45;word-break:break-word;white-space:pre-wrap}.s8live-msg__text a{color:var(--s8l-link);text-decoration:underline;text-underline-offset:2px}.s8live-msg__text a:hover{color:#8fd0f5}.s8live-foot{flex-shrink:0;border-top:1px solid #1a2834;background:#0e161e;padding:10px 14px 12px}.s8live-foot__hint{line-height:1.4}.s8live-foot__hint,.s8live-join{margin:0;font-size:12px;color:#6a7a8a}.s8live-join{line-height:1.45}.s8live-join button{color:#4ade80;background:none;border:none;padding:0;font:inherit;font-weight:600;cursor:pointer}.s8live-join button:hover{text-decoration:underline}.s8live-composer{display:flex;gap:8px;align-items:flex-end;margin-top:8px}.s8live-composer textarea{flex:1;min-height:38px;max-height:96px;resize:vertical;border-radius:6px;border:1px solid #2a3a4a;background:#0a1118;color:var(--s8l-text);padding:8px 12px;font-size:13px;font-family:inherit;outline:none}.s8live-composer textarea:focus{border-color:#3d6f9a}.s8live-send{border:none;border-radius:6px;background:var(--s8l-btn);color:#fff;font-weight:700;font-size:12px;padding:9px 16px;cursor:pointer;white-space:nowrap}.s8live-send:hover{background:#3580b8}.s8live-send:disabled{opacity:.4;cursor:not-allowed}.s8live-gate{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:4px 2px}.s8live-gate__text{margin:0;flex:1;min-width:160px;font-size:13px;color:#8a9bab;line-height:1.4}.s8live-gate__btn{border:none;border-radius:6px;background:linear-gradient(180deg,#3d9a6a,#2a7a52);color:#fff;font-size:13px;font-weight:700;padding:10px 16px;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12)}.s8live-gate__btn:hover{filter:brightness(1.08)}.s8live-getkey{display:block;width:100%;border:none;border-radius:6px;background:linear-gradient(180deg,#3d9a6a,#2a7a52);color:#fff;font-size:12px;font-weight:700;padding:9px 12px;cursor:pointer;text-align:center;line-height:1.25}.s8live-getkey:hover{filter:brightness(1.08)}