@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-extrabold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg: #282a36;--fg: #f8f8f2;--link: #8be9fd;--teal: #8be9fd;--teal-bright: #a4ffff;--blue: #bd93f9;--lavender: #ff79c6;--red: #ff5555;--amber: #f1fa8c;--green: #50fa7b;--dim: color-mix(in srgb, var(--fg) 66%, var(--bg));--faint: color-mix(in srgb, var(--fg) 35%, var(--bg));--border: color-mix(in srgb, var(--fg) 21%, var(--bg));--slate: color-mix(in srgb, var(--blue) 62%, var(--bg));--sel-bg: color-mix(in srgb, var(--blue) 20%, var(--bg));--bg-sunken: color-mix(in srgb, var(--bg) 55%, #000);--input-bg: color-mix(in srgb, var(--link) 30%, var(--bg));--input-focus-bg: color-mix(in srgb, var(--link) 40%, var(--bg));--placeholder: color-mix(in srgb, var(--link) 70%, var(--dim) 30%);--fill: color-mix(in srgb, var(--fg) 11%, var(--bg));--fill-hover: color-mix(in srgb, var(--fg) 17%, var(--bg));--row-hover: color-mix(in srgb, var(--fg) 7%, var(--bg));--mention-bg: color-mix(in srgb, var(--amber) 9%, var(--bg))}*{box-sizing:border-box;font-variant-ligatures:none;overscroll-behavior:none}html,body{margin:0;height:100%}body{background:var(--bg-sunken);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,select{background:var(--input-bg);color:var(--fg);border:none;font:inherit;padding:.2em .7ch}input::placeholder,textarea::placeholder{color:var(--placeholder)}input:focus,textarea:focus,select:focus{outline:none;background:var(--input-focus-bg)}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:var(--fill);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:var(--fill-hover)}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);background:var(--bg)}.nav .site{background:none;border:none;padding:0 .5ch;font:inherit;font-weight:700;color:var(--fg);cursor:pointer;margin-right:1ch}.nav .site:not(.selected):hover{text-decoration:underline}.nav .site.selected{background:var(--fg);color:var(--bg)}.nav .spacer{flex:1}.nav-theme{padding:0 .5ch;max-width:16ch}.nav button.text.stale{color:var(--amber)}.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 .facts{margin:0 0 .6em}.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 input.attest{width:24ch}.centered form .hint,dialog form .hint{margin-top:-.45em;padding-left:1ch}.centered form .preview{min-height:1.45em}.field{display:flex;gap:1ch;align-items:baseline}.ok{color:var(--teal)}.uname .u-lc{color:color-mix(in srgb,var(--teal) 80%,var(--bg))}.uname .u-uc{color:var(--teal)}.uname .u-dg{color:var(--teal-bright)}.uname .u-ot{color:color-mix(in srgb,var(--teal-bright) 45%,var(--fg))}.warn{color:var(--amber)}.sendrow{display:flex;justify-content:space-between;align-items:baseline;width:44ch}dialog input.topicfield{width:44ch}.chat{height:100%;min-height:0;display:grid;grid-template-columns:24ch minmax(0,1fr)}.channels{border-right:1px solid var(--border);display:grid;grid-template-rows:1fr auto;min-height:0}.channels .lists{grid-row:1;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:clip;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:2;border-top:1px solid var(--border);padding:.2em 0;display:flex;flex-direction:column;align-items:stretch}.chatmain{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:0}.controls{display:flex;gap:2ch;align-items:center;min-width:0;padding:.2em 1ch;border-bottom:1px solid var(--border);color:var(--dim)}.controls .topic{flex:1 1 0;min-width:0;overflow:clip;text-overflow:ellipsis;white-space:nowrap;cursor:help}.controls .topic a{cursor:pointer}.scrollback{overflow-y:auto;min-height:0;padding:.3em 0}.controls input{width:26ch;min-width:12ch}.result{padding:.1em 1ch;cursor:pointer}.result:hover{background:var(--row-hover)}.result .hl{color:var(--amber)}.nomatches{padding:0 1ch}.msg.mention{background:var(--mention-bg);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:clip;text-overflow:ellipsis;white-space:nowrap}.msg .nick .nicklink{cursor:pointer}.msg .nick .nicklink:hover{text-decoration:underline}.msg .nick.mine .uname{background:color-mix(in srgb,var(--fg) 14%,var(--bg));border-radius:2px}.msg .body{white-space:pre-wrap;overflow-wrap:anywhere}.msg .body.art{line-height:1.32}.msg .attachment{color:var(--lavender)}.msg .attachment img.thumb{display:block;margin-top:.3em;max-width:320px;max-height:240px;border:1px solid var(--border)}.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:1.5ch;align-items:end;padding:.3em 1ch}.inputbtns{display:inline-flex;align-items:center;gap:1.5ch}.inputbtns button.text{padding-block:.2em}.inputrow button.enter-toggle{background:color-mix(in srgb,var(--fg) 7%,var(--bg));color:var(--dim);font-weight:700}.inputrow button.enter-toggle.on{background:color-mix(in srgb,var(--green) 55%,var(--bg));color:var(--fg)}.inputrow button.enter-toggle:hover:enabled{background:color-mix(in srgb,var(--fg) 12%,var(--bg));color:var(--dim)}.inputrow button.enter-toggle.on:hover:enabled{background:color-mix(in srgb,var(--green) 68%,var(--bg));color:var(--fg)}.inputrow.composing textarea,.inputrow.composing textarea:focus{background:color-mix(in srgb,var(--amber) 13%,var(--bg))}.inputrow textarea{resize:none;field-sizing:content;min-height:1.6em;max-height:10em;width:100%}.twc{height:100%;overflow:hidden;background:#000;display:grid;place-content:center}.twc .tableau{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:32px}.twc .title{margin:0;font-size:64px;font-weight:700;text-align:center;-webkit-text-stroke:4px black;paint-order:stroke fill;color:#fff;white-space:pre;letter-spacing:-10px;line-height:54px;z-index:1}.twc .title span{display:inline-block;will-change:transform}.twc .stage,.twc .sigil{display:grid;place-items:center;position:relative}.twc .stage>*,.twc .sigil>*{grid-area:1 / 1}.twc canvas{display:block}.twc img{display:block;pointer-events:none}.twc .flame{position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-100%);height:var(--height);opacity:var(--opacity);image-rendering:pixelated;pointer-events:none}.twc .wizard{width:231px;height:492px;filter:grayscale(40%) brightness(120%)}@media(max-width:620px){.twc .tableau{transform:scale(.62)}}@media(max-width:380px){.twc .tableau{transform:scale(.5)}}@media(max-height:560px){.twc .tableau{transform:scale(.6)}}@media(max-height:420px){.twc .tableau{transform:scale(.45)}}.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)}.etopic{background:color-mix(in srgb,var(--fg) 12%,var(--bg));color:var(--fg);padding:0 .5ch;border-radius:2px}.etopic.old{background:color-mix(in srgb,var(--fg) 7%,var(--bg));color:var(--dim)}.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)}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}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,.dialogbtns{display:flex;gap:1ch;align-items:baseline}
