@charset "UTF-8";@namespace svg "http://www.w3.org/2000/svg";:not(svg|*){all:unset;display:revert;box-sizing:border-box}ul,ol{list-style:none}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/AtkinsonHyperlegible-Regular-x6Nv_yQN.ttf) format("ttf"),url(/assets/AtkinsonHyperlegible-Regular-CB4QDxt8.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/AtkinsonHyperlegible-Bold-DnVEso5e.ttf) format("ttf"),url(/assets/AtkinsonHyperlegible-Bold-6n8_6IxO.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/AtkinsonHyperlegible-Italic-DU9PyR0j.ttf) format("ttf"),url(/assets/AtkinsonHyperlegible-Italic-BxUxwJjD.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/AtkinsonHyperlegible-BoldItalic-CqigmPLH.ttf) format("ttf"),url(/assets/AtkinsonHyperlegible-BoldItalic-Co9zLHZH.woff2) format("woff2")}@font-face{font-family:Iosevka Zesty;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/iosevka-zesty-B59CooQE.ttf) format("ttf"),url(/assets/iosevka-zesty-BwgdaOr_.woff2) format("woff2")}@font-face{font-family:Iosevka Zesty;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/iosevka-zesty-bold-CJKjg_7r.ttf) format("ttf"),url(/assets/iosevka-zesty-bold-ClUlpgTf.woff2) format("woff2")}@font-face{font-family:Iosevka Zesty;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/iosevka-zesty-italic-KE2pir8w.ttf) format("ttf"),url(/assets/iosevka-zesty-italic-DSNxq5gx.woff2) format("woff2")}@font-face{font-family:Iosevka Zesty;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/iosevka-zesty-bold-italic-MuljmwPN.ttf) format("ttf"),url(/assets/iosevka-zesty-bold-italic-BWLjVfuc.woff2) format("woff2")}.hljs-number,.hljs-literal{color:#ff9e64}.hljs-string{color:#9ece6a}.hljs-attr{color:#7dcfff}.hljs-keyword{color:#bb9af7}.hljs-comment{color:#565f89}.hljs-built_in{color:#e0af68}.hljs-title{color:oklch(var(--color-blue))}.hljs-variable{color:oklch(var(--color-cyan))}.hljs-params{color:oklch(var(--color-fg3))}.hljs-function{color:oklch(var(--color-blue))}.hljs-type,.hljs-class{color:#e0af68}.hljs-operator{color:#89ddff}.hljs-property{color:#7dcfff}.hljs-regexp{color:#b4f9f8}.hljs-meta{color:#7aa2f7}.hljs-tag,.hljs-name{color:#f7768e}.hljs-bullet,.hljs-symbol{color:#9ece6a}:root{--font-default: "Atkinson Hyperlegible", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-mono: "Iosevka Zesty", "Courier New", Courier, monospace;--color-fg1: 100% 0 0;--color-fg2: 94.9% 0 0;--color-fg3: 89.8% 0 0;--color-fg4: 84.5% 0 0;--color-fg5: 73.8% 0 0;--color-fg6: 69.4% 0 0;--color-bg1: 17% .008 229.4;--color-bg1-5: 18.84% .009 229.4;--color-bg2: 22.3% .01 234.2;--color-bg3: 27.5% .011 225.5;--color-bg4: 34% .014 217.8;--color-sep: 37.3% .016 208.8;--color-sep-300: 27.83% .016 219.8;--color-sep-400: 37.83% .016 219.8;--color-sep-800: 52.53% .0149 208.75;--color-link-200: 51.6% .15 299.2;--color-link-300: 61.6% .15 299.2;--color-link-400: .72 .1169 299.2;--color-link-500: 71.6% .15 299.2;--color-warn: 85.94% .1563 89.66;--color-error: 60.2% .1976 20.66;--color-status-online: 80.42% .1367 154.99;--color-red: 74.03% .1759 13.16;--color-green: 85.53% .1395 130.14;--color-yellow: 85.39% .1187 92.43;--color-blue: 79.29% .1636 255.6;--color-magenta: 80.6% .15 299.2;--color-cyan: 80.21% .1086 199.72;--color-orange: 80.7% .1273 50.56;--color-teal: 80% .128 168}@keyframes popup-bg{0%{background-color:#1110}to{background-color:#111a}}@keyframes popup-content{0%{translate:0 6px;opacity:.5}to{translate:0 0;opacity:1}}@keyframes popup-base{0%{scale:.9;box-shadow:0 0 #1110}to{scale:1;box-shadow:4px 4px 8px #111}}@keyframes loading{0%{content:"⠋ "}11%{content:"⠙ "}23%{content:"⠹ "}33%{content:"⠸ "}44%{content:"⠼ "}55%{content:"⠴ "}66%{content:"⠦ "}77%{content:"⠧ "}88%{content:"⠇ "}to{content:"⠏ "}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.media-old{position:relative}.media-old audio,.media-old video{display:block}.resize{contain:content;max-height:min(var(--height),320px,round(50vh,1px));max-width:min(var(--width),320px,round(50vw,1px));aspect-ratio:var(--aspect-ratio)}.image{display:contents}.image>.download,.image>.info{opacity:0;transition:all .1s;position:absolute}.image>.download{top:4px;right:4px}.image>.download>button{display:grid;place-items:center center;height:24px;width:24px}.image>.info{padding:4px;width:100%;pointer-events:none}.image>header.info{top:0}.image>footer.info{background:#111d;bottom:0;clip-path:inset(4px 0 0 0)}.image:hover>footer.info{clip-path:inset(0 0 0 0)}.image:hover>.info,.image:hover>.download{opacity:1}.image>img{display:block;max-height:100%;max-width:100%;height:var(--height);width:var(--width);object-fit:contain;overflow:hidden;cursor:pointer}.video{height:100%;width:100%}.video>video{display:block;max-height:100%;max-width:100%;height:var(--height);width:var(--width);object-fit:contain}.video:fullscreen>video{background-color:oklch(var(--color-bg1));height:100%;width:100%}.media-loader{padding:8px;background-color:oklch(var(--color-bg1));font-family:var(--font-mono);height:100%;width:100%;pointer-events:none;position:absolute}.media-loader:before{content:"";animation:loading .4s linear infinite}.media-loader.loaded{opacity:0}.modal.modal-media>.content>.base{display:none}.modal.modal-media>.content>.inner{padding:0;max-width:100%;min-width:0;min-height:0}.modal.modal-media>.content .resize{max-height:min(var(--height),80vh);max-width:min(var(--width),80vw)}.modal-media a{position:absolute;text-shadow:1px 1px 2px #111111}.video>.footer{position:absolute;bottom:0;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto auto auto;grid-template-areas:"." "progress" "info" "controls";background:oklch(var(--color-bg3)/.5)}.video>.footer>.progress{position:absolute;grid-area:progress;border:solid oklch(var(--color-bg3)) 1px}.video>.footer>.info{grid-area:info;padding:4px}.video>.footer>.info>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:pre}.video>.footer>.controls{grid-area:controls;display:flex;padding:4px}.video>.footer>.controls>button{background:oklch(var(--color-bg2));display:grid;place-items:center}.video>.footer>.controls>button:hover{background:oklch(var(--color-bg1))}.video>.footer>.controls>.space{flex:1}.video>.footer>.controls>.time{font-size:.9rem;font-family:var(--font-mono)}.video>.footer>.controls>.time.preview>.progress{color:oklch(var(--color-link-500))}.audio>.progress,.video>.footer>.progress{position:absolute;grid-area:progress;height:8px;width:100%;background-color:oklch(var(--color-bg1))}.audio>.progress:hover,.video>.footer>.progress:hover{height:16px;box-shadow:2px 2px 8px #1114}.audio>.progress>rect,.video>.footer>.progress>rect{x:0;y:0;height:1px;pointer-events:none}.audio>.progress>.loaded,.video>.footer>.progress>.loaded{fill:oklch(var(--color-bg2))}.audio>.progress>.preview,.video>.footer>.progress>.preview{fill:#fff3}.audio>.progress>.current,.video>.footer>.progress>.current{fill:oklch(var(--color-link-500))}.media-text{border:solid oklch(var(--color-sep)) 1px;overflow-x:auto}.media-text footer{padding:4px;background:oklch(var(--color-bg1))}.media-text>.wrap{position:relative;background-color:oklch(var(--color-bg2))}.media-text>.wrap>pre{line-height:1.3;padding:0}.media-text>.wrap>pre.numbered>code:before{background:oklch(var(--color-bg1-5));padding:0 8px;margin-right:8px;position:sticky;left:0}.media-text>.wrap.collapsed>pre{height:10lh;overflow-y:hidden}.media-text>.wrap>.copy{position:absolute;top:4px;right:4px;visibility:hidden}.media-text>.wrap:hover>.copy{visibility:visible}.audio{display:grid;grid-template-columns:auto 1fr;grid-template-rows:8px auto auto;grid-template-areas:". ." "thumb info" "controls controls";background:oklch(var(--color-bg3));width:200px;position:relative;padding:4px;border:solid oklch(var(--color-bg4)) 1px;contain:content}.audio>.info{grid-area:info;overflow:hidden}.audio>.info>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:pre}.audio>.info>.dim{overflow:hidden;text-overflow:ellipsis;white-space:pre}.audio>.thumb{display:contents}.audio>.thumb>img{grid-area:thumb;margin:4px 4px 4px 0;height:32px;width:32px;object-fit:cover;align-self:center}.audio>.controls{grid-area:controls;display:flex}.audio>.controls>button{background:oklch(var(--color-bg2));display:grid;place-items:center}.audio>.controls>button:hover{background:oklch(var(--color-bg1))}.audio>.controls>.space{flex:1}.audio>.controls>.time{font-size:.9rem;font-family:var(--font-mono)}.audio>.controls>.time.preview>.progress{color:oklch(var(--color-link-500))}.inbox{grid-area:main;background-color:oklch(var(--color-bg2));color:oklch(var(--color-fg2));display:flex;flex-direction:column;overflow-y:auto}.inbox>header{display:flex;align-items:center;padding:8px 16px;border-bottom:solid oklch(var(--color-sep-300)) 1px;background:oklch(var(--color-bg1));height:48px}.inbox>header h2{font-size:1.2rem}.inbox>header .spacer{flex:1}.inbox .inner{padding:8px;max-width:800px;margin:8px}.inbox .notification{background-color:oklch(var(--color-bg3));border:solid 1px oklch(var(--color-sep-400));border-radius:4px;margin-bottom:8px;overflow:hidden}.inbox .notification .notification-checkbox{margin-right:8px}.inbox .notification[data-type=Mention]{border-left:3px solid oklch(var(--color-link-500))}.inbox .notification[data-type=Reply]{border-left:3px solid oklch(var(--color-green))}.inbox .notification[data-type=Reminder]{border-left:3px solid oklch(var(--color-yellow))}.inbox .notification[data-type=MentionBulk]{border-left:3px solid oklch(var(--color-orange))}.inbox .notification>header{display:flex;align-items:center;padding:4px 8px;font-size:.9rem;color:oklch(var(--color-fg4));border-bottom:solid 1px oklch(var(--color-sep-400))}.inbox .notification>header .spacer{flex:1}.inbox .notification>header .label{background:oklch(var(--color-bg4));padding:2px 4px;border-radius:4px;font-size:.8rem}.inbox .notification>header .mark-read{margin-left:8px;background:none;border:none;color:oklch(var(--color-fg5));cursor:pointer;padding:2px 4px}.inbox .notification>header .mark-read:hover{color:oklch(var(--color-fg2));background-color:oklch(var(--color-bg4));border-radius:4px}.inbox .notification>.notification-content{padding:8px 0}.inbox .notification .body-link{text-decoration:none;color:inherit;display:block;cursor:pointer}.inbox .notification .body-link:hover{background-color:oklch(var(--color-bg4))}.inbox .notification .body-link .message.withavatar:hover{background-color:transparent}.voice-debug{height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-columns:256px 1fr}.voice-debug>header{grid-column:span 2/span 2;background-color:oklch(var(--color-bg2));border-bottom:solid 1px oklch(var(--color-sep));padding:.5rem}.voice-debug>nav{background-color:oklch(var(--color-bg1-5));padding:8px 8px 128px 72px;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:none}.voice-debug>nav>ul{padding-top:8px;padding-bottom:240px;display:flex;flex-direction:column}.voice-debug>nav button{display:block;padding:2px 8px;background:none;border:none;border-radius:2px;color:oklch(var(--color-fg4))}.voice-debug>nav button:hover,.voice-debug>nav button:focus{background-color:#fff1}.voice-debug>nav button:hover.active,.voice-debug>nav button:focus.active{background-color:#fff3}.voice-debug>nav button.active{background-color:#fff2}.voice-debug>main{overflow-y:auto}.voice-debug h3{font-size:1rem;font-weight:700;display:inline-block}.voice-debug-sdp{margin:8px}.voice-debug-sdp section,.voice-debug-sdp details{border-radius:4px;padding:8px;margin-top:8px}.voice-debug-sdp .session{border:solid oklch(var(--color-teal)/.5) 1px;background:oklch(var(--color-teal)/.1)}.voice-debug-sdp .session h3{color:oklch(var(--color-teal))}.voice-debug-sdp .session ::marker{color:oklch(var(--color-teal))}.voice-debug-sdp .session-attrs{border:solid oklch(var(--color-cyan)/.5) 1px;background:oklch(var(--color-cyan)/.1)}.voice-debug-sdp .session-attrs h3{color:oklch(var(--color-cyan))}.voice-debug-sdp .session-attrs ::marker{color:oklch(var(--color-cyan))}.voice-debug-sdp .media{border:solid oklch(var(--color-orange)/.5) 1px;background:oklch(var(--color-orange)/.1)}.voice-debug-sdp .media h3{color:oklch(var(--color-orange))}.voice-debug-sdp .media ::marker{color:oklch(var(--color-orange))}.voice-debug-sdp .media-attrs{border:solid oklch(var(--color-red)/.5) 1px;background:oklch(var(--color-red)/.1)}.voice-debug-sdp .media-attrs h3{color:oklch(var(--color-red))}.voice-debug-sdp .media-attrs ::marker{color:oklch(var(--color-red))}.voice-debug-sdp .origin{border:solid oklch(var(--color-green)/.5) 1px;background:oklch(var(--color-green)/.1)}.voice-debug-sdp .origin h3{color:oklch(var(--color-green))}.voice-debug-sdp .origin ::marker{color:oklch(var(--color-green))}.voice-debug-sdp .errors{border:solid #000 1px;background:#0004}.voice-debug-sdp b{font-weight:700}.voice-debug-sdp li{background:#1112;border-radius:4px;margin-top:4px;padding:4px 8px}.voice-debug-sdp .value{font-family:var(--font-mono);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:pre}.voice-debug-sdp .ip-addr{background:#fa32;color:#fa3;padding:0 2px;font-weight:700;border-radius:2px}.chart{height:150px;background:#fff1}.emoji-picker{display:grid;grid-template-columns:48px auto;grid-template-rows:auto auto 48px;height:420px;width:420px;border-radius:8px;overflow:hidden;box-shadow:2px 2px 4px #0008;-webkit-user-select:none;user-select:none;background:oklch(var(--color-bg2));border:solid oklch(var(--color-sep-300)) 1px}.emoji-picker header{grid-column:1/3;display:flex;background:oklch(var(--color-bg1));z-index:1;padding:16px}.emoji-picker .categories{grid-row:2/4;display:flex;flex-direction:column;padding:4px 0;background:oklch(var(--color-bg1-5));align-items:center;overflow-y:auto}.emoji-picker .emojis{overflow-y:auto}.emoji-picker .group{display:grid;grid-template-columns:repeat(auto-fill,40px);padding:4px}.emoji-picker .preview{display:flex;background:oklch(var(--color-bg1));align-items:center}.emoji-picker .preview .emoji{margin:0 8px}.emoji-picker .emoji{height:40px;width:40px;padding:4px;font-size:32px;cursor:pointer;border-radius:4px}.emoji-picker .emoji:hover{background:#fff2}.emoji-picker input[type=search]{padding:0 4px;flex:1}.emoji-picker .emojis .label{position:sticky;top:0;padding:4px 8px;background:oklch(var(--color-bg2));font-size:16px;font-weight:500}.emoji-picker .categories>button{background:none;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;margin:4px 0;cursor:pointer;width:36px;height:36px;border-radius:4px}.emoji-picker .categories>button:hover{background:#fff2}.emoji-picker .categories>button .avatar{height:36px;width:36px}.emoji-picker .custom-emoji{padding:4px;height:40px;width:40px}.user-settings-info .profile{display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;grid-template-areas:"avatar name" "avatar description";gap:4px}.user-settings-info .profile .name{grid-area:name;font-weight:700;font-size:1.2em;cursor:pointer}.user-settings-info .profile .description{grid-area:description}.user-settings-info .profile .avatar{grid-area:avatar}.user-settings-auth h3{font-size:1.2em}.user-settings-auth .email-list{border:solid oklch(var(--color-sep-300)) 1px;background:oklch(var(--color-bg1-5))}.user-settings-auth .email-list>.email{display:flex;padding:4px 8px}.user-settings-auth .email-list>.email:hover{background:#0004}.user-settings-auth .email-list>.email>menu{display:flex;gap:8px}.user-settings-auth .email-add{padding:8px;display:flex;justify-content:end}.user-settings-auth .oauth{border:solid oklch(var(--color-sep-300)) 1px;background:oklch(var(--color-bg1-5))}.user-settings-auth .oauth .provider{display:flex;padding:4px 8px;align-items:center}.user-settings-auth .oauth .provider:hover{background:#0004}.user-settings-lang .langs{display:flex;flex-direction:column;gap:4px}.user-settings-lang .langs .lang{display:flex;align-items:center;gap:4px;padding:4px;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px}.user-settings-lang .langs .lang:hover{background:oklch(var(--color-bg1))}.user-settings-keybinds h3{color:oklch(var(--color-fg5));font-size:1em;font-weight:700;margin-top:1em;margin-bottom:4px}.user-settings-keybinds ul{border:solid oklch(var(--color-sep)) 1px;background:oklch(var(--color-bg3))}.user-settings-keybinds li{display:flex;justify-content:space-between;margin:0 8px;padding:8px 0}.user-settings-keybinds li+li{border-top:solid oklch(var(--color-sep-400)) 1px}.user-settings-notifications input[type=checkbox]{display:none}.user-settings-notifications .options{display:flex;flex-direction:column;gap:4px}.user-settings-notifications .option{display:flex;align-items:center;gap:4px;padding:4px;cursor:pointer}.user-settings-notifications .option:hover{background:oklch(var(--color-bg1-5))}.user-settings-notifications .permission{background:oklch(var(--color-yellow)/.2);border:solid oklch(var(--color-yellow)) 1px;padding:8px;margin:8px;border-radius:4px;display:flex;align-items:center;justify-content:space-between}.user-settings-notifications .dropdowns>.option{justify-content:space-between;cursor:default}.user-settings-notifications .dropdowns>.option:hover{background:none}.user-settings-connections .connection{background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px}.user-settings-connections .connection>header{display:flex;background:oklch(var(--color-bg1));padding:8px;gap:8px;align-items:center}.user-settings-connections .connection>header>.name{flex:1;font-weight:700}.user-settings-connections .connection>.info{padding:8px;display:flex;flex-direction:column;gap:12px}.user-settings-connections ul{list-style:disc inside}.user-settings-appearance input[type=checkbox]{display:none}.user-settings-appearance .options{display:flex;flex-direction:column;gap:4px}.user-settings-appearance .option{display:flex;align-items:center;gap:4px;padding:4px;cursor:pointer}.user-settings-appearance .option:hover{background:oklch(var(--color-bg1-5))}.user-settings-appearance h3{margin-top:16px;margin-left:4px}.user-settings-appearance .apart{justify-content:space-between}.user-settings-chat .options{display:flex;flex-direction:column;gap:4px}.user-settings-chat .option{display:flex;align-items:center;gap:4px;padding:4px;cursor:pointer}.user-settings-chat .option:hover{background:oklch(var(--color-bg1-5))}.user-settings-chat h3{margin-top:16px;margin-left:4px}.user-settings-chat .apart{justify-content:space-between}.user-settings-voice .options{display:flex;flex-direction:column;gap:4px}.user-settings-voice .option{display:flex;align-items:center;gap:4px;padding:4px;cursor:pointer}.user-settings-voice .option:hover{background:oklch(var(--color-bg1-5))}.user-settings-voice .title{margin-top:16px;margin-left:4px}.user-settings-voice .title2{margin-left:4px}.user-settings-voice .title3{margin-top:8px;margin-left:4px}.user-settings-voice .apart{justify-content:space-between}.user-settings-voice .volume{width:100%}.user-settings-applications{height:100%;display:flex;flex-direction:column;overflow:hidden}.user-settings-applications .applications-header{display:flex;gap:8px;margin:8px 0 16px}.user-settings-applications .applications-header input{flex:1;padding:0 8px}.user-settings-applications .applications-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1}.user-settings-applications .applications-list li{padding:8px;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;cursor:pointer}.user-settings-applications .applications-list li:hover{background:oklch(var(--color-bg1))}.user-settings-applications .applications-list .info{display:flex;gap:8px;align-items:center}.user-settings-applications .applications-list .info .avatar{height:48px;width:48px;align-self:start}.user-settings-applications .applications-list .info .name{font-weight:700;line-height:1}.user-settings-applications .applications-list .info .description{color:oklch(var(--color-fg5));font-size:.9em}.user-settings-applications .option{display:flex;align-items:center;gap:4px;padding:4px;cursor:pointer}.user-settings-applications .option:hover{background:oklch(var(--color-bg1))}.appplication-edit .avatar-uploader .remove{border:none;background:none}.appplication-edit .avatar-uploader .remove:hover{background:none}#channel-nav{width:100%;height:100%;background-color:oklch(var(--color-bg1-5));color:oklch(var(--color-fg2));overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:none;grid-area:channel-nav}#channel-nav>header{z-index:1;min-height:48px}#channel-nav>ul{padding-top:8px;padding-bottom:240px;display:flex;flex-direction:column}#channel-nav li.toplevel{border:solid transparent 1px;margin-top:-1px;margin-bottom:-1px;position:relative}#channel-nav li.toplevel.channel-reorder-target{background:oklch(var(--color-link-500)/.2);border:solid oklch(var(--color-link-500)) 1px}#channel-nav li.toplevel.voice-channel-target{background:oklch(var(--color-green)/.2);border:solid oklch(var(--color-green)) 1px}#channel-nav li.toplevel.drop-before:before{content:"";position:absolute;top:-2px;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none}#channel-nav li.toplevel.drop-after:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none}#channel-nav a{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:block;width:100%;padding:2px 8px;background-color:none;text-decoration:none;white-space:nowrap;color:oklch(var(--color-fg4))}#channel-nav a.active{background-color:oklch(var(--color-bg3))}#channel-nav a:hover,#channel-nav a:focus{background-color:oklch(var(--color-bg4))}#channel-nav a.closed{color:oklch(var(--color-sep))}#channel-nav header{position:sticky;top:0;background:oklch(var(--color-bg1));padding:8px 16px;border-bottom:solid oklch(var(--color-sep-300)) 1px}#channel-nav li{padding:0 8px}#channel-nav li.dragging{opacity:.5}#channel-nav li.unread>a{font-weight:700;color:oklch(var(--color-fg2));position:relative}#channel-nav li.unread>a:before{--size: 8px;position:absolute;top:50%;left:calc(var(--size) / -2);content:"";translate:0 -50%;border-radius:50%;background:oklch(var(--color-bg4));height:var(--size);width:var(--size)}#channel-nav li .menu-thread{display:flex;align-items:center;gap:8px}#channel-nav li .menu-thread .avatar{height:24px;width:24px}#channel-nav li .threads{margin-left:-8px}#channel-nav li .threads>li>a{padding-left:32px}#channel-nav .category{cursor:pointer;position:relative}#channel-nav .category.drop-before:before{content:"";position:absolute;top:-2px;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none}#channel-nav .category.drop-after:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none}#channel-nav .category.drop-inside{background:oklch(var(--color-link-500)/.2);border:solid oklch(var(--color-link-500)) 1px}#channel-nav .category-toggle{margin-right:4px}#channel-nav .voice-participant{display:flex;margin-left:24px;align-items:center;line-height:1;margin-top:4px;margin-bottom:4px;gap:8px;padding:2px 0 2px 8px;cursor:pointer;border-radius:2px}#channel-nav .voice-participant .avatar{height:20px;width:20px}#channel-nav .voice-participant .fallback-avatar{height:1rem;width:1rem;background:oklch(var(--color-sep));border-radius:2px}#channel-nav .voice-participant img{height:1rem;width:1rem;border-radius:2px}#channel-nav .voice-participant.speaking img,#channel-nav .voice-participant.speaking .fallback-avatar{border:solid oklch(var(--color-green)) 2px}#channel-nav .voice-participant:hover{background-color:oklch(var(--color-bg4))}#channel-nav .nav-channel{display:flex;align-items:center;padding:4px 8px}#channel-nav .nav-channel>.avatar{height:32px;width:32px;margin:0 8px 0 0}#channel-nav .nav-channel>.icon{height:16px;width:16px;min-width:16px;margin-right:4px;filter:invert(.6)}#channel-nav .nav-channel>.mentions{background:#be3251;height:16px;min-width:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0 4px}#channel-nav .nav-channel>button{display:none;border:none;background:none;padding:4px;margin:-4px -4px -4px 0;align-items:center}#channel-nav .nav-channel>button>.icon{height:14px;width:14px;filter:invert(.7)}#channel-nav .nav-channel>button:hover>.icon{filter:invert(.9)}#channel-nav .nav-channel:hover>button{display:flex}#channel-nav .nav-channel:hover>.mentions{display:none}#channel-nav a.muted{color:oklch(var(--color-fg5));opacity:.6}#channel-nav .threads>li{position:relative}#channel-nav .threads>li:before{content:"";position:absolute;left:22px;top:0;width:8px;height:12px;border-bottom:2px solid oklch(var(--color-sep-400));border-left:2px solid oklch(var(--color-sep-400));border-bottom-left-radius:4px}#channel-nav .threads>li:not(:first-child):after{content:"";position:absolute;left:22px;top:-16px;height:24px;border-left:2px solid oklch(var(--color-sep-400))}#room-nav{width:64px;display:flex;justify-content:center;grid-area:room-nav;overflow:auto;padding-top:4px;background-color:oklch(var(--color-bg1))}#room-nav>ul{flex-direction:column;align-items:center}#room-nav .room-item,#room-nav .home-item{min-height:48px;width:48px;margin-top:4px;border-radius:4px;display:flex;overflow:hidden;position:relative;transition:border .1s ease}#room-nav .room-item.drag-over,#room-nav .home-item.drag-over{border-top:solid oklch(var(--color-link-500)) 4px}#room-nav .room-item.drag-over-after,#room-nav .home-item.drag-over-after{border-bottom:solid oklch(var(--color-link-500)) 4px}#room-nav .room-item.folder-preview,#room-nav .home-item.folder-preview{background:oklch(var(--color-link-500)/.2);border:solid oklch(var(--color-link-500)) 2px}#room-nav .room-item.unread:before,#room-nav .home-item.unread:before{content:"";position:absolute;left:-4px;top:50%;translate:0 -50%;height:8px;width:8px;background-color:oklch(var(--color-fg1));border-radius:50%;z-index:1}#room-nav .room-item.home-item,#room-nav .room-item.no-icon,#room-nav .home-item.home-item,#room-nav .home-item.no-icon{background:#2a2a2a}#room-nav .room-item.dragging,#room-nav .home-item.dragging{opacity:.5}#room-nav .room-item .avatar,#room-nav .home-item .avatar{height:48px;width:48px;background:none}#room-nav .room-item a,#room-nav .home-item a{padding:0;display:flex;align-items:center;justify-content:center;width:100%}#room-nav .home-item .icon,#room-nav .folder-header .icon{height:32px;width:32px;filter:invert(.8)}#room-nav .home-item{background:oklch(var(--color-bg2))}#room-nav .folder-header{height:48px;width:48px;border-radius:4px;background:#2a2a2a;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%}#room-nav .folder-header:hover{background:oklch(var(--color-bg1-5))}#room-nav .room-folder{margin:4px -2px 0;padding:2px;background:oklch(var(--color-bg4));border-radius:4px;position:relative;transition:background .1s ease,border .1s ease}#room-nav .room-folder.drag-over{border-top:solid oklch(var(--color-link-500)) 4px}#room-nav .room-folder.drag-over-after{border-bottom:solid oklch(var(--color-link-500)) 4px}#room-nav .room-folder.drag-over-inside,#room-nav .room-folder.preview{background:oklch(var(--color-link-500)/.2);outline:solid oklch(var(--color-link-500)) 2px}#room-nav .room-folder.unread.collapsed:before{content:"";position:absolute;left:-4px;top:24px;translate:0 -50%;height:8px;width:8px;background-color:oklch(var(--color-fg1));border-radius:50%;z-index:1}#room-nav .room-folder.collapsed{background:none}#room-nav .mention-count{fill:#be3251}#room-nav .drop-target-end{width:100%;transition:background .1s ease}#room-nav .drop-target-end.drag-over{background:oklch(var(--color-link-500)/.1);border-top:solid oklch(var(--color-link-500)) 2px}.forum2{grid-area:main;display:flex;padding:0;align-items:stretch;justify-content:stretch;overflow:hidden}.forum2>.list{padding:1rem;background:oklch(var(--color-bg1-5));display:flex;flex-direction:column;overflow-y:auto;height:100%}.forum2>.list .sort-view-container .sort-view-button{border-radius:4px;display:flex;align-items:center;gap:4px}.forum2>.list .sort-view-container .sort-view-button.selected{background:oklch(var(--color-bg2))}.forum2>.thread{display:flex;flex:1}.forum2>.thread>.aside{width:256px;background:oklch(var(--color-bg1-5));padding:8px;overflow-y:auto}.forum2>.thread>.main{padding:1rem;flex:1;overflow-y:auto}.forum2 .comments{padding:8px}.forum2 .comments .comment{position:relative;border-left:solid oklch(var(--color-sep)) 1px;margin-bottom:-1px}.forum2 .comments .comment .comment{margin-left:24px}.forum2 .comments .comment.selectable{cursor:pointer}.forum2 .comments .comment>.inner:hover>.message-toolbar,.forum2 .comments .comment.toolbar-visible>.message-toolbar{visibility:visible}.forum2 .comments .toplevel{margin-top:16px}.forum2 .comments .comment>.inner{background:rgba(0,0,0,calc(var(--is-darker) * .1))}.forum2 .comments .comment>.inner>header{display:flex;gap:8px;white-space:nowrap;align-items:center}.forum2 .comments .comment>.inner>header>.collapse{min-width:24px;border:solid oklch(var(--color-sep)) 1px;border-left:none;display:flex;justify-content:center;background:oklch(var(--color-bg2));font-family:var(--font-mono)}.forum2 .comments .comment>.inner>header>.collapse:hover{background:oklch(var(--color-bg3));text-decoration:none}.forum2 .comments .comment>.inner>header>.childCount{font-size:1rem}.forum2 .comments .comment>.inner>header>time{color:var(--fg-dimmed)}.forum2 .comments .comment>.inner>header>.summary{color:oklch(var(--color-fg4));font-style:italic;overflow:hidden;text-overflow:ellipsis}.forum2 .comments .comment>.inner>header>.summary:before{content:"-";margin-right:8px}.forum2 .comments .comment>.inner.collapsed>header{background:none}.forum2 .comments .comment>.inner>.content{padding:8px}.forum2 .comments .comment>.inner>menu{display:flex;gap:8px;padding:0 8px 12px}.forum2 .comments .comment>.inner>menu>button{background:none;border:none;padding:0;font-size:.9rem;color:oklch(var(--color-fg4))}.forum2 .comments .comment>.inner>.children{list-style:none;margin-top:8px}.forum2 .comments .comment.reply-target>.inner{box-shadow:4px 0 0 -1px inset #cc1856;background-color:#cc185622}.forum2 .comments .comment.reply-target>.inner .comment>.inner{box-shadow:none;background-color:rgba(0,0,0,calc(var(--is-darker) * .1))}.forum2 .comments .comment.selected>.inner{box-shadow:4px 0 0 -1px inset #67dc82;background-color:#67dc8222}.forum2 .comments .comment.selected>.inner .comment>.inner{box-shadow:none;background-color:rgba(0,0,0,calc(var(--is-darker) * .1))}.forum2 .title{font-weight:700}.sort-view-menu menu{background-color:oklch(var(--color-bg3));border:solid 1px oklch(var(--color-sep));box-shadow:2px 2px 8px oklch(var(--color-bg1));min-width:128px;padding:4px 0}.sort-view-menu .header{color:oklch(var(--color-fg5));padding:2px 4px;font-size:.8rem;font-weight:700}.sort-view-menu .menu-item{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;width:100%;background:none;border:none;color:oklch(var(--color-fg2));cursor:pointer}.sort-view-menu .menu-item:hover{background-color:oklch(var(--color-bg4))}.sort-view-menu .menu-item span{color:oklch(var(--color-link-500))}.sort-view-menu hr{margin:4px 0;height:1px;background:oklch(var(--color-sep))}.comment-editor{padding:8px}.comment-editor .text{display:flex;background:oklch(var(--color-bg3));border:solid oklch(var(--color-bg4)) 1px;border-radius:4px;overflow:hidden;align-items:center;margin-bottom:4px}.comment-editor .text .editor{flex:1;border:none}.calendar header{display:flex;align-items:center;padding:8px}.calendar header menu{display:flex}.calendar .month-view{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:min-content repeat(4,200px);height:100%}.calendar .month-view .dayofweek{background:oklch(var(--color-bg1));padding:2px 8px;color:oklch(var(--color-fg5));font-weight:700;font-size:.9rem}.calendar .month-view .day{padding:4px;border-top:solid oklch(var(--color-sep-300)) 1px;border-left:solid oklch(var(--color-sep-300)) 1px;display:flex;flex-direction:column}.calendar .month-view .daynumber{color:oklch(var(--color-fg5));font-size:.9rem;padding:2px 4px 0}.calendar .month-view .event{border:solid oklch(var(--color-link-200)) 1px;background:oklch(var(--color-link-500)/.2);padding:0 2px;margin-top:2px;color:oklch(var(--color-link-500))}.calendar .month-view .day:hover{background:#0002}.calendar .month-view .day.othermonth{background:#0008}.calendar .month-view .day.othermonth:hover{background:#0009}.calendar .month-view .today .daynumber{font-weight:700;color:oklch(var(--color-link-500))}.search-container{position:relative;z-index:1;display:flex;align-items:center;background-color:oklch(var(--color-bg3));border:solid 1px oklch(var(--color-sep))}.search-container>.icon{position:absolute;right:4px}.search-autocomplete{background:oklch(var(--color-bg1));border:solid oklch(var(--color-sep)) 1px;padding:8px}.search-autocomplete ul li.autocomplete-item{cursor:pointer;padding:2px 4px;border-radius:2px}.search-autocomplete ul li.autocomplete-item:hover{background-color:#fff1}.search-input{min-width:200px;white-space:pre-wrap;caret-color:oklch(var(--color-fg4));padding:2px 4px}.search-input .editor{border:none;padding:0}.search-input .placeholder{position:absolute;color:oklch(var(--color-fg4))}.search-input .syn{color:oklch(var(--color-fg5))}.search-input .filter-thread{background:oklch(var(--color-bg1-5));padding:0 2px;border-radius:2px}.search-input .filter-author{background:oklch(var(--color-bg1-5));padding:0 2px;margin:0 2px;border-radius:2px}.search-input .filter-before,.search-input .filter-after,.search-input .filter-has,.search-input .filter-pinned,.search-input .filter-mentions{background:oklch(var(--color-bg1-5));padding:0 2px;border-radius:2px}.search-input .filter-prefix{color:oklch(var(--color-fg4))}.document{grid-area:main;background-color:oklch(var(--color-bg2));display:flex;flex-direction:column;overflow-y:auto}.document>header{padding:4px;background:oklch(var(--color-bg1));display:flex;box-shadow:2px 2px 4px oklch(var(--color-bg1)/.5);border-bottom:solid oklch(var(--color-sep-300)) 1px}.document>main{flex:1;padding:8px}.document .menu-group{display:flex;border:solid oklch(var(--color-sep)) 1px;border-radius:4px;overflow:hidden;margin-right:4px}.document .menu-group button{border:none}.document .menu-group button.selected{background:oklch(var(--color-bg1-5))}.document .menu-group button:hover{background:oklch(var(--color-bg2))}.document .menu-group button.selected:hover{background:oklch(var(--color-bg1))}.document .document-presence-cursor{position:absolute;display:inline-block;height:1.2em;vertical-align:text-bottom;-webkit-user-select:none;user-select:none}.document .document-presence-name{color:#000;font-size:12px;padding:2px 6px;border-radius:4px;white-space:nowrap;position:absolute;pointer-events:none;z-index:9999;width:max-content}.document .editor{background-color:oklch(var(--color-bg1-5));box-shadow:2px 2px 4px oklch(var(--color-bg1)/.5);border:solid oklch(var(--color-sep-300)) 1px;min-height:100%;max-width:650px;margin:0 auto;padding:8px}.document .editor .placeholder{color:oklch(var(--color-fg6))}.document .icon-button{display:grid;place-items:center}.document-menu{display:flex;flex-direction:column;background-color:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;padding:4px 0;box-shadow:0 2px 8px oklch(var(--color-bg1))}.document-menu>ul{display:flex;flex-direction:column}.document-menu>ul>li{cursor:pointer;display:flex;flex-direction:column}.document-menu>ul>li.separator{border-bottom:solid oklch(var(--color-sep-300)) 1px;margin:4px 0}.document-menu>ul>li>button{display:flex;background:none;border:none;gap:4px;margin:0 4px;border-radius:4px}.document-menu>ul>li>button>.icon{margin-top:2px}.document-menu>ul>li>button>.info{display:flex;flex-direction:column}.document-menu>ul>li:hover>button{background:#fff1}.document-history{width:100%}.document-history header{background:oklch(var(--color-bg1-5));padding:8px 12px;border-bottom:solid oklch(var(--color-sep-300)) 1px;display:flex;justify-content:space-between}.document-history .history-item{margin:8px;padding:8px;border-radius:4px;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;cursor:pointer}.document-history .history-item:hover{background:oklch(var(--color-bg1))}.document-history .history-item-header{display:flex;font-size:.8rem;gap:8px}.document-history .history-item-stat{font-weight:700}.document-history .history-item-stat-added{color:oklch(var(--color-green))}.document-history .history-item-stat-removed{color:oklch(var(--color-red))}.document-history .history-item-authors{display:flex;margin-top:4px;gap:6px}.document-history .history-item-authors .avatar{height:24px;width:24px}.document-history .history-item-authors .avatar-remaining{display:grid;place-items:center;background:oklch(var(--color-link-200));border-radius:4px;color:oklch(var(--color-fg1))}:root{font:16px/1.3 var(--font-default);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:oklch(var(--color-fg1));background-color:oklch(var(--color-bg1))}::selection{background-color:#3fa9c988}#root{display:grid;grid-template-areas:"room-nav channel-nav header header" "room-nav channel-nav main sidebar" "tray tray main sidebar" "footer footer footer footer";grid-template-rows:auto 1fr auto auto;grid-template-columns:auto auto 1fr auto;height:100vh;background-color:oklch(var(--color-bg2));color:oklch(var(--color-fg2))}button,input[type=submit]{background-color:oklch(var(--color-bg3));cursor:pointer;padding:2px 4px;border:solid oklch(var(--color-sep)) 1px}button:hover,button:focus,input[type=submit]:hover,input[type=submit]:focus{background-color:oklch(var(--color-bg4))}.home{grid-area:main;background-color:oklch(var(--color-bg2));color:oklch(var(--color-fg2));padding:1rem;overflow-y:auto}.home button{margin:2px 0}.room-home{grid-area:main;background-color:oklch(var(--color-bg2));color:oklch(var(--color-fg2));padding:1rem;overflow-y:auto}.room-home .thread-filter{border:solid oklch(var(--color-sep)) 1px;border-radius:4px;overflow:hidden}.room-home .thread-filter button{border:none}.room-home .thread-filter button.selected{background:oklch(var(--color-bg1-5))}.room-home .thread-filter button:hover{background:oklch(var(--color-bg2))}.room-home .thread-filter button.selected:hover{background:oklch(var(--color-bg1))}.thread-card{contain:content;background-color:oklch(var(--color-bg3));margin:8px 0;border:solid 1px oklch(var(--color-sep-400));border-radius:4px;max-width:800px}.thread-card>header{display:flex;flex-direction:column;padding:4px 8px;cursor:pointer}.thread-card>header>.top{display:flex;align-items:center;gap:8px}.thread-card>header>.top>.spacer{overflow:hidden;text-overflow:ellipsis;white-space:pre;flex:1}.thread-card>header>.top>.time{color:oklch(var(--color-fg5))}.thread-card>header .description{margin-top:8px}.thread-card>.preview>details{padding:.25rem;cursor:pointer;-webkit-appearance:details;-moz-appearance:details;appearance:details}.thread-card>footer{cursor:pointer;text-align:center}.thread-card:hover{background-color:oklch(var(--color-bg2))}.chat{grid-area:main;background-color:oklch(var(--color-bg2));color:oklch(var(--color-fg2));display:grid;grid-template-rows:1fr auto;contain:strict;scrollbar-color:oklch(var(--color-bg3)) oklch(var(--color-bg1-5));scrollbar-gutter:stable}.chat>.list{display:flex;flex-direction:column;overflow-y:auto}.chat>.list>.header{flex:1;display:flex;justify-content:end;flex-direction:column}.chat>.list>.header>header{padding:0 8px;margin-top:32px;margin-bottom:16px;box-shadow:0 2px 8px oklch(var(--color-bg2))}.chat>.list>li{display:grid;grid-template-columns:128px 1fr max-content}.chat>.list>li.message{grid-template-columns:1fr}.chat>.list>li:not(.message){overflow-anchor:none}.chat>.list>li.selected>article.message{box-shadow:4px 0 0 -1px inset #67dc82;background-color:#67dc8222}.chat>.list>li.context>article.message{box-shadow:4px 0 0 -1px inset #cc1856;background-color:#cc185622}.chat>.list>li.mentioned>article.message{box-shadow:4px 0 0 -1px inset oklch(var(--color-link-500));background-color:oklch(var(--color-link-500)/.1)}.chat>.loading{position:absolute;top:8px;left:8px;padding:8px;background:oklch(var(--color-bg1));z-index:100}.chat .spacer.mini{min-height:3.5rem}.chat.has-typing .spacer.mini{min-height:4.5rem}.message-input{position:absolute;bottom:0;width:100%;background-image:linear-gradient(to top,oklch(var(--color-bg2)) 25%,transparent);display:flex;flex-direction:column;padding:8px;max-height:50%}.message-input.locked{cursor:not-allowed}.message-input.locked>.text>.upload{cursor:inherit;color:oklch(var(--color-sep-800))}.message-input.locked>.text>.upload:hover{background:none}.message-input.locked .editor .placeholder{color:oklch(var(--color-sep-800))}.message-input>footer{color:oklch(var(--color-fg4));height:8px;font-size:.8em;padding:2px;display:flex}.message-input>footer .slowmode{font-family:var(--font-mono)}.message-input>footer>.typing{flex:1}.message-input>footer>.typing:after{content:"";animation:dots infinite .8s}.message-input>.attachments{position:absolute;top:0;translate:0 -100%;right:4px;border:solid oklch(var(--color-sep)) 1px;border-radius:4px;max-height:320px;overflow:hidden auto;background:oklch(var(--color-bg2));display:flex;flex-direction:column;box-shadow:2px 2px 8px #1114}.message-input>.attachments header{background:oklch(var(--color-bg1-5));margin-bottom:4px;padding:6px 6px 6px 56px;line-height:1}.message-input>.attachments ul{display:flex;flex-direction:column;gap:4px;padding:4px}.message-input>.attachments button{border:none;border-radius:4px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}.message-input>.text{display:flex;background:oklch(var(--color-bg3));border:solid oklch(var(--color-bg4)) 1px;box-shadow:2px 2px 8px #1114;border-radius:4px;overflow:hidden;align-items:center}.message-input>.text>.upload{cursor:pointer;width:2rem;height:2rem;display:grid;place-items:center;font-weight:700}.message-input>.text>.upload:hover{background:oklch(var(--color-bg2))}.message-input>.text>.upload>input[type=file]{display:none}.message-input>.text>.editor{flex:1;border:none}.message-input>.reply,.comment-input>.reply{display:flex;border-top-right-radius:4px;border-top-left-radius:4px;border:solid 1px oklch(var(--color-sep));background-color:oklch(var(--color-bg1)/.8);overflow:hidden}.message-input>.reply~.text,.comment-input>.reply~.text{border-top-left-radius:0;border-top-right-radius:0;border-top:none}.message-input>.reply>.info,.comment-input>.reply>.info{padding:2px 8px;flex:1}.message-input>.reply>.cancel,.comment-input>.reply>.cancel{display:grid;place-items:center;width:28px;border:none;background-color:oklch(var(--color-bg2))}.message-input>.reply>.cancel:hover,.comment-input>.reply>.cancel:hover{background-color:oklch(var(--color-bg1))}.comment-input{display:flex;flex-direction:column;position:relative}.comment-input>.text{display:flex;background:oklch(var(--color-bg3));border:solid oklch(var(--color-bg4)) 1px;box-shadow:2px 2px 8px #1114;border-radius:4px;overflow:hidden;align-items:center}.comment-input>.text>.upload{cursor:pointer;width:2rem;height:2rem;display:grid;place-items:center;font-weight:700}.comment-input>.text>.upload:hover{background:oklch(var(--color-bg2))}.comment-input>.text>.upload>input[type=file]{display:none}.comment-input>.text>.editor{flex:1;border:none}.quick-create{position:relative;background-image:none;padding:8px 0}.editor{background-color:oklch(var(--color-bg3));flex:1;border:solid 1px oklch(var(--color-sep));padding:4px;white-space:pre-wrap;overflow-y:auto;caret-color:oklch(var(--color-fg4))}.editor .placeholder{position:absolute;color:oklch(var(--color-fg4))}.editor .syn{color:oklch(var(--color-fg5))}.editor .code-block{background-color:oklch(var(--color-bg2));font-family:var(--font-mono);white-space:pre;display:inline;padding:2px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}.editor pre,.editor code{background-color:oklch(var(--color-bg2));font-family:var(--font-mono);padding:0 2px;border-radius:2px}.editor pre{display:block;white-space:pre;padding:4px 8px;margin:4px 0;width:100%;box-sizing:border-box}.formatting-toolbar{background-color:oklch(var(--color-bg2));border:1px solid oklch(var(--color-sep));border-radius:4px;padding:4px;display:flex;gap:4px;box-shadow:0 2px 8px #0003}.formatting-toolbar button{background:transparent;border:none;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.formatting-toolbar button:hover{background-color:oklch(var(--color-bg3))}.formatting-toolbar button img{width:16px;height:16px;filter:invert(1)}h1,h2{font-size:1.5rem}h3{font-size:1.3rem}b,strong{font-weight:700}s{text-decoration:line-through}li,p{white-space:pre-wrap}pre,code{background-color:oklch(var(--color-bg2));font-family:var(--font-mono)}pre{overflow-x:auto;padding:4px;white-space:pre}.editor .mention,.markdown .mention{background:oklch(var(--color-link-300)/.2);color:oklch(var(--color-link-500));border-radius:3px;padding:0 2px;cursor:pointer}.editor .mention:hover,.markdown .mention:hover{background:oklch(var(--color-link-300)/.35)}.markdown .mention{cursor:pointer}.markdown .mention:hover{text-decoration:underline}.markdown .emoji{width:1.5em;height:1.5em;vertical-align:bottom}a{color:oklch(var(--color-link-500));cursor:pointer;border-radius:2px}a:hover,a:focus{background:#fff2}.underline-links a{text-decoration:underline}.select-all{-webkit-user-select:all;user-select:all}em{font-style:italic}.markdown{white-space:collapse}.markdown li,.markdown p{white-space:pre-wrap}.markdown ul,.markdown ol{white-space:normal}.markdown ul ul,.markdown ul ol,.markdown ol ul,.markdown ol ol{margin-left:1rem}.markdown li{list-style-position:outside;margin-left:1rem}.markdown ul>li{list-style-type:disc}.markdown ol>li{list-style-type:numbered}.markdown li>*{display:inline}.markdown :is(p,ol,ul)+:is(p,ol,ul){margin-top:1em}.markdown li+li{margin-top:4px}.channel-topic-clickable{cursor:pointer}.channel-topic-clickable:hover{color:oklch(var(--color-fg1))}.modal-channel-topic h3{margin-bottom:12px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center}.modal>.bg{position:absolute;animation:popup-bg .12s linear forwards;width:100%;height:100%}.modal>.content{position:absolute}.modal>.content>.base{position:absolute;animation:popup-base .15s cubic-bezier(.42,1.31,.52,1.09) forwards;background-color:oklch(var(--color-bg2));border:solid 1px oklch(var(--color-sep-300));width:100%;height:100%}.modal>.content>.inner{animation:popup-content .1s cubic-bezier(.33,1.05,.39,.92) forwards;padding:16px;color:oklch(var(--color-fg3));max-width:500px;min-height:50px}.modal .bottom{background:oklch(var(--color-bg1-5));margin:16px -15px -15px;padding:8px 15px;display:flex;gap:6px;justify-content:end}.modal .bottom button,.modal .bottom input[type=submit]{padding:2px 4px;border:solid oklch(var(--color-sep)) 1px}.modal .bottom button.danger{border:solid #e8374f 1px;background:#ba2f42}.modal .bottom button.danger:hover{background:#912534}.contextmenu{position:fixed;pointer-events:none;top:0;left:0;width:100%;height:100%;overflow-y:auto;scrollbar-width:none;z-index:999}.contextmenu>.inner{position:absolute;pointer-events:auto;padding-bottom:8px}.contextmenu menu{background-color:oklch(var(--color-bg3));border:solid 1px oklch(var(--color-sep));box-shadow:2px 2px 8px oklch(var(--color-bg1));color:oklch(var(--color-fg4));overflow:hidden;min-width:128px}.contextmenu menu button{border:none;padding:2px 8px;width:100%;text-align:left}.contextmenu menu button:hover,.contextmenu menu button:focus{background-color:oklch(var(--color-bg1)/.5)}.contextmenu menu button.color-danger{color:oklch(var(--color-red))}.contextmenu menu button.selected{background-color:oklch(var(--color-accent)/.3)}.contextmenu menu .submenu{padding:0 8px;width:max-content}.contextmenu menu .subtext{color:oklch(var(--color-fg5));font-size:.8rem;margin-top:-4px}.contextmenu menu hr{border:none;height:1px;background-color:oklch(var(--color-bg4))}input[type=text],input[type=search],input[type=url]{background-color:oklch(var(--color-bg3));border:solid 1px oklch(var(--color-sep))}.settings{grid-area:main;background-color:oklch(var(--color-bg2));color:oklch(var(--color-fg2));display:grid;grid-template-rows:auto 1fr;grid-template-columns:256px 1fr;overflow:hidden}.settings>header{grid-column:span 2/span 2;background-color:oklch(var(--color-bg2));border-bottom:solid 1px oklch(var(--color-sep));padding:.5rem}.settings>nav{background-color:oklch(var(--color-bg1-5));padding:8px 8px 128px 72px;overflow-y:auto}.settings>nav a,.settings>nav button.action{display:block;padding:4px 8px;background:none}.settings>nav a:hover,.settings>nav a:focus,.settings>nav button.action:hover,.settings>nav button.action:focus{background-color:#fff1}.settings>nav a:hover.active,.settings>nav a:focus.active,.settings>nav button.action:hover.active,.settings>nav button.action:focus.active{background-color:#fff3}.settings>nav a.active,.settings>nav button.action.active{background-color:#fff2}.settings>nav .action{border:none;border-radius:4px;width:100%}.settings>main.padded{padding:.5rem;padding-right:calc(100% - 60ch)}.settings>main{overflow-y:auto}.settings button.spaced{margin-left:4px}.settings .danger{border:solid #e8374f 1px;padding:2px;margin:0 -2px}.settings .danger button{background:#ba2f42;border:solid #e8374f 1px}article.message{display:grid;grid-template-columns:128px 1fr max-content;position:relative}article.message .author{text-align:right;padding:0 8px}article.message .author .user{overflow:hidden;text-overflow:ellipsis;white-space:pre;cursor:pointer;color:oklch(var(--color-fg4))}article.message .author .user:hover,article.message .author .user:focus{text-decoration:underline}article.message .author .user.override-name{color:#9ca9db}article.message .sticky{position:sticky;top:4px}article.message>.reply{color:oklch(var(--color-fg5));font-size:.8rem;cursor:pointer;grid-column:1/span 3;display:grid;grid-template-columns:128px 1fr}article.message>.reply:hover{color:oklch(var(--color-fg4))}article.message>.reply>.arrow{display:grid;place-items:center;justify-content:end}article.message>.reply>.arrow>svg{height:1em;margin-right:8px;stroke:oklch(var(--color-sep-800));fill:none}article.message>.reply>.content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:4em}article.message>.reply>.content>.user{color:oklch(var(--color-fg3));padding-right:4px}article.message>.content{padding-right:8px;display:flex;flex-direction:column;align-items:start;min-width:0}article.message>.content>.body{overflow:hidden;max-width:60ch}article.message>.content>.body.local{color:oklch(var(--color-fg5))}article.message>.content .edited{color:oklch(var(--color-fg5));font-size:.8rem;cursor:pointer}article.message>time{visibility:hidden;color:oklch(var(--color-fg4))}article.message:hover>time{visibility:visible}.dim{color:oklch(var(--color-fg5));font-size:.8rem}.tooltip{top:0;left:0;display:grid;place-items:center}.tooltip>.base{position:absolute;background-color:oklch(var(--color-bg2));border:solid 1px oklch(var(--color-sep));animation:popup-base .15s cubic-bezier(.42,1.31,.52,1.09) forwards;width:100%;height:100%}.tooltip>.inner{padding:8px;color:oklch(var(--color-fg3));animation:popup-content .1s cubic-bezier(.33,1.05,.39,.92) forwards;max-width:500px;min-width:100px;min-height:1rem}.tooltip.interactive{padding:var(--padding);margin:calc(-1 * var(--padding))}.tooltip.interactive>.base{height:calc(100% - var(--padding) * 2);width:calc(100% - var(--padding) * 2)}.tooltip:not(.animate)>.base{animation-duration:0s}.tooltip:not(.animate)>.inner{animation-duration:0s}#overlay{position:fixed;z-index:100000}.user-profile{background-color:oklch(var(--color-bg2));box-shadow:4px 4px 8px #111;border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;overflow:hidden;width:320px}.user-profile .banner{height:96px;background-color:oklch(var(--color-bg1-5));background-size:cover;background-position:center}.user-profile .header{display:flex;padding:0 16px;gap:16px}.user-profile .header .avatar{height:80px;width:80px;margin-top:-48px}.user-profile .header .name-area{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:pre}.user-profile .header .name{font-size:1.5rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:pre}.user-profile .body{padding:16px;display:flex;flex-direction:column;gap:16px}.user-profile .body h3{font-weight:700;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.user-profile .body .actions{display:flex;gap:8px}.user-profile .body .actions button{border:solid oklch(var(--color-sep)) 1px;margin-right:4px}.user-profile .body .roles ul{display:flex;flex-wrap:wrap;gap:8px}.user-profile .body .roles li{background-color:oklch(var(--color-bg3));padding:4px 8px;border-radius:4px}.user-profile .body .note textarea{width:100%;min-height:80px;background-color:oklch(var(--color-bg1));border:solid 1px oklch(var(--color-sep));padding:8px;resize:vertical}.attachments{display:flex;overflow-x:auto;max-width:100%;margin-bottom:8px;scrollbar-width:none}.attachments>li:not(.raw){background-color:oklch(var(--color-bg3));padding:4px}.attachments>li{min-width:0}.message-input li .media{max-height:min(30vh,500px)}summary{cursor:pointer}.icon{height:1em;width:1em;filter:invert(.9)}.edit-roles{position:fixed;top:0;left:0;background-color:oklch(var(--color-bg3));border:solid 1px oklch(var(--color-sep));box-shadow:2px 2px 8px oklch(var(--color-bg1));min-width:128px;max-width:256px;z-index:10}.edit-roles label{display:flex;gap:2px;cursor:pointer;padding:2px 0}.edit-roles label:hover{background:oklch(var(--color-bg2))}.edit-roles label input[type=checkbox]{align-self:flex-start;margin:4px}.edit-roles label .has{font-weight:700}.edit-roles label.disabled{cursor:not-allowed;color:oklch(var(--color-fg5))}.room-settings-members header{display:flex}.room-settings-members header .name{width:224px;margin-left:36px}.room-settings-members header .joined{width:96px}.room-settings-members>ul>li+li{border-top:solid oklch(var(--color-sep)) 1px}.room-settings-members>ul>li{padding:8px 4px;display:flex}.room-settings-members>ul>li .profile{display:flex;gap:8px;align-items:start;width:256px}.room-settings-members>ul>li .profile .avatar{height:32px;width:32px;margin-top:2px}.room-settings-members>ul>li .profile .name{font-size:1rem}.room-settings-members>ul>li .roles{display:flex;gap:4px;align-items:center}.room-settings-members>ul>li .roles button{padding:0 4px;font-size:.9em;border:none;border-radius:2px;background:oklch(var(--color-bg3))}.room-settings-members>ul>li .roles button:hover{background:oklch(var(--color-bg4))}.room-settings-members>ul>li .joined{width:96px;display:flex;flex-direction:column}.room-settings-roles{display:flex;height:100%}.room-settings-roles .role-main{flex:1}.room-settings-roles .role-main,.room-settings-roles .role-edit{padding:.5rem;overflow-y:auto}.room-settings-roles .role-list button,.room-settings-roles .role-edit button{background:oklch(var(--color-bg2));border:solid oklch(var(--color-sep)) 1px}.room-settings-roles .role-list button:hover,.room-settings-roles .role-edit button:hover{background:oklch(var(--color-bg3))}.room-settings-roles .role-list>li{padding:4px;cursor:pointer}.room-settings-roles .role-list>li+li{border-top:solid oklch(var(--color-sep)) 1px}.room-settings-roles .role-list>li:hover{background:oklch(var(--color-bg3))}.room-settings-roles .role-list>li .info{display:flex;gap:4px}.room-settings-roles .role-list>li .info div{overflow:hidden;text-overflow:ellipsis;white-space:pre}.room-settings-roles .role-list>li .spacer{flex:1}.room-settings-roles .role-list>li .divider{background:oklch(var(--color-sep));width:1px;margin:0 2px}.room-settings-roles .role-list>li .name{font-size:1em;font-weight:700}.room-settings-roles .role-list>li .member-count{min-width:8rem}.room-settings-roles .role-list>li .perm-admin{color:oklch(var(--color-error))}.room-settings-roles .role-list>li .perm-mod{color:oklch(var(--color-warn))}.room-settings-roles .role-list>li .perm-safe{color:oklch(var(--color-blue))}.room-settings-roles .role-list>li .mentionable{color:oklch(var(--color-link-500));background:oklch(var(--color-link-300)/.2);padding:0 2px;border-radius:2px}.room-settings-roles .role-list>li .self-applicable{color:oklch(var(--color-green))}.room-settings-roles .role-list>li .hoist{color:oklch(var(--color-blue))}.room-settings-roles .role-list>li.dragging{opacity:.5}.room-settings-roles .role-edit{background:oklch(var(--color-bg1));width:100%;overflow-y:auto}.room-settings-roles .role-edit .toolbar{float:right;display:flex;flex-direction:column;gap:8px}.room-settings-roles .role-edit .tabs{display:flex;gap:4px;margin-bottom:8px;padding-bottom:4px}.room-settings-roles .role-edit .tabs button.active{background:oklch(var(--color-bg4))}.room-settings-roles .role-edit textarea,.room-settings-roles .role-edit input[type=text]{border:solid oklch(var(--color-sep)) 1px;background:oklch(var(--color-bg2));padding:0 2px}.room-settings-roles .role-edit button[disabled]{background:oklch(var(--color-bg3))}.room-settings-roles .role-edit label{display:flex;gap:2px;cursor:pointer;padding:2px 0}.room-settings-roles .role-edit label:hover{background:oklch(var(--color-bg2))}.room-settings-roles .role-edit .description{color:oklch(var(--color-fg5))}.room-settings-roles .role-edit input[type=checkbox]{align-self:flex-start;margin:4px}.room-settings-roles .role-edit .option{align-items:start;gap:4px}.room-settings-roles .role-edit button.danger{border:solid #e8374f 1px;background:#ba2f42}.room-settings-roles .role-edit button.danger:hover{background:#912534}.room-settings-roles .members-list .member-item{display:flex;padding:2px;gap:8px;align-items:center}.room-settings-roles .members-list .member-item:hover{background:#fff1}.room-settings-roles .members-list .member-item .avatar{height:24px;width:24px;margin:4px}.room-settings-roles .members-list .member-item button{visibility:hidden;justify-self:end}.room-settings-roles .members-list .member-item:hover button{visibility:visible}code{padding:0 2px}.room-settings-audit-log>li{border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;background:oklch(var(--color-bg1-5));margin-top:4px;overflow:hidden}.room-settings-audit-log>li .metadata{list-style:inside;background:oklch(var(--color-bg1));padding:4px 12px 8px}.room-settings-audit-log>li .info{display:flex;flex-direction:column;padding:8px 12px;cursor:pointer;align-items:start}.room-settings-audit-log>li h3{font-size:1em;font-weight:700}.room-settings-audit-log>li .spacer{flex:1}.room-settings-audit-log>li button{background:oklch(var(--color-bg2));border:solid oklch(var(--color-sep)) 1px}.room-settings-audit-log>li button:hover{background:oklch(var(--color-bg3))}.light{color:oklch(var(--color-fg3))}.avatar{height:64px;width:64px;display:block;object-fit:contain;border-radius:8px}.dropdown{display:inline-block;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-400)) 1px;padding:4px 8px;border-radius:4px;outline:none;cursor:pointer}.dropdown[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.multi-dropdown{display:flex;flex-wrap:wrap;gap:4px;padding:4px;cursor:text}.multi-dropdown .multi-dropdown-selected{display:flex;flex-wrap:wrap;gap:4px;flex:1;align-items:center}.multi-dropdown input{flex:1;width:auto;min-width:0;border:none;background:none;outline:none;padding:2px 4px}.chip{display:inline-flex;align-items:center;gap:4px;background:oklch(var(--color-bg3));border:solid oklch(var(--color-sep)) 1px;padding:2px 6px;border-radius:12px;font-size:.9em}.chip button{background:none;border:none;padding:0 2px;line-height:1;font-size:1.2em;cursor:pointer;color:oklch(var(--color-fg5))}.chip button:hover{color:oklch(var(--color-fg2));background:none}.dropdown-items{background:oklch(var(--color-bg2));border:solid oklch(var(--color-sep)) 1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;box-shadow:0 2px 8px oklch(var(--color-bg1))}.floating{position:fixed;top:0;left:0}.dropdown-items>ul>li{padding:4px 8px;-webkit-user-select:none;user-select:none;cursor:pointer}.dropdown-items>ul>li:hover,.dropdown-items>ul>li.hovered{background:oklch(var(--color-bg1-5))}.dropdown-items>ul>li:hover.selected,.dropdown-items>ul>li.hovered.selected{background:oklch(var(--color-link-200))}.dropdown-items>ul>li.selected{background:oklch(var(--color-link-300))}.dropdown-items>ul>li.selected2{color:oklch(var(--color-link-500))}.overwrite-dropdown{display:inline-block;width:100%}.overwrite-dropdown .dropdown{width:100%;cursor:text}.overwrite-dropdown .prefix{color:oklch(var(--color-fg5));font-family:var(--font-mono);margin-right:4px}input[type=range]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:oklch(var(--color-link-500))}.range{display:grid;grid-template-areas:"input input" "text dim"}.range>input{grid-area:input}.range>.dim{align-self:center}.range>.value{text-align:right}pre.numbered{counter-reset:line}pre.numbered>code:before{counter-increment:line;content:counter(line);text-align:right;display:inline-block;color:oklch(var(--color-fg5));width:2ch;margin-right:1em;-webkit-user-select:none;user-select:none}.warn{color:oklch(var(--color-warn))}.error{color:oklch(var(--color-error))}.chat>.list>li.divider{display:flex;color:oklch(var(--color-fg6));font-size:.9rem;align-items:center;margin:8px;position:relative}.chat>.list>li.divider>hr{flex:1;border-bottom:solid oklch(var(--color-sep)) 1px;margin:0 8px}.chat>.list>li.divider>time{margin-top:-1px}.chat>.list>li.divider>.new{margin-top:-3px}.chat>.list>li.divider>.new.hidden{margin-top:0;margin-left:-8px;padding-left:8px;height:0;color:transparent;border-bottom:solid #3fa9c9 1px}.chat>.list>li.divider.unread{color:#3fa9c9}.chat>.list>li.divider.unread>hr{border-bottom:solid #3fa9c9 1px}input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}button[disabled]{cursor:not-allowed}.debug{padding:16px;overflow:auto}.debug>details{border:solid oklch(var(--color-sep)) 1px;padding:8px}.debug>details>summary{list-style:none}.debug textarea,.debug input[type=text]{border:solid oklch(var(--color-sep)) 1px;background:oklch(var(--color-bg3))}.embed{display:inline-grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;grid-template-areas:"info thumb" "info thumb" "media media";background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;margin-bottom:4px;border-top-right-radius:4px;border-bottom-right-radius:4px}.embed.color{box-shadow:inset 4px 0 var(--color);padding-left:4px}.embed>.thumb{grid-area:thumb;width:64px;padding:8px}.embed>.info{grid-area:info;padding:8px;max-width:320px}.embed>.info header{overflow:hidden;text-overflow:ellipsis;white-space:pre}.embed>.info .title{font-weight:700}.embed>.info a.title{color:oklch(var(--color-link-400))}.embed>.info .site{color:oklch(var(--color-fg5))}.embed>.info>.description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px}.embed>.media{grid-area:media;background:oklch(var(--color-bg1-5))}a:focus-visible{background:oklch(var(--color-link-500));color:oklch(var(--color-fg1))}blockquote{white-space:normal}blockquote{border-left:solid oklch(var(--color-sep-800)) 3px;margin:2px 0;padding-left:8px}.status-indicator{height:12px;aspect-ratio:1/1}.status-indicator[data-status=Online] .indicator{fill:oklch(var(--color-status-online))}.status-indicator[data-status=Offline] .indicator{fill:oklch(var(--color-sep))}.status-indicator[data-status=Away] .indicator{fill:oklch(var(--color-yellow))}.status-indicator[data-status=Busy] .indicator{fill:oklch(var(--color-red))}svg.avatar{margin:calc(-1 * var(--pad))}.member-list{padding:4px 0;width:100%;background-color:oklch(var(--color-bg1-5));overflow-y:auto}.member-list>div{overflow:hidden;text-overflow:ellipsis;white-space:pre}body.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.resizable-sidebar{position:relative;display:flex}.resizable-sidebar[data-side=right]{grid-area:sidebar;border-left:solid oklch(var(--color-sep-300)) 1px}.resizable-sidebar[data-side=right] .resize-handle{left:-2px}.resizable-sidebar[data-side=left]{grid-area:channel-nav;border-right:solid oklch(var(--color-sep-300)) 1px}.resizable-sidebar[data-side=left] .resize-handle{right:-2px}.resizable-sidebar .resize-handle{position:absolute;top:0;width:4px;height:100%;cursor:col-resize;z-index:10;transition:background-color .2s}.resizable-sidebar .resize-handle:hover{background-color:oklch(var(--color-link-500))}.search-results,.pinned-messages-list{padding:4px 0;background-color:oklch(var(--color-bg1-5));overflow-y:auto;height:100%;width:100%;display:flex;flex-direction:column}.search-results>header,.pinned-messages-list>header{padding:2px 8px;display:flex;justify-content:space-between;align-items:center;background:oklch(var(--color-bg1))}.search-results>ul,.pinned-messages-list>ul{flex:1;overflow-y:auto}.search-results>ul>li,.pinned-messages-list>ul>li{background:oklch(var(--color-bg2));margin:4px;padding:4px 0;border-radius:4px;border:solid oklch(var(--color-sep-300)) 1px}.voice-chat-sidebar{background-color:oklch(var(--color-bg1-5));display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%}.voice-chat-sidebar .chat{grid-area:auto;flex:1;min-height:0;background-color:transparent}.pinned-messages-list>ul>li{cursor:grab;-webkit-user-select:none;user-select:none}.pinned-messages-list>ul>li.dragging{opacity:.5}.member-list>.menu-user{display:flex;align-items:center;padding:2px;cursor:pointer}.member-list>.menu-user>.text{grid-area:name;display:flex;flex-direction:column;padding:2px 4px;flex:1;overflow:hidden}.member-list>.menu-user>.text>.name{overflow:hidden;text-overflow:ellipsis;white-space:pre;line-height:1}.member-list>.menu-user>.text>.status-message{overflow:hidden;text-overflow:ellipsis;white-space:pre;line-height:1;font-size:.9em;color:oklch(var(--color-fg4))}.member-list>.menu-user>.avatar{height:36px;width:36px;padding:4px 8px}.member-list>.menu-user:hover{background:#fff1}.member-list>.menu-user:hover>.text>.name{color:oklch(var(--color-fg1))}.debug-colors>li>div{display:inline-block;height:30px;width:30px}.colored.red{background:oklch(var(--color-red))}.colored.yellow{background:oklch(var(--color-yellow))}.colored.green{background:oklch(var(--color-green))}.colored.magenta{background:oklch(var(--color-magenta))}.colored.blue{background:oklch(var(--color-blue))}.colored.cyan{background:oklch(var(--color-cyan))}.colored.orange{background:oklch(var(--color-orange))}.colored.teal{background:oklch(var(--color-teal))}table{border:solid oklch(var(--color-sep)) 1px;width:100%;border-collapse:collapse}table tr{background:oklch(var(--color-bg2))}table tr:nth-child(2n){background:oklch(var(--color-bg3))}table thead tr{background:oklch(var(--color-bg1))}table td,table th{padding:4px;text-align:left}.inbox>table{min-width:500px}.message.withavatar{grid-template-columns:52px auto;grid-template-rows:auto 1.25em auto;grid-template-areas:"reply reply" "avatar author" "avatar content"}.message.withavatar>.reply{grid-area:reply;grid-template-columns:64px 1fr}.message.withavatar>.reply>.arrow>svg{width:32px}.message.withavatar>.avatar-wrap{grid-area:avatar;padding-top:4px;margin:initial}.message.withavatar>.avatar-wrap>.avatar{height:36px;width:36px;margin-left:8px}.message.withavatar>.author{grid-area:author;text-align:left;padding:0}.message.withavatar>.author>time{margin-left:4px;visibility:hidden;color:oklch(var(--color-fg5))}.message.withavatar>.content{grid-area:content}.message.withavatar:hover{background-color:oklch(var(--color-bg1)/.3)}.message.withavatar:hover>.author>time{visibility:visible}.message.withavatar.notseparate{grid-template-rows:auto}.message.withavatar.notseparate .avatar{display:none}.message+.message>.withavatar.separate{margin-top:8px;padding:4px 0}.skeleton-message{pointer-events:none;display:grid}.skeleton-message .skeleton-avatar,.skeleton-message .skeleton-name,.skeleton-message .skeleton-time,.skeleton-message .skeleton-time-compact,.skeleton-message .skeleton-line,.skeleton-message .skeleton-attachment{background:linear-gradient(90deg,oklch(var(--color-bg4)),oklch(var(--color-bg4)/.85),oklch(var(--color-bg4)));background-size:200% 100%;animation:skeleton-loading 1s infinite linear;border-radius:4px}.skeleton-message .skeleton-avatar{height:64px;width:64px}.skeleton-message .skeleton-name{height:14px;width:120px;display:inline-block}.skeleton-message .skeleton-time{height:10px;width:60px;margin-left:4px;display:inline-block}.skeleton-message .skeleton-time-compact{height:10px;width:60px;position:absolute;right:8px;top:8px}.skeleton-message .skeleton-line{height:12px;margin-right:4px;margin-top:2px;display:inline-block}.skeleton-message .skeleton-line:last-child{width:70%}.skeleton-message .skeleton-attachment{margin-top:4px;height:200px;width:300px;border-radius:4px}.skeleton-message:not(.withavatar){grid-template-columns:128px 1fr max-content}.skeleton-message:not(.withavatar)>.author-wrap{text-align:right;margin-right:8px}.skeleton-message:not(.withavatar)>.author-wrap>.author{position:sticky;top:4px}.skeleton-message-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.skeleton-message-list>.message{padding:4px 8px}.skeleton-message-list>.message:hover{background-color:transparent}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}#root>header{grid-area:header;background:oklch(var(--color-bg2));box-shadow:0 2px 8px oklch(var(--color-bg1));border-bottom:solid oklch(var(--color-sep)) 1px;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:pre}#root>footer{grid-area:footer;background:oklch(var(--color-bg1-5));border-top:solid oklch(var(--color-bg3)) 1px;padding:0 4px;display:flex;align-items:center;font-size:.9rem}.webrtc{position:relative;grid-area:main;min-height:0;overflow:hidden}.webrtc.controls .bottom,.webrtc.controls .top,.webrtc .bottom:hover,.webrtc .top:hover{opacity:1}.webrtc .top{position:absolute;top:0;background:linear-gradient(to bottom,rgba(0,0,0,.8666666667) 50%,transparent);width:100%;padding:8px;opacity:0;text-shadow:#000000 1px 1px 3px;transition:all .2s}.webrtc .bottom{position:absolute;bottom:0;background:linear-gradient(to top,black 50%,transparent);width:100%;height:64px;display:flex;padding:8px;align-items:center;justify-content:center;opacity:0;transition:all .2s}.webrtc .bottom .controls{display:flex}.webrtc .bottom .controls button{background:none;border:none}.webrtc .bottom .controls button .icon{height:24px;width:24px;padding:8px;border-radius:50%;background:oklch(var(--color-fg3));overflow:hidden;transition:background .2s}.webrtc .bottom .controls button .icon image{filter:invert(0)}.webrtc .bottom .controls button .icon:hover{background:oklch(var(--color-fg1))}.webrtc .bottom .controls button .icon[aria-checked=false]{background:oklch(var(--color-bg2))}.webrtc .bottom .controls button .icon[aria-checked=false] image{filter:invert(.9)}.webrtc .bottom .controls button .icon[aria-checked=false]:hover{background:oklch(var(--color-bg3))}.webrtc .bottom .controls .disconnect img{height:40px;width:40px;background:oklch(var(--color-red));filter:none}.webrtc .streams{background:#000;height:100%;overflow-y:auto}.webrtc .streams .centered{display:flex;flex-direction:column;justify-content:center;height:100%;padding:32px 16px 64px}.webrtc .streams .list{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px}.webrtc .stream{width:30%;min-width:320px;aspect-ratio:16/9;border:solid oklch(var(--color-sep)) 1px;background:oklch(var(--color-bg1));display:flex;align-items:center;justify-content:center;border-radius:8px;position:relative}.webrtc .stream video{display:block;width:100%;height:100%;object-fit:contain}.webrtc .stream .live{background:red;padding:0 4px;position:absolute;top:4px;right:4px;border-radius:4px;text-transform:uppercase;font-weight:700;display:none}.webrtc .stream.fullscreen{width:100%}.webrtc .stream.speaking{border:solid oklch(var(--color-green)) 2px}.webrtc .stream .status{background:#0004;padding:4px;border-radius:4px;position:absolute;bottom:8px;left:8px}.webrtc .stream.fullscreen+.list{min-height:auto;margin-top:8px}.webrtc .stream.fullscreen+.list .stream{width:20%;min-width:240px}.voice-tray{padding:8px;border-top:solid oklch(var(--color-bg3)) 1px;border-right:solid oklch(var(--color-bg3)) 1px;background:oklch(var(--color-bg1));grid-area:tray}.voice-tray .row{display:flex;align-items:center}.voice-tray button{height:24px;width:24px;display:grid;place-items:center;background:none;border:none;border-radius:4px}.voice-tray button:hover{background:#fff2}.voice-tray .status{height:auto;width:auto;padding:0 2px;margin-left:-2px;margin-right:-2px;font-weight:700;color:oklch(var(--color-yellow))}.voice-tray .status.disconnected{color:oklch(var(--color-fg5))}.voice-tray .status.connected{color:oklch(var(--color-green))}.voice-tray .status.failed{color:oklch(var(--color-red))}.voice-tray .avatar{height:32px;width:32px;margin-right:8px}.icon.strike{filter:none}.icon.strike image{filter:invert(.9)}.icon.strike line{visibility:hidden;stroke:oklch(var(--color-red))}.icon.strike[aria-checked=false] image{mask:url(#strike)}.icon.strike[aria-checked=false] line{visibility:visible}.box{background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep)) 1px;padding:4px;display:inline-block}.dnd-hover{border-top:solid #3fa9c9 3px;margin-top:-3px}.dnd-dragging{color:#aaa}.reactions{display:flex;gap:4px}.reactions .reaction{cursor:pointer;border:solid #445 1px;background:#4452;border-radius:4px;padding:2px 4px;display:flex;align-items:center;gap:6px}.reactions .reaction.self{border:solid oklch(var(--color-link-500)) 1px;background:oklch(var(--color-link-300)/.35)}.reactions .key{display:contents}ins{color:oklch(var(--color-green));background:oklch(var(--color-green)/.1)}del{color:oklch(var(--color-red));background:oklch(var(--color-red)/.1);text-decoration:line-through}.upload-item{background:oklch(var(--color-bg3));border-radius:4px;display:flex;overflow:hidden;width:320px;height:48px}.upload-item .thumb{background:#8af;aspect-ratio:1;height:100%;background-size:cover;border:solid oklch(var(--color-bg3)) 1px;border-right:none;border-radius:4px 0 0 4px}.upload-item .info{padding:4px;flex:1}.upload-item .progress{height:8px;width:100%;background-color:oklch(var(--color-bg4))}.upload-item .progress .bar{fill:oklch(var(--color-link-500))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:oklch(var(--color-bg1-5))}::-webkit-scrollbar-thumb{background-color:oklch(var(--color-bg3));border-radius:4px;border:2px solid transparent;background-clip:content-box}.dnd-upload-message{position:fixed;top:0;left:0;width:100%;height:100%;background:#111d;display:grid;place-items:center;pointer-events:none}.dnd-upload-message .inner{background:oklch(var(--color-bg2));border:solid oklch(var(--color-sep)) 1px;padding:16px;border-radius:4px}.auth{display:flex;flex-wrap:wrap;max-width:550px}.auth.border{border:solid #444 1px}.auth .form-wrapper{flex:1;padding:8px}.auth .label-text{color:#aaa;font-size:.9rem}.auth .input{background:#111;border:solid #444 1px;padding:0 2px}.auth .submit-btn{border:solid #444 1px}.auth .social-wrapper{flex:1;background:#111}.auth .social-list{display:flex;flex-direction:column;padding:4px;gap:2px}.auth .social-item{display:contents}.auth .social-button{padding:4px}textarea,input[type=text]{border:solid oklch(var(--color-sep)) 1px;background:oklch(var(--color-bg3))}.blocked-users-list{list-style:none;padding:0;margin:0;max-width:500px}.blocked-user-item{display:flex;align-items:center;padding:8px}.blocked-user-item+.blocked-user-item{border-top:1px solid oklch(var(--color-sep))}.blocked-user-item .avatar{height:40px;width:40px;margin-right:12px}.blocked-user-item .name{flex-grow:1}.blocked-user-item button{margin-left:12px;border:solid oklch(var(--color-sep)) 1px}details>summary{list-style-type:disclosure-closed;list-style-position:inside}details[open]>summary{list-style-type:disclosure-open}.oauth-authorize{padding:8px;display:grid;place-items:center;height:100%;width:100%;position:fixed}.oauth-authorize .error{color:oklch(var(--color-fg1));background:oklch(var(--color-error)/.5);border:solid oklch(var(--color-error)) 1px;padding:8px}.oauth-authorize .avatar{width:32px;height:32px}.oauth-authorize menu{display:flex;justify-content:end}.oauth-authorize button{flex:1;text-align:center;max-width:120px}.oauth-authorize .description{max-width:60ch;margin:4px 0;border:solid #444 1px;padding:8px;border-radius:4px}.oauth-authorize .contents{white-space:pre-wrap;max-width:30ch}.oauth-authorize .info{background:#111;padding:8px;margin:4px 0;border-radius:4px}.oauth-authorize .info>ul{list-style:disc inside}.copyable{padding:0 2px;border-radius:2px;cursor:pointer}.copyable:hover{background:oklch(var(--color-fg6)/.2)}button.primary,input[type=submit].primary{border:solid oklch(var(--color-link-300)) 1px;background:oklch(var(--color-link-300));color:oklch(var(--color-fg1))}button.primary:hover,button.primary:focus-visible,input[type=submit].primary:hover,input[type=submit].primary:focus-visible{background:oklch(var(--color-link-200))}button.destructive{border:solid oklch(var(--color-red)) 1px;color:oklch(var(--color-red))}button.destructive:hover,button.destructive:focus-visible{background:oklch(var(--color-red));color:oklch(var(--color-bg2))}button.big{padding:.3rem .5rem}.savebar{display:flex;position:sticky;bottom:8px}.savebar>.inner{background:oklch(var(--color-bg1));display:flex;flex:1;padding:8px;gap:8px;align-items:center;border-radius:4px}.savebar>.inner .warning{flex:1}.savebar>.inner .save{background:oklch(var(--color-green));color:oklch(var(--color-bg3))}.savebar>.inner button{padding:4px 8px;border-radius:4px}.option{display:flex;align-items:center;gap:4px;padding:4px;cursor:pointer}.option:hover,.option:focus-within{background:oklch(var(--color-bg1-5))}.invites .invite{display:flex;align-items:center;border-radius:4px;padding:4px 2px}.invites .invite:hover{background:oklch(var(--color-bg3))}.invites .invite .code{width:8rem}.invites .invite .code code{background:none}.invites .invite .creator{display:flex;align-items:center;gap:8px;width:12rem;overflow:hidden}.invites .invite .creator .info{flex:1}.invites .invite .creator .name{overflow:hidden;text-overflow:ellipsis;white-space:pre}.invites .invite .creator time{overflow:hidden;text-overflow:ellipsis;white-space:pre}.invites .invite .creator .avatar{height:36px;width:36px}.invites .invite .uses{width:4rem}.invites .invite .expires{width:6rem}.invites .invite .dim{font-size:1rem}.invites .invite .mono{font-family:var(--font-mono)}.invites .invite button{border:solid oklch(var(--color-sep)) 1px}.invites header{display:flex}.invites header .code{width:8rem;padding:0 4px}.invites header .creator{width:12rem}.invites header .uses{width:4rem}.invites header div{font-weight:700;font-size:.9rem;color:oklch(var(--color-fg5))}.invite-app{position:fixed;top:0;left:0;background-color:oklch(var(--color-bg3));border:solid 1px oklch(var(--color-sep));box-shadow:2px 2px 8px oklch(var(--color-bg1));min-width:128px;max-width:256px;display:flex;flex-direction:column}.invite-app button{border:none}article.message.oneline{grid-template-columns:48px 1fr max-content}article.message.oneline .icon.main{filter:invert(.7);margin-left:28px;margin-top:2px}article.message.oneline .author{padding:0}.room-settings-bans header{display:flex}.room-settings-bans header .name{width:160px;margin-left:36px}.room-settings-bans header .created{width:128px}.room-settings-bans header .expires{width:128px}.room-settings-bans>ul>li+li{border-top:solid oklch(var(--color-sep)) 1px}.room-settings-bans>ul>li{padding:8px 4px;display:flex}.room-settings-bans>ul>li .profile{display:flex;gap:8px;align-items:start;width:192px}.room-settings-bans>ul>li .profile .avatar{height:32px;width:32px;margin-top:2px}.room-settings-bans>ul>li .profile .name{font-size:1rem}.room-settings-bans>ul>li .created{width:128px}.room-settings-bans>ul>li .expires{width:128px}.room-settings-bans>ul>li .reason{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:pre;margin-right:8px}.palette{width:300px}.palette input{padding:2px 4px;margin-bottom:8px;width:100%}.palette .item{padding:2px 4px;border-radius:2px;display:flex;align-items:center;cursor:pointer;margin:4px 0}.palette .item>span{overflow:hidden;text-overflow:ellipsis;white-space:pre}.palette .item-icon{min-width:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:4px}.palette .item-icon .icon{width:16px;height:16px;filter:invert(.7)}.palette .item-icon .avatar{width:24px;height:24px}.palette .item-icon .avatar.fake{font-size:10px;line-height:16px;text-align:center;vertical-align:center;background:oklch(var(--color-bg3))}.palette .item.selected,.palette .item:hover{background:#fff2}.invite{display:grid;place-items:center;grid-area:main}.invite .box{min-width:300px;padding:8px}.invite .info{display:flex;flex-direction:column;justify-content:space-between;padding-left:8px;padding-bottom:4px}.invite .warning{background:oklch(var(--color-yellow)/.2);border:solid oklch(var(--color-yellow)) 1px;padding:8px;border-radius:4px}.invite button{border-radius:4px}button.link{border:none;background:none;padding:0;color:oklch(var(--color-fg3))}button.link:hover{text-decoration:underline;color:oklch(var(--color-fg1))}.message-dim-content>.content{color:oklch(var(--color-fg5))}.permission-search-input{padding:.25rem .5rem;margin-bottom:.5rem;margin-top:.5rem}.edit-info{margin-left:4px;margin-bottom:4px}.edit-info button{color:oklch(var(--color-link-500));cursor:pointer;border:none;background:none;border-radius:2px;padding:0 2px}.edit-info button:hover,.edit-info button:focus{background:#fff2}.edit-history{margin:16px -15px -15px;min-width:300px;background:oklch(var(--color-bg1-5));padding:16px 20px}.edit-history li{background:oklch(var(--color-bg2));margin:4px 0;padding:4px 0;border-radius:4px;border:solid oklch(var(--color-sep-300)) 1px}.chat-header{display:flex;align-items:center}.chat-header>.icon,.chat-header>.avatar{margin-right:4px}.chat-header>.icon{filter:invert(.7)}.chat-header>.avatar{height:32px;width:32px}.chat-header>button{border:none;background:none;width:32px;height:32px;display:flex;justify-content:center;align-items:center}.chat-header>button>.icon{filter:invert(.7);width:18px;height:18px}.chat-header>button:hover>.icon{filter:invert(.95)}.chat-header.select-mode-header{background-color:oklch(var(--color-bg4));gap:8px}#root>header{height:48px}.chat>.list>li.message-selected{background-color:oklch(var(--color-blue)/.3);box-shadow:4px 0 0 -1px inset oklch(var(--color-blue))}.user-profile-page{grid-area:main;padding:8px}.user-profile-page>.user-profile{box-shadow:none}.emoji{height:1em;width:1em}.emoji-button{position:relative;margin:-8px 0;height:32px;width:32px}.emoji-button .button{display:grid;place-items:center;height:100%;pointer-events:all;cursor:pointer}.emoji-button .button .icon{display:contents}.emoji-button .button .emoji{transform:none;margin-right:0;height:22px;width:22px;transition:all .1s}.emoji-button .button .emoji{filter:grayscale(1);transition:all .2s ease-out}.emoji-button :is(.button:hover,.button.shown) .emoji{filter:grayscale(0);transform:scale(1.1)}.room-settings-integrations details{background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;padding:8px;margin-bottom:8px}.room-settings-integrations summary{display:flex;padding:8px}.room-settings-integrations summary .avatar{height:32px;width:32px}.room-settings-integrations details[open]>summary{border-bottom:solid oklch(var(--color-sep-300)) 1px;margin-bottom:8px}.room-settings-integrations .info{display:flex}.room-settings-integrations .info>.avatar{margin-right:4px}.room-settings-integrations .tag-list{display:flex;flex-direction:column;gap:8px}.room-settings-integrations .tag-list .tag-item{position:relative;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;padding:8px;border-radius:4px}.room-settings-integrations .tag-list .tag-item:hover>.message-toolbar{visibility:visible}.room-settings-integrations .tag-list .tag-item .tag-content{display:flex;gap:8px;align-items:flex-start}.room-settings-integrations .tag-list .tag-item .tag-content .tag-color-indicator{width:24px;height:24px;border-radius:4px;flex-shrink:0}.room-settings-integrations .tag-list .tag-item .tag-content .tag-info{flex:1;min-width:0}.room-settings-integrations .tag-list .tag-item .tag-content .tag-info .name{margin:0 0 4px;font-size:1rem}.room-settings-integrations .tag-list .tag-item .tag-content .tag-info .description{color:oklch(var(--color-fg5));font-size:.9rem;margin-bottom:4px}.autocomplete{background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;box-shadow:0 2px 8px oklch(var(--color-bg1));width:max-content;min-width:120px;max-width:360px}.autocomplete>.item{padding:2px 4px;display:flex;align-items:center;gap:8px}.autocomplete>.item:hover,.autocomplete>.item.hovered{background:#fff2}.autocomplete .emoji-img{height:1em;width:1em}.autocomplete .mention-user{display:flex;align-items:center;gap:8px}.autocomplete .mention-user .avatar{width:20px;height:20px}.message-toolbar{background:oklch(var(--color-bg1-5));display:flex;position:absolute;top:-8px;right:8px;border:solid oklch(var(--color-sep-400)) 1px;box-shadow:0 2px 8px oklch(var(--color-bg1));border-radius:4px;overflow:hidden;visibility:hidden}.message-toolbar>button{display:grid;place-items:center;height:24px;width:24px;border:none}article.message:hover>.message-toolbar,article.message.toolbar-visible>.message-toolbar{visibility:visible}kbd{display:inline-block;border:solid oklch(var(--color-sep-400)) 1px;background:oklch(var(--color-bg3));padding:0 4px;box-shadow:0 3px oklch(var(--color-bg1-5));border-radius:2px}kbd:active{transform:translateY(2px);box-shadow:0 1px oklch(var(--color-bg1))}.radio{height:24px;width:24px;color:oklch(var(--color-fg6))}.permission-selector-list{list-style:none;padding:0}.permission-selector-list .permission-item{display:flex;justify-content:space-between;align-items:center;background:oklch(var(--color-bg2));padding:8px;margin-bottom:4px;border-radius:4px;flex-wrap:wrap}.permission-selector-list .permission-item .permission-info{flex:1;min-width:0}.permission-selector-list .permission-item .permission-info .permission-description{color:#aaa;font-size:.9em;margin-top:4px}.permission-selector-list .permission-item .permission-controls{display:flex;margin-left:16px;border:solid oklch(var(--color-sep)) 1px;background-color:oklch(var(--color-bg2))}.permission-selector-list .permission-item .permission-controls .perm-state-button{display:flex;border:none;height:24px;width:24px;align-items:center;justify-content:center;cursor:pointer;color:#fff}.permission-selector-list .permission-item .permission-controls .perm-state-button:hover{background-color:oklch(var(--color-bg3))}.permission-selector-list .permission-item .permission-controls .perm-state-button.state-allow{background-color:#28a745}.permission-selector-list .permission-item .permission-controls .perm-state-button.state-deny{background-color:#dc3545}.permission-selector-list .permission-item .permission-controls .perm-state-button.state-inherit{background-color:#6c757d}.permission-selector-list h3{font-size:1em;font-weight:700;color:oklch(var(--color-fg6));margin-top:16px;text-transform:capitalize}.permission-overwrites{display:flex;gap:1rem}.permission-overwrites .permissions-layout{display:flex;flex-direction:column;gap:1rem}.permission-overwrites .permissions-layout li.editing{font-weight:700}.permission-overwrites .permissions-header{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.permission-overwrites .permissions-header .editing-title{margin:0}.channel-settings-permissions{display:flex;height:100%}.channel-settings-permissions .main,.channel-settings-permissions .edit{padding:.5rem;overflow-y:auto}.channel-settings-permissions .main{flex:1}.channel-settings-permissions .edit{background:oklch(var(--color-bg1))}.new-channel{margin-top:8px}.new-channel .type{display:flex;flex-direction:column;gap:4px}.new-channel .type label{display:flex;gap:2px;cursor:pointer;padding:2px 0}.new-channel .type label:hover{background:oklch(var(--color-bg3))}.new-channel .type label input[type=radio]{display:none}.tags{margin-top:16px}.slider{width:200px;height:6px;border-radius:3px}.friends .info{display:flex;gap:4px;margin-top:4px;margin-bottom:4px;padding:0 4px}.friends .info input{flex:1;padding:0 2px}.friends .info .filter{border:solid oklch(var(--color-sep)) 1px}.friends .info .filter button{border:none}.friends .friend{display:flex;gap:8px;align-items:center}.friends .friend .avatar{padding:8px;height:32px;width:32px}.tag-edit-form .option-block{display:flex;flex-direction:column;align-items:start;margin-top:8px}.tag-edit-form .option-block>label{color:oklch(var(--color-fg5));font-size:.8rem}input[type=color]{height:1em;width:2em}.reactions-modal{display:flex;margin:-16px;border:solid oklch(var(--color-sep)) 1px;height:300px;width:400px}.reactions-modal .reactions{background:oklch(var(--color-bg1));padding:8px;display:flex;flex-direction:column}.reactions-modal .reactions button{display:flex;gap:8px;width:48px;border:none;background:none}.reactions-modal .reactions button:hover,.reactions-modal .reactions button[data-selected]{background:#fff2}.reactions-modal .users{display:flex;flex-direction:column;background:oklch(var(--color-bg2));gap:8px;padding:8px}.reactions-modal .user{display:flex;align-items:center;gap:8px}.reactions-modal .user .avatar{height:24px;width:24px}.admin-tasks{border:solid oklch(var(--color-sep-300)) 1px;background:oklch(var(--color-bg1-5))}.admin-tasks>li{display:flex;align-items:center;padding:4px}.admin-tasks>li>.name{flex:1}.add-reaction{border:none;background:none;display:flex;align-items:center;justify-content:center}.filters{display:flex;border:solid oklch(var(--color-sep)) 1px;border-radius:4px;overflow:hidden}.filters>button{border:none}.filters>button.active{background:#fff2}.thread-group{border:solid 1px oklch(var(--color-sep-400));border-radius:4px;margin:8px 0;overflow:hidden;max-width:800px}.thread-group .thread-card{padding:2px 0;margin:0;border:none;border-radius:0}.thread-group li:not(:first-child){border-top:solid 1px oklch(var(--color-sep-400))}.search-pad{padding:2px 4px}.jump-to-latest{font-size:.8rem;background:#111c;border:none;padding:4px;border-top-left-radius:4px;border-top-right-radius:4px;position:relative;bottom:-2px}.jump-to-latest:hover{background:#111}.new-messages{position:absolute;z-index:1;width:calc(100% - 16px);display:flex;margin:0 8px}.new-messages button{border:none;background:none;background:#111e;padding:4px 8px;box-shadow:0 2px 8px oklch(var(--color-bg2))}.new-messages button:hover{background:#0c0c0cf0}.new-messages .jump-read{border-bottom-left-radius:8px;flex:1;border-right:solid oklch(var(--color-bg3)) 2px}.new-messages .mark-read{border-bottom-right-radius:8px}.threads-popout{background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;box-shadow:0 2px 8px oklch(var(--color-bg1));padding:8px;min-width:360px;min-height:360px}.threads-popout .header{display:flex}.threads-popout .header>input[type=search]{flex:1}.threads-popout .thread-item{border:solid oklch(var(--color-sep-300)) 1px;background:oklch(var(--color-bg2));padding:8px;cursor:pointer;margin-top:8px}.threads-popout .thread-item:hover{background:oklch(var(--color-bg3))}.threads-popout .dim{margin-top:8px;margin-bottom:-4px}.avatar-uploader{display:inline-block}.avatar-uploader .avatar-inner{position:relative;padding:4px}.avatar-uploader .overlay{opacity:0;transition:opacity .2s;pointer-events:none;position:absolute;background:#111a;top:0;left:0;height:100%;width:100%;display:grid;place-items:center;text-align:center}.avatar-uploader .avatar-inner:hover .overlay{opacity:1}.avatar-uploader .remove{color:oklch(var(--color-red));border:none;background:none;font-size:.8rem;text-align:center;width:100%;display:block;margin-top:-4px}.avatar-uploader .remove:hover{text-decoration:underline}.avatar-uploader .avatar{height:64px}input[type=search].tags-search{margin:4px;padding:2px 4px;background:oklch(var(--color-bg1-5))}.contextmenu button[disabled]{cursor:not-allowed;color:oklch(var(--color-fg6))}.contextmenu button[disabled]:hover{background:none}.markdown .spoiler{background-color:oklch(var(--color-bg4));color:transparent;border-radius:3px;padding:0 2px;cursor:pointer;transition:background-color .2s,color .2s}.markdown .spoiler.shown{background-color:oklch(var(--color-bg4)/.5);color:inherit;cursor:text}.markdown .spoiler>*{visibility:hidden}.markdown .spoiler.shown>*{visibility:visible}.editor .spoiler-preview{background-color:#ffffff1a;border-radius:2px}.invite-create-input-wrapper{margin-top:16px;display:flex;position:relative;background-color:oklch(var(--color-bg3));border:solid oklch(var(--color-sep)) 1px;height:32px;border-radius:2px}.invite-create-input-wrapper input{flex:1;background:none;padding:2px 4px;border:none}.invite-create-input-wrapper button{position:absolute;right:4px;height:24px;align-self:center;border-radius:2px;padding:0 4px;box-shadow:1px 1px 3px #0004}.user-settings-sessions .session{display:flex;flex-direction:column;margin:4px 0;padding:8px;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px}.user-settings-sessions .session .info{display:flex;justify-content:space-between;align-items:center}.user-settings-sessions .session .info menu{display:flex;gap:4px}.user-settings-sessions .session .meta{display:flex;align-items:center;gap:8px;margin:4px 0}.user-settings-sessions .session .meta .bullet{display:inline-block;width:4px;height:4px;border-radius:50%;background:oklch(var(--color-fg5))}.user-settings-sessions .session .meta .unknown{color:oklch(var(--color-fg5));font-style:italic}.user-settings-sessions .session.current{border:solid oklch(var(--color-link-500)) 1px}.user-settings-sessions .session.sudo{border:solid oklch(var(--color-red)) 1px}