:root{--main-background:white;--main-color:black;--sidebar-background:#e3e3e3;--expander-background:#b5b5b5;--expander-background-hover:#a6a6a6;--expander-border:#6c6c6c;--button-color:#eff7ef;--button-background:#545499;--button-background-hover:#00007c;--button-border:#e3e3e3;--danger-button-color:#eff7ef;--danger-button-background:#db2626;--danger-button-background-hover:#b20000;--danger-button-border:#e3e3e3;--green:green;--gray:#4a4a4a}@media (prefers-color-scheme:dark){:root{--main-background:#212529;--main-color:#f8f9fa;--sidebar-background:#131618;--expander-background:#424446;--expander-background-hover:#2a2d2f;--button-background:#282879;--button-background-hover:#00007c;--button-border:#131618;--danger-button-background:#b20000;--danger-button-background-hover:red;--danger-button-border:#131618;--green:#53b266;--gray:#979797;--red:#fb615b}}html{scrollbar-color:#8e8e8e transparent}html,body{overflow:hidden;height:100%;margin:0;padding:0}body{display:grid;grid-template-rows:auto 1fr max-content;grid-template-columns:max-content 1fr max-content;font-family:monospace}noscript{display:block;grid-column-start:2;max-width:600px;margin:0 auto}button{background:var(--button-background);color:var(--button-color);border-style:solid;border-color:var(--button-border);cursor:pointer;border-width:1px;padding:.25rem .5rem;transition:background .25s linear;font-size:.8rem}button:hover{background:var(--button-background-hover)}button.danger{background:var(--danger-button-background);color:var(--danger-button-color);border-color:var(--danger-button-border)}button.danger:hover{background:var(--danger-button-background-hover)}#buffer,#connect{color:var(--main-color);background:var(--main-background);overflow-x:hidden;overflow-y:auto;width:100%;height:100%}#buffer-list,#member-list{color:var(--main-color);background:var(--main-background);background-color:var(--sidebar-background);grid-column:1;grid-row:1/4;display:flex;flex-direction:row;width:100%;height:100%}.expander{display:none;cursor:pointer;background:var(--expander-background);border:none;width:10px;margin:0;padding:0;transition:background .2s linear}.expander:hover{background:var(--expander-background-hover)}.expander span{display:block;border-style:solid;border-width:1px 0;border-color:var(--expander-border);width:100%;height:2px;margin-bottom:2px}#buffer-list ul{list-style-type:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;flex:1 0 auto;margin:0;padding:0}#buffer-list li a{display:inline-block;box-sizing:border-box;width:100%;padding:2px 10px}#buffer-list li.error a{color:red}#buffer-list li.unread-message a{color:#b37400}#buffer-list li.unread-highlight a{color:#22009b}#buffer-list li.active a{color:#fff;background-color:var(--gray)}#buffer-list li:not(.type-server) a{padding-left:20px}#member-list-header{color:var(--main-color);background-color:var(--main-background);box-sizing:border-box;border-bottom:1px solid var(--sidebar-background);padding:5px 10px}#buffer-header{color:var(--main-color);background-color:var(--main-background);box-sizing:border-box;border-bottom:1px solid var(--sidebar-background);grid-row:1;grid-column:2;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr auto}#buffer-header .title{display:none;grid-row:1;grid-column:1;padding:5px 10px;font-weight:700}#buffer-header .description{grid-row:2;grid-column:1;overflow-y:auto;word-break:break-word;max-height:20vh;padding:5px 10px}#buffer-header .actions{grid-row:1/3;grid-column:2}#buffer-header .status-here{color:var(--green)}#buffer-header .status-gone{color:orange}#buffer-header .status-offline{color:red}.actions{display:flex;flex-direction:row;justify-content:center}.actions button{border-width:0 0 0 1px}#buffer{grid-row:2;grid-column:2}#buffer:focus{outline:none}#member-list{grid-row:1/4;grid-column:3;display:flex;flex-direction:row;width:100%;height:100%}#member-list>section{display:flex;flex-direction:column}#member-list-header{border-left:1px solid var(--sidebar-background)}@media (max-width:640px){#buffer-list ul{width:0}#buffer-list.expand{z-index:999;grid-column:1/4}#buffer-list.expand ul{width:auto}}#member-list ul{list-style-type:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;flex-grow:1;margin:0;padding:0}#member-list li a{display:inline-block;box-sizing:border-box;width:100%;padding:2px 10px}#member-list li a.away{color:var(--gray)}.membership.owner{color:red}.membership.admin{color:#00f}.membership.operator{color:var(--green)}.membership.halfop{color:orange}.membership.voice{color:#ff0}#composer{color:var(--main-color);background:var(--main-background);grid-row:3;grid-column:2/3;border-top:1px solid var(--sidebar-background)}#composer input{display:block;box-sizing:border-box;width:100%;height:35px;padding:10px}#composer input,#composer input:focus{outline:none;background:0 0;border:none}#composer.read-only{display:none}#connect{position:absolute;height:100%;top:0;left:0}#connect form{box-sizing:border-box;max-width:350px;margin:0 auto;padding:10px}form input[type=text],form input[type=username],form input[type=password],form input[type=url],form input[type=email],form input[type=search]{box-sizing:border-box;font-family:inherit;font-size:inherit;width:100%}form label input[type=checkbox],form label input[type=radio]{margin-right:.5em}a{color:var(--green)}#buffer-list li a,a.timestamp,a.nick{text-decoration:none}#buffer-list li a,a.nick{color:var(--main-color)}a.timestamp{color:var(--gray)}#buffer-list li a:hover,#buffer-list li a:active,a.timestamp:hover,a.timestamp:active,a.nick:hover,a.nick:active{text-decoration:underline}details summary[role=button]{user-select:none;cursor:pointer}#buffer{box-sizing:border-box;color:var(--gray);word-wrap:break-word}#buffer .logline-list{padding:10px}#buffer .logline{white-space:pre-wrap;overflow:auto}#buffer .talk,#buffer .motd,#buffer .nag{color:var(--main-color)}#buffer .error{color:red}#buffer .me-tell{color:#b37400}#buffer .highlight .nick{color:#ff0;background-color:#c700ff}#buffer .nick-1{color:#f25e0d}#buffer .nick-2{color:#e43611}#buffer .nick-3{color:#f98a11}#buffer .nick-4{color:#b4a700}#buffer .nick-5{color:#89bd3b}#buffer .nick-6{color:#4ea847}#buffer .nick-7{color:#287e52}#buffer .nick-8{color:#117873}#buffer .nick-9{color:#0083a7}#buffer .nick-10{color:#2a6596}#buffer .nick-11{color:#385189}#buffer .nick-12{color:#434078}#buffer .nick-13{color:#5e4279}#buffer .nick-14{color:#7a447a}#buffer .nick-15{color:#e92980}#buffer .nick-16{color:#ec273e}#buffer .separator{display:flex;text-align:center;text-transform:lowercase;font-variant:small-caps;align-items: center}#buffer .separator:before,#buffer .separator:after{content:"";border-bottom:1px solid #0000;flex:1}#buffer .date-separator{color:#757575}#buffer .date-separator:before,#buffer .date-separator:after{border-color:#ddd}#buffer .unread-separator{color:#ff3535}#buffer .unread-separator:before,#buffer .unread-separator:after{border-color:#ff3535}#error-msg{color:#fff;position:fixed;background-color:red;margin:.5rem;padding:.5rem;bottom:2rem;right:0}#error-msg button,.dialog button.dialog-close{color:inherit;font-size:inherit;background:0 0;border:none;padding:0}.error-text{color:red}.dialog{position:fixed;overflow:auto;background-color:#00000080;inset:0}.dialog .dialog-body{background-color:var(--main-background);color:var(--main-color);border:1px solid #0009;max-width:500px;margin:20px auto;padding:15px}.dialog .dialog-header{display:flex;flex-direction:row;align-items: center;margin-bottom:1em}.dialog .dialog-header h2{flex-grow:1;margin:0}.dialog .dialog-header button.dialog-close{padding:0 5px;font-size:1.5em}.dialog h2{margin-top:0}.dialog form button:not([type=button]){float:right}.dialog form{overflow:auto}.dialog .protocol-handler{display:flex;flex-direction:row}.dialog .protocol-handler .left{flex-grow:1}kbd{display:inline-block;text-align:center;white-space:nowrap;background-color:#f0f0f0;border:1px solid #bfbfbf;border-radius:3px;min-width:1em;margin:3px;padding:2px 4px;font-family:monospace;font-size:80%;box-shadow:inset 0 1px #fff,inset 0 -2px #d9d9d9}ul.switcher-list{list-style-type:none;margin:10px 0 0;padding:0}ul.switcher-list li a{display:inline-block;box-sizing:border-box;text-decoration:none;color:inherit;width:100%;margin:4px 0;padding:5px 10px}ul.switcher-list li a.selected{background-color:#0000001a}ul.switcher-list .server{float:right;opacity:.8}@media (prefers-color-scheme:dark){html{scrollbar-color:var(--gray)transparent}#buffer-list li.unread-message a{color:var(--green)}#buffer-list li.unread-highlight a{color:#0062cc}#buffer-list li.active a{color:var(--sidebar-background);background-color:#fff}#buffer-header .status-gone{color:#fb885b}#buffer-header .status-offline{color:var(--red)}form input[type=text],form input[type=username],form input[type=password],form input[type=url],form input[type=email],form input[type=search]{color:#fff;background:var(--sidebar-background);border:1px solid #495057;padding:.25rem .375rem}form input[type=text]:focus,form input[type=username]:focus,form input[type=password]:focus,form input[type=url]:focus,form input[type=email]:focus,form input[type=search]:focus{outline:0;border-color:#3897ff}#buffer{background:var(--main-background)}#buffer .error{color:var(--red)}#buffer .me-tell{color:#e16b97}#buffer .highlight .nick{color:#1e0010;background-color:#0062cc}#buffer .date-separator{color:#757575}#buffer .date-separator:before,#buffer .date-separator:after{border-color:#373737}#buffer .unread-separator{color:var(--green)}#buffer .unread-separator:before,#buffer .unread-separator:after{border-color:var(--green)}#error-msg{color:#000;background-color:#efa3aa}#error-msg a{color:#000}.error-text{color:#efa3aa}#buffer .nick-8{color:#6bccc7}#buffer .nick-10{color:#6296c1}#buffer .nick-11{color:#c6b5df}#buffer .nick-12{color:#9995df}#buffer .nick-13{color:#8b62b3}#buffer .nick-15{color:#e3418b}kbd{--outline-color:#6e7681;border:1px solid var(--outline-color);box-shadow:inset 0 -1px 0 var(--outline-color);background-color:#0000}ul.switcher-list li a.selected{background-color:#ffffff1a}}@media (max-width:640px){.expander{display:block}#buffer-list ul,#member-list>section{width:0}#buffer-list.expand,#member-list.expand{z-index:999;grid-column-start:1;grid-column-end:4}#buffer-list.expand ul{width:auto}#member-list.expand>section{width:100%}#member-list-header{border-left:none}#buffer-header{grid-template-columns:1fr min-content}#buffer-header .title{display:block}}@media (pointer:none),(pointer:coarse){#buffer-list li a,#member-list li a{padding:7px 10px}}