@font-face{src:url(/fonts/Commissioner-Regular-6f3db786d0b15946644691a673e77d0c.woff2?vsn=d);font-family:Commissioner;font-style:normal;font-weight:400}@font-face{src:url(/fonts/Commissioner-Italic-c0b645837af08c8148c7352ab1573a60.woff2?vsn=d);font-family:Commissioner;font-style:italic;font-weight:400}@font-face{src:url(/fonts/Commissioner-Bold-c5c21c3c5be772f1cb3b2805c4907048.woff2?vsn=d);font-family:Commissioner;font-style:normal;font-weight:700}@font-face{src:url(/fonts/Commissioner-BoldItalic-baeb96d4cd6e2a83ff184800d783c067.woff2?vsn=d);font-family:Commissioner;font-style:italic;font-weight:700}@font-face{src:url(/fonts/Literata7pt-Regular-32757f3d9c71e606335e27241a903dd3.woff2?vsn=d);font-family:Literata;font-style:normal;font-weight:400}@font-face{src:url(/fonts/Literata7pt-LightItalic-120ebafd2383a12eb776b324324a4713.woff2?vsn=d);font-family:Literata;font-style:italic;font-weight:400}@font-face{src:url(/fonts/Literata7pt-Bold-24cab970f0fb16af53086317505f5cce.woff2?vsn=d);font-family:Literata;font-style:normal;font-weight:700}@font-face{src:url(/fonts/Literata7pt-SemiBoldItalic-af32e44cb76778b24c20320179c6f556.woff2?vsn=d);font-family:Literata;font-style:italic;font-weight:700}@font-face{src:url(/fonts/Newsreader6pt-Regular-64415aa61e93b3f5bf604d7b5653ba06.woff2?vsn=d);font-family:Newsreader;font-style:normal;font-weight:400}@font-face{src:url(/fonts/Newsreader6pt-Italic-77d0bbcbe549c92e440d5054131c43b4.woff2?vsn=d);font-family:Newsreader;font-style:italic;font-weight:400}@font-face{src:url(/fonts/Newsreader6pt-Bold-37d1c3ad0814b1eb1a1fbafcbbc1a84d.woff2?vsn=d);font-family:Newsreader;font-style:normal;font-weight:700}@font-face{src:url(/fonts/Newsreader6pt-BoldItalic-40dc764e8f4aa3e606f15af6f2711362.woff2?vsn=d);font-family:Newsreader;font-style:italic;font-weight:700}body{margin:0;padding:1em;box-sizing:border-box;min-height:100vh;max-height:100vh;gap:1em;background:#ddd;font-family:Commissioner;font-feature-settings:"ss01";font-size:1.1em;line-height:1.5em;display:flex;flex-direction:row}#wrapper{display:flex;flex-direction:column;gap:1em;flex:1}#msg-wrapper,#update-wrapper{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}#messages,#updates{display:flex;flex-direction:column;justify-content:end;min-height:100%;gap:.2em}#updates{gap:1em;max-width:80ch;position:relative}aside ul li,aside fieldset label{list-style:none;padding:.2em .5em;border:2px solid #0000;border-radius:.7em}aside fieldset input:checked+label{border:2px solid #000}aside fieldset input:focus+label,aside fieldset input:hover+label{background:#0003}aside ul,aside fieldset{display:flex;flex-direction:column;margin:0;padding:0;border:none}aside fieldset legend{display:none}aside fieldset input{width:0;height:0;visibility:hidden}aside{display:flex!important;flex-direction:column;gap:1em;width:20ch}.selected{border:2px solid #000;border-radius:.7em}.sep{flex:1}#start{opacity:.7;font-style:italic}.message:not(.big){padding:0ch 1ch}.message{display:grid;grid-template-columns:5ch 1fr;align-items:baseline;position:relative}.message .inner_msg{grid-column:1 / span 2;display:grid;grid-template-columns:5ch 1fr;align-items:baseline;position:relative;border-radius:1ch;padding:0 1ch}.message.big{margin-top:1em;padding:.2ch 1ch}.message .time{font-size:.8em;font-feature-settings:"tnum";display:inline}.message:not(.big) .time{align-self:start}.message:not(.big) .inner_msg:not(:hover) .time{opacity:0}.message .poster{font-weight:700;display:inline;margin-right:1em}.message .info{grid-column:2}.message .reply{grid-column:2;display:grid;grid-template-columns:2em 1fr;padding:.2ch 1ch;box-sizing:border-box;line-height:2ch;background:#0000}.message .reply .inner{max-height:3.2em;overflow:hidden;text-overflow:ellipsis}.message .reply .body{display:inline}.message .body{grid-column:2;font-family:Newsreader,serif}.message .controls{position:absolute;right:.2ch;background:#aaa;padding:.2ch;display:none;gap:.5ch;border-radius:1ch}.message .hover~.inner_msg:hover{background:#0001}.message .inner_msg:hover .controls{display:flex}.message .reply{font-size:.9em;width:100%;opacity:.7}.message .lines div{width:70%;height:50%;bottom:0;right:.5em;position:absolute;display:block;border:2px solid #0004;border-right:none;border-bottom:none;border-top-left-radius:1em}.message.big .reply~.pfp{grid-row:2 / span 2}.pfp{position:absolute;width:4.8em;height:4.4em;left:-1em;top:-.7em;background:#777;overflow:visible;grid-row:1 / span 2}.message .lines{position:relative;width:100%;height:100%}.date{display:flex;align-items:center;gap:.5em;color:#333;margin-top:1em}.date .hr{display:inline-block;width:100%;height:2px;background:#777;margin-right:1em;position:relative;top:1px}#chat-input{font-size:1em;font-family:Newsreader,serif;background:#eee;border:2px solid #999;padding:1ch;border-radius:1ch}button{font-family:Commissioner;font-feature-settings:"ss01";font-size:.9rem;padding:.1ch .5ch;border-radius:.7ch;border:2px solid #888;background:#ddd;&:active{background:#aaa}}.hidden{display:none}#flash{background:#f88;padding:1em;border-radius:.5em}.notif{font-weight:700}.update{padding:1em;border:2px solid #888;border-radius:1em;background:#eee}.update .author{display:inline;margin-right:2em;font-weight:700}.update .date{display:inline;font-size:.8em;font-feature-settings:"tnum"}.update h2{margin-top:0}.update .content *:not(h2,h3){font-family:Newsreader,serif}.message img{max-width:100%;max-height:50vh;box-shadow:#0002 0 3px 10px}.message p{margin:0}#chat-header{position:fixed;z-index:100;background:#ddd;width:100%;padding:1em;top:0;display:none;gap:1em}#chat-header h1{font-size:1.2em;margin:0}#chat-header input,#chat-header label{padding:0;margin:0}.vr{background:#444;width:2px}#help{max-width:50ch}#help p{font-family:Newsreader,serif}img{border:2px solid #444;border-radius:1em}.image-attached{font-style:italic}.message .reply:hover{color:#000;opacity:1;cursor:pointer}@keyframes highlight{0%{background:#eee}to{background:#eee0}}.highlight .highlighter{animation:highlight 1s linear}.highlighter,.hover{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:1ch;z-index:-1000}@media screen and (prefers-color-scheme: dark){body{background:#222;color:#eee}@keyframes highlight{0%{background:#555}to{background:#5550}}.highlight .highlighter{animation:highlight 1s linear}.message .reply:hover{color:#fff}a{color:#eee}input{background:#444!important;color:#eee}aside fieldset input:focus+label,aside fieldset input:hover+label{background:#fff3}aside fieldset input:checked+label{border:2px solid #eee}.vr{background:#aaa}.message .inner_msg:hover{background:#fff1}#flash{background:#733}.date{color:#bbb}.update{border:2px solid #aaa;background:#111}.message .lines div{border-color:#fff}#chat-header{background:#222}aside{background:#222!important}}@media screen and (max-width: 45em){html{font-size:.9em}h1{font-size:1.4em}#help{padding:.3em}aside{display:none!important;position:absolute;background:#ddd;z-index:1;width:100vw;height:100vh;padding:4em 1em 1em;box-sizing:border-box;top:0;left:0}#chat-header{display:flex}.message,.message .inner_msg{grid-template-columns:3ch 1fr}.pfp{width:calc(4.8em / 1.5);height:3em;left:calc(-1em / 1.5);top:0}.message .body{font-size:.95em;line-height:1.5em}#messages{gap:0em}body{padding:.2em}.message:not(.big) .time{display:none}#wrapper{margin-top:3.5em}}
