:root{--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size:14px;--line-height:1.4;--breakpoint-mobile:768px}:root[data-theme=irssi-dark]{--bg:#0a0a0a;--bg-alt:#111;--fg:#e0e0e0;--accent:#5fafd7;--muted:#707070;--border:#1f1f1f;--mention:#2a1f00;--mode-op:#d77070;--mode-voiced:#70d770;--mode-plain:var(--fg)}:root[data-theme=mirc-light]{--bg:#fff;--bg-alt:#f5f5f5;--fg:#000;--accent:#00007f;--muted:#7f7f7f;--border:silver;--mention:#fff8c0;--mode-op:#7f0000;--mode-voiced:#007f00;--mode-plain:var(--fg)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:var(--font-size);line-height:var(--line-height);margin:0;padding:0}#root{min-height:100vh}.muted{color:var(--muted)}.login{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-form{border:1px solid var(--border);background:var(--bg);flex-direction:column;gap:.5rem;width:100%;max-width:22rem;padding:1.5rem;display:flex}.login-form h1{color:var(--accent);margin:0 0 .5rem;font-size:1.2rem;font-weight:400}.login-form label{color:var(--muted);font-size:.85rem}.login-form input{background:var(--bg);color:var(--fg);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-size);padding:.5rem}.login-form input:focus{outline:1px solid var(--accent)}.login-form button{background:var(--accent);color:var(--bg);font-family:var(--font-mono);font-size:var(--font-size);cursor:pointer;border:none;margin-top:.5rem;padding:.5rem 1rem}.login-form button:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--accent);margin:.5rem 0 0;font-size:.9rem}.shell{grid-template-rows:1fr;grid-template-columns:16rem 1fr 14rem;height:100vh;min-height:0;display:grid}.shell.shell-no-members{grid-template-columns:16rem 1fr}.shell-sidebar{border-right:1px solid var(--border);background:var(--bg-alt);flex-direction:column;display:flex;overflow-y:auto}.shell-main{flex-direction:column;min-width:0;min-height:0;display:flex}.shell-members{border-left:1px solid var(--border);background:var(--bg-alt);overflow-y:auto}.socket-health-banner{z-index:1000;color:#fff;font-family:var(--font-mono);background:#c33;padding:.5rem 1rem;font-size:.9rem;line-height:1.4;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000004d}.socket-health-banner code{background:#00000040;border-radius:2px;padding:0 .25rem}.bundle-refresh-banner{z-index:999;color:#fff;font-family:var(--font-mono);background:#2a6;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.9rem;line-height:1.4;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000004d}.bundle-refresh-banner button{color:#fff;font-family:inherit;font-size:inherit;cursor:pointer;background:#00000040;border:1px solid #fff6;border-radius:3px;margin-left:auto;padding:.25rem .75rem}.bundle-refresh-banner button:hover{background:#0006}.sidebar-network{padding:.25rem 0}.sidebar-network h3{color:var(--accent);text-transform:lowercase;margin:0;padding:.25rem 1rem;font-size:.85rem;font-weight:400}.sidebar-network ul{margin:0;padding:0;list-style:none}.sidebar-network li{align-items:stretch;display:flex}.sidebar-network li .sidebar-window-btn{min-width:0;color:var(--fg);font-family:var(--font-mono);font-size:var(--font-size);text-align:left;cursor:pointer;background:0 0;border:none;flex:auto;justify-content:space-between;align-items:center;padding:.25rem 1rem .25rem 1.5rem;display:flex}.sidebar-network li .sidebar-window-btn:hover{background:var(--border)}.sidebar-network li.selected .sidebar-window-btn{background:var(--border);color:var(--accent)}.sidebar-close{color:var(--muted);font-family:var(--font-mono);font-size:var(--font-size);cursor:pointer;background:0 0;border:none;flex:none;padding:0 .5rem;line-height:1}.sidebar-close:hover{background:var(--border);color:var(--fg)}.sidebar-channel-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-channel-name.parted{color:var(--muted);font-style:italic}.sidebar-unread{background:var(--accent);color:var(--bg);border-radius:999px;margin-left:.5rem;padding:0 .4rem;font-size:.75rem}.sidebar-msg-unread{background:var(--accent);color:var(--bg);border-radius:999px;margin-left:.5rem;padding:0 .4rem;font-size:.75rem;font-weight:700}.sidebar-events-unread{color:var(--muted);opacity:.7;border-radius:999px;margin-left:.25rem;padding:0 .3rem;font-size:.7rem}.sidebar-mention{background:var(--mode-op);color:var(--bg);border-radius:999px;margin-left:.25rem;padding:0 .4rem;font-size:.75rem;font-weight:700}.sidebar-window-greyed,.sidebar-network.sidebar-network-greyed li .sidebar-window-btn,.sidebar-network-greyed>h3{color:var(--muted);font-style:italic}.sidebar-window-pending{opacity:.7}.sidebar-channel-name.pending{font-style:italic}.compose-box-greyed textarea{color:var(--muted);font-style:italic}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:.5rem;margin-top:auto;padding:.5rem 1rem;display:flex}.topic-bar,.shell-empty-toolbar{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.shell-empty-toolbar-spacer{flex:1}.topic-bar-hamburger{color:var(--muted);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-size);cursor:pointer;background:0 0;padding:.25rem .5rem;display:none}.topic-bar-channel{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.topic-bar-topic{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-mono);font-size:var(--font-size);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:0;overflow:hidden}.topic-bar-topic:hover{color:var(--fg)}.topic-bar-modes{color:var(--muted);white-space:nowrap;cursor:help;font-size:.85rem}.topic-modal-backdrop{z-index:200;background:#0006;position:fixed;inset:0}.topic-modal{background:var(--bg);border:1px solid var(--border);z-index:201;flex-direction:column;gap:.5rem;width:min(36rem,90vw);display:flex;position:fixed;top:4rem;left:50%;transform:translate(-50%)}.topic-modal-header{border-bottom:1px solid var(--border);background:var(--bg-alt);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.topic-modal-title{color:var(--accent);font-size:.9rem}.topic-modal-close{color:var(--muted);font-family:var(--font-mono);font-size:var(--font-size);cursor:pointer;background:0 0;border:none;padding:0 .25rem;line-height:1}.topic-modal-close:hover{color:var(--fg)}.topic-modal-body{flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.topic-modal-text{white-space:pre-wrap;word-break:break-word;color:var(--fg);margin:0}.topic-modal-meta{color:var(--muted);margin:0;font-size:.85rem}.topic-bar-count{color:var(--muted);font-size:.85rem}.topic-bar-settings{color:var(--muted);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-size);cursor:pointer;background:0 0;padding:.25rem .5rem}.join-banner{border-bottom:1px solid var(--border);background:var(--bg-alt);flex-direction:column;gap:.25rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.join-banner-heading{color:var(--accent);font-weight:700}.join-banner-topic{color:var(--fg);white-space:pre-wrap;word-break:break-word}.join-banner-names{color:var(--muted);flex-wrap:wrap;gap:.25rem .75rem;display:flex}.join-banner-nick{white-space:nowrap}.join-banner-members-loading{color:var(--muted);font-style:italic}.join-banner-summary{color:var(--muted);font-size:.8rem}.scrollback-pane{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.scrollback{font-family:var(--font-mono);font-size:var(--font-size);line-height:var(--line-height);flex:1;padding:.5rem 1rem;overflow-y:auto}.scrollback-empty{margin:0}.scrollback-line{white-space:pre-wrap;word-break:break-word;padding:.05rem 0}.scrollback-line.scrollback-mention{background:var(--mention);font-weight:700}.scrollback-line.scrollback-highlight{background:color-mix(in srgb, var(--accent) 12%, transparent);border-left:2px solid var(--accent);padding-left:.25rem}.scrollback-line.scrollback-muted{opacity:.75;font-size:.85em}.scrollback-time{color:var(--muted)}.scrollback-sender{color:var(--accent)}.nick-clickable{cursor:pointer;font:inherit;background:0 0;border:none;padding:0;display:inline}.nick-clickable:hover{text-decoration:underline}.scrollback-invite-join{cursor:pointer;font:inherit;color:var(--accent);background:0 0;border:none;padding:0 .25em;font-weight:700;display:inline}.scrollback-invite-join:hover{text-decoration:underline}.scrollback-link{color:inherit;text-decoration:underline}.scrollback-link:hover{color:var(--accent)}.scrollback-body{color:var(--fg)}.scrollback-action{color:var(--accent);font-style:italic}.scrollback-notice{color:var(--muted)}.scrollback-notice-error{color:var(--mode-op)}.scrollback-mirc-bold{font-weight:700}.scrollback-mirc-italic{font-style:italic}.scrollback-mirc-underline{text-decoration:underline}.scrollback-mirc-reverse{filter:invert()}.scrollback-presence{color:var(--muted);font-style:italic}.scrollback-day-separator{color:var(--muted);align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8em;display:flex}.scrollback-day-separator-line{background:var(--border);flex:1;height:1px}.scrollback-day-separator-label{white-space:nowrap;-webkit-user-select:none;user-select:none}.scrollback-unread-marker{color:var(--accent);align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8em;font-weight:700;display:flex}.scrollback-unread-marker-line{background:var(--accent);opacity:.4;flex:1;height:1px}.scrollback-unread-marker-label{white-space:nowrap;-webkit-user-select:none;user-select:none}.scroll-to-bottom-btn{background:var(--accent);color:var(--bg);width:2rem;height:2rem;font-family:var(--font-mono);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex;position:absolute;bottom:.75rem;right:1rem;box-shadow:0 2px 6px #0000004d}.scroll-to-bottom-btn:hover{opacity:.85}.compose-box{border-top:1px solid var(--border);background:var(--bg);gap:.5rem;padding:.5rem;display:flex}.compose-box textarea{background:var(--bg);color:var(--fg);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-size);line-height:var(--line-height);resize:none;flex:1;padding:.5rem}.compose-box textarea:focus{outline:1px solid var(--accent)}.compose-box button{background:var(--accent);color:var(--bg);font-family:var(--font-mono);font-size:var(--font-size);cursor:pointer;border:none;padding:0 1rem}.compose-box button:disabled{opacity:.5;cursor:not-allowed}.compose-box-error{color:var(--mode-op);border-top:1px solid var(--border);margin:0;padding:.25rem 1rem;font-size:.85rem}.members-pane{padding:.5rem 0}.members-pane h3{color:var(--muted);text-transform:uppercase;margin:0;padding:.25rem 1rem;font-size:.85rem;font-weight:400}.members-pane ul{margin:0;padding:0;list-style:none}.members-pane li{font-family:var(--font-mono);font-size:var(--font-size);white-space:nowrap;text-overflow:ellipsis;padding:.1rem 1rem;overflow:hidden}.members-pane li.member-op{color:var(--mode-op)}.members-pane li.member-voiced{color:var(--mode-voiced)}.members-pane li.member-plain{color:var(--mode-plain)}.members-pane li .member-name{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;margin:0;padding:0}.members-pane li .member-name:hover{text-decoration:underline}.settings-drawer{background:var(--bg-alt);border-left:1px solid var(--border);z-index:100;flex-direction:column;gap:1rem;width:22rem;max-width:100vw;height:100vh;padding:1rem;transition:transform .2s ease-out;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.settings-drawer.open{transform:translate(0)}.settings-drawer-backdrop{z-index:99;opacity:0;pointer-events:none;background:#0006;transition:opacity .2s ease-out;position:fixed;inset:0}.settings-drawer-backdrop.open{opacity:1;pointer-events:auto}.settings-drawer h2{color:var(--accent);margin:0;font-size:1rem;font-weight:400}.settings-drawer fieldset{border:1px solid var(--border);margin:0;padding:.5rem}.settings-drawer legend{color:var(--muted);padding:0 .25rem;font-size:.85rem}.settings-drawer label{cursor:pointer;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.settings-drawer button.logout{color:var(--mode-op);border:1px solid var(--border);font-family:var(--font-mono);cursor:pointer;background:0 0;margin-top:auto;padding:.5rem 1rem}.settings-drawer .notifications-fieldset hr{border:none;border-top:1px solid var(--border);margin:.5rem 0}.settings-drawer .master-toggle{color:var(--accent);font-weight:700}.settings-drawer .push-banner,.settings-drawer .prefs-error{background:var(--bg);border:1px solid var(--mode-op);color:var(--mode-op);margin:.25rem 0;padding:.4rem .5rem;font-size:.8rem}.settings-drawer label.prefs-list{flex-direction:column;align-items:stretch;gap:.25rem}.settings-drawer label.prefs-list input[type=text]{background:var(--bg);color:var(--text);border:1px solid var(--border);font-family:var(--font-mono);padding:.25rem .4rem;font-size:.85rem}.settings-drawer label.prefs-list input[type=text]:disabled{opacity:.5;cursor:not-allowed}.settings-drawer h3{color:var(--muted);margin:.5rem 0 .25rem;font-size:.9rem}.settings-drawer .devices-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.settings-drawer .devices-list li{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.settings-drawer .device-ua{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.settings-drawer .device-remove{border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:.15rem .4rem;font-size:.75rem}.context-menu-backdrop{z-index:300;cursor:default;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0}.context-menu{background:var(--bg-alt);border:1px solid var(--border);z-index:301;flex-direction:column;min-width:8rem;display:flex;box-shadow:2px 2px 6px #0000004d}.context-menu-item{color:var(--fg);font-family:var(--font-mono);font-size:var(--font-size);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.3rem 1rem}.context-menu-item:hover:not(:disabled){background:var(--border)}.context-menu-item.context-menu-item-disabled,.context-menu-item:disabled{color:var(--muted);cursor:not-allowed}@media (max-width:768px){.shell-mobile{grid-template-rows:1fr;grid-template-columns:1fr;height:100vh;min-height:0;display:grid}.shell-mobile .shell-main{flex-direction:column;min-width:0;min-height:0;display:flex}.topic-bar-hamburger{text-align:center;min-width:44px;min-height:44px;padding:0 .75rem;line-height:44px;display:inline-block}.shell-members{z-index:90;width:80vw;max-width:18rem;height:100vh;transition:transform .2s ease-out;position:fixed;top:0;right:0;transform:translate(100%)}.shell-members.open{transform:translate(0)}.shell-drawer-backdrop{z-index:89;opacity:0;pointer-events:none;background:#0006;transition:opacity .2s ease-out;position:fixed;inset:0}.shell-drawer-backdrop.open{opacity:1;pointer-events:auto}}.bottom-bar{-webkit-overflow-scrolling:touch;border-top:1px solid var(--border);background:var(--bg-alt);flex-direction:row;flex-shrink:0;height:3rem;display:flex;overflow:auto hidden}.bottom-bar-network{border-right:1px solid var(--border);flex-direction:row;flex-shrink:0;align-items:center;display:flex}.bottom-bar-network-chip{color:var(--accent);white-space:nowrap;border-right:1px solid var(--border);align-self:stretch;align-items:center;padding:0 .5rem;font-size:.75rem;display:flex}.bottom-bar-tab{color:var(--fg);border:none;border-right:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-size);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.25rem;min-width:44px;height:100%;padding:0 .75rem;display:flex}.bottom-bar-tab:hover{background:var(--border)}.bottom-bar-tab.selected{background:var(--border);color:var(--accent)}.bottom-bar-tab.parted{color:var(--muted);font-style:italic}.bottom-bar-unread{background:var(--accent);color:var(--bg);border-radius:999px;padding:0 .3rem;font-size:.7rem;line-height:1.4}.bottom-bar-msg-unread{background:var(--accent);color:var(--bg);border-radius:999px;padding:0 .3rem;font-size:.7rem;font-weight:700;line-height:1.4}.bottom-bar-events-unread{color:var(--muted);opacity:.7;border-radius:999px;padding:0 .2rem;font-size:.65rem;line-height:1.4}.bottom-bar-mention{background:var(--mode-op);color:var(--bg);border-radius:999px;padding:0 .3rem;font-size:.7rem;font-weight:700;line-height:1.4}.whois-card{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--bg-alt);margin:.25rem .5rem .5rem;padding:.5rem .75rem;font-size:.85rem}.whois-card-header{color:var(--accent);align-items:baseline;gap:.5rem;margin-bottom:.25rem;font-weight:700;display:flex}.whois-card-target{flex:none}.whois-card-tag{text-transform:uppercase;border-radius:3px;padding:0 .3rem;font-size:.7rem;font-weight:700;display:inline-block}.whois-card-tag-oper{background:var(--mode-op);color:var(--bg)}.whois-card-close{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 .3rem;font-size:1rem;line-height:1}.whois-card-close:hover{color:var(--fg)}.whois-card-empty{margin:0}.whois-card-fields{grid-template-columns:max-content 1fr;gap:.15rem .75rem;margin:0;display:grid}.whois-card-fields dt{color:var(--muted);text-align:right}.whois-card-fields dd{word-break:break-word;margin:0}.whois-card-channel{color:var(--fg);margin-right:.4rem;display:inline-block}.peer-away-banner{border:1px solid var(--border);border-left:3px solid var(--muted);background:var(--bg-alt);color:var(--muted);align-items:baseline;gap:.5rem;margin:.25rem .5rem .5rem;padding:.35rem .75rem;font-size:.85rem;font-style:italic;display:flex}.peer-away-banner-peer{color:var(--accent);font-style:normal;font-weight:700}.peer-away-banner-message{color:var(--fg);font-style:normal}.peer-away-banner-label{flex:auto}.peer-away-banner-close{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 .3rem;font-size:1rem;line-height:1}.peer-away-banner-close:hover{color:var(--fg)}.invite-ack-row{color:var(--muted);align-items:baseline;gap:.4rem;padding:.1rem .5rem;font-size:.85rem;font-style:italic;display:flex}.invite-ack-arrow{color:var(--accent);font-style:normal}.invite-ack-peer{color:var(--accent);font-style:normal;font-weight:700}.lusers-card{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--bg-alt);margin:.25rem .5rem .5rem;padding:.5rem .75rem;font-size:.85rem}.lusers-card-header{color:var(--accent);align-items:baseline;gap:.5rem;margin-bottom:.25rem;font-weight:700;display:flex}.lusers-card-title{text-transform:lowercase;flex:none}.lusers-card-close{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 .3rem;font-size:1rem;line-height:1}.lusers-card-close:hover{color:var(--fg)}.lusers-card-fields{grid-template-columns:max-content 1fr;gap:.15rem .75rem;margin:0;display:grid}.lusers-card-fields dt{color:var(--muted);text-align:right}.lusers-card-fields dd{word-break:break-word;margin:0}.lusers-card-muted{color:var(--muted);font-size:.8rem}.whowas-card{border:1px solid var(--border);border-left:3px solid var(--muted);background:var(--bg-alt);margin:.25rem .5rem .5rem;padding:.5rem .75rem;font-size:.85rem}.whowas-card-header{color:var(--muted);align-items:baseline;gap:.5rem;margin-bottom:.25rem;font-weight:700;display:flex}.whowas-card-title{text-transform:uppercase;letter-spacing:.05em;flex:none;font-size:.75rem}.whowas-card-target{color:var(--fg);flex:none}.whowas-card-close{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 .3rem;font-size:1rem;line-height:1}.whowas-card-close:hover{color:var(--fg)}.whowas-card-empty{margin:0;font-style:italic}.whowas-card-fields{grid-template-columns:max-content 1fr;gap:.15rem .75rem;margin:0;display:grid}.whowas-card-fields dt{color:var(--muted);text-align:right}.whowas-card-fields dd{word-break:break-word;margin:0}.whowas-card-logoff{color:var(--muted)}.install-splash{z-index:200;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.install-splash-card{background:var(--bg);border:1px solid var(--border);flex-direction:column;gap:.75rem;width:100%;max-width:24rem;padding:1.5rem;display:flex}.install-splash-card h1{color:var(--accent);margin:0;font-size:1.2rem;font-weight:400}.install-splash-blurb{color:var(--fg);margin:0;font-size:.9rem}.install-splash-ios{background:var(--bg-alt);border:1px solid var(--border);padding:.75rem;font-size:.9rem}.install-splash-ios p{margin:0}.install-splash-glyph{vertical-align:middle;font-size:1.1rem;display:inline-block}.install-splash-primary{background:var(--accent);color:var(--bg);font-family:var(--font-mono);font-size:var(--font-size);cursor:pointer;border:none;padding:.6rem 1rem}.install-splash-primary:disabled{opacity:.5;cursor:not-allowed}.install-splash-secondary{color:var(--muted);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-size);cursor:pointer;background:0 0;padding:.6rem 1rem}.install-splash-secondary:hover{color:var(--fg)}.install-splash-hint{color:var(--muted);margin:0;font-size:.8rem;font-style:italic}