:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c141e;--panel:#151e28;--panel-raised:#1c242f;--panel-hover:#18212c;--panel-active:#27313e;--floating:#060e17;--scrim:#060e17b8;--divider:var(--bg);--text:#e0e7ef;--text-strong:#f3f7fd;--muted:#98a6b8;--accent:#65bdfd;--accent-sheen:#58d1e5;--accent-strong:#4ca2e6;--accent-text:var(--accent);--focus:var(--accent);--accent-soft:#65bdfd24;--on-accent:#051729;--online:#5ed476;--warning:#f9c64e;--on-warning:var(--bg);--warning-soft:#f9c64e1f;--danger:#f0555b;--danger-text:#fe8a88;--danger-strong:#c92f36;--on-danger:#fff;--danger-soft:#f0555b1f;--shadow-lift:0 16px 40px -12px #010309cc;--shadow-float:0 0 0 1px #01030980, 0 8px 20px #01030966;--shadow-glow:0 0 0 3px #65bdfd33;--shadow-glow-danger:0 0 0 3px #f0555b33;--shadow-accent:0 6px 20px -6px #65bdfd8c;--gradient-accent:linear-gradient(135deg, var(--accent) 0%, var(--accent-sheen) 100%);--gradient-edge:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--accent) 60%, transparent) 30%, color-mix(in srgb, var(--accent-sheen) 60%, transparent) 70%, transparent 100%);--gradient-backdrop:radial-gradient(70% 60% at 15% 0%, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 70%);--gradient-backdrop-far:radial-gradient(60% 60% at 95% 100%, color-mix(in srgb, var(--accent-sheen) 12%, transparent) 0%, transparent 70%);--gradient-mention:linear-gradient(90deg, color-mix(in srgb, var(--warning) 18%, transparent) 0%, color-mix(in srgb, var(--warning) 6%, transparent) 45%, color-mix(in srgb, var(--warning) 2%, transparent) 100%);--gradient-shimmer:linear-gradient(90deg, #fff0 0%, #ffffff0f 50%, #fff0 100%);--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-round:50%;--radius-pill:9999px;--rail-width:72px;--sidebar-width:240px;--sidebar-collapsed:56px;--members-width:240px;--header-height:48px;--server-icon:48px;--avatar-md:32px;--avatar-lg:40px;--icon-size:18px;--duration-instant:.1s;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--duration-loop:1.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--opacity-disabled:.6;--opacity-offline:.45;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:22px}button,input,select,textarea{font:inherit;color:inherit}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}@keyframes sn-fade-in{0%{opacity:0}}@keyframes sn-rise-in{0%{opacity:0;transform:translateY(4px)}}@keyframes sn-slide-down{0%{transform:translateY(-100%)}}@keyframes sn-drop-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes sn-pop-in{0%{opacity:0;transform:var(--sn-from) scale(.96)}}@keyframes sn-shake{0%,to{transform:none}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes sn-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes sn-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes sn-shimmer{0%{background-position:-150% 0,0 0}to{background-position:250% 0,0 0}}@keyframes sn-pulse{0%,60%,to{opacity:.4}30%{opacity:1}}@keyframes sn-spin{to{transform:rotate(360deg)}}.sn-spinner{border-radius:var(--radius-round);border:2px solid;border-top-color:#0000;flex:none;width:14px;height:14px;animation:.7s linear infinite sn-spin;display:inline-block}.sn-icon{width:var(--icon-size);height:var(--icon-size);transition:color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-standard);flex:none}.sn-button{--sn-hover-fill:var(--text);--sn-hover-opacity:.06;isolation:isolate;justify-content:center;align-items:center;gap:var(--space-8);min-height:40px;padding:var(--space-10) var(--space-16);border-radius:var(--radius-sm);background:var(--panel-active);color:var(--text-strong);white-space:nowrap;cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-instant) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);border:none;font-size:15px;font-weight:500;line-height:20px;display:inline-flex;position:relative}.sn-button:after{content:"";z-index:-1;border-radius:inherit;background:var(--sn-hover-fill);opacity:0;transition:opacity var(--duration-instant) var(--ease-standard);position:absolute;inset:0}.sn-button:hover:not(:disabled):after{opacity:var(--sn-hover-opacity)}.sn-button:active:not(:disabled){transform:scale(.98)}.sn-button:disabled{opacity:var(--opacity-disabled);cursor:default}.sn-button-primary{--sn-hover-opacity:0;background:var(--accent-strong) var(--gradient-accent) 0% 0% / 150% 100%;color:var(--on-accent);transition:background-position var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-instant) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard)}.sn-button-primary:hover:not(:disabled){box-shadow:var(--shadow-accent);background-position:100% 0}.sn-button-danger{--sn-hover-fill:var(--bg);--sn-hover-opacity:.18;background:var(--danger-strong);color:var(--on-danger)}.sn-button-link{--sn-hover-opacity:0;min-height:0;color:var(--muted);transition:color var(--duration-instant) var(--ease-standard);background:0 0;padding:0;font-weight:400}.sn-button-link:hover:not(:disabled){color:var(--text)}.sn-button-link:active:not(:disabled){transform:none}.sn-button-sm{min-height:32px;padding:var(--space-6) var(--space-12);font-size:13px;line-height:18px}.sn-button-block{width:100%;display:flex}.sn-button[aria-busy=true]{cursor:progress}.sn-button .sn-spinner{animation-duration:.7s}.sn-icon-button{padding:var(--space-4);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:color var(--duration-instant) var(--ease-standard), background-color var(--duration-instant) var(--ease-standard), transform var(--duration-base) var(--ease-spring);background:0 0;border:none;place-items:center;display:grid}.sn-icon-button:hover{color:var(--text)}.sn-icon-button:active{transition-duration:var(--duration-instant);transform:scale(.88)}.sn-icon-button[aria-pressed=true]{color:var(--text-strong)}.sn-tabs{--sn-gap:var(--space-4);gap:var(--sn-gap);padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:relative}.sn-tabs-indicator{top:var(--space-4);bottom:var(--space-4);left:var(--space-4);width:calc((100% - 2 * var(--space-4) - (var(--sn-count) - 1) * var(--sn-gap)) / var(--sn-count));border-radius:var(--radius-sm);background:var(--accent-strong) var(--gradient-accent);transform:translateX(calc(var(--sn-index) * (100% + var(--sn-gap))));transition:transform var(--duration-base) var(--ease-spring);position:absolute}.sn-tab{padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:none;font-weight:500;position:relative}.sn-tab:hover{color:var(--text)}.sn-tab[aria-selected=true]{color:var(--on-accent)}.sn-field{gap:var(--space-4);color:var(--muted);font-size:13px;font-weight:500;line-height:16px;display:grid}.sn-field-optional{font-weight:400}.sn-input{width:100%;padding:var(--space-8) var(--space-10);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border:1px solid #0000;font-size:15px;font-weight:400;line-height:22px}.sn-input::placeholder{color:var(--muted)}.sn-input:focus,.sn-input:focus-visible{background:linear-gradient(var(--bg), var(--bg)) padding-box, var(--gradient-accent) border-box;box-shadow:var(--shadow-glow);border-color:#0000;outline:none}.sn-field-invalid .sn-input{border-color:var(--danger);box-shadow:var(--shadow-glow-danger);animation:sn-shake var(--duration-slow) var(--ease-standard)}.sn-field-hint,.sn-field-error{font-size:13px;font-weight:400;line-height:18px}.sn-field-hint{color:var(--muted)}.sn-field-error{color:var(--danger-text);animation:sn-rise-in var(--duration-base) var(--ease-out)}textarea.sn-input{min-height:calc(3 * 22px + 2 * var(--space-8) + 2px);resize:vertical;display:block}.sn-select{display:grid;position:relative}.sn-select .sn-input{appearance:none;padding-right:calc(2 * var(--space-10) + var(--icon-size));cursor:pointer}.sn-select .sn-input option{background:var(--floating);color:var(--text)}.sn-select>.sn-icon{top:50%;right:var(--space-10);color:var(--muted);pointer-events:none;position:absolute;translate:0 -50%}.sn-input:disabled{opacity:var(--opacity-disabled);cursor:default}.sn-choice{align-items:flex-start;gap:var(--space-10);padding:var(--space-8) var(--space-10);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:background-color var(--duration-instant) var(--ease-standard), color var(--duration-instant) var(--ease-standard);display:flex;position:relative}.sn-choice:hover{background:var(--panel-raised)}.sn-choice:has(>.sn-choice-input:checked){color:var(--text-strong)}.sn-choice-radio:has(>.sn-choice-input:checked){background:var(--panel-active)}.sn-choice:has(>.sn-choice-input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.sn-choice:has(>.sn-choice-input:disabled){opacity:var(--opacity-disabled);cursor:default;background:0 0}.sn-choice-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.sn-choice-mark{border:2px solid var(--muted);border-radius:var(--radius-sm);width:18px;height:18px;color:var(--on-accent);transition:border-color var(--duration-instant) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);flex:none;place-items:center;margin-top:2px;display:grid}.sn-choice-radio .sn-choice-mark{border-radius:var(--radius-round)}.sn-choice:hover .sn-choice-mark{border-color:var(--text)}.sn-choice-input:checked+.sn-choice-mark{background:var(--accent-strong) var(--gradient-accent) border-box;border-color:#0000}.sn-choice-mark .sn-icon,.sn-choice-radio .sn-choice-mark:after{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-spring);transform:scale(.5)}.sn-choice-mark .sn-icon{width:14px;height:14px}.sn-choice-radio .sn-choice-mark:after{content:"";border-radius:var(--radius-round);background:var(--on-accent);width:6px;height:6px}.sn-choice-input:checked+.sn-choice-mark .sn-icon,.sn-choice-radio .sn-choice-input:checked+.sn-choice-mark:after{opacity:1;transform:none}.sn-choice>.sn-icon{color:var(--muted);margin-top:2px}.sn-choice-input:checked~.sn-icon{color:var(--accent)}.sn-choice-text{gap:var(--space-2);min-width:0;display:grid}.sn-choice-label{font-weight:500}.sn-choice-description{color:var(--muted);font-size:13px;line-height:18px}.sn-choices{gap:var(--space-4);border:none;min-width:0;margin:0;padding:0;display:grid}.sn-choices-legend{margin-bottom:var(--space-4);color:var(--muted);padding:0;font-size:13px;font-weight:500;line-height:16px}.sn-choices-list{gap:var(--space-2);display:grid}.sn-choices-invalid .sn-choice-input:not(:checked)+.sn-choice-mark{border-color:var(--danger)}.sn-card{width:min(400px,100%);padding:var(--space-24);border-radius:var(--radius-md);background:var(--gradient-edge) top / 100% 1px no-repeat, var(--panel);box-shadow:var(--shadow-lift);animation:sn-rise-in var(--duration-slow) var(--ease-out)}.sn-card-title{margin:0 0 var(--space-8);color:var(--text-strong);font-size:21px;font-weight:700;line-height:28px}.sn-card-description{margin:0 0 var(--space-16);color:var(--muted)}.sn-card-body{gap:var(--space-12);display:grid}.sn-backdrop{min-height:100vh;padding:var(--space-32) var(--space-16);background:var(--gradient-backdrop), var(--gradient-backdrop-far), var(--bg);place-items:center;display:grid}.sn-callout{padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--text);font-size:13px;line-height:18px}.sn-callout-title{margin-bottom:var(--space-4);color:var(--text-strong);font-size:15px;font-weight:600;line-height:20px;display:block}.sn-callout-warning{background:var(--warning-soft)}.sn-banner-slot{overflow:hidden}.sn-banner{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-16);background:var(--warning);color:var(--on-warning);text-align:center;animation:sn-slide-down var(--duration-base) var(--ease-out);font-size:13px;font-weight:500;line-height:18px;display:flex}.sn-banner-accent{background:var(--accent-strong) var(--gradient-accent);color:var(--on-accent)}.sn-tags{gap:var(--space-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sn-tag{align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill);background:var(--panel-active);color:var(--text);white-space:nowrap;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.sn-tag-accent{background:var(--accent-soft);color:var(--accent-text)}.sn-tag-dot{border-radius:var(--radius-round);background:var(--muted);flex:none;width:8px;height:8px}.sn-tooltip-anchor{display:inline-flex;position:relative}.sn-tooltip{--sn-from:translateY(4px);z-index:10;padding:var(--space-6) var(--space-10);border-radius:var(--radius-md);background:var(--floating);box-shadow:var(--shadow-float);color:var(--text-strong);white-space:nowrap;pointer-events:none;opacity:0;transform:var(--sn-from) scale(.96);transition:opacity var(--duration-fast) var(--ease-in), transform var(--duration-fast) var(--ease-in);font-size:13px;font-weight:500;line-height:18px;position:absolute}.sn-tooltip-anchor:hover>.sn-tooltip,.sn-tooltip-anchor:focus-within>.sn-tooltip{opacity:1;transition-timing-function:var(--ease-out);transition-delay:.12s;transform:none}.sn-tooltip-top{bottom:calc(100% + var(--space-8));left:50%;translate:-50%}.sn-tooltip-bottom{--sn-from:translateY(-4px);top:calc(100% + var(--space-8));left:50%;translate:-50%}.sn-tooltip-right{--sn-from:translateX(-4px);left:calc(100% + var(--space-12));top:50%;translate:0 -50%}.sn-tooltip-left{--sn-from:translateX(4px);right:calc(100% + var(--space-8));top:50%;translate:0 -50%}.sn-popover{--sn-from:translateY(4px);inset:auto auto auto var(--space-8);width:auto;max-width:340px;padding:var(--space-16);border-radius:var(--radius-md);background:var(--floating);box-shadow:var(--shadow-float);color:var(--text);transform-origin:100% 100%;border:none;margin:0 0 0 auto;font-size:13px;line-height:18px;position:fixed;overflow:visible}.sn-popover-bottom{--sn-from:translateY(-4px);transform-origin:100% 0}.sn-popover:popover-open{animation:sn-pop-in var(--duration-fast) var(--ease-out)}.sn-popover-title{margin:0 0 var(--space-4);color:var(--text-strong);font-size:15px;font-weight:600;line-height:20px}.sn-popover-description{margin:0 0 var(--space-12);color:var(--muted)}.sn-modal{width:min(480px, 100vw - 2 * var(--space-16));max-width:none;max-height:calc(100vh - 2 * var(--space-32));border-radius:var(--radius-md);background:var(--gradient-edge) top / 100% 1px no-repeat, var(--panel);box-shadow:var(--shadow-lift);color:var(--text);border:none;margin:auto;padding:0;overflow:hidden}.sn-modal[open]{animation:sn-rise-in var(--duration-slow) var(--ease-out);flex-direction:column;display:flex}.sn-modal::backdrop{background:var(--scrim);animation:sn-fade-in var(--duration-fast) var(--ease-out)}.sn-modal-wide{width:min(560px, 100vw - 2 * var(--space-16));height:min(680px, 100vh - 2 * var(--space-32))}.sn-modal-header{align-items:flex-start;gap:var(--space-12);padding:var(--space-24) var(--space-24) var(--space-12);flex:none;display:flex}.sn-modal-heading{flex:1;min-width:0}.sn-modal-leading{flex:none;align-self:center}.sn-modal-title{color:var(--text-strong);margin:0;font-size:21px;font-weight:700;line-height:28px}.sn-modal-description{align-items:center;gap:var(--space-6);margin:var(--space-4) 0 0;color:var(--muted);font-size:13px;line-height:18px;display:flex}.sn-modal-header>.sn-icon-button{margin:var(--space-2) calc(-1 * var(--space-8)) 0 0}.sn-modal-tabs{padding:var(--space-4) var(--space-24) var(--space-12);flex:none}.sn-modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.sn-modal-body{align-content:start;gap:var(--space-16);min-height:0;padding:var(--space-4) var(--space-24) var(--space-8);overscroll-behavior:contain;flex:1;display:grid;overflow-y:auto}.sn-modal-text{margin:0}.sn-modal-error{padding:var(--space-8) var(--space-24) 0;color:var(--danger-text);animation:sn-rise-in var(--duration-base) var(--ease-out);flex:none;margin:0;font-size:13px;line-height:18px}.sn-modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-8);padding:var(--space-16) var(--space-24) var(--space-24);flex-wrap:wrap;flex:none;display:flex}.sn-modal-footer-start{margin-right:auto}.sn-profile-facts{gap:var(--space-16);margin:0;display:grid}.sn-profile-facts dt{margin-bottom:var(--space-4);color:var(--muted);font-size:13px;font-weight:500;line-height:16px}.sn-profile-facts dd{margin:0}.sn-profile-none{color:var(--muted)}.sn-avatar{--sn-size:var(--avatar-md);--sn-ring:var(--panel);width:var(--sn-size);height:var(--sn-size);border-radius:var(--radius-round);color:var(--text-strong);-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid;position:relative}.sn-avatar-lg{--sn-size:var(--avatar-lg);font-size:14px}.sn-avatar-sm{--sn-size:24px;font-size:10px}.sn-avatar img{border-radius:var(--radius-round);object-fit:cover;width:100%;height:100%}.sn-avatar-face{border-radius:var(--radius-round);width:100%;height:100%;transition:opacity var(--duration-slow) var(--ease-standard);place-items:center;display:grid}.sn-avatar-speaking .sn-avatar-face{outline:2px solid var(--accent);outline-offset:2px}.sn-avatar-offline .sn-avatar-face{opacity:var(--opacity-offline)}.sn-status{right:calc(-1 * var(--space-2));bottom:calc(-1 * var(--space-2));border:3px solid var(--sn-ring);border-radius:var(--radius-round);background:var(--muted);width:12px;height:12px;transition:background-color var(--duration-slow) var(--ease-standard);position:absolute}.sn-status-online{background:var(--online)}.sn-status-online.sn-status-announce:after{content:"";border-radius:var(--radius-round);background:var(--online);animation:sn-ping .9s var(--ease-out) 2;position:absolute;inset:-3px}.sn-rail{align-items:center;gap:var(--space-8);width:var(--rail-width);height:100%;padding:var(--space-12) 0;background:var(--bg);flex-direction:column;display:flex;overflow:visible}.sn-rail-item{justify-content:center;width:100%;display:flex;position:relative}.sn-rail-pill{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-strong) var(--gradient-accent);width:4px;height:0;transition:height var(--duration-base) var(--ease-spring);position:absolute;top:50%;left:0;transform:translateY(-50%)}.sn-rail-item:hover .sn-rail-pill{height:20px}.sn-rail-item-selected .sn-rail-pill,.sn-rail-item-selected:hover .sn-rail-pill{height:40px}.sn-rail-server{isolation:isolate;width:var(--server-icon);height:var(--server-icon);border-radius:var(--radius-round);background:var(--panel);color:var(--text-strong);cursor:pointer;transition:border-radius var(--duration-base) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-instant) var(--ease-standard);border:none;place-items:center;padding:0;font-size:15px;font-weight:600;display:grid;position:relative;overflow:hidden}.sn-rail-server:before{content:"";z-index:-1;background:var(--accent-strong) var(--gradient-accent);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);position:absolute;inset:0}.sn-rail-server img{object-fit:cover;width:100%;height:100%}.sn-rail-item:hover .sn-rail-server,.sn-rail-item-selected .sn-rail-server{border-radius:var(--radius-lg);color:var(--on-accent)}.sn-rail-item:hover .sn-rail-server:before,.sn-rail-item-selected .sn-rail-server:before{opacity:1}.sn-rail-item-selected .sn-rail-server{box-shadow:var(--shadow-accent)}.sn-rail-server:active{transform:translateY(1px)}.sn-sidebar{background:var(--panel);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.sn-pane-header{justify-content:space-between;align-items:center;gap:var(--space-8);height:var(--header-height);padding:0 var(--space-12);border-bottom:1px solid var(--divider);color:var(--text-strong);flex:none;font-weight:600;display:flex}.sn-pane-header-actions{align-items:center;gap:var(--space-4);min-width:0;margin:calc(-1 * var(--space-4));padding:var(--space-4);display:flex;overflow:hidden}.sn-pane-header-name{flex:1}.sn-truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sn-channels{align-content:start;gap:var(--space-2);min-height:0;padding:var(--space-8);flex:1;display:grid;overflow-y:auto}.sn-channel{align-items:center;gap:var(--space-6);width:100%;padding:var(--space-6) var(--space-8) var(--space-6) calc((var(--sidebar-collapsed) - 2 * var(--space-8) - var(--icon-size)) / 2);border-radius:var(--radius-sm);color:var(--muted);text-align:left;cursor:pointer;transition:background-color var(--duration-instant) var(--ease-standard), color var(--duration-instant) var(--ease-standard);background:0 0;border:none;display:flex;position:relative}.sn-channel:hover{background:var(--panel-raised);color:var(--text)}.sn-channel[aria-current=page]{background:var(--panel-active);color:var(--text-strong)}.sn-channel[aria-current=page] .sn-icon{color:var(--accent)}.sn-channel-unread{color:var(--text-strong);font-weight:600}.sn-channel-unread:before{content:"";left:calc(-1 * var(--space-8));border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--text-strong);width:4px;height:8px;animation:sn-fade-in var(--duration-base) var(--ease-out);margin-top:-4px;position:absolute;top:50%}.sn-channel-name{flex:1}.sn-channel-action{margin-top:var(--space-4)}.sn-collapse-fade{transition:opacity var(--duration-fast) var(--ease-standard), visibility 0s linear 0s}.sn-collapsed .sn-collapse-fade{opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-standard), visibility 0s linear var(--duration-fast)}.sn-sidebar .sn-pane-header{transition:padding var(--duration-slow) var(--ease-standard)}.sn-collapsed .sn-pane-header{padding:0 calc((var(--sidebar-collapsed) - 26px) / 2);gap:0}.sn-channel-header{justify-content:space-between;align-items:center;gap:var(--space-8);height:var(--header-height);padding:0 var(--space-12) 0 var(--space-16);border-bottom:1px solid var(--divider);background:var(--panel-raised);flex:none;display:flex}.sn-channel-heading{align-items:center;gap:var(--space-8);min-width:0;color:var(--muted);display:flex}.sn-channel-heading strong{color:var(--text-strong);flex:none;font-weight:600}.sn-topic{padding-left:var(--space-8);border-left:1px solid var(--muted);font-size:13px;line-height:18px}.sn-header-actions{align-items:center;gap:var(--space-8);flex:none;margin-left:auto;display:flex}.sn-user-panel{align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-12);background:var(--bg);flex:none;display:flex}.sn-user-panel .sn-avatar{--sn-ring:var(--bg)}.sn-user-panel-text{flex:1;min-width:0;display:grid}.sn-user-panel-name{color:var(--text-strong);font-size:13px;font-weight:600;line-height:18px}.sn-user-panel-status{color:var(--muted);font-size:12px;line-height:16px}.sn-voice-members{gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none;display:grid}.sn-voice-member{align-items:center;gap:var(--space-8);width:100%;padding:var(--space-2) var(--space-8) var(--space-2) calc((var(--sidebar-collapsed) - 2 * var(--space-8) - 24px) / 2);border-radius:var(--radius-sm);color:var(--muted);text-align:left;cursor:pointer;animation:sn-fade-in var(--duration-base) var(--ease-out);transition:background-color var(--duration-instant) var(--ease-standard), color var(--duration-instant) var(--ease-standard);background:0 0;border:none;font-size:13px;line-height:18px;display:flex}.sn-voice-member:hover{background:var(--panel-raised);color:var(--text)}.sn-voice-member-name{flex:1}.sn-voice-marks{align-items:center;gap:var(--space-2);display:flex}.sn-voice-mark{color:var(--muted);place-items:center;display:grid}.sn-voice-mark .sn-icon{width:14px;height:14px}.sn-voice-mark-moderated{color:var(--danger)}.sn-voice-panel{gap:var(--space-6);padding:var(--space-8) var(--space-12);border-top:1px solid var(--divider);background:var(--bg);animation:sn-fade-in var(--duration-base) var(--ease-out);flex:none;display:grid}.sn-voice-panel-row{align-items:center;gap:var(--space-8);display:flex}.sn-voice-panel-icon{width:var(--avatar-md);height:var(--avatar-md);color:var(--muted);flex:none;place-items:center;display:grid}.sn-voice-panel-connected .sn-voice-panel-icon{color:var(--accent)}.sn-voice-panel-text{flex:1;min-width:0;display:grid}.sn-voice-panel-status{color:var(--text-strong);font-size:13px;font-weight:600;line-height:18px}.sn-voice-panel-connected .sn-voice-panel-status{color:var(--accent-text)}.sn-voice-panel-moderated .sn-voice-panel-status{color:var(--danger-text)}.sn-voice-panel-channel{color:var(--muted);font-size:12px;line-height:16px}.sn-voice-panel-notice{min-width:0;color:var(--text);flex:1;font-size:13px;line-height:18px}.sn-voice-panel-actions{gap:var(--space-4);display:flex}.sn-voice-leave:hover{color:var(--danger)}.sn-sensitivity-meter{align-items:center;height:24px;display:grid}.sn-sensitivity-meter:before,.sn-sensitivity-level,.sn-sensitivity-slider{grid-area:1/1}.sn-sensitivity-meter:before{content:"";border-radius:var(--radius-sm);background:var(--panel-active);height:8px}.sn-sensitivity-level{border-radius:var(--radius-sm);background:var(--muted);height:8px;transition:width 50ms linear, background-color var(--duration-instant) var(--ease-standard);justify-self:start}.sn-sensitivity-level-sent{background:var(--accent)}.sn-sensitivity-slider{border-radius:var(--radius-sm);appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}.sn-sensitivity-slider:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sn-sensitivity-slider::-webkit-slider-runnable-track{background:0 0;height:24px}.sn-sensitivity-slider::-moz-range-track{background:0 0;height:24px}.sn-sensitivity-slider::-webkit-slider-thumb{background:var(--text-strong);appearance:none;border-radius:2px;width:4px;height:20px;margin-top:2px}.sn-sensitivity-slider::-moz-range-thumb{background:var(--text-strong);border:none;border-radius:2px;width:4px;height:20px}.sn-voice-panel-controls{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.sn-voice-toggle{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);cursor:pointer;transition:background-color var(--duration-instant) var(--ease-standard), color var(--duration-instant) var(--ease-standard);border:none;font-size:13px;font-weight:500;line-height:18px;display:flex}.sn-voice-toggle:hover{background:var(--panel-raised);color:var(--text-strong)}.sn-voice-toggle[aria-pressed=true]{background:var(--danger-soft);color:var(--danger-text)}.sn-voice-room{align-content:safe center;justify-items:center;gap:var(--space-16);height:100%;padding:var(--space-24) var(--space-16);text-align:center;display:grid;overflow-y:auto}.sn-voice-room-members{justify-content:center;gap:var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sn-voice-room-member{justify-items:center;gap:var(--space-6);width:112px;padding:var(--space-12) var(--space-8);border-radius:var(--radius-md);color:var(--text);cursor:pointer;animation:sn-fade-in var(--duration-base) var(--ease-out);transition:background-color var(--duration-instant) var(--ease-standard);background:0 0;border:none;display:grid}.sn-voice-room-member:hover{background:var(--panel-raised)}.sn-voice-room-name{align-items:center;gap:var(--space-4);max-width:100%;font-size:13px;font-weight:500;line-height:18px;display:flex}.sn-voice-room-empty,.sn-voice-room-count,.sn-voice-room-note{color:var(--muted);margin:0;font-size:13px;line-height:18px}.sn-voice-room-note{max-width:44ch}.sn-members{background:var(--panel);flex-direction:column;height:100%;min-height:0;display:flex}.sn-members-list{min-height:0;padding:var(--space-8);flex:1;overflow-y:auto}.sn-members-foot{padding:var(--space-8);border-top:1px solid var(--divider);flex:none}.sn-member-group-title{margin:var(--space-16) var(--space-8) var(--space-4);color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.sn-member-group ul{margin:0;padding:0;list-style:none}.sn-member{align-items:center;gap:var(--space-8);width:100%;padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;animation:sn-fade-in var(--duration-base) var(--ease-out);transition:background-color var(--duration-instant) var(--ease-standard);background:0 0;border:none;display:flex}.sn-member:hover{background:var(--panel-raised)}.sn-member-name{flex:1;font-weight:500}.sn-member-offline .sn-member-name{color:var(--muted)}.sn-member-banned .sn-avatar-face{opacity:var(--opacity-offline)}.sn-member-banned .sn-member-name{color:var(--muted)}.sn-member-mark{color:var(--danger);place-items:center;display:grid}.sn-invite-button{align-items:center;gap:var(--space-8);width:100%;min-height:40px;padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);color:var(--muted);text-align:left;cursor:pointer;transition:background-color var(--duration-instant) var(--ease-standard), color var(--duration-instant) var(--ease-standard);background:0 0;border:none;font-weight:500;display:flex}.sn-invite-button .sn-icon{margin:0 calc((var(--avatar-md) - var(--icon-size)) / 2)}.sn-invite-button:hover{background:var(--panel-raised);color:var(--text)}.sn-invite-button[aria-expanded=true]{background:var(--panel-active);color:var(--text-strong)}.sn-invite-url{margin:0 0 var(--space-8);padding:var(--space-8) var(--space-10);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-strong);font-family:var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:13px;line-height:18px}.sn-invite-foot{justify-content:space-between;align-items:center;gap:var(--space-12);color:var(--muted);display:flex}.sn-invite-status{align-items:center;gap:var(--space-8);color:var(--muted);margin:0;display:flex}.sn-invite-status-error{color:var(--danger-text)}.sn-typing{align-items:center;gap:var(--space-6);min-height:16px;color:var(--muted);animation:sn-fade-in var(--duration-fast) var(--ease-out);font-size:12px;line-height:16px;display:inline-flex}.sn-typing strong{color:var(--text);font-weight:600}.sn-typing-dots{gap:3px;display:inline-flex}.sn-typing-dot{border-radius:var(--radius-pill);background:var(--gradient-accent) 0 0 / 21px 5px;width:5px;height:5px;animation:sn-typing var(--duration-loop) var(--ease-standard) infinite}.sn-typing-dot:nth-child(2){background-position:-8px 0;animation-delay:.16s}.sn-typing-dot:nth-child(3){background-position:-16px 0;animation-delay:.32s}.sn-messages{padding:var(--space-16) 0;flex-direction:column;display:flex}.sn-message{min-height:22px;padding:var(--space-2) var(--space-16) var(--space-2) 72px;transition:background-color var(--duration-instant) var(--ease-standard);position:relative}.sn-message:hover{background:var(--panel-hover)}.sn-message-head{margin-top:var(--space-16)}.sn-message-new{animation:sn-rise-in var(--duration-base) var(--ease-out)}.sn-message-mentioned,.sn-message-mentioned:hover{background:var(--gradient-mention)}.sn-message>.sn-avatar{left:var(--space-16);top:var(--space-4);position:absolute}.sn-name-button{border-radius:var(--radius-sm);text-align:inherit;cursor:pointer;background:0 0;border:none;padding:0}.sn-name-button:hover{text-decoration:underline}.sn-message-avatar{left:var(--space-16);top:var(--space-4);border-radius:var(--radius-round);cursor:pointer;background:0 0;border:none;padding:0;position:absolute}.sn-message-meta{align-items:baseline;gap:var(--space-8);display:flex}.sn-message-author{color:var(--text-strong);font-weight:600}.sn-message-time{color:var(--muted);font-size:12px;line-height:16px}.sn-message-gutter-time{left:0;top:var(--space-4);width:72px;color:var(--muted);text-align:center;opacity:0;transition:opacity var(--duration-instant) var(--ease-standard);font-size:11px;line-height:18px;position:absolute}.sn-message:hover .sn-message-gutter-time{opacity:1}.sn-message-content{color:var(--text);overflow-wrap:anywhere;transition:color var(--duration-base) var(--ease-standard)}.sn-message-pending .sn-message-content{color:var(--muted)}.sn-message-failed,.sn-message-failed:hover{background:var(--danger-soft)}.sn-message-error{color:var(--danger-text);font-size:13px;line-height:18px;display:block}.sn-message-content code{padding:1px var(--space-4);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--font-mono);font-size:13px;line-height:18px}.sn-message-content a{color:var(--accent-text);text-decoration:none}.sn-message-content a:hover{text-decoration:underline}.sn-message-content{white-space:pre-wrap}.sn-message-content :where(p,ul,ol,blockquote,pre){margin:0}.sn-message-content>*+*,.sn-quote>*+*{margin-top:var(--space-4)}.sn-message-content strong{font-weight:700}.sn-underline{text-decoration:underline}.sn-message-content :where(ul,ol){padding-left:var(--space-24)}.sn-message-content li::marker{color:var(--muted)}.sn-quote{padding-left:var(--space-12);border-left:4px solid var(--panel-active)}.sn-code-block{max-width:100%;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--font-mono);white-space:pre;tab-size:4;font-size:13px;line-height:18px;overflow-x:auto}.sn-code-block code{background:0 0;padding:0}.sn-spoiler{border-radius:var(--radius-sm);background:var(--bg);-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:pointer;transition:background-color var(--duration-instant) var(--ease-standard)}.sn-spoiler:hover{background:var(--floating)}.sn-spoiler>[inert]{visibility:hidden}.sn-spoiler-shown,.sn-spoiler-shown:hover{background:var(--panel-active);cursor:auto;animation:sn-fade-in var(--duration-fast) var(--ease-out)}.sn-mention{padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text);cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color var(--duration-instant) var(--ease-standard), color var(--duration-instant) var(--ease-standard);border:none;font-weight:500}.sn-mention:hover{background:var(--accent);color:var(--on-accent)}.sn-mention .sn-icon{width:1em;height:1em;margin-right:var(--space-2);vertical-align:-.125em}.sn-mention-unknown,.sn-mention-unknown:hover{background:var(--panel-active);color:var(--muted);cursor:default}.sn-link-host{margin:0}.sn-link-address{padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-strong);font-family:var(--font-mono);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:18px}.sn-message-actions{top:calc(-1 * var(--space-16));right:var(--space-16);padding:var(--space-2);border-radius:var(--radius-md);background:var(--floating);box-shadow:var(--shadow-float);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-out);display:flex;position:absolute;transform:translateY(4px)scale(.96)}.sn-message:hover .sn-message-actions,.sn-message:focus-within .sn-message-actions{opacity:1;pointer-events:auto;transform:none}.sn-message-action-danger:hover{color:var(--danger)}.sn-message-edited{color:var(--muted);white-space:nowrap;font-size:12px;line-height:16px}.sn-message-deleted{align-items:center;gap:var(--space-6);color:var(--muted);font-style:italic;display:inline-flex}.sn-message-deleted .sn-icon{width:16px;height:16px}.sn-composer-area-edit{margin:var(--space-4) 0 0;padding:0}.sn-composer-area-edit .sn-composer-foot{height:auto;padding-top:var(--space-4)}.sn-editor-hint{color:var(--muted);font-size:12px;line-height:16px}.sn-editor-hint .sn-button{font-size:inherit;line-height:inherit}.sn-message-preview{max-height:200px;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);background:var(--panel-raised);overflow-y:auto}.sn-modal-hint{color:var(--muted);margin:0;font-size:13px;line-height:18px}.sn-message-system{color:var(--muted);align-items:center;gap:0;padding-left:0;display:flex}.sn-message-system>.sn-icon{width:72px;color:var(--accent)}.sn-message-system>.sn-message-time{margin-left:var(--space-8)}.sn-message-system strong,.sn-message-system .sn-name-button{color:var(--text);font-weight:600}.sn-new-divider{align-items:center;gap:var(--space-8);margin:var(--space-16) var(--space-16) var(--space-4);color:var(--accent-text);font-size:12px;font-weight:600;line-height:16px;display:flex}.sn-new-divider:before{content:"";background:var(--accent);flex:1;height:1px}.sn-new-divider+.sn-message-head{margin-top:0}.sn-unread-bar{top:var(--space-8);left:var(--space-16);right:var(--space-16);z-index:1;align-items:center;gap:var(--space-12);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);border-radius:var(--radius-md);background:var(--floating);box-shadow:var(--shadow-float);animation:sn-drop-in var(--duration-base) var(--ease-out);font-size:13px;line-height:18px;display:flex;position:absolute}.sn-unread-bar-text{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sn-unread-bar-text strong{color:var(--text-strong);font-weight:600}.sn-composer-area{padding:0 var(--space-16) var(--space-8);flex:none;position:relative}.sn-suggestions{--sn-from:translateY(4px);right:var(--space-16);bottom:calc(100% + var(--space-8));left:var(--space-16);z-index:2;padding:var(--space-8);border-radius:var(--radius-md);background:var(--floating);box-shadow:var(--shadow-float);transform-origin:bottom;animation:sn-pop-in var(--duration-fast) var(--ease-out);position:absolute}.sn-suggestions-title{margin:var(--space-4) var(--space-8) var(--space-6);color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.sn-suggestion{align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:flex}.sn-suggestion[aria-selected=true]{background:var(--panel-active);color:var(--text-strong)}.sn-suggestion>.sn-icon{color:var(--muted);flex:none}.sn-suggestion-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sn-suggestion-detail{padding-left:var(--space-8);color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px;line-height:18px}.sn-composer{align-items:flex-end;gap:var(--space-4);padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);background:var(--bg);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border:1px solid #0000;display:flex}.sn-composer:focus-within{background:linear-gradient(var(--bg), var(--bg)) padding-box, var(--gradient-accent) border-box;box-shadow:var(--shadow-glow);border-color:#0000}.sn-composer textarea{min-width:0;max-height:200px;padding:var(--space-2) 0;resize:none;color:var(--text);field-sizing:content;background:0 0;border:none;outline:none;flex:1;margin:0}.sn-composer textarea::placeholder{color:var(--muted)}.sn-composer-send{color:var(--accent-text);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-spring), color var(--duration-instant) var(--ease-standard);transform:scale(.6)}.sn-composer-ready .sn-composer-send{opacity:1;pointer-events:auto;transform:none}.sn-composer-send:hover{color:var(--text-strong)}.sn-composer-foot{height:24px;padding:0 var(--space-4);align-items:center;display:flex}.sn-skeleton{border-radius:var(--radius-pill);background:var(--gradient-shimmer), var(--panel-active);height:12px;animation:sn-shimmer calc(var(--duration-loop) + .2s) var(--ease-standard) infinite;background-repeat:no-repeat;background-size:60% 100%,100% 100%;display:block}.sn-skeleton-circle{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-round);flex:none}.sn-skeleton-message{gap:var(--space-16);padding:var(--space-8) var(--space-16);display:flex}.sn-skeleton-lines{align-content:start;gap:var(--space-8);padding-top:var(--space-4);flex:1;display:grid}.sn-shell{grid-template-columns:var(--rail-width) var(--sidebar-width) minmax(0, 1fr) var(--members-width);background:var(--bg);height:100vh;transition:grid-template-columns var(--duration-slow) var(--ease-standard);display:grid;overflow:hidden}.sn-shell-collapsed{grid-template-columns:var(--rail-width) var(--sidebar-collapsed) minmax(0, 1fr) var(--members-width)}.sn-shell-members-closed{grid-template-columns:var(--rail-width) var(--sidebar-width) minmax(0, 1fr) 0px}.sn-shell-collapsed.sn-shell-members-closed{grid-template-columns:var(--rail-width) var(--sidebar-collapsed) minmax(0, 1fr) 0px}.sn-shell-content{background:var(--panel-raised);flex-direction:column;min-width:0;min-height:0;display:flex}.sn-shell-body{flex:1;min-height:0;position:relative;overflow-y:auto}.sn-shell-members{justify-content:flex-end;min-width:0;display:flex;overflow:hidden}.sn-shell-members>*{width:var(--members-width)}.sn-center{align-content:center;place-items:center;gap:var(--space-12);min-height:100vh;padding:var(--space-16);color:var(--muted);display:grid}.sn-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sn-shell-loading{gap:var(--space-12);padding:var(--space-16) var(--space-12);display:grid}.sn-shell-loading-messages{padding:var(--space-16) 0}.sn-form{gap:var(--space-12);display:grid}.sn-notice{color:var(--warning);margin:0}.sn-form-error{color:var(--danger-text);animation:sn-rise-in var(--duration-base) var(--ease-out);margin:0;font-size:13px;line-height:18px}.sn-channel-scroll{flex-direction:column-reverse;display:flex;position:absolute;inset:0;overflow-y:auto}.sn-channel-start{margin:var(--space-16) var(--space-16) 0;color:var(--muted);font-size:13px;line-height:18px}.sn-channel-start strong{color:var(--text-strong);font-size:21px;font-weight:700;line-height:28px;display:block}.sn-modal-status{align-items:center;gap:var(--space-8);color:var(--muted);margin:0;display:flex}.sn-modal-status-error{color:var(--danger-text);flex:1}.sn-rate{align-items:center;gap:var(--space-8);color:var(--text);font-size:15px;font-weight:400;line-height:22px;display:flex}.sn-rate .sn-input{width:7.5em}.sn-message-error .sn-button{margin-left:var(--space-8);font-size:inherit;line-height:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important}.sn-card,.sn-modal[open],.sn-banner,.sn-member,.sn-form-error,.sn-field-error,.sn-modal-error,.sn-message-new,.sn-unread-bar,.sn-suggestions,.sn-channel-unread:before{animation-name:sn-fade-in!important}.sn-popover:popover-open{animation-name:sn-fade-in!important}.sn-status-announce:after,.sn-field-invalid .sn-input,.sn-skeleton{animation:none!important}.sn-typing-dot{animation-name:sn-pulse!important}}