@font-face{font-family:JetBrains Mono;src:url(/client/jetbrains-mono-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/client/jetbrains-mono-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg: #000000;--fg: #f3f3f3;--dim: #a0a0a0;--faint: #555555;--border: #343434;--link: #58a4b0;--teal: #20a39e;--blue: #89a6fb;--slate: #586994;--lavender: #d4c1ec;--red: #ef5b5b;--amber: #ffba49;--sel-bg: #1c2136}*{box-sizing:border-box;font-variant-ligatures:none;overscroll-behavior:none}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;line-height:1.45;overflow:hidden}#root{height:100dvh}.app{height:100%;display:grid;grid-template-rows:auto 1fr}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}input,textarea{background:#16323a;color:var(--fg);border:none;font:inherit;padding:.2em .7ch}input::placeholder,textarea::placeholder{color:#6f9aa3}input:focus,textarea:focus{outline:none;background:#1e4650}button.text{background:none;border:none;padding:0 .5ch;font:inherit;color:var(--link);cursor:pointer}dialog button.text,.toolbar button.text:not(.tab),.controls button.text,.inputrow button.text,.channels .new button.text,.account button.text,.centered form button.text,table.list td button.text{background:#1c1c1c;padding:.05em 1ch}dialog button.text:hover:enabled,.toolbar button.text:not(.tab):hover:enabled,.controls button.text:hover:enabled,.inputrow button.text:hover:enabled,.channels .new button.text:hover:enabled,.account button.text:hover:enabled,.centered form button.text:hover:enabled,table.list td button.text:hover:enabled{background:#2a2a2a}button.text:hover{color:var(--fg)}button.text:disabled{color:var(--faint);cursor:default}button.text.selected{background:var(--fg);color:var(--bg)}.dim{color:var(--dim)}.faint{color:var(--faint)}.error{color:var(--red)}.nav{display:flex;align-items:baseline;gap:1ch;padding:.4em 1ch;border-bottom:1px solid var(--border)}.nav .site{font-weight:700;margin-right:1ch}.nav .spacer{flex:1}.account{height:100%;overflow-y:auto;padding:1.5em 3ch;display:grid;gap:1.8em;align-content:start;justify-items:start}.account h2{margin:0 0 .6em;font-size:inherit;font-weight:700;color:var(--blue)}.account form{display:grid;gap:.6em;justify-items:start}.account .codes{list-style:none;margin:0;padding:0}.account .codes li{display:flex;gap:1ch;align-items:baseline}.centered{height:100%;display:grid;place-content:center}.centered form{display:grid;gap:.6em;justify-items:start}.centered p{margin:0}.centered form .hint{margin-top:-.45em;padding-left:1ch}.centered form .preview{min-height:1.45em}.field{display:flex;gap:1ch;align-items:baseline}.ok,.uname .u-lc{color:var(--teal)}.uname .u-uc{color:#3fd0ca}.uname .u-dg{color:var(--blue)}.uname .u-ot{color:#69626d}.warn{color:var(--amber)}.sysopmsg{width:44ch;height:8em;resize:none}.sendrow{display:flex;justify-content:space-between;align-items:baseline;width:44ch}.chat{height:100%;min-height:0;display:grid;grid-template-columns:22ch 1fr;grid-template-rows:auto 1fr auto}.channels{grid-row:1 / -1;border-right:1px solid var(--border);display:grid;grid-template-rows:subgrid;min-height:0}.channels .lists{grid-row:1 / 3;display:grid;grid-template-rows:auto 1fr;min-height:0}.channels ul{list-style:none;margin:0;padding:.3em 0;min-height:0}.channels ul.pins{border-bottom:1px solid var(--border)}.channels ul.rest{grid-row:2;overflow-y:auto}.channels button.text{display:flex;justify-content:space-between;gap:1ch;width:100%;text-align:left;color:var(--dim);padding:.05em 1ch}.channels .chname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channels li.activity button.text{color:var(--fg)}.channels li.mention button.text{color:var(--amber)}.channels button.text:hover{color:var(--fg)}.channels li.selected button.text{background:var(--sel-bg);color:var(--fg)}.channels.mention-above .pins{border-bottom-color:var(--amber)}.channels.mention-above:not(:has(.pins)){position:relative}.channels.mention-above:not(:has(.pins)):before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--amber)}.channels.mention-below .new{border-top-color:var(--amber)}.channels .new{grid-row:3;border-top:1px solid var(--border);padding:.2em 0;display:flex;align-items:center}.chatmain{grid-row:1 / -1;display:grid;grid-template-rows:subgrid;min-height:0}.controls{display:flex;gap:2ch;align-items:center;padding:.2em 1ch;border-bottom:1px solid var(--border);color:var(--dim)}.controls .spacer{flex:1}.scrollback{overflow-y:auto;min-height:0;padding:.3em 0}.controls input{width:52ch;min-width:12ch}.result{padding:.1em 1ch;cursor:pointer}.result:hover{background:#101010}.result .hl{color:var(--amber)}.nomatches{padding:0 1ch}.msg.mention{background:#171204;box-shadow:inset 2px 0 0 var(--amber)}.msg{transition:background .8s ease-out}.msg.flash{background:var(--sel-bg);transition:none}.msg{display:grid;grid-template-columns:11ch 20ch 1fr;gap:1ch;padding:0 1ch}.msg .when{color:var(--faint);cursor:help}.msg .nick{text-align:right;color:var(--teal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg .body{white-space:pre-wrap;overflow-wrap:anywhere}.msg .body.art{line-height:1}.msg .attachment{color:var(--lavender)}.jump{text-align:center;padding:.2em 0}.scrollback .jump{position:sticky;bottom:0}.events .jump{position:sticky;top:0}.jump button.text{background:var(--sel-bg);border:1px solid var(--border);padding:.1em 1.5ch;color:var(--fg)}.inputrow{display:grid;grid-template-columns:1fr auto;gap:1ch;align-items:center;padding:.3em 1ch}.inputrow textarea{resize:none;field-sizing:content;min-height:1.6em;max-height:10em;width:100%}.events{height:100%;overflow-y:auto;padding:.5em 1ch}.events .row{display:grid;grid-template-columns:17ch 1fr;gap:1ch}.events .when{color:var(--faint);cursor:help}.eu{color:var(--teal)}.echan{color:var(--blue)}.efile{color:var(--lavender)}.epage{color:var(--link)}.estatus{color:var(--amber)}.events .dead{opacity:.55;text-decoration:line-through}.events button.echan{padding:0}.events button.echan:hover{color:var(--blue);text-decoration:underline}.pane{height:100%;min-height:0;display:flex;flex-direction:column}.pane>.scroll{flex:1}.scoperow{display:flex;gap:1ch;align-items:baseline;padding:.25em 1ch}.scoperow input{width:22ch}.pane .toolbar{display:flex;gap:1ch;align-items:baseline;padding:.2em 1ch;border-bottom:1px solid var(--border)}.pane .toolbar .spacer{flex:1}.pane .scroll{overflow-y:auto;min-height:0;padding:.5em 1ch}.pane.dropping,.chatmain.dropping{outline:1px dashed var(--teal);outline-offset:-3px}table.list{border-collapse:collapse}table.list th{text-align:left;padding:0 2ch .3em 0}table.list th button.text{padding:0;color:var(--dim)}table.list th button.text:hover{color:var(--fg)}table.list .sortmark{display:inline-block;width:1ch}table.list td{padding:0 2ch 0 0;vertical-align:baseline}table.list td.num{text-align:right}table.list tr.selected td{background:var(--sel-bg)}table.list td.msgbody{white-space:pre-wrap;overflow-wrap:anywhere;max-width:80ch}input[type=checkbox]{accent-color:var(--teal)}dialog p{margin:0}.editor{height:100%;min-height:0;display:grid;grid-template-rows:auto 1fr}.editor .toolbar{display:flex;gap:1ch;align-items:baseline;padding:.2em 1ch;border-bottom:1px solid var(--border)}.editor .toolbar .spacer{flex:1}.editor .panes{display:grid;grid-template-columns:1fr 1fr;min-height:0}.editor .src{resize:none;border:none;border-right:1px solid var(--border);padding:.5em 1ch;min-height:0}.editor .preview{border:none;width:100%;height:100%;min-height:0}.placeholder{height:100%;display:grid;place-content:center;color:var(--faint)}dialog{background:var(--bg);color:var(--fg);border:1px solid var(--border);padding:1em 2ch}dialog::backdrop{background:#0009}dialog form{display:grid;gap:.6em;justify-items:start}dialog form>span{display:flex;gap:1ch;align-items:baseline}
