:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0d12;--surface:#121824;--surface-2:#0e131c;--border:#ffffff1a;--text:#ffffffeb;--muted:#ffffffad;--faint:#ffffff80;--link:#7eb6ff;--link-hover:#b3d4ff;--accent:#3dffc8;--accent-dim:#3dffc829;--accent-strong:#2ae0b0;--shadow:0 12px 36px #00000080;--radius:14px;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:radial-gradient(1100px 640px at 18% -12%, #3dffc821, transparent 58%), radial-gradient(1000px 600px at 92% 0%, #7eb6ff1f, transparent 55%), radial-gradient(800px 500px at 50% 100%, #3dffc80d, transparent 50%), var(--bg);color:var(--text);font:15px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed,fixed,fixed,fixed;margin:0}.app{max-width:1200px;height:100vh;font-family:var(--font-body,"IBM Plex Sans", "Segoe UI", sans-serif);color:var(--text,#e6e6e6);background:0 0;flex-direction:column;margin:0 auto;display:flex}.header{border-bottom:1px solid var(--border,#ffffff1a);-webkit-backdrop-filter:blur(12px);background:#0a0d12c7;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.brand-link{color:inherit;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:4px 8px;text-decoration:none;display:inline-flex}.brand-link:hover{color:inherit;background:#ffffff08;border-color:#ffffff1a;text-decoration:none}.brand-link .logo{object-fit:contain;width:auto;height:48px;max-height:56px;display:block}.brand-text{flex-direction:column;line-height:1.05;display:flex}.brand-name{font-family:var(--font-display,"Space Grotesk", system-ui, sans-serif);letter-spacing:.02em;font-size:1.4rem;font-weight:700}.brand-tagline{color:var(--muted,#ffffffad);font-size:.95rem;font-weight:500}.status{text-transform:uppercase;letter-spacing:.04em;background:#333;border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.status-connected{background:#1a7f37}.status-connecting,.status-reconnecting,.status-cap_negotiating,.status-authenticating,.status-registering{background:#9a6700}.status-failed,.status-disconnected{background:#cf222e}.connect-panel{border-bottom:1px solid var(--border,#ffffff1a);-webkit-backdrop-filter:blur(10px);background:#121824b8;flex-wrap:wrap;gap:.75rem;padding:.6rem 1rem;display:flex}.connect-panel label{color:var(--muted,#9aa0a6);flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.connect-panel input{border:1px solid var(--border,#3a3f4b);min-width:180px;color:inherit;background:#0a0d12d9;border-radius:6px;padding:.4rem .6rem}.buttons{align-items:flex-end;gap:.5rem;display:flex}button{color:#fff;cursor:pointer;background:#2f6fed;border:none;border-radius:6px;padding:.45rem .9rem;font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}.buffer-tabs{border-bottom:1px solid var(--border,#ffffff1a);-webkit-backdrop-filter:blur(8px);background:#0e131ca6;gap:.25rem;padding:.4rem .6rem 0;display:flex;overflow-x:auto}.buffer-tab{color:var(--muted,#9aa0a6);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:.4rem;padding:.45rem .45rem .45rem .75rem;font-size:.85rem;display:inline-flex}.buffer-tab:hover{color:var(--text,#e6e6e6);background:#ffffff0a}.buffer-tab.active{color:var(--text,#e6e6e6);border-color:var(--border,#ffffff1a);background:#0a0d128c}.buffer-tab.has-activity{animation:1.1s ease-in-out infinite tab-activity-flash}.buffer-tab.has-activity .buffer-unread{animation:1.1s ease-in-out infinite tab-badge-pulse}@keyframes tab-activity-flash{0%,to{color:var(--text,#e6e6e6);background:#3dffc814;border-color:#3dffc840}50%{color:#fff;background:#3dffc847;border-color:#3dffc8a6}}@keyframes tab-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.buffer-tab.has-activity,.buffer-tab.has-activity .buffer-unread{animation:none}.buffer-tab.has-activity{color:var(--accent,#3dffc8);background:#3dffc82e;border-color:#3dffc873}}.buffer-tab-name{text-overflow:ellipsis;max-width:10rem;overflow:hidden}.buffer-tab-close{width:1.15rem;height:1.15rem;color:var(--muted,#9aa0a6);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:.1rem;padding:0;font-size:1rem;font-weight:600;line-height:1;display:inline-flex}.buffer-tab-close:hover{color:#ff7b72;background:#f8514940}.buffer-unread{color:#fff;text-align:center;background:#2f6fed;border-radius:4px;min-width:1.1rem;padding:.05rem .35rem;font-size:.7rem;font-weight:600}.topic{border-bottom:1px solid var(--border,#ffffff1a);color:var(--muted,#9aa0a6);background:#1218248c;gap:.75rem;padding:.4rem 1rem;font-size:.8rem;display:flex;overflow:hidden}.topic strong{color:var(--text,#c9d1d9);flex-shrink:0}.topic span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-pane{background:0 0;flex:1;gap:0;min-height:0;display:flex}.messages{font-family:var(--font-mono,"IBM Plex Mono", ui-monospace, Menlo, monospace);-webkit-backdrop-filter:blur(10px);background:#121824b8;flex:1;padding:.75rem 1rem;font-size:.82rem;line-height:1.45;overflow-y:auto}.msg{grid-template-columns:3.5rem 1fr;column-gap:.65rem;padding:.12rem 0;display:grid}.msg-privmsg,.msg-notice,.msg-action{grid-template-columns:3.5rem auto 1fr}.msg-time{color:#6e7681;padding-top:.15rem;font-size:.72rem}.msg-nick{color:#79c0ff;font-weight:600}.msg-prefix{color:var(--accent,#3dffc8);font-weight:700}.msg-nick.notice{color:#d2a8ff}.msg-text{white-space:pre-wrap;word-break:break-word}.msg-text.meta{color:#8b949e;font-style:italic}.msg-join .msg-text.meta{color:#3fb950}.msg-part .msg-text.meta,.msg-quit .msg-text.meta{color:#f85149}.nicklist{-webkit-backdrop-filter:blur(10px);background:#121824b8;flex-direction:column;flex-shrink:0;min-height:0;display:flex;position:relative}.nicklist-side-right{border-left:1px solid var(--border,#ffffff1a)}.nicklist-side-left{border-right:1px solid var(--border,#ffffff1a)}.nicklist-resize{cursor:col-resize;z-index:2;width:5px;position:absolute;top:0;bottom:0}.nicklist-side-right .nicklist-resize{left:0}.nicklist-side-left .nicklist-resize{right:0}.nicklist-resize:hover,.nicklist-dragging .nicklist-resize{background:#2f6fed59}.nicklist-drag{cursor:grab;border-bottom:1px solid var(--border,#ffffff1a);background:repeating-linear-gradient(90deg,#0000 0 4px,#ffffff2e 4px 5px) 50%/100% 2px no-repeat;flex-shrink:0;height:10px}.nicklist-drag:active,.nicklist-dragging .nicklist-drag{cursor:grabbing}body.nicklist-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.nicklist-header{border-bottom:1px solid var(--border,#ffffff1a);color:var(--muted,#9aa0a6);text-transform:uppercase;letter-spacing:.04em;padding:.4rem .75rem;font-size:.75rem}.nicklist ul{flex:1;margin:0;padding:.35rem 0;list-style:none;overflow-y:auto}.nick-item{text-align:left;color:#c9d1d9;background:0 0;border:none;border-radius:0;align-items:baseline;gap:.15rem;width:100%;padding:.25rem .75rem;font-family:inherit;font-size:.82rem;font-weight:400;display:flex}.nick-item:hover{background:#ffffff0a}.nick-prefix{min-width:.85rem;color:var(--accent,#e3b341);font-weight:600;font-family:var(--font-mono,"IBM Plex Mono", ui-monospace, monospace);display:inline-block}.nick-menu{z-index:2000;border:1px solid var(--border,#ffffff1f);-webkit-backdrop-filter:blur(12px);min-width:160px;box-shadow:var(--shadow,0 12px 36px #00000080);background:#121824f5;border-radius:8px;padding:.35rem 0;position:fixed}.nick-menu-title{color:var(--muted,#9aa0a6);border-bottom:1px solid var(--border,#ffffff14);margin-bottom:.25rem;padding:.35rem .85rem .45rem;font-size:.75rem;font-weight:600}.nick-menu-item{text-align:left;width:100%;color:var(--text,#e6e6e6);background:0 0;border:none;border-radius:0;padding:.4rem .85rem;font-size:.85rem;font-weight:400;display:block}.nick-menu-item:hover{color:#fff;background:#3dffc81f}.nick-menu-sep{background:var(--border,#ffffff1a);height:1px;margin:.3rem .5rem}.composer{border-top:1px solid var(--border,#ffffff1a);-webkit-backdrop-filter:blur(12px);background:#0a0d12c7;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.composer-target{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;color:var(--link,#79c0ff);font-size:.8rem;font-family:var(--font-mono,"IBM Plex Mono", ui-monospace, monospace);flex-shrink:0;overflow:hidden}.composer input{border:1px solid var(--border,#3a3f4b);color:inherit;background:#0a0d12d9;border-radius:6px;flex:1;padding:.55rem .75rem}@media (width<=720px){.nicklist{display:none}.app{max-width:none}.brand-link .logo{height:40px}.brand-name{font-size:1.2rem}.brand-tagline{font-size:.85rem}}@media (width>=900px){.brand-link .logo{height:52px}}