:root{font-family:"Pixelated MS Sans Serif","MS Sans Serif",Tahoma,Geneva,Verdana,Arial,sans-serif;color:#000;background:#0b7774;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--retro-page: #0b7774;--retro-panel: #c0c0c0;--retro-panel-light: #dfdfdf;--retro-panel-dark: #808080;--retro-border-dark: #0a0a0a;--retro-border-mid: #808080;--retro-border-light: #ffffff;--retro-header: #000080;--retro-header-2: #1084d0;--retro-link: #0000cc;--retro-green: #006b32;--retro-red: #8b0000;--retro-yellow: #fff5c2;--retro-blue-soft: #cddcff;--retro-gold: #f0d58a;--retro-mono: "Lucida Console", Consolas, "Cascadia Mono", "Courier New", ui-monospace, monospace;--bevel-raised: inset 1px 1px 0 0 var(--retro-border-light), inset -1px -1px 0 0 var(--retro-border-dark), inset 2px 2px 0 0 var(--retro-panel-light), inset -2px -2px 0 0 var(--retro-panel-dark);--bevel-pressed: inset 1px 1px 0 0 var(--retro-border-dark), inset -1px -1px 0 0 var(--retro-border-light), inset 2px 2px 0 0 var(--retro-panel-dark), inset -2px -2px 0 0 var(--retro-panel-light);--bevel-sunken: inset 1px 1px 0 0 var(--retro-panel-dark), inset -1px -1px 0 0 var(--retro-border-light), inset 2px 2px 0 0 var(--retro-border-dark), inset -2px -2px 0 0 var(--retro-panel-light);--titlebar-gradient: linear-gradient( 90deg, var(--retro-header) 0%, var(--retro-header-2) 100% )}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px),var(--retro-page)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;color:var(--retro-panel-dark);text-shadow:1px 1px 0 var(--retro-border-light)}button:disabled svg{opacity:.55}a{color:var(--retro-link)}svg{width:14px;height:14px;stroke-width:2.5}::selection{color:#fff;background:var(--retro-header);text-shadow:none}.brand-row,.rail-header,.chat-header,.web-banner,.section-heading{cursor:default;-webkit-user-select:none;user-select:none}*{scrollbar-color:var(--retro-panel) var(--retro-panel-light);scrollbar-width:auto}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background-color:var(--retro-panel-light);background-image:linear-gradient(45deg,var(--retro-panel) 25%,transparent 25%,transparent 75%,var(--retro-panel) 75%),linear-gradient(45deg,var(--retro-panel) 25%,transparent 25%,transparent 75%,var(--retro-panel) 75%);background-size:2px 2px;background-position:0 0,1px 1px}::-webkit-scrollbar-thumb{background:var(--retro-panel);box-shadow:var(--bevel-raised);min-height:28px;min-width:28px}::-webkit-scrollbar-thumb:active{box-shadow:var(--bevel-pressed)}::-webkit-scrollbar-button:single-button{display:block;background-color:var(--retro-panel);background-repeat:no-repeat;background-position:center;box-shadow:var(--bevel-raised);width:16px;height:16px}::-webkit-scrollbar-button:single-button:active{box-shadow:var(--bevel-pressed);background-position:calc(50% + 1px) calc(50% + 1px)}::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path d='M4 2 L1 6 L7 6 Z' fill='black'/></svg>")}::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path d='M4 6 L1 2 L7 2 Z' fill='black'/></svg>")}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path d='M2 4 L6 1 L6 7 Z' fill='black'/></svg>")}::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path d='M6 4 L2 1 L2 7 Z' fill='black'/></svg>")}::-webkit-scrollbar-button:double-button,::-webkit-scrollbar-button:no-button{display:none}::-webkit-scrollbar-corner{background:var(--retro-panel)}.auth-shell{min-height:100%;display:grid;place-items:center;padding:14px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 5px),var(--retro-page)}.auth-panel,.loading-panel{width:min(430px,100%);background:var(--retro-panel);border:0;box-shadow:var(--bevel-raised),3px 3px #0006}.auth-panel{padding:2px 14px 14px}.loading-panel{padding:14px;display:flex;gap:8px;align-items:center;justify-content:center;font-family:var(--retro-mono)}.brand-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;margin:0 -12px 12px;padding:3px 6px;background:var(--titlebar-gradient);color:#fff}.brand-mark{width:22px;height:22px;display:grid;place-items:center;background:var(--retro-panel-light);color:var(--retro-header);box-shadow:var(--bevel-raised)}.brand-row h1{margin:0;font-size:1rem;text-shadow:1px 1px 0 rgba(0,0,0,.45)}.brand-row p{margin:1px 0 0;color:#e3e3ff;font-size:.78rem}.auth-form{display:grid;gap:9px}.auth-form label{display:grid;gap:4px;font-size:.86rem;font-weight:700}.auth-form input,.message-input textarea{width:100%;border:0;border-radius:0;background:#fff;color:#000;font-family:var(--retro-mono);box-shadow:var(--bevel-sunken)}.auth-form input{height:32px;padding:4px 6px}.auth-form input:focus,.message-input textarea:focus{outline:1px dotted #000000;outline-offset:-4px}.primary-button,.link-button,.icon-button,.send-button,.load-older,.admin-action-button,.mobile-panel-tabs button{border:0;border-radius:0;background:var(--retro-panel);color:#000;font-weight:700;box-shadow:var(--bevel-raised);position:relative}.primary-button:focus-visible,.link-button:focus-visible,.icon-button:focus-visible,.send-button:focus-visible,.load-older:focus-visible,.admin-action-button:focus-visible,.mobile-panel-tabs button:focus-visible{outline:1px dotted #000000;outline-offset:-4px}.primary-button:active:not(:disabled),.link-button:active,.icon-button:active,.send-button:active:not(:disabled),.load-older:active:not(:disabled),.admin-action-button:active:not(:disabled),.mobile-panel-tabs button.active{box-shadow:var(--bevel-pressed);background:var(--retro-panel)}.mobile-panel-tabs button.active{background:var(--retro-panel-light)}.primary-button:active:not(:disabled)>*,.send-button:active:not(:disabled)>*,.icon-button:active>*,.link-button:active>*,.load-older:active:not(:disabled)>*,.admin-action-button:active:not(:disabled)>*{transform:translate(1px,1px)}.primary-button{min-height:34px;padding:6px 12px;display:flex;align-items:center;justify-content:center;gap:6px}.link-button{width:100%;margin-top:10px;padding:6px 8px}.owner-setup-toggle{margin-top:6px;font-size:.78rem}.owner-setup-panel{margin-top:12px;padding:8px;background:var(--retro-panel);box-shadow:var(--bevel-sunken)}.owner-setup-heading{display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px;align-items:start;margin-bottom:8px}.owner-setup-heading svg{width:18px;height:18px;color:var(--retro-header)}.owner-setup-heading h2{margin:0;color:var(--retro-header);font-size:.86rem}.owner-setup-heading p{margin:2px 0 0;color:#333;font-size:.74rem}.form-error,.error-banner{display:flex;align-items:center;gap:8px;margin:0;padding:8px;background:var(--retro-yellow);color:var(--retro-red);border:0;box-shadow:var(--bevel-sunken);font-family:var(--retro-mono);font-size:.82rem}.form-error:before,.error-banner:before{content:"";flex-shrink:0;width:16px;height:16px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><circle cx='8' cy='8' r='7' fill='%23c00000' stroke='%23700000' stroke-width='0.5'/><path d='M5 5 L11 11 M11 5 L5 11' stroke='white' stroke-width='2' stroke-linecap='round'/></svg>");background-repeat:no-repeat}.retro-chat.chat-shell{height:100%;min-height:0;display:grid;grid-template-columns:252px minmax(0,1fr) 228px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header header header" "channels chat users" "footer footer footer";gap:5px;padding:7px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 5px),var(--retro-page)}.web-header,.web-status-bar,.left-rail,.right-rail,.chat-panel{background:var(--retro-panel);border:0;box-shadow:var(--bevel-raised)}.web-header{grid-area:header;padding:2px}.web-banner{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;padding:4px 8px;color:#fff;background:var(--titlebar-gradient);text-shadow:1px 1px 0 rgba(0,0,0,.45)}.web-banner h1{margin:0;font-size:1rem;font-family:var(--retro-mono)}.web-banner p{margin:1px 0 0;color:#d8d8d8;font-size:.78rem;text-shadow:none;font-family:var(--retro-mono)}.web-status-bar{font-family:var(--retro-mono);font-size:.78rem}.mobile-panel-tabs{display:none;gap:4px;padding:5px;background:var(--retro-panel);border-top:1px solid var(--retro-border-light);box-shadow:0 -1px 0 var(--retro-panel-dark)}.mobile-panel-tabs button{flex:1;min-height:28px;font-size:.78rem}.left-rail{grid-area:channels}.chat-panel{grid-area:chat}.right-rail{grid-area:users}.left-rail,.right-rail,.chat-panel{min-height:0;display:flex;flex-direction:column;padding:2px}.rail-header,.chat-header{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;background:var(--titlebar-gradient);color:#fff}.rail-header strong,.chat-header h1,.section-heading h2{margin:0}.rail-header strong,.chat-header h1{text-shadow:1px 1px 0 rgba(0,0,0,.45)}.eyebrow{display:block;color:#d8d8d8;font-size:.68rem;font-weight:800;text-transform:uppercase}.chat-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chat-header h1{font-size:.98rem;line-height:1.1}.icon-button,.send-button{flex:0 0 auto;width:28px;height:26px;display:grid;place-items:center}.rail-actions,.admin-panel-actions{display:flex;align-items:center;gap:4px}.conversation-list,.user-list{min-height:0;padding:6px;overflow:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px;padding:3px 6px;color:#fff;background:var(--titlebar-gradient)}.section-heading h2,.chat-section-title{font-size:.74rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.section-heading h2{text-shadow:1px 1px 0 rgba(0,0,0,.45)}.section-heading span,.chat-section-title small{font-size:.78rem}.chat-section{position:relative;display:grid;gap:4px;margin:12px 2px 4px;padding:9px 4px 4px;box-shadow:inset 1px 1px 0 var(--retro-panel-dark),inset -1px -1px 0 var(--retro-border-light)}.chat-section+.chat-section{margin-top:16px}.chat-section-title{position:absolute;top:-7px;left:8px;display:flex;align-items:center;gap:6px;padding:0 5px;color:#000;background:var(--retro-panel)}.list-stack{display:grid;gap:4px}.conversation-row,.user-row{width:100%;min-width:0;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:6px;align-items:center;padding:5px;text-align:left;color:#000;background:#fff;border:0;border-radius:0}.conversation-row:hover,.user-row:hover{background:var(--retro-panel-light)}.user-row.self,.user-row.self:disabled{color:#000;cursor:default;background:#fffbe2;text-shadow:none}.user-row.self svg{opacity:1}.conversation-row:focus-visible,.user-row:focus-visible{outline:1px dotted #000000;outline-offset:-3px}.conversation-row.unread{background:var(--retro-yellow)}.conversation-row.unread .row-main strong{font-weight:900}.conversation-row.unread .row-main span{color:#000}.conversation-row.selected{color:#fff;background:var(--titlebar-gradient)}.conversation-row.selected .row-main strong,.conversation-row.selected .row-main span{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.35)}.unread-badge{align-self:center;min-width:20px;padding:1px 5px;background:var(--retro-header);color:#fff;font-family:var(--retro-mono);font-size:.7rem;font-weight:900;text-align:center;box-shadow:var(--bevel-raised)}.unread-badge.has-mentions{background:var(--retro-red)}.self-badge{align-self:center;padding:0 2px;color:#555;font-family:var(--retro-mono);font-size:.76rem;font-style:italic}.user-row.self .self-badge{color:#555}.conversation-icon{width:22px;height:22px;display:grid;place-items:center;background:var(--retro-panel-light);color:#000;box-shadow:var(--bevel-raised)}.conversation-row.global .conversation-icon{background:var(--retro-gold)}.conversation-row.direct .conversation-icon{background:var(--retro-blue-soft)}.user-row{grid-template-columns:minmax(0,1fr) auto}.row-main{min-width:0;display:grid;gap:1px}.row-main strong,.row-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main strong{font-size:.84rem}.row-main span,.muted{color:#333;font-size:.76rem}.status.online{color:var(--retro-green);font-family:var(--retro-mono)}.rail-header .user-count{color:#fff;font-family:var(--retro-mono);font-size:.8rem;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.45);white-space:nowrap}.empty-list-state{margin:0;padding:4px}.type-badge{padding:2px 5px;color:#000;background:var(--retro-gold);box-shadow:var(--bevel-raised);font-size:.68rem;font-weight:900;text-transform:uppercase}.type-badge.direct{background:var(--retro-blue-soft)}.admin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:14px;background:#00000047}.admin-panel{width:min(880px,100%);max-height:min(720px,calc(100vh - 28px));display:flex;flex-direction:column;background:var(--retro-panel);box-shadow:var(--bevel-raised),4px 4px #00000073}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;color:#fff;background:var(--titlebar-gradient)}.admin-panel-header h2{margin:0;font-size:.96rem;text-shadow:1px 1px 0 rgba(0,0,0,.45)}.admin-panel-summary{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-bottom:1px solid var(--retro-panel-dark);box-shadow:0 1px 0 var(--retro-border-light)}.admin-panel-summary span{padding:2px 7px;background:var(--retro-panel);box-shadow:var(--bevel-sunken);font-family:var(--retro-mono);font-size:.74rem}.success-banner,.password-reveal,.admin-password-form{margin:5px;padding:6px;font-family:var(--retro-mono);font-size:.76rem;box-shadow:var(--bevel-sunken)}.success-banner{color:var(--retro-green);background:#f5fff5;font-weight:900}.password-reveal,.admin-password-form{display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:var(--retro-yellow)}.password-reveal code{padding:3px 5px;background:#fff;color:var(--retro-red);box-shadow:var(--bevel-sunken);-webkit-user-select:all;user-select:all}.admin-password-form label{font-weight:900}.admin-password-form input{min-width:220px;min-height:25px;border:0;border-radius:0;background:#fff;color:#000;box-shadow:var(--bevel-sunken);font-family:var(--retro-mono)}.admin-loading{margin:8px}.admin-table-wrap{min-height:0;overflow:auto;margin:6px;background:#fff;box-shadow:var(--bevel-sunken)}.admin-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.78rem}.admin-table th,.admin-table td{padding:5px 6px;border-right:1px solid var(--retro-panel-dark);border-bottom:1px solid var(--retro-panel-light);text-align:left;vertical-align:middle}.admin-table th{position:sticky;top:0;z-index:1;background:var(--retro-panel);box-shadow:0 1px 0 var(--retro-panel-dark)}.admin-table tr.disabled{color:#555;background:#eee}.admin-user-cell{display:grid;gap:1px}.admin-user-cell span{color:#333;font-family:var(--retro-mono);font-size:.7rem}.admin-table select{width:126px;min-height:25px;border:0;border-radius:0;background:#fff;color:#000;box-shadow:var(--bevel-sunken)}.role-badge,.status-badge{display:inline-flex;align-items:center;gap:4px;min-height:20px;padding:2px 6px;background:var(--retro-panel-light);box-shadow:var(--bevel-sunken);font-family:var(--retro-mono);font-size:.7rem}.role-badge.moderator,.role-badge.admin,.role-badge.super_admin{color:var(--retro-header);font-weight:900}.status-badge.active{color:var(--retro-green);font-weight:900}.status-badge.disabled{color:var(--retro-red);font-weight:900}.admin-action-button{min-width:76px;min-height:25px;padding:4px 8px;font-size:.74rem}.admin-action-group{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.admin-action-button.icon-label{display:inline-flex;align-items:center;justify-content:center;gap:4px}.admin-action-button.icon-label svg{width:13px;height:13px}.admin-action-button.danger:not(:disabled){color:var(--retro-red)}.topic-row,.motd-panel{display:flex;gap:8px;align-items:center;padding:5px 8px;font-family:var(--retro-mono);font-size:.8rem}.topic-row{background:#fff;border-bottom:1px solid var(--retro-panel-dark);box-shadow:0 1px 0 var(--retro-border-light)}.topic-row strong{color:var(--retro-header)}.motd-panel{background:var(--retro-yellow);color:#333;box-shadow:var(--bevel-sunken);margin:5px}.motd-panel:before{content:"";flex-shrink:0;width:16px;height:16px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' shape-rendering='crispEdges'><circle cx='8' cy='8' r='7' fill='%23000080' stroke='%23000033' stroke-width='0.5'/><rect x='7' y='3' width='2' height='2' fill='%23ffffff'/><rect x='6' y='6' width='4' height='1' fill='%23ffffff'/><rect x='7' y='6' width='2' height='6' fill='%23ffffff'/><rect x='5' y='12' width='6' height='1' fill='%23ffffff'/></svg>");background-repeat:no-repeat}.motd-panel span:first-child{color:var(--retro-red);font-weight:900}.error-banner{margin:5px}.message-list{min-height:0;flex:1;overflow:auto;margin:5px;padding:5px;background:#faf6ec;border:0;box-shadow:var(--bevel-sunken);color:#000;font-family:var(--retro-mono);font-size:.88rem;line-height:1.3}.load-older{margin:0 auto 4px;padding:3px 8px;display:block;font-size:.78rem}.center-text{text-align:center}.chat-line{min-height:18px;padding:0 4px;line-height:1.3}.chat-line:hover{background:#f5eed0}.chat-line:nth-of-type(2n){background:#f4eed9}.chat-line:nth-of-type(2n):hover{background:#ede2bc}.chat-date-divider{display:flex;align-items:center;gap:8px;margin:8px 0 4px;color:var(--retro-header);font-size:.78rem;font-weight:700}.chat-date-divider:before,.chat-date-divider:after{content:"";flex:1;height:2px;background:linear-gradient(to bottom,transparent 0,transparent calc(50% - 1px),var(--retro-panel-dark) calc(50% - 1px),var(--retro-panel-dark) 50%,#ffffff 50%,#ffffff calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}.chat-date-divider span{padding:0 4px;white-space:nowrap}.chat-nick.nick-c0{color:#b8860b}.chat-nick.nick-c1{color:#8b008b}.chat-nick.nick-c2{color:#006400}.chat-nick.nick-c3{color:#008b8b}.chat-nick.nick-c4{color:maroon}.chat-nick.nick-c5{color:indigo}.chat-nick.nick-c6{color:#2f4f4f}.chat-nick.nick-c7{color:#c71585}.chat-line.mine .chat-nick{color:var(--retro-red);font-weight:900}.chat-line.failed .chat-message-text em{margin-left:6px;font-size:.75rem;font-style:normal}.chat-line.failed{color:var(--retro-red)}.chat-line.mention{background:#fff3a5}.chat-line.action{color:#5f007f;font-style:italic}.chat-line.join,.chat-line.system{color:var(--retro-green)}.chat-time{color:#666;margin-right:6px}.chat-nick{color:var(--retro-header);margin-right:6px;white-space:nowrap}.chat-action-marker{margin-right:6px;font-weight:900}.chat-system-text{font-weight:900}.chat-message-text,.chat-system-text{white-space:pre-wrap;overflow-wrap:anywhere}.typing-line{min-height:20px;padding:3px;color:var(--retro-red);font-family:var(--retro-mono)}.typing-line:not(:empty):after{content:"_";display:inline-block;margin-left:2px;font-weight:900;animation:chatnet-caret-blink 1s steps(2,jump-none) infinite}@keyframes chatnet-caret-blink{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){.typing-line:not(:empty):after{animation:none}}.message-input{display:grid;grid-template-columns:auto minmax(0,1fr) 32px;grid-template-rows:auto auto;gap:4px 6px;align-items:center;padding:5px;background:var(--retro-panel);border-top:1px solid var(--retro-border-light);box-shadow:0 -1px 0 var(--retro-panel-dark)}.command-prefix{grid-column:1;grid-row:1;color:var(--retro-header);font-family:var(--retro-mono);font-size:.84rem;font-weight:900;white-space:nowrap}.message-input textarea{grid-column:2;grid-row:1;min-height:31px;max-height:96px;resize:vertical;padding:5px 6px;line-height:1.25}.message-input .send-button{grid-column:3;grid-row:1}.command-hints{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;gap:8px;color:#333;font-family:var(--retro-mono);font-size:.72rem}.command-hints span{padding-right:8px;border-right:1px solid var(--retro-border-mid)}.command-hints span:last-child{border-right:0}.web-status-bar{grid-area:footer;position:relative;display:flex;align-items:center;gap:3px;min-height:25px;padding:3px 20px 3px 3px;overflow:hidden}.web-status-bar:after{content:"";position:absolute;right:3px;bottom:3px;width:13px;height:13px;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' shape-rendering='crispEdges'><rect x='10' y='2' width='1' height='1' fill='%23808080'/><rect x='11' y='3' width='1' height='1' fill='%23ffffff'/><rect x='6' y='6' width='1' height='1' fill='%23808080'/><rect x='7' y='7' width='1' height='1' fill='%23ffffff'/><rect x='10' y='6' width='1' height='1' fill='%23808080'/><rect x='11' y='7' width='1' height='1' fill='%23ffffff'/><rect x='2' y='10' width='1' height='1' fill='%23808080'/><rect x='3' y='11' width='1' height='1' fill='%23ffffff'/><rect x='6' y='10' width='1' height='1' fill='%23808080'/><rect x='7' y='11' width='1' height='1' fill='%23ffffff'/><rect x='10' y='10' width='1' height='1' fill='%23808080'/><rect x='11' y='11' width='1' height='1' fill='%23ffffff'/></svg>")}.web-status-bar>span{padding:2px 8px;background:var(--retro-panel);box-shadow:var(--bevel-sunken);white-space:nowrap}.system-tray{display:flex;align-items:center;gap:4px;margin-left:auto;padding:1px 5px;background:var(--retro-panel);box-shadow:var(--bevel-sunken)}.tray-icon{flex:0 0 14px;width:14px;height:14px;background-repeat:no-repeat;background-position:center}.tray-icon.network{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><g fill='none' stroke='%23000080' stroke-width='1' shape-rendering='crispEdges'><circle cx='7' cy='7' r='5'/><ellipse cx='7' cy='7' rx='5' ry='2'/><line x1='2' y1='7' x2='12' y2='7'/><line x1='7' y1='2' x2='7' y2='12'/></g></svg>")}.tray-icon.speaker{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><polygon points='2,6 5,6 8,3 8,11 5,8 2,8' fill='black'/><path d='M9.5 4 Q11 7 9.5 10' fill='none' stroke='black' stroke-width='1'/><path d='M11 2 Q13 7 11 12' fill='none' stroke='black' stroke-width='1'/></svg>")}.system-clock{padding:0 2px;font-family:var(--retro-mono);font-variant-numeric:tabular-nums;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}@media(max-width:1040px){.retro-chat.chat-shell{grid-template-columns:225px minmax(0,1fr);grid-template-areas:"header header" "channels chat" "users users" "footer footer"}.right-rail{min-height:170px}.user-list .list-stack{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:760px){.retro-chat.chat-shell{height:100%;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header" "chat" "footer";padding:4px}.web-banner{font-size:.7rem}.mobile-panel-tabs{display:flex}.mobile-panel{display:none;grid-area:chat}.mobile-panel.active,.chat-panel.mobile-panel.active{display:flex}.right-rail,.left-rail{min-height:0}.topic-row,.motd-panel{align-items:flex-start;flex-direction:column;gap:2px}.chat-time,.chat-nick{margin-right:4px}.message-input{grid-template-columns:1fr 32px;grid-template-rows:auto auto auto}.command-prefix{grid-column:1 / -1;grid-row:1}.message-input textarea{grid-column:1;grid-row:2}.message-input .send-button{grid-column:2;grid-row:2}.command-hints{grid-row:3}.web-status-bar{overflow-x:auto}}