@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}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;border:none;background:none;text-align:inherit}@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-comment,.hljs-quote{color:oklch(var(--color-fg6));font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-addition{color:oklch(var(--color-magenta))}.hljs-number,.hljs-string,.hljs-meta .hljs-meta-string,.hljs-literal,.hljs-doctag,.hljs-regexp{color:oklch(var(--color-green))}.hljs-title,.hljs-section,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:oklch(var(--color-blue))}.hljs-attribute,.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-class .hljs-title,.hljs-type{color:oklch(var(--color-yellow))}.hljs-symbol,.hljs-bullet,.hljs-subst,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-link{color:oklch(var(--color-orange))}.hljs-built_in,.hljs-deletion{color:oklch(var(--color-red))}.hljs-formula{background:oklch(var(--color-bg3))}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.code-block-container{margin:8px 0;border:1px solid oklch(var(--color-bg3));border-radius:4px;overflow:hidden;background:oklch(var(--color-bg1))}.code-block-container .code-block-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:oklch(var(--color-bg2));border-bottom:1px solid oklch(var(--color-bg3));font-family:var(--font-mono);font-size:.85em;color:oklch(var(--color-fg3))}.code-block-container .code-block-header .file-info{display:flex;gap:8px;align-items:center}.code-block-container .code-block-header .file-info .filename{color:oklch(var(--color-fg1));font-weight:500;text-decoration:none}.code-block-container .code-block-header .file-info .filename:hover{text-decoration:underline}.code-block-container .code-block-header .file-info .dim{color:oklch(var(--color-fg5));font-size:.9em}.code-block-container .code-block-header .metadata{color:oklch(var(--color-fg5))}.code-block-container .code-block-header .metadata .lang{text-transform:lowercase}.code-block-container .code-block-header .metadata .name{color:oklch(var(--color-fg3))}.code-block-container .code-block-header .actions{display:flex;gap:6px}.code-block-container .code-block-header .actions button{background:oklch(var(--color-bg3));border:1px solid oklch(var(--color-bg4));color:oklch(var(--color-fg2));cursor:pointer;padding:2px 8px;border-radius:3px;font-size:.85em;transition:all .1s}.code-block-container .code-block-header .actions button:hover{background:oklch(var(--color-bg4));color:oklch(var(--color-fg1))}.code-block-container .code-block-header .actions button:active{transform:translateY(1px)}.code-block-container .wrap{position:relative}.code-block-container .wrap.collapsed pre{max-height:200px;overflow-y:hidden;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.code-block-container .wrap pre{margin:0;padding:12px;overflow-x:auto;font-family:var(--font-mono);font-size:.9em;line-height:1.5;white-space:pre}.code-block-container .wrap pre.numbered{padding-left:0}.code-block-container .wrap pre.numbered code{display:block}.code-block-container .wrap pre.numbered code:before{content:attr(data-line-number);display:inline-block;width:3em;padding-right:12px;margin-right:12px;text-align:right;color:oklch(var(--color-fg6));border-right:1px solid oklch(var(--color-bg3));-webkit-user-select:none;user-select:none}.code-block-container .wrap .expand-btn{width:100%;padding:6px;background:oklch(var(--color-bg2));border:none;border-top:1px solid oklch(var(--color-bg3));color:oklch(var(--color-fg3));cursor:pointer;font-size:.85em;font-family:var(--font-default)}.code-block-container .wrap .expand-btn:hover{background:oklch(var(--color-bg3));color:oklch(var(--color-fg1))}.code-block-container .wrap .warn-truncated{padding:4px 12px;font-size:.8em;background:oklch(var(--color-bg1));border-top:1px solid oklch(var(--color-bg3));color:oklch(var(--color-fg4))}.code-block-container .wrap .warn-truncated .warn{color:oklch(var(--color-orange));font-weight:700}.html-preview{background:#fff;min-height:100px;display:flex;resize:both;overflow:auto;border-top:1px solid oklch(var(--color-bg3));max-width:100%}.html-preview iframe{border:none;width:100%;flex:1;min-height:200px;pointer-events:auto}: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-bg2-5: 25.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: 32.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-highlight: 60.2% .1976 20.66;--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:"..."}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes scale-in{0%{scale:.8}to{scale:1}}@keyframes slide-down{0%{translate:0 -8px}to{translate:0 0}}.dim,.member-list .member-group{color:oklch(var(--color-fg5));font-size:.8rem}.button{display:block;padding:2px 4px;cursor:pointer;background-color:oklch(var(--color-bg3));border:solid oklch(var(--color-sep-400)) 1px;color:oklch(var(--color-fg4));-webkit-user-select:none;user-select:none}.button:hover,.button:focus-visible,.button.active{color:oklch(var(--color-fg1));background-color:oklch(var(--color-bg4))}.button.primary{border-color:oklch(from oklch(var(--color-link-300)) calc(l - .1) calc(c + -0) h);background-color:oklch(from oklch(var(--color-link-300)) calc(l - .15) calc(c + -0) h)}.button.primary:hover,.button.primary:focus-visible,.button.primary.active{background-color:oklch(from oklch(var(--color-link-300)) calc(l - .1) calc(c + -0) h)}.button.danger{border-color:oklch(from oklch(var(--color-red)) calc(l - .25) c h);background-color:oklch(from oklch(var(--color-red)) calc(l - .3) calc(c - .03) h)}.button.danger:hover,.button.danger:focus-visible,.button.danger.active{background-color:oklch(from oklch(var(--color-red)) calc(l - .35) calc(c - .05) h)}.button[disabled]{cursor:not-allowed;background-color:oklch(from oklch(var(--color-bg4)) calc(l - .08) c h);color:oklch(var(--color-fg6))}.button[disabled].primary{background-color:oklch(from oklch(var(--color-link-300)) calc(l - .3) calc(c - .08) h);border-color:oklch(from oklch(var(--color-link-300)) calc(l - .2) calc(c - .03) h)}.button.icon-button{width:32px;height:32px;display:flex;justify-content:center;align-items:center;background:none;color:none;border:none}.button.icon-button>.icon2{background:oklch(var(--color-fg5));width:18px;height:18px}.button.icon-button:hover,.button.icon-button:focus-visible,.button.icon-button.active{background-color:transparent}.button.icon-button:hover>.icon2,.button.icon-button:focus-visible>.icon2,.button.icon-button.active>.icon2{background:oklch(var(--color-fg1))}.button.icon-button:hover.danger>.icon2,.button.icon-button:focus-visible.danger>.icon2,.button.icon-button.active.danger>.icon2{background-color:oklch(var(--color-red))}.button.icon-button:hover.primary>.icon2,.button.icon-button:focus-visible.primary>.icon2,.button.icon-button.active.primary>.icon2{background-color:oklch(var(--color-link-300))}.button.icon-button:hover>.toggle-icon .icon-background,.button.icon-button:focus-visible>.toggle-icon .icon-background,.button.icon-button.active>.toggle-icon .icon-background{fill:oklch(var(--color-fg1))}.button.icon-button:hover.danger>.toggle-icon .icon-background,.button.icon-button:focus-visible.danger>.toggle-icon .icon-background,.button.icon-button.active.danger>.toggle-icon .icon-background{fill:oklch(var(--color-red))}.button.icon-button:active>.icon2{translate:0 1px}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-bg1-5));font-family:var(--font-mono)}pre{overflow-x:auto;padding:4px;white-space:pre}a{color:oklch(var(--color-link-500));cursor:pointer;border-radius:2px}a:hover,a:focus-visible{text-decoration:underline}.underline-links a{text-decoration:underline}.underline-links a:hover,.underline-links a:focus-visible{background:#fff2}summary{cursor:pointer}details>summary{list-style-type:disclosure-closed;list-style-position:inside}details[open]>summary{list-style-type:disclosure-open}em{font-style:italic}code{padding:0 2px}code>.color-preview{display:inline-block;height:8px;width:8px;background-color:var(--color);margin-left:2px;margin-right:4px;border-radius:2px;vertical-align:center}blockquote{white-space:normal}blockquote{border-left:solid oklch(var(--color-sep-800)) 3px;margin:2px 0;padding-left:8px}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-bg2-5))}table>thead{border-bottom:solid oklch(var(--color-sep-300)) 1px}table>thead>tr{background:oklch(var(--color-bg1))}table td,table th{padding:6px 8px;text-align:left}table th{color:oklch(var(--color-fg5));font-weight:700}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}.emoji{height:1em;width:1em}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))}.markdown{white-space:collapse}.markdown .mention{cursor:pointer}.markdown .mention:hover{text-decoration:underline}.markdown .emoji{display:inline-block;vertical-align:center}.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 p{min-height:1em}.markdown li+li{margin-top:4px}.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}.markdown mark{background-color:var(--mark-background-color, oklch(from oklch(var(--color-link-500)) l c h/.5));padding:0 2px;margin:-2px;border-radius:2px}.markdown.emoji-only{font-size:1.5rem!important;line-height:1.5}.markdown.emoji-only .emoji{width:1.5em!important;height:1.5em!important}.analytics-controls{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-end}.chart-container{background:oklch(var(--color-bg1-5));border:1px solid oklch(var(--color-sep));border-radius:4px;padding:1rem;margin-bottom:1rem}.chart-container .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.chart-container .chart-header h4{margin:0;font-size:1rem;color:oklch(var(--color-fg3))}.chart-container .chart-header .chart-tooltip{display:flex;gap:.5rem;font-size:.9rem;background:oklch(var(--color-bg3));padding:2px 8px;border-radius:4px;border:1px solid oklch(var(--color-sep))}.chart-container .chart-header .chart-tooltip .date{color:oklch(var(--color-fg5))}.chart-container .chart-header .chart-tooltip .value{color:oklch(var(--color-link-500));font-weight:700}.chart-container .chart{height:200px;width:100%;cursor:crosshair}.chart-container .chart svg{height:100%;width:100%}.calendar-channel{grid-area:main;display:flex;flex-direction:column;overflow:hidden}.calendar-channel>.calendar-header{display:flex;align-items:center;padding:8px}.calendar-channel>.calendar-header menu{display:flex}.calendar-channel>.calendar-header menu .dropdown-container>input{field-sizing:content;padding-right:24px}.calendar-channel>.month-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.calendar-channel>.month-view>.days-of-week{display:grid;grid-template-columns:repeat(var(--days-per-week),1fr);position:sticky;top:0;background:oklch(var(--color-bg1));color:oklch(var(--color-fg5));font-weight:700;font-size:.9rem}.calendar-channel>.month-view>.days-of-week>div{padding:2px 8px}.calendar-channel>.month-view>.month{flex:1;margin-left:-1px;display:grid;grid-template-columns:repeat(var(--days-per-week),1fr);grid-template-rows:repeat(var(--row-count),16.6666666667%);overflow-y:auto;scroll-snap-type:y mandatory}.calendar-channel>.month-view>.month .month-start{scroll-snap-align:start;scroll-snap-stop:always}.calendar-channel>.month-view>.month .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;cursor:pointer}.calendar-channel>.month-view>.month .day:hover{background:#0002}.calendar-channel>.month-view>.month .day>.daynumber{color:oklch(var(--color-fg5));font-size:.9rem;padding:0 2px;align-self:flex-start;text-align:center;margin-bottom:4px}.calendar-channel>.month-view>.month .day.today>.daynumber{font-weight:700;color:oklch(var(--color-fg1));background-color:oklch(var(--color-link-500));border-radius:4px}.calendar-channel>.month-view>.month .day.othermonth{background:oklch(var(--color-bg1))}.calendar-channel>.month-view>.month .day.othermonth>.daynumber{color:oklch(var(--color-sep))}.calendar-channel>.month-view>.month .event{--color: oklch(var(--color-link-500));border-left:solid var(--color) 3px;background:oklch(from var(--color) calc(l - .15) c h/.2);padding:2px 4px;margin-top:2px;border-radius:2px;color:var(--color);transition:background .1s,color .1s}.calendar-channel>.month-view>.month .event:hover{color:oklch(from var(--color) calc(l + .05) c h);background:oklch(from var(--color) l c h/.2)}.calendar-event-popup{width:440px;height:min(540px,100vh - 16px);display:flex;flex-direction:column;background-color:oklch(var(--color-bg2));color:oklch(var(--color-fg3));border-radius:4px;overflow:hidden;box-shadow:0 12px 32px #0000004d;border:solid 1px oklch(var(--color-sep-400))}.calendar-event-popup .popup-header{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:14px 20px;background-color:oklch(var(--color-bg1-5))}.calendar-event-popup .popup-header h2{font-size:16px;font-weight:700;color:oklch(var(--color-fg1))}.calendar-event-popup .popup-close{margin-left:auto;color:oklch(var(--color-fg5));padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.calendar-event-popup .popup-close:hover{background-color:oklch(var(--color-bg3));color:oklch(var(--color-fg2))}.calendar-event-popup .popup-tabs{flex-shrink:0;display:flex;border-bottom:solid 1px oklch(var(--color-sep-300));padding:0 10px;background-color:oklch(var(--color-bg1-5))}.calendar-event-popup .popup-tab{padding:10px 16px;border-bottom:2px solid transparent;color:oklch(var(--color-fg5));font-weight:600;text-align:center;margin-bottom:-1px;transition:all .2s ease;cursor:pointer}.calendar-event-popup .popup-tab.active{color:oklch(var(--color-link-500));border-bottom-color:oklch(var(--color-link-500))}.calendar-event-popup .popup-tab:hover:not(.active){color:oklch(var(--color-fg2));border-bottom-color:oklch(var(--color-sep-400))}.calendar-event-popup .popup-content{flex:1;overflow-y:auto;padding:20px}.calendar-event-popup .popup-content::-webkit-scrollbar{width:8px}.calendar-event-popup .popup-content::-webkit-scrollbar-track{background:transparent}.calendar-event-popup .popup-content::-webkit-scrollbar-thumb{background:oklch(var(--color-bg4));border-radius:4px}.calendar-event-popup .popup-footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;background-color:oklch(var(--color-bg1-5))}.calendar-event-popup .popup-form{display:flex;flex-direction:column;gap:16px}.calendar-event-popup .popup-form-group{display:flex;flex-direction:column;gap:6px}.calendar-event-popup .popup-form-group label{font-size:11px;font-weight:700;color:oklch(var(--color-fg5));text-transform:uppercase;letter-spacing:.8px}.calendar-event-popup .popup-form-group input,.calendar-event-popup .popup-form-group textarea,.calendar-event-popup .popup-form-group select{padding:4px 8px;background-color:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep-300));border-radius:4px;color:oklch(var(--color-fg2));min-height:32px;transition:border-color .2s ease,box-shadow .2s ease}.calendar-event-popup .popup-form-group input::placeholder,.calendar-event-popup .popup-form-group textarea::placeholder,.calendar-event-popup .popup-form-group select::placeholder{color:oklch(var(--color-fg5))}.calendar-event-popup .popup-form-group input:focus,.calendar-event-popup .popup-form-group textarea:focus,.calendar-event-popup .popup-form-group select:focus{outline:none;border-color:oklch(var(--color-link-500));box-shadow:0 0 0 2px oklch(var(--color-link-500)/.1)}.calendar-event-popup .popup-form-group textarea{min-height:100px;resize:vertical}.calendar-event-popup .popup-form-row{display:flex;gap:12px}.calendar-event-popup .popup-form-row>*{flex:1}.calendar-event-popup .popup-save-btn{padding:4px 12px;border:solid oklch(var(--color-link-300)) 1px;background:oklch(var(--color-link-300));color:oklch(var(--color-fg1));border-radius:4px;transition:background-color .2s ease}.calendar-event-popup .popup-save-btn:hover{background-color:oklch(var(--color-link-200))}.calendar-event-popup .popup-save-btn:active{background-color:oklch(var(--color-link-300))}.calendar-event-popup .popup-cancel-btn{padding:4px 12px;background-color:oklch(var(--color-bg3));border:solid oklch(var(--color-sep)) 1px;color:oklch(var(--color-fg3));border-radius:4px;transition:all .2s ease}.calendar-event-popup .popup-cancel-btn:hover{background-color:oklch(var(--color-bg4))}.calendar-event-popup .tab-content{display:none}.calendar-event-popup .tab-content.active{display:block}.calendar-event-popup .tab-content h3{margin:0 0 12px;font-size:14px;font-weight:700;color:oklch(var(--color-fg2))}.calendar-event-popup .tab-content p{font-size:14px;color:oklch(var(--color-fg5));line-height:1.5}.recurrence-editor{display:flex;flex-direction:column;gap:8px}.recurrence-editor>.row{display:flex;align-items:center;gap:8px}.recurrence-editor>.top>.interval-input{field-sizing:content;min-width:32px;-moz-appearance:textfield}.recurrence-editor>.top>.interval-input::-webkit-outer-spin-button,.recurrence-editor>.top>.interval-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.recurrence-editor>.top>.dropdown-container>.dropdown{field-sizing:content;min-width:1em;padding-right:32px}.recurrence-editor .weekday-toggles{gap:4px}.recurrence-editor .weekday-toggles>.weekday-toggle{background-color:oklch(var(--color-bg4));height:32px;width:32px;border-radius:32px;text-align:center;cursor:pointer;font-size:.8rem;transition:background-color .2s ease}.recurrence-editor .weekday-toggles>.weekday-toggle:hover{background-color:oklch(from oklch(var(--color-bg4)) calc(l + .1) c h)}.recurrence-editor .weekday-toggles>.weekday-toggle.active{color:oklch(var(--color-fg1));background-color:oklch(var(--color-link-200))}.recurrence-editor .weekday-toggles>.weekday-toggle.active:hover{background-color:oklch(from oklch(var(--color-link-200)) calc(l + .1) c h)}.channel-settings-info .label{font-size:1em;margin:0 2px}.channel-settings-info p.description{opacity:.8;margin:4px 2px}.channel-settings-info .settings-group{margin:16px 0}.channel-settings-info>.channel-profile{display:flex;gap:8px;margin-bottom:8px}.channel-settings-info>.channel-profile>.name-description{flex:1;display:flex;flex-direction:column;gap:8px}.channel-settings-info>.channel-profile>.name-description>.name>.name-input{width:100%}.channel-settings-info>.channel-profile>.name-description>.description>.editor{background-color:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep-300));border-radius:2px}.channel-settings-info>.channel-profile>.name-description>.description>.editor:focus-within{border:solid 1px oklch(var(--color-link-500))}.channel-settings-info>.channel-profile>.name-description>.description>.editor>.ProseMirror{padding:2px 4px;min-height:3lh}.channel-settings-info>.channel-profile>.channel-icon-upload>.dim{margin:0 4px}.channel-settings-permissions{height:100%;overflow:hidden}.channel-settings-permissions .wrapper{display:flex;height:100%}.channel-settings-permissions .main,.channel-settings-permissions .edit{flex:1;padding:8px;overflow-y:auto}.channel-settings-permissions .edit{background:oklch(var(--color-bg1))}.channel-settings-permissions .savebar-sizer{margin:0 16px}.channel-settings-permissions .savebar{left:8px}.channel-settings-permissions .permissions-header{display:flex;gap:8px;align-items:center;margin-bottom:1rem}.channel-settings-permissions .permissions-header .editing-title{flex:1}.color-picker{border:solid oklch(var(--color-sep)) 1px;box-shadow:4px 4px 8px #0006;border-radius:4px;width:300px;contain:content;display:flex;flex-direction:column;background:oklch(var(--color-bg1))}.color-picker>.canvas-container{position:relative;cursor:crosshair;border-bottom:solid oklch(var(--color-sep-300)) 1px;width:100%;height:200px}.color-picker>.canvas-container>.canvas{position:absolute;width:100%;height:100%;pointer-events:none}.color-picker .range{cursor:pointer;position:relative;height:16px}.color-picker .range>.reticle{position:absolute;top:-2px;bottom:-2px;width:4px;background:oklch(var(--color-fg1));box-shadow:0 0 4px #1114;pointer-events:none;translate:-50% 0}.color-picker .range-label{margin-inline:8px;margin-top:8px;margin-bottom:4px}.color-picker .hue-map>.reticle{left:calc(var(--hue) / 360 * 100%)}.color-picker[data-colorspace=oklch] .hue-map{--luminance: 70%;--chroma: 50%;background:linear-gradient(to right in oklch longer hue,oklch(var(--luminance) var(--chroma) 0),oklch(var(--luminance) var(--chroma) 0))}.color-picker[data-colorspace=srgb] .hue-map{background:linear-gradient(to right,red,#ffbf00 12.5%,#ffef00,#dfff00 18.75%,#7fff00,#20ff00 31.25%,#00ff10,#00ff40 37.5%,#0ff,#0040ff 62.5%,#0010ff,#2000ff 68.75%,#7f00ff,#df00ff 81.25%,#ff00ef,#ff00bf 87.5%,red)}.color-picker .alpha-map{--checker-size: 8px;--checker-one: white;--checker-two: #ccc;background:linear-gradient(to right in var(--colorspace) longer hue,transparent,oklch(var(--luminance) var(--chroma) var(--hue))),repeating-conic-gradient(var(--checker-one) 0% 25%,var(--checker-two) 0% 50%);background-size:100% 100%,var(--checker-size) var(--checker-size)}.color-picker .alpha-map>.reticle{left:calc(var(--alpha) / 360 * 100%)}.color-picker .input-wrapper{display:flex;align-items:center;margin:8px 8px 4px;gap:4px}.color-picker .input-wrapper>.dropdown-container{flex:0 1 4em}.color-picker .input-wrapper>.input{flex:1 1 0%;background:oklch(var(--color-bg2));min-width:0}.color-picker .presets{margin:8px;margin-block:4px}.color-picker .presets>.presets-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.color-picker .presets>.presets-grid>.button{aspect-ratio:1;border:none;border-radius:4px}.color-picker-button{display:flex;min-width:2em;min-height:1em;border-radius:2px;border:solid oklch(var(--color-sep)) 2px}.color-picker-button:hover{filter:brightness(90%)}.color-picker-button>.icon2{background:oklch(var(--color-fg1))}.color-picker-button.wide{align-items:center}.gradient-picker{border:solid oklch(var(--color-sep)) 1px;box-shadow:4px 4px 8px #1114;border-radius:4px;width:300px;contain:content;display:flex;flex-direction:column;background:oklch(var(--color-bg1))}.gradient-picker>.canvas-container{position:relative;cursor:crosshair;border-bottom:solid oklch(var(--color-sep-300)) 1px;width:100%;height:200px}.gradient-picker>.canvas-container>.canvas{position:absolute;width:100%;height:100%;pointer-events:none}.gradient-picker>.canvas-container>.stop-marker{position:absolute;top:50%;left:calc(var(--x) * 100%);right:calc(var(--y) * 100%);transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid #fff;border-radius:50%;z-index:10}.gradient-picker>.canvas-container>.stop-marker:hover{border:2px solid #eee}.gradient-picker>.stops{margin:8px;display:flex;flex-direction:column;gap:4px}.gradient-picker>.stops>.stop{display:flex;align-items:stretch;gap:4px}.gradient-picker>.stops>.stop>.position-input{width:3em;background:oklch(var(--color-bg2));margin-block:2px}.components{display:flex;flex-direction:column;--text-margin: 6px;--accent-width: 3px;margin-top:calc(var(--text-margin) * -1);margin-bottom:calc(var(--text-margin) * -1)}.components .container,.components .details{border:solid oklch(var(--color-sep-400)) 1px;border-radius:4px;background:oklch(var(--color-bg1-5));padding:2px 0}.components .container,.components .section{border-left:solid var(--color) var(--accent-width)}.components .container,.components .section,.components .details{display:flex;flex-direction:column;margin-top:var(--text-margin);margin-bottom:var(--text-margin)}.components .container>.text,.components .container>.button,.components .section>.text,.components .section>.button,.components .details>.text,.components .details>.button{margin:4px var(--text-margin)}.components .container>.container,.components .section>.container,.components .details>.container{margin:8px}.components .container>.section{margin-left:calc(var(--accent-width) * -1)}.components .section{background-color:color-mix(in srgb,var(--color) 10%,transparent)}.components .component-button{display:flex;align-self:start;align-items:center;border-radius:2px;padding:4px 6px}.components .component-button>.icon2{display:none;margin-right:4px}.components .component-button.interacted>.icon2{display:block;background:oklch(var(--color-fg6));animation:spin infinite .8s linear}.components .details{background:oklch(var(--color-bg3));padding:0;overflow:hidden}.components summary{padding:4px;background:oklch(var(--color-bg1-5));list-style:none;display:flex;align-items:center;cursor:pointer}.components summary:before{content:"▶";display:inline-block;margin-left:6px;margin-right:6px;font-size:.7em;color:oklch(var(--color-fg5));transition:transform .15s;flex-shrink:0}.components summary::-webkit-details-marker{display:none}.components summary:hover{background:oklch(var(--color-bg1))}.components details[open]>summary:before{transform:rotate(90deg)}.components .media{margin:4px var(--text-margin)}.components .media>.description{font-size:.8em;color:oklch(var(--color-fg5));margin-top:4px}.wiki-channel{grid-area:main;display:flex;padding:0;align-items:stretch;justify-content:stretch;overflow:hidden}.wiki-channel>.list{padding:1rem;flex:1;display:flex;flex-direction:column;overflow-y:auto;height:100%}.wiki-channel>.list .search{flex:1}.wiki-channel>.list .sort-view-container .sort-view-button{border-radius:4px;display:flex;align-items:center;gap:8px}.wiki-channel>.list .sort-view-container .sort-view-button .icon2{rotate:90deg}.wiki-channel>.list .sort-view-container .sort-view-button.selected{background-color:oklch(var(--color-bg4))}.wiki-channel>.list .sort-view-container .sort-view-button.selected .icon2{rotate:270deg}.wiki-channel .create-document{overflow:hidden;text-overflow:ellipsis;white-space:pre}.document-sorting{display:flex;background-color:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep));box-shadow:2px 2px 8px oklch(var(--color-bg1));min-width:128px;padding:4px}.document-sorting .header{margin:2px 4px 2px 24px;color:oklch(var(--color-fg6))}.document-sorting .column{min-width:128px}.document-sorting .button{display:flex;gap:4px;align-items:center;padding:2px 4px;border-radius:2px;width:100%;border:none;color:oklch(var(--color-fg5));background:none}.document-sorting .button .icon2{visibility:hidden}.document-sorting .button:hover,.document-sorting .button:focus-visible{color:oklch(var(--color-fg1));background:#fff1}.document-sorting .button:hover .icon2,.document-sorting .button:focus-visible .icon2{visibility:visible}.document-sorting .button.selected{color:oklch(var(--color-fg2))}.document-sorting .button.selected .icon2{visibility:visible;background-color:oklch(var(--color-link-500))}.document-sorting.forum2-comment-sorting .button{align-items:start}.document-sorting.forum2-comment-sorting .button .icon2{margin-top:2px}.document-header{display:flex;align-items:center;height:48px;padding:4px;background:oklch(var(--color-bg1));box-shadow:2px 2px 4px oklch(var(--color-bg1)/.5);border-bottom:solid oklch(var(--color-sep-300)) 1px}.document-header .menu-group{display:flex;border:solid oklch(var(--color-sep)) 1px;border-radius:4px;overflow:hidden;margin-right:4px}.document-header .menu-group button{border:none;display:grid;place-items:center}.document-header .menu-group button:active>.icon2{translate:0 1px}.document-header>.right>button{width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer}.document-header>.right>button:active{translate:0 1px}.document-header>.right>button>.icon{filter:invert(.7);width:18px;height:18px}.document-header>.right>button>.icon2{background:oklch(var(--color-fg3));width:18px;height:18px}.document-header>.right>button:hover>.icon{filter:invert(.95)}.document-header>.right>button:hover>.icon2{background:oklch(var(--color-fg1))}.document-header .icon-button{display:grid;place-items:center;height:24px;width:24px}.document-wrapper{grid-area:main;background-color:oklch(var(--color-bg2));display:flex;overflow-y:auto;position:relative}.document-main{flex:1;padding:8px}.document-main .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;max-width:850px;margin:8px auto;padding:16px}.document-main .editor .placeholder{color:oklch(var(--color-fg6))}.document-toc-popout{height:auto;min-height:160px;max-height:360px}.document-toc-popout>.content>.header{padding:8px}.document-toc-popout>.content>.header>h3{margin:0}.document-toc-popout .document-toc-list{display:flex;flex-direction:column}.document-toc-popout .heading{overflow:hidden;text-overflow:ellipsis;white-space:pre;cursor:pointer;color:oklch(var(--color-link-500));font-size:.85rem;padding:2px 4px;border-radius:2px;margin-left:calc((var(--level) - 1) * 12px)}.document-toc-popout .heading .untitled{color:oklch(from oklch(var(--color-link-500)) calc(l - .2) calc(c - .05) h)}.document-toc-popout .heading:hover{background:oklch(var(--color-bg2));text-decoration:underline;text-decoration-color:oklch(from oklch(var(--color-link-500)) calc(l - .2) c h)}.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 .search{margin:4px 8px;padding:2px 4px;border-radius:2px}.document-menu .document-branch-list{border-right:solid oklch(var(--color-sep-300)) 1px}.document-menu .document-branch-list input,.document-menu .document-branch-actions{background:oklch(var(--color-bg1))}.document-menu .header{padding:4px 8px;font-weight:700}.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,.document-menu ul>li>.button>.icon2{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%;background:oklch(var(--color-bg1-5));display:flex;flex-direction:column;overflow:hidden}.document-history .document-history-content{flex:1;overflow-y:auto}.document-history .document-revert{padding-bottom:8px;background-image:linear-gradient(to top,oklch(var(--color-bg2)) 25%,transparent);opacity:0;pointer-events:none;translate:0 12px;transition:opacity .2s cubic-bezier(.14,.98,.43,1.55),translate .2s cubic-bezier(.14,.98,.43,1.55)}.document-history .document-revert.show{opacity:1;pointer-events:auto;translate:0 0}.document-history .document-revert>.inner{display:flex;background:oklch(var(--color-bg1));border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;padding:8px;margin:8px;align-items:center;gap:8px}.document-history .document-revert>.inner .warning{flex:1}.document-history .document-revert>.inner .button{padding:4px 8px;border-radius:4px}.document-history .document-revert>.inner .button.save{background:oklch(from oklch(var(--color-warn)) calc(l - .1) c h);color:oklch(var(--color-bg1));width:80px;text-align:center}.document-history header{background:oklch(var(--color-bg1));padding:8px 12px;border-bottom:solid oklch(var(--color-sep-300)) 1px;display:flex;justify-content:space-between;position:sticky;top:0}.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))}.diff-view-inline{position:sticky;top:0;z-index:50}.diff-view-inline .diff-view-header{display:flex;align-items:center;gap:16px;padding:8px 12px;background:oklch(var(--color-bg1));border-bottom:solid oklch(var(--color-sep-300)) 1px;border-radius:4px 4px 0 0;margin:0 8px}.diff-view-inline .diff-view-title{font-weight:600;color:oklch(var(--color-fg1))}.diff-view-inline .diff-view-stats{display:flex;gap:12px;font-size:.9rem;font-weight:700}.diff-view-inline .diff-view-close{margin-left:auto;padding:6px 12px;background:oklch(var(--color-bg2));border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;cursor:pointer;color:oklch(var(--color-fg2));font-size:.85rem}.diff-view-inline .diff-view-close:hover{background:oklch(var(--color-bg3))}.diff-stat-added{color:oklch(var(--color-green))}.diff-stat-removed{color:oklch(var(--color-red))}.editor .diff-insertion{color:oklch(var(--color-green));background:#00ff0026;padding:1px 2px;margin:0 -2px;border-radius:2px;text-decoration:none}.editor .diff-deletion{color:oklch(var(--color-red));background:#ff000026;text-decoration:line-through;padding:1px 2px;margin:0 -2px;border-radius:2px}.editor .diff-deletion:before{content:""}.document[readonly] .editor{opacity:.8;background-color:oklch(var(--color-bg1))}.history-item.selected{background:oklch(var(--color-bg1));border-color:oklch(var(--color-link-200))}.document-presence-cursor{position:absolute;display:inline-block;height:1.2em;vertical-align:text-bottom;-webkit-user-select:none;user-select:none}.document-presence-cursor .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-comments{display:grid;place-items:center;min-width:360px;min-height:360px;max-width:500px;max-height:calc(100vh - 32px)}.document-comments>.background{position:absolute;width:100%;height:100%;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;box-shadow:0 2px 8px oklch(var(--color-bg1));animation:popup-base .15s cubic-bezier(.42,1.31,.52,1.09) forwards}.document-comments>.content{padding:16px;color:oklch(var(--color-fg3));width:100%;height:100%;overflow:hidden;z-index:1}.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{height:36px;width:36px;margin:0 8px}.emoji-picker .emoji{height:100%;width:100%;margin:0;image-rendering:optimizeQuality}.emoji-picker .search{border-radius: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 .categories>button .favorite-cat{color:oklch(var(--color-fg3));line-height:1}.emoji-picker .emojiwrap{padding:4px;height:40px;width:40px;cursor:pointer;border-radius:4px}.emoji-picker .emojiwrap:hover{background:#fff2}.forum2{grid-area:main;display:flex;padding:0;align-items:stretch;justify-content:stretch;overflow:hidden}.forum2>.list{padding:1rem;display:flex;flex-direction:column;overflow-y:auto;height:100%}.forum2 .comments{padding:8px 0}.forum2 .title{font-weight:700}.forum2 .comment-sort-button{display:flex;align-items:center;gap:8px}.forum2 .comment-sort-button .icon2{rotate:90deg}.forum2 .comment-sort-button.selected .icon2{rotate:270deg}.forum .sort-view-container .sort-view-button,.forum2 .sort-view-container .sort-view-button{border-radius:4px;display:flex;align-items:center;gap:8px}.forum .sort-view-container .sort-view-button .icon2,.forum2 .sort-view-container .sort-view-button .icon2{rotate:90deg}.forum .sort-view-container .sort-view-button.selected,.forum2 .sort-view-container .sort-view-button.selected{background-color:oklch(var(--color-bg4))}.forum .sort-view-container .sort-view-button.selected .icon2,.forum2 .sort-view-container .sort-view-button.selected .icon2{rotate:270deg}.forum2>.thread{display:flex;flex:1;min-height:0}.forum2>.thread>.main{flex:1;overflow-y:auto;min-height:0}.forum[data-forum-view=compact] .thread-card .preview,.forum2[data-forum-view=compact] .thread-card .preview{display:none}.forum[data-forum-view=gallery] .thread-list,.forum2[data-forum-view=gallery] .thread-list{column-count:var(--column-count);column-gap:8px}.forum[data-forum-view=gallery] .thread-card,.forum2[data-forum-view=gallery] .thread-card{break-inside:avoid;margin:0 0 8px}.forum2-sorting{display:flex;background-color:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep));box-shadow:2px 2px 8px oklch(var(--color-bg1));min-width:128px;padding:4px}.forum2-sorting .header{margin:2px 4px 2px 24px;color:oklch(var(--color-fg6))}.forum2-sorting .column{min-width:128px;width:max-content}.forum2-sorting .button{display:flex;gap:4px;align-items:center;padding:2px 4px;border-radius:2px;width:100%;border:none;color:oklch(var(--color-fg5));background:none}.forum2-sorting .button .icon2{visibility:hidden}.forum2-sorting .button:hover,.forum2-sorting .button:focus-visible{color:oklch(var(--color-fg1));background:#fff1}.forum2-sorting .button:hover .icon2,.forum2-sorting .button:focus-visible .icon2{visibility:visible}.forum2-sorting .button.selected{color:oklch(var(--color-fg2))}.forum2-sorting .button.selected .icon2{visibility:visible;background-color:oklch(var(--color-link-500))}.forum2-sorting.forum2-comment-sorting .button{align-items:start}.forum2-sorting.forum2-comment-sorting .button .icon2{margin-top:2px}.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}.forum2-list{padding:8px;width:100%}.forum2-header{display:flex;align-items:center}.forum2-header>.search{flex:1}.thread-chat-sidebar>.thread.forum2{overflow-y:auto;height:100%}.thread.forum2>.main{width:100%}.thread.forum2>.main>.header{padding:8px;background:oklch(var(--color-bg1-5));border-bottom:solid oklch(var(--color-sep-300)) 1px}.thread.forum2>.main>.header .thread-tags{margin-bottom:16px}.thread.forum2>.main>.header>.reactions{margin-top:4px;margin-left:52px}.forum2 .comment-input>footer{height:auto}.forum2-create-form{margin:8px 0;padding:8px;background:oklch(var(--color-bg2));border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px}.forum2-create-form>.title-input{width:100%;margin-bottom:8px}.forum2-create-form>.editor{border:solid transparent 1px}.forum2-create-form>.editor:focus-within{border:solid oklch(var(--color-sep)) 1px}.forum2-create-form>.editor>.ProseMirror{min-height:3lh}.forum2-create-form>.editor>.ProseMirror .placeholder{color:oklch(var(--color-fg6))}.forum2-create-form .upload.button{background-color:oklch(var(--color-bg3));cursor:pointer;padding:2px 4px;border:solid oklch(var(--color-sep)) 1px}.forum2-create-form .upload.button:hover,.forum2-create-form .upload.button:focus{background-color:oklch(var(--color-bg4))}.forum2-create-form>.attachments{width:max-content}.comment-sorting-option{display:flex;gap:8px}.comment-sorting-option .icon2{margin-top:2px}.forum2-post-menu{display:flex;padding:4px 8px;background:oklch(var(--color-bg1));position:sticky;top:0;z-index:2}.forum2-post-menu>.left{display:flex;flex:1;align-items:center}.forum2-post-menu>.right{display:flex}.forum2-post-menu>.right .icon-button{border-radius:4px}.forum2-post-menu>.right .icon-button:hover,.forum2-post-menu>.right .icon-button:focus-visible{background:#fff1}.forum2 .comment-wrap{position:relative;margin-top:12px;--offset: calc(36px * var(--depth))}.forum2 .comment-wrap>.line{position:absolute;border-left:solid oklch(var(--color-sep)) 2px;border-bottom:solid oklch(var(--color-sep)) 2px;border-bottom-left-radius:8px;z-index:1}.forum2 .comment-wrap>.line.top{height:20px;width:18px;left:calc(var(--offset) - 12px);top:2px}.forum2 .comment-wrap>.line.side{left:calc(var(--offset) + 24px);top:42px;width:20px}.forum2 .comment-wrap>.line.side.connects-to-reply{width:0}.forum2 .comment-wrap>.children{margin-top:0}.forum2 .comment-wrap>.comment-wrap2>.comment{margin-left:var(--offset);background:none}.forum2 .comment-wrap>.comment-wrap2:hover,.forum2 .comment-wrap>.comment-wrap2:focus-visible{background-color:oklch(var(--color-bg1)/.3)}.forum2 .comment-wrap.toplevel{margin-top:16px}.forum2 .comment-wrap.toplevel>.line.top{display:none}.forum2 .comment-wrap>.more{margin-left:calc(var(--offset) + 52px);cursor:pointer}.forum2 .comment-wrap>.more:hover,.forum2 .comment-wrap>.more:focus-visible{color:oklch(var(--color-fg1))}.forum2 .comment-wrap.reply-target>.comment-wrap2{box-shadow:4px 0 0 -1px inset #cc1856;background-color:#cc185622}.forum2 .comment-wrap.selected>.comment-wrap2{box-shadow:4px 0 0 -1px inset #67dc82;background-color:#67dc8222}.root[data-message-style=cozy] .message.comment.separate{margin-top:0}.thread-tags{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.thread-tags .thread-tag{display:inline-block;padding:2px 4px;border-radius:4px;cursor:pointer;font-size:.8rem;background-color:var(--color, oklch(var(--color-bg3)));color:oklch(from var(--color, oklch(var(--color-bg3))) clamp(0,(l - .55) * -999999,1) 0 none);border:solid transparent 1px}.thread-tags .thread-tag:not(.colored){border-color:oklch(var(--color-sep-400))}.thread-tags .thread-tag.colored{border-color:oklch(from var(--color) calc(l + .1) calc(c + .02) h)}.thread-tags .thread-tag:hover{background-color:oklch(from var(--color, oklch(var(--color-bg3))) calc(l + .05) c h)}.forum2-activity{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;width:360px;height:360px;overflow-y:auto}.forum2-activity .item{background:oklch(var(--color-bg2));padding:8px;margin:8px 0;color:oklch(var(--color-fg6))}.forum2-activity .item .user{cursor:pointer;color:oklch(var(--color-fg4))}.forum2-activity .item .user:hover,.forum2-activity .item .user:focus-visible{color:oklch(var(--color-fg2));text-decoration:underline}.forum2-activity .item .bright{color:oklch(var(--color-fg2))}.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;cursor:pointer;overflow:hidden}.inbox .notification:hover{background-color:oklch(from oklch(var(--color-bg3)) calc(l + .03) c h)}.inbox .notification>header{display:flex;align-items:center;font-size:.9rem;background-color:oklch(from oklch(var(--color-bg3)) calc(l - .03) c h);color:oklch(var(--color-fg4));border-bottom:solid 1px oklch(var(--color-sep-400))}.inbox .notification>header>.avatar{height:32px;width:32px;margin:4px 8px 4px 4px}.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>.notification-content .body-link:hover{background:none}.inbox .notification>.notification-content .message:hover{background:none}.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}.inbox .notification .body-link .message.separate{margin-top:0}.inbox .notification.selected{border-color:oklch(var(--color-link-500))}.inbox .notification menu{display:flex}.inbox .notification menu>.icon-button{display:grid;place-items:center}.inbox .notification menu>.icon-button>.icon2{pointer-events:none;width:16px;height:16px}.inbox .notification menu>.select{display:flex;cursor:pointer}.inbox .notification menu>.select>*{pointer-events:none}.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)}.media.image{display:block;position:relative;height:100%;width:100%}.media.image>.download,.media.image>.info{opacity:0;transition:all .1s;position:absolute}.media.image>.download{top:4px;right:4px}.media.image>.download>button{display:grid;place-items:center center;height:24px;width:24px}.media.image>.info{padding:4px;width:100%;pointer-events:none}.media.image>header.info{top:0}.media.image>footer.info{background:#111d;bottom:0;clip-path:inset(4px 0 0 0)}.media.image:hover>footer.info,.media.image:focus-within>footer.info{clip-path:inset(0 0 0 0)}.media.image:hover>.info,.media.image:hover>.download,.media.image:focus-within>.info,.media.image:focus-within>.download{opacity:1}.media.image.blurred>img{scale:1.2;transform-origin:center;filter:blur(16px)}.media.image>.media-overlay{position:absolute;top:50%;left:50%;translate:-50% -50%;display:flex;align-items:center;justify-content:center;gap:4px;pointer-events:none;-webkit-user-select:none;user-select:none;height:32px;width:max-content;border-radius:16px;padding:0 8px;background-color:oklch(from oklch(var(--color-bg1-5)) l c h/.2);color:oklch(var(--color-bg3))}.media.image>.media-overlay>.icon2{background-color:oklch(var(--color-bg3));height:1em;width:1em}.media.image:hover>.media-overlay,.media.image:focus-visible>.media-overlay{background-color:oklch(from oklch(var(--color-bg1-5)) l c h/.3)}.media.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%;cursor:pointer}.video>.header{position:absolute;top:0;width:100%;background-image:linear-gradient(to bottom,oklch(var(--color-bg1)/.6) 50%,transparent)}.video>.header>.info{padding:4px}.video>.header>.info>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:pre}.video>.footer{position:absolute;bottom:0;width:100%;display:flex;flex-direction:column;background:oklch(var(--color-bg3)/.5)}.video>.footer>.progress{border:solid oklch(var(--color-bg3)) 1px}.video>.footer>.controls{display:flex;align-items:center;padding-bottom:4px}.video>.footer>.controls>.spacer{flex:1}.video>.footer>.controls>.button{padding:0;height:24px;width:24px}.video>.footer>.controls>.time{font-size:.8rem;font-family:var(--font-mono);margin:0 4px;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}.video>.footer>.controls>.time.preview>.progress{color:oklch(var(--color-link-500))}.video>.overlay{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%}.video>.overlay>.layer{position:absolute;top:50%;left:50%;translate:-50% -50%;opacity:0}.video>.overlay>.volume{display:flex;align-items:center;gap:4px;font-size:1.5rem;color:oklch(var(--color-fg4));background:#111a;padding:4px 8px;border-radius:4px}.video>.overlay>.play-pause{display:grid;place-items:center;height:48px;width:48px;border-radius:50%;background:#1118}.video>.overlay>.play-pause>.icon2{height:24px;width:24px;background:oklch(var(--color-fg3))}.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%}.video>.header,.video>.footer{transition:translate .15s}.video.hide-ui{cursor:none}.video.hide-ui>.header{translate:0 -100%}.video.hide-ui>.footer{translate:0 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}.audio>.progress{position:absolute}.audio>.progress,.video>.footer>.progress{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-right:8px;height:32px;width:32px;overflow:hidden;object-fit:cover;align-self:center}.audio>.controls{grid-area:controls;display:flex;margin-top:4px}.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))}.media.file{background-color:oklch(var(--color-bg3));padding:4px;border:solid oklch(var(--color-bg4)) 1px}.media.file>.top{display:flex;align-items:center;gap:4px}.media.file>.top>.icon2{background:oklch(var(--color-fg6))}.media.three{position:relative;background-color:oklch(var(--color-bg3));border:solid oklch(var(--color-bg4)) 1px;min-height:300px;min-width:300px;contain:strict}.media.three>.top{position:absolute;top:0;padding:4px 4px 8px;width:100%;display:flex;flex-direction:column;gap:4px;background:linear-gradient(to bottom,rgba(170,170,170,.0666666667) 50%,transparent 100%);transition:translate .15s}.media.three>.top>.icon2{background:oklch(var(--color-fg6))}.media.three>.top>.info{display:flex;align-items:center}.media.three.hide-ui{cursor:none}.media.three.hide-ui>.top{translate:0 -100%}.media.three>.media-loader{display:flex;align-items:end}.media-sidebar{contain:content;overflow:hidden}.media-sidebar>.code-block-container{display:flex;flex-direction:column;border:none;margin:0;height:100%}.media-sidebar>.code-block-container>.wrap{flex:1;overflow-y:auto}.media-sidebar>.code-block-container>.wrap>.expand-btn{display:none}.member-list{padding:4px 0;width:100%;height:100%;flex:1;min-height:0;background-color:oklch(var(--color-bg1-5));overflow-y:auto;overflow-x:hidden}.member-list .member-group{margin-top:4px;margin-left:8px;cursor:pointer;height:24px;display:flex;align-items:center;background:none;border:none;text-align:left;padding:0}.member-list .menu-user{display:block;cursor:pointer;height:44px;width:100%;padding-inline:4px}.member-list .menu-user>.inner{display:flex;align-items:center;height:100%;width:100%;padding:2px;border-radius:4px}.member-list .menu-user>.inner>.text{display:flex;flex-direction:column;padding:2px 4px;flex:1;overflow:hidden;gap:2px;line-height:1}.member-list .menu-user>.inner>.text>.name{overflow:hidden;text-overflow:ellipsis;white-space:pre;color:oklch(var(--color-fg6))}.member-list .menu-user>.inner>.text>.status-message{overflow:hidden;text-overflow:ellipsis;white-space:pre;font-size:.75em;color:oklch(from oklch(var(--color-fg6)) calc(l - .1) c h)}.member-list .menu-user>.inner>.avatar{height:36px;width:44px;padding:4px 4px 4px 8px;box-sizing:content-box}.member-list .menu-user.offline>.inner>.text>.name{color:oklch(from oklch(var(--color-fg6)) calc(l - .2) c h)}.member-list .menu-user.offline>.inner>.avatar{filter:brightness(.5)}.member-list .menu-user.active>.inner,.member-list .menu-user:hover>.inner,.member-list .menu-user:focus>.inner{background:#fff1}.member-list .menu-user.active>.inner>.text>.name,.member-list .menu-user:hover>.inner>.text>.name,.member-list .menu-user:focus>.inner>.text>.name{color:oklch(var(--color-fg1))}.member-list .menu-user.active>.inner>.text>.status-message,.member-list .menu-user:hover>.inner>.text>.status-message,.member-list .menu-user:focus>.inner>.text>.status-message{color:oklch(var(--color-fg3))}.member-list .menu-user.active>.inner>.avatar,.member-list .menu-user:hover>.inner>.avatar,.member-list .menu-user:focus>.inner>.avatar{filter:brightness(1)}.member-list.skeleton{padding-bottom:240px}.member-list.skeleton .avatar{height:36px;width:36px;margin:-8px;display:grid;place-items:center}.member-list.skeleton .avatar .inner.ghost{height:32px;width:32px}@media(max-width:768px){#root.precedence-hack{width:100vw;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:none;grid-template-columns:100vw 100vw 100vw;grid-template-areas:"nav-tray header  header" "nav-tray main    sidebar" "nav-tray main    sidebar" "nav-tray footer  footer";scrollbar-width:none}#root.precedence-hack::-webkit-scrollbar{display:none}#root.precedence-hack>*{scroll-snap-align:start;scroll-snap-stop:always}#root.precedence-hack>footer,#root.precedence-hack>.user-tray{scroll-snap-align:none}#root.precedence-hack .resizable-sidebar{width:100%}#root.precedence-hack #room-nav{width:72px}#root.precedence-hack #room-nav .room-item,#root.precedence-hack #room-nav .home-item{min-height:52px;width:52px;margin-top:6px}.resizable-sidebar .resize-handle{display:none}.chat-header>.left,.chat-header>.right{flex:1;max-width:100vw}#overlay.root .authenticate{flex-direction:column;max-width:unset;width:calc(100vw - 16px)}}.modal.room-create-or-join .content{min-width:320px}.modal.room-create-or-join .content>.inner{display:flex;flex-direction:column;border:solid 1px transparent;height:100%}.modal.room-create-or-join .content>.base{border:solid 1px oklch(var(--color-sep-300))}.modal.room-create-or-join .main{flex:1;padding:16px 16px 64px}.modal.room-create-or-join .bottom{position:absolute;bottom:0;left:0;width:100%;margin:0}.modal.room-create-or-join .selection{display:flex;flex-direction:column;gap:8px}.modal.room-create-or-join .selection>.button{display:flex;align-items:center;padding:8px;border-radius:4px}.modal.room-create-or-join .selection>.button>.chevron{opacity:0;translate:8px 0;transition:opacity .1s,translate .1s}.modal.room-create-or-join .selection>.button:hover>.chevron{translate:0 0;opacity:1}.modal.room-create-or-join .room-form{margin-top:12px}.modal.room-create-or-join .room-form .room-name-input{width:100%}.modal.room-create-or-join .invite-form{margin-top:12px}.modal.room-create-or-join .invite-form .invite-input{width:100%;padding:4px}.modal.room-create-or-join .unnamed{color:oklch(var(--color-fg6));font-style:italic}.modal.room-create-or-join .option,.modal.room-create-or-join .invite-target{margin-top:8px}.modal.room-create-or-join .invite-target>.invite{align-items:start;background:oklch(var(--color-bg1-5));width:100%;display:flex;padding:8px;border-radius:4px;border:solid oklch(var(--color-sep-300)) 1px}.modal.room-create-or-join .invite-target>.invite.loading{opacity:.7;min-height:72px}.modal.room-create-or-join .invite-target>.invite.error-container{border-color:oklch(from oklch(var(--color-red)) calc(l - .2) calc(c + 0) h);background-color:oklch(from oklch(var(--color-red)) calc(l - .2) calc(c + 0) h/.1);align-items:center}.modal.room-create-or-join .invite-target>.invite>.avatar{width:32px;height:32px;margin-top:2px}.modal.room-create-or-join .invite-target>.invite>.info{flex:1}.modal.room-create-or-join .invite-target>.invite>.info>.name{font-size:1.3rem;font-weight:700;line-height:1}#channel-nav{grid-area:channel-nav;display:flex;flex-direction:column;width:100%;height:100%;background-color:oklch(var(--color-bg1-5));color:oklch(var(--color-fg2));overflow-y:auto;scrollbar-width:none}#channel-nav>button#room-name-btn{position:sticky;top:0;display:flex;z-index:1;min-height:48px;background:oklch(var(--color-bg1));padding:8px;border-bottom:solid oklch(var(--color-sep-300)) 1px;cursor:pointer;font-weight:700;align-items:center}#channel-nav>button#room-name-btn>div{display:inline-block;padding:4px 8px;border-radius:4px}#channel-nav>button#room-name-btn:hover>div,#channel-nav>button#room-name-btn:focus>div{background-color:oklch(var(--color-bg3))}#channel-nav .channel-list{display:flex;flex-direction:column;padding-top:8px;padding-bottom:240px}#channel-nav [data-is-dragging=true]{opacity:.5}#channel-nav .category-group{margin-top:8px}#channel-nav .category-header{display:flex;align-items:center;padding:0 8px 2px 16px;margin-top:12px;cursor:pointer;font-size:.8rem;color:oklch(var(--color-fg5))}#channel-nav .category-header[data-dnd-placement=before]:before{content:"";position:absolute;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none;top:-2px}#channel-nav .category-header[data-dnd-placement=after]:after{content:"";position:absolute;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none;bottom:-2px}#channel-nav .category-header[data-dnd-placement=inside-thread]{background:oklch(var(--color-link-500)/.2);border:solid oklch(var(--color-link-500)) 1px}#channel-nav .category-header[data-dnd-placement=inside-voice]{background:oklch(var(--color-green)/.2);border:solid oklch(var(--color-green)) 1px}#channel-nav .category-header[data-dnd-placement=inside-category]:after{content:"";position:absolute;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none;bottom:-2px}#channel-nav .category-header .category-toggle{margin-right:4px;display:flex;align-items:center;rotate:90deg;transition:rotate .1s}#channel-nav .category-header .category-toggle>.icon2{background-color:oklch(var(--color-fg6));height:8px;width:8px}#channel-nav .category-header .category-toggle.collapsed{rotate:0deg}#channel-nav .category-header:hover,#channel-nav .category-header:focus-visible{color:oklch(var(--color-fg1))}#channel-nav .category-header:hover>.category-toggle>.icon2,#channel-nav .category-header:focus-visible>.category-toggle>.icon2{background-color:oklch(var(--color-fg1))}#channel-nav .category-channels{display:flex;flex-direction:column}#channel-nav .category-channels[data-dnd-placement=before]:before{content:"";position:absolute;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none;top:-2px}#channel-nav .category-channels[data-dnd-placement=after]:after{content:"";position:absolute;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none;bottom:-2px}#channel-nav .category-channels[data-dnd-placement=inside-thread]{background:oklch(var(--color-link-500)/.2);border:solid oklch(var(--color-link-500)) 1px}#channel-nav .category-channels[data-dnd-placement=inside-voice]{background:oklch(var(--color-green)/.2);border:solid oklch(var(--color-green)) 1px}#channel-nav .category-channels[data-dnd-placement=inside-category]:after{content:"";position:absolute;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none;bottom:-2px}#channel-nav .channel-item{position:relative;border:solid transparent 1px;padding:0 8px}#channel-nav .channel-item[data-dnd-placement=before]:before{content:"";position:absolute;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none;top:-2px}#channel-nav .channel-item[data-dnd-placement=after]:after{content:"";position:absolute;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none;bottom:-2px}#channel-nav .channel-item[data-dnd-placement=inside-thread]{background:oklch(var(--color-link-500)/.2);border:solid oklch(var(--color-link-500)) 1px}#channel-nav .channel-item[data-dnd-placement=inside-voice]{background:oklch(var(--color-green)/.2);border:solid oklch(var(--color-green)) 1px}#channel-nav .channel-item[data-dnd-placement=inside-category]:after{content:"";position:absolute;left:0;width:100%;height:4px;background:oklch(var(--color-link-500));z-index:10;border-radius:2px;pointer-events:none;bottom:-2px}#channel-nav .channel-item.view.dm .avatar{--size: calc(1em + 4px) ;height:var(--size);width:calc(1.2222222222 * var(--size))}#channel-nav .channel-item.view .channel-status{display:none}#channel-nav .channel-item.dm .avatar{margin:-4px;height:36px;width:44px}#channel-nav .channel-item.dm .channel-link:before{top:14px}#channel-nav .channel-item:focus-visible>.channel-link,#channel-nav .channel-item>.channel-link:hover{background-color:oklch(var(--color-bg4));color:oklch(var(--color-fg2))}#channel-nav .channel-item:focus-visible>.channel-link .mentions,#channel-nav .channel-item>.channel-link:hover .mentions{display:none}#channel-nav .channel-item:focus-visible>.channel-link .channel-actions,#channel-nav .channel-item>.channel-link:hover .channel-actions{display:flex}#channel-nav .channel-item:focus-visible>.channel-link .channel-icon .inner,#channel-nav .channel-item>.channel-link:hover .channel-icon .inner{fill:oklch(from oklch(var(--color-fg2)) calc(l + .3) c h)}#channel-nav .channel-item>.channel-link:active{color:oklch(var(--color-fg1));background-color:oklch(from oklch(var(--color-bg4)) calc(l + .05) c h)}#channel-nav .channel-link{overflow:hidden;text-overflow:ellipsis;white-space:pre;display:flex;align-items:center;width:100%;padding:4px 8px;text-decoration:none;white-space:nowrap;color:oklch(var(--color-fg4));gap:4px;border-radius:2px}#channel-nav .channel-link.active{background-color:oklch(var(--color-bg3));color:oklch(var(--color-fg2))}#channel-nav .channel-link.active .channel-icon .inner{fill:oklch(var(--color-fg3))}#channel-nav .channel-link[data-muted=true]{color:oklch(var(--color-fg5));opacity:.6}#channel-nav .channel-link[data-unread=true]{font-weight:700;color:oklch(var(--color-fg2))}#channel-nav .channel-link[data-unread=true]:before{content:"";position:absolute;left:-4px;top:8px;height:8px;width:8px;background:oklch(var(--color-sep));border-radius:50%}#channel-nav .channel-link .avatar{height:32px;width:32px;margin-right:8px}#channel-nav .channel-link>.icon{filter:invert(.6)}#channel-nav .channel-link>.icon2{background:oklch(var(--color-fg2))}#channel-nav .channel-details{flex:1;display:flex;flex-direction:column;line-height:1.2;overflow:hidden}#channel-nav .channel-details .channel-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#channel-nav .channel-details .channel-status{font-size:.8em}#channel-nav .mentions{background:#be3251;color:#fff;height:16px;min-width:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0 4px;font-size:.75rem}#channel-nav .channel-actions{display:none;align-items:center;margin-right:-4px}#channel-nav .action-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}#channel-nav .action-button .icon2{width:14px;height:14px;transition:background .1s ease}#channel-nav .action-button:hover .icon2{background:oklch(var(--color-fg1))}#channel-nav .channel-link:hover .channel-actions{display:flex}#channel-nav .channel-link:hover .mentions{display:none}#channel-nav .thread-list{margin-left:16px}#channel-nav .thread-list .channel-item{position:relative;padding-right:0}#channel-nav .thread-list .channel-item:before{content:"";position:absolute;left:-4px;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 .thread-list .channel-item:not(:last-child):after{content:"";position:absolute;left:-4px;top:12px;bottom:-12px;border-left:2px solid oklch(var(--color-sep-400))}#channel-nav .thread-list .channel-link{padding:2px 8px}#channel-nav .thread-list .channel-link[data-unread=true]:before{transform:translate(-25px)}#channel-nav .voice-participants{margin-top:4px;display:flex;flex-direction:column;gap:2px}#channel-nav .voice-participant{display:flex;align-items:center;margin-left:24px;padding:4px 8px;gap:8px;cursor:pointer;border-radius:4px;line-height:1}#channel-nav .voice-participant:hover{background-color:oklch(var(--color-bg4))}#channel-nav .voice-participant .avatar{height:20px;width:20px;border-radius:50%;border:solid transparent 2px}#channel-nav .voice-participant[data-speaking=true] .avatar{border-color:oklch(var(--color-green))}#channel-nav .separator{border-bottom:solid oklch(var(--color-sep-300)) 1px;margin:8px}#room-nav{width:64px;display:flex;justify-content:center;grid-area:room-nav;overflow:auto;padding-top:4px;background-color:oklch(var(--color-bg1));scrollbar-width:none}#room-nav>.room-list{display:flex;flex-direction:column;width:100%;gap:8px;padding:4px 0}#room-nav .item{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer}#room-nav .item.dragging{opacity:.5}#room-nav .item:hover .with-background,#room-nav .item:focus-visible .with-background{background-color:oklch(from oklch(var(--color-link-500)) calc(l - .15) c h)}#room-nav .item.selected .with-background{background-color:oklch(from oklch(var(--color-link-500)) calc(l - .1) c h)}#room-nav .tile{height:42px;width:42px;border-radius:4px;display:grid;place-items:center;transition:background-color .1s ease-out}#room-nav .tile .avatar{height:42px;width:42px;transform:scale(1.125)}#room-nav .tile .icon2{background-color:oklch(var(--color-fg2));height:32px;width:32px}#room-nav .tile.with-background{background-color:oklch(var(--color-bg3))}#room-nav .tile a{display:contents}#room-nav .folder{background:oklch(var(--color-bg2));border-radius:4px;padding:2px;margin:0 6px}#room-nav .folder .item{margin:0 -8px;width:unset}#room-nav .folder .folder-item{margin:4px -8px}#room-nav .folder .folder-item:active .icon2{translate:0 2px}#room-nav .folder.target{background:oklch(var(--color-link-500)/.2);outline:solid oklch(var(--color-link-500)) 2px}#room-nav .folder-items{display:flex;flex-direction:column;width:100%;gap:8px;padding:4px 0}#room-nav .item:before{content:"";position:absolute;left:-4px;top:50%;height:8px;width:8px;background:oklch(var(--color-fg6));border-radius:4px;transition:translate .1s ease-out,height .1s ease-out;translate:-6px -50%}#room-nav .room-item.unread:before,#room-nav .folder.collapsed>.folder-item.unread:before{translate:0 -50%}#room-nav .item:hover:before,#room-nav .item:focus-visible:before{translate:0 -50%;height:16px}#room-nav .item.selected:before{translate:0 -50%;height:32px;background:oklch(var(--color-fg4))}.noscript{display:grid;place-items:center;height:100vh;width:100vw;padding:8px}.noscript-inner{display:flex;gap:8px;max-width:550px;animation:popup-base .2s cubic-bezier(.42,1.31,.52,1.09) forwards;background:oklch(var(--color-bg2));padding:8px;border-radius:4px;border:solid oklch(var(--color-sep-300)) 1px;box-shadow:4px 4px 8px #1118}@media(prefers-reduced-motion:reduce){.noscript-inner{animation:none}}.noscript-title{color:oklch(var(--color-fg1))}.noscript-content{color:oklch(var(--color-fg4))}.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;min-height:32px;min-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 .roles-header{display:flex;gap:4px}.room-settings-roles .roles-header>.search{flex:1}.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-300)) 1px;background:oklch(var(--color-bg2));padding:2px 4px;border-radius:2px}.room-settings-roles .role-edit textarea:focus,.room-settings-roles .role-edit input[type=text]:focus{border:solid oklch(var(--color-link-500)) 1px}.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 .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}.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-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}.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}.room-settings-integrations .tag-list .tag-item .message-toolbar{position:absolute;top:-4px;right:-4px;visibility:hidden}.room-settings-info>.room-profile{display:flex;gap:8px;margin-bottom:8px}.room-settings-info>.room-profile>.name-description{flex:1;display:flex;flex-direction:column;gap:8px}.room-settings-info>.room-profile>.name-description>.name>.name-input{width:100%}.room-settings-info>.room-profile>.name-description>.description .editor{background:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep-300));border-radius:2px}.room-settings-info>.room-profile>.name-description>.description .editor:focus-within{border:solid 1px oklch(var(--color-link-500))}.room-settings-info>.room-profile>.name-description>.description .editor>.ProseMirror{padding:2px 4px;min-height:3lh}.room-settings-info>.room-profile>.room-icon>.dim{margin:0 4px}.room-settings-info .afk-settings{display:flex;padding:8px;gap:8px}.room-settings-info .afk-settings>div{flex:1;display:flex;flex-direction:column;align-items:stretch}.room-settings-info .banner-uploader{margin-top:8px}.room-settings-info .banner-uploader .banner-label{margin-bottom:4px}.room-settings-info .banner-uploader .remove{display:inline-block;color:oklch(var(--color-red));border:none;background:none;font-size:.8rem;padding:0}.room-settings-info .banner-uploader .remove:hover{text-decoration:underline}.room-settings-info .banner{position:relative;height:96px;aspect-ratio:10/3;background-color:oklch(var(--color-bg1-5));background-size:cover;background-position:center;border-radius:4px;cursor:pointer;overflow:hidden}.room-settings-info .banner>.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.room-settings-info .banner:hover .overlay{opacity:1}.room-settings-info .hidden{display:none}.room-settings-automod{display:flex;justify-content:space-between;height:100%}.room-settings-automod .automod-test{background:oklch(from oklch(var(--color-bg1-5)) l c h/.5);overflow-y:auto;width:100%}.room-settings-automod .automod-test>.header{padding:.5rem;background:oklch(var(--color-bg1-5));border-bottom:solid oklch(var(--color-sep-300)) 1px}.room-settings-automod .automod-test>.results{padding:.5rem;padding-top:0}.room-settings-automod .automod-test .textarea{border:solid oklch(var(--color-sep-300)) 1px;background:oklch(var(--color-bg1));padding:2px 4px;white-space:pre;color:oklch(var(--color-fg3))}.room-settings-automod .automod-test .textarea:focus-visible{color:oklch(var(--color-fg1));border-color:oklch(var(--color-link-500))}.room-settings-automod .automod-test .card{padding:.5rem;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-bg2)) 1px;margin:4px 0;border-radius:4px}.room-settings-automod .automod-test .section{margin-top:16px}.room-settings-automod .automod-test .clauses .duration{font-size:1em;color:oklch(var(--color-fg2))}.room-settings-automod.testing>.automod-main{max-width:60ch;padding-right:.5rem}.room-settings-automod>.automod-main{flex:1;padding:.5rem;padding-right:calc(100% - 60ch);overflow-y:auto}.room-settings-automod>.automod-main>.header{display:flex;gap:8px;margin-bottom:8px}.room-settings-automod>.automod-main>.header>.search{flex:1}.room-settings-automod>.automod-main>.automod-rule{margin-bottom:8px}.room-settings-automod>.automod-main>.automod-rule.create{width:100%;padding:16px;border-color:oklch(var(--color-sep));border-style:dashed;text-align:center;color:oklch(var(--color-fg6));cursor:pointer;background:none}.room-settings-automod>.automod-main>.automod-rule.create:hover,.room-settings-automod>.automod-main>.automod-rule.create:focus-visible{background:oklch(var(--color-bg3));color:oklch(var(--color-fg1))}.room-settings-automod>.automod-main .button.link.danger{color:oklch(var(--color-red));background:none}.automod-rule{background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px}.automod-rule>.header{padding:8px;background:oklch(var(--color-bg1))}.automod-rule>.header>.name{width:100%;font-size:1.2em}.automod-rule>.trigger{padding:8px}.automod-rule>.actions{display:flex;flex-direction:column;gap:8px;padding:8px}.automod-rule>.actions>.action{padding:8px;border:solid oklch(var(--color-sep-300)) 1px;background:oklch(var(--color-bg2))}.automod-rule>.actions>.action.create{border-style:dashed;text-align:center;color:oklch(var(--color-fg6));cursor:pointer;background:none}.automod-rule>.actions>.action.create:hover,.automod-rule>.actions>.action.create:focus-visible{background:oklch(var(--color-bg3));color:oklch(var(--color-fg1))}.automod-rule>.actions>.action>.top{display:flex;align-items:center;justify-content:space-between}.automod-rule>.exceptions{padding:8px}.automod-rule .editable{border:solid 1px transparent;padding:2px 4px;cursor:text;border-radius:2px;transition:border-color .2s;font-size:1em}.automod-rule .editable:hover,.automod-rule .editable:focus-within{color:oklch(var(--color-fg1));background-color:oklch(var(--color-bg1-5));border-color:oklch(var(--color-sep-300))}.automod-rule .editable.editing{border-color:oklch(var(--color-link-500))}.automod-rule .textarea{border:solid oklch(var(--color-sep-300)) 1px;background:oklch(var(--color-bg1));padding:2px 4px;white-space:pre;color:oklch(var(--color-fg3))}.automod-rule .textarea:focus-visible{color:oklch(var(--color-fg1));border-color:oklch(var(--color-link-500))}.automod-rule[data-draft-state=create],.automod-rule[data-draft-state=update]{border-style:dashed;border-color:oklch(var(--color-sep))}.automod-rule[data-draft-state=create]>.header>.name,.automod-rule[data-draft-state=update]>.header>.name{color:oklch(var(--color-green))}.automod-rule[data-draft-state=create]>.header>.name:after,.automod-rule[data-draft-state=update]>.header>.name:after{content:"*"}.automod-rule[data-draft-state=update]>.header>.name{color:oklch(var(--color-blue))}.automod-rule[data-draft-state=delete]>.header>.name{text-decoration:line-through;color:oklch(var(--color-red));padding:2px 4px}.room-settings-emoji>.header{display:flex;gap:8px}.room-settings-emoji>.header>.search{flex:1}.room-settings-emoji>.create{padding:8px 0;border:solid oklch(var(--color-sep)) 1px}.room-settings-emoji>.emojis{margin:4px -4px}.room-settings-emoji>.emojis>.item{display:flex;padding:4px;gap:4px;align-items:center;border-radius:4px}.room-settings-emoji>.emojis>.item>.emoji{height:32px;width:32px}.room-settings-emoji>.emojis>.item>.name{padding:2px 4px;border-radius:2px;border:solid transparent 1px;color:oklch(var(--color-fg4))}.room-settings-emoji>.emojis>.item>.name:hover{color:oklch(var(--color-fg1));background:oklch(var(--color-bg1));border-color:oklch(var(--color-sep))}.room-settings-emoji>.emojis>.item>.name-input{field-sizing:content}.room-settings-emoji>.emojis>.item>.menu{visibility:hidden}.room-settings-emoji>.emojis>.item:hover{background:oklch(var(--color-bg1-5))}.room-settings-emoji>.emojis>.item:hover .menu{visibility:visible}.room-template-page-wrapper{grid-area:main;overflow-y:auto;display:grid;place-items:center}.room-template-page{display:flex;max-height:50%;width:100%;max-width:min(80%,800px);border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;box-shadow:2px 2px 8px #1114;overflow:hidden}.room-template-page>.main{padding:8px;background:oklch(var(--color-bg1-5));flex:1}.room-template-page>.main>.creator>.dim{font-size:1em}.room-template-page>.main>.creator>.avatar{display:inline-block;height:1em;width:1em;margin-inline:4px}.room-template-page>.main>.creator>.user{cursor:pointer}.room-template-page>.main>.creator>.user:hover{text-decoration:underline}.room-template-page>.main>.form{display:flex;flex-direction:column;margin-top:16px;gap:8px}.room-template-page>.main>.form input[type=text]{width:100%}.room-template-page>.main>.form>.menu{display:flex;justify-content:end;gap:8px}.room-template-page>.details{flex:1;padding:8px;overflow-y:auto;background:oklch(var(--color-bg1))}.room-template-page>.details .channel{display:flex;align-items:center;gap:4px}.scripts{display:flex;flex-direction:column;height:100%;width:100%;background-color:oklch(var(--color-bg2));overflow:hidden}.scripts>.pane-container{height:100%;width:100%}.script-list{display:flex;flex-direction:column;height:100%;padding:16px;gap:16px;overflow-y:auto}.script-list .scripts-header{display:flex;align-items:stretch;gap:4px}.script-list .scripts-header>.search{flex:1}.script-list ul{display:flex;flex-direction:column;gap:8px}.script-list ul li button{width:100%;padding:8px;background-color:oklch(var(--color-bg3));border:1px solid oklch(var(--color-sep-400));border-radius:2px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.script-list ul li button:hover{background-color:oklch(var(--color-bg2))}.script-list ul li button .name{font-weight:700;color:oklch(var(--color-fg3))}.script-list ul li button .description{font-size:.85rem;color:oklch(var(--color-fg2))}.script-inputs{padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.script-inputs section{display:flex;flex-direction:column;gap:4px}.script-inputs section h3{font-size:.75rem;color:oklch(var(--color-fg5));font-weight:700}.script-inputs .input-list{display:flex;flex-direction:column;gap:8px}.script-inputs .input-list .script-input{display:flex}.script-inputs .input-list .script-input[data-input-type=Manual]{color:oklch(var(--color-blue))}.script-inputs .input-list .script-input>.inner{flex:1;padding:4px 8px;background-color:oklch(var(--color-bg3));border:1px solid oklch(var(--color-sep));cursor:pointer}.script-inputs .input-list .script-input>.inner:hover{background-color:oklch(var(--color-bg1))}.script-inputs .eval-list{display:flex;flex-direction:column;gap:8px}.script-inputs .eval-list li .eval-item{display:flex;flex-direction:column;padding:4px 8px;background-color:oklch(var(--color-bg1-5));border:1px solid oklch(var(--color-sep-400));border-radius:4px;cursor:pointer}.script-inputs .eval-list li .eval-item .eval-info{display:flex;gap:8px;align-items:start}.script-inputs .eval-list li .eval-item .eval-info .status{font-size:.65rem;padding:2px 4px;border-radius:4px;color:oklch(var(--color-bg1));background-color:oklch(var(--color-bg4));text-transform:uppercase;font-weight:700}.script-inputs .eval-list li .eval-item .eval-info .status[data-status=Active]{color:oklch(var(--color-blue))}.script-inputs .eval-list li .eval-item .eval-info .status[data-status=Exited]{color:oklch(var(--color-green))}.script-inputs .eval-list li .eval-item .eval-info .status[data-status=Crashed]{color:oklch(var(--color-red))}.script-inputs .eval-list li .eval-item .eval-info .status[data-status=Borked]{color:oklch(var(--color-orange))}.script-inputs .eval-list li .eval-item .eval-info .status[data-status=Creating]{color:oklch(var(--color-teal))}.script-inputs .eval-list li .eval-item .eval-info time{color:oklch(var(--color-fg4));font-size:.85rem}.script-inputs .eval-list li .eval-item .view-logs{font-size:.8rem;color:oklch(var(--color-fg4))}.script-inputs .eval-list li .eval-item:hover{background-color:oklch(from oklch(var(--color-bg1-5)) calc(l + .1) c h);border:1px solid oklch(var(--color-sep))}.script-inputs .eval-list li .eval-item:hover .view-logs{color:oklch(var(--color-fg1));text-decoration:underline}.eval-logs{display:flex;flex-direction:column;height:100%;gap:8px}.eval-logs>.top{display:flex;align-items:center;gap:8px;margin:4px 8px}.eval-logs>.top .status{font-size:.65rem;padding:2px 6px;border-radius:4px;color:oklch(var(--color-bg1));background-color:oklch(var(--color-bg4));text-transform:uppercase;font-weight:700}.eval-logs>.top .status[data-status=Active]{color:oklch(var(--color-blue))}.eval-logs>.top .status[data-status=Exited]{color:oklch(var(--color-green))}.eval-logs>.top .status[data-status=Crashed]{color:oklch(var(--color-red))}.eval-logs>.top .status[data-status=Borked]{color:oklch(var(--color-orange))}.eval-logs>.top .status[data-status=Creating]{color:oklch(var(--color-teal))}.eval-logs>.top button{font-size:.8rem;padding:2px 8px;cursor:pointer;background-color:oklch(var(--color-bg3));border:1px solid oklch(var(--color-sep-400));border-radius:2px;color:oklch(var(--color-fg3))}.eval-logs>.top button:hover{background-color:oklch(var(--color-bg2))}.eval-logs .log-filters{display:flex;flex-wrap:wrap;border:1px solid oklch(var(--color-sep-400));border-radius:2px;margin:0 8px;overflow:hidden}.eval-logs .menu-button{font-size:.75rem;padding:2px 8px;cursor:pointer;background-color:oklch(var(--color-bg3));color:oklch(var(--color-fg4))}.eval-logs .menu-button:hover{background-color:oklch(from oklch(var(--color-bg3)) calc(l + .05) c h);color:oklch(var(--color-fg3))}.eval-logs .menu-button[aria-pressed=true],.eval-logs .menu-button:active{background-color:oklch(from oklch(var(--color-bg3)) calc(l + .1) c h);color:oklch(var(--color-fg1))}.eval-logs .menu-button:active>.inner{translate:0 1px}.eval-logs .time-button{border:1px solid oklch(var(--color-sep-400));border-radius:2px;display:flex;align-items:center;gap:2px;padding:2px 4px}.eval-logs ul[role=log]{flex:1;overflow-y:auto}.eval-logs ul[role=log] li{display:flex;align-items:baseline;padding:4px 8px;font-family:monospace;font-size:.8rem;line-height:1.4}.eval-logs ul[role=log] li:hover{background-color:oklch(var(--color-bg1-5))}.eval-logs ul[role=log] li .main{display:flex;gap:4px;width:100%}.eval-logs ul[role=log] li.expanded{background-color:oklch(var(--color-bg1-5));flex-direction:column}.eval-logs ul[role=log] li .time{color:oklch(var(--color-fg5));flex-shrink:0}.eval-logs ul[role=log] li .level{font-size:.7rem;padding:1px 4px;border-radius:3px;font-weight:700;text-transform:uppercase;flex-shrink:0}.eval-logs ul[role=log] li .level[data-level=Trace]{color:oklch(var(--color-fg5));background-color:oklch(var(--color-bg3))}.eval-logs ul[role=log] li .level[data-level=Debug]{color:oklch(var(--color-teal));background-color:oklch(calc(var(--color-teal) * .15)/.3)}.eval-logs ul[role=log] li .level[data-level=Info]{color:oklch(var(--color-blue));background-color:oklch(calc(var(--color-blue) * .15)/.3)}.eval-logs ul[role=log] li .level[data-level=Warning]{color:oklch(var(--color-orange));background-color:oklch(calc(var(--color-orange) * .15)/.3)}.eval-logs ul[role=log] li .level[data-level=Error]{color:oklch(var(--color-red));background-color:oklch(calc(var(--color-red) * .15)/.3)}.eval-logs ul[role=log] li .content{color:oklch(var(--color-fg2));white-space:pre;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.eval-logs ul[role=log] li .attrs-summary{color:oklch(var(--color-fg5));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1}.eval-logs ul[role=log] li .attrs{display:none;flex-direction:column;padding-left:2em;font-size:.75rem}.eval-logs ul[role=log] li .attrs.expanded{display:flex}.eval-logs ul[role=log] li .attrs .key{color:oklch(var(--color-fg4))}.eval-logs ul[role=log] li .attrs .syn{color:oklch(var(--color-fg6));margin:0 2px}.eval-logs ul[role=log] li .attrs .val{color:oklch(var(--color-fg3))}.script-code-container{display:flex;flex-direction:column;overflow-y:auto;flex:1;min-height:0}.script-code-container .editor-wrapper{flex:1;overflow:hidden;min-height:0}.script-code-container .editor-wrapper>div{height:100%}.script-code-container .editor-wrapper>div .cm-editor{height:100%}.script-create-menu>.inner{display:flex;flex-direction:column;background-color:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep));box-shadow:2px 2px 8px oklch(var(--color-bg1));min-width:128px;padding:4px}.script-create-menu>.inner .button{display:flex;gap:4px;align-items:center;padding:2px 4px;border-radius:2px;width:100%;border:none;color:oklch(var(--color-fg5));background:none}.script-create-menu>.inner .button .icon2{visibility:hidden}.script-create-menu>.inner .button:hover,.script-create-menu>.inner .button:focus-visible{color:oklch(var(--color-fg1));background:#fff1}.script-create-menu>.inner .button:hover .icon2,.script-create-menu>.inner .button:focus-visible .icon2{visibility:visible}.script-create-menu>.inner .button.selected{color:oklch(var(--color-fg2))}.script-create-menu>.inner .button.selected .icon2{visibility:visible;background-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,.search-container>.icon2{position:absolute;right:4px}.search-autocomplete{display:flex;background:oklch(var(--color-bg1));border:solid oklch(var(--color-sep)) 1px;box-shadow:2px 2px 2px oklch(var(--color-bg1)/.1);width:min(100%,min-content);height:300px}.search-autocomplete>.side{padding:8px;overflow-y:auto;flex:1}.search-autocomplete>.side>h3{margin-bottom:8px}.search-autocomplete>.side>h3.recent-searches{margin-top:16px}.search-autocomplete>.side.left{background:oklch(var(--color-bg2));max-width:max-content;border-right:solid oklch(var(--color-sep)) 1px}.search-autocomplete ul li.autocomplete-item{cursor:pointer;padding:2px 4px;border-radius:2px}.search-autocomplete ul li.autocomplete-item.not-recent{display:flex;align-items:center;gap:6px}.search-autocomplete ul li.autocomplete-item .avatar{height:18px;width:18px;margin-right:0}.search-autocomplete ul li.autocomplete-item .icon{filter:invert(.6)}.search-autocomplete ul li.autocomplete-item .icon2{background:oklch(var(--color-fg2))}.search-autocomplete ul li.autocomplete-item:hover,.search-autocomplete ul li.autocomplete-item.hovered{background-color:oklch(var(--color-bg2))}.search-autocomplete ul li.autocomplete-separator{margin-top:8px;font-size:.8em;text-transform:uppercase;font-weight:700;color:oklch(var(--color-fg5));cursor:default;pointer-events:none}.search-autocomplete .filters-list{list-style:none}.search-autocomplete .filters-list .filter-item{display:grid;grid-template-areas:"icon label" "icon description";grid-template-rows:1rem auto;grid-template-columns:1rem auto;gap:4px;padding:4px 2em 4px 4px;border-radius:2px;cursor:pointer}.search-autocomplete .filters-list .filter-item:hover,.search-autocomplete .filters-list .filter-item.hovered{background-color:oklch(var(--color-bg2-5))}.search-autocomplete .filters-list .filter-item+.filter-item{margin-top:4px}.search-autocomplete .filters-list .filter-item .icon{grid-area:icon;height:1rem;width:1rem;filter:invert(.6)}.search-autocomplete .filters-list .filter-item .icon2{grid-area:icon;height:1rem;width:1rem;background:oklch(var(--color-fg2))}.search-autocomplete .filters-list .filter-item .avatar{grid-area:icon;align-self:center;height:24px;width:24px}.search-autocomplete .filters-list .filter-item .filter-label{grid-area:label}.search-autocomplete .filters-list .filter-item .filter-desc{grid-area:description}.search-autocomplete .presets-header{display:flex;justify-content:space-between;margin-bottom:8px}.search-autocomplete .presets-list{list-style:none}.search-autocomplete .presets-list>li{padding:4px 8px;border-radius:2px;cursor:pointer}.search-autocomplete .presets-list>li:hover{background-color:oklch(var(--color-bg2))}.search-autocomplete .presets-list>li+li{margin-top:4px}.search-autocomplete .presets-list>li .preset-desc{font-size:.9rem}.search-autocomplete .presets-list>li span.filter-name{color:oklch(var(--color-fg3))}.search-autocomplete .presets-list>li span.filter-syntax{color:oklch(var(--color-fg5))}.search-autocomplete .presets-list>li span.filter-value{color:oklch(var(--color-blue))}.search-autocomplete .presets-list>li span.filter-negated-value{color:oklch(var(--color-orange))}.search-autocomplete .presets-list>li span.filter-phrase-content{color:oklch(var(--color-fg3))}.search-autocomplete .presets-list>li span.filter-negation-content{text-decoration:line-through;color:oklch(var(--color-fg5))}.search-autocomplete .presets-list>li .filter-atom{display:inline-flex;align-items:center;background:oklch(var(--color-bg2-5));padding:0 4px;border-radius:2px;gap:2px}.search-autocomplete .presets-list>li .filter-atom :global(.avatar),.search-autocomplete .presets-list>li .filter-atom :global(.channel-icon){flex-shrink:0}.search-autocomplete .presets-list>li.hovered .filter-atom{background:oklch(var(--color-bg3))}.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 .editor .placeholder{position:absolute;color:oklch(var(--color-fg6))}.search-input .syn{color:oklch(var(--color-fg5))}.search-input .filter-token,.search-input .filter-atom{display:inline-flex;align-items:center;background:oklch(var(--color-bg1-5));padding:0 4px;margin:0 2px;border-radius:4px;vertical-align:middle;line-height:1.4;-webkit-user-select:none;user-select:none}.search-input .filter-token.filter-negated>.filter-value,.search-input .filter-atom.filter-negated>.filter-value{color:oklch(var(--color-orange))}.search-input .filter-token :global(.avatar),.search-input .filter-token :global(.channel-icon),.search-input .filter-atom :global(.avatar),.search-input .filter-atom :global(.channel-icon){flex-shrink:0}.search-input .filter-channel,.search-input .filter-author,.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-fg3))}.search-input .filter-value{color:oklch(var(--color-blue))}.search-input .filter-channel{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))}.ProseMirror-gapcursor{display:none;pointer-events:none;position:absolute}.ProseMirror-gapcursor:after{content:"";display:block;position:absolute;top:-2px;width:20px;border-top:1px solid oklch(var(--color-fg4));animation:ProseMirror-cursor-blink 1.1s steps(2,start) infinite}@keyframes ProseMirror-cursor-blink{to{visibility:hidden}}.ProseMirror-focused .ProseMirror-gapcursor{display:block}.search-page{background-color:oklch(var(--color-bg1-5));overflow-y:auto}.search-page .search-container{margin:8px 8px 0}.search-page .search-input{flex:1;padding:4px}.search-page .search-results-header{display:flex;align-items:center;padding:4px 8px;gap:4px;background:linear-gradient(to bottom,oklch(var(--color-bg1-5)),oklch(var(--color-bg1)));border-bottom:solid oklch(var(--color-bg2)) 1px}.search-page .search-results-header>.dropdown-container{width:8em}.search-page .search-results{padding:8px}.root[data-message-style=cozy] .search-page .search-results .message.separate{margin-top:0}.search2-container{position:relative;z-index:1;display:flex;align-items:center;background-color:oklch(var(--color-bg3));border:solid 1px oklch(var(--color-sep))}.search2-container>.icon,.search2-container>.icon2{position:absolute;right:4px}.search2-container>.search2-input{position:relative;flex:1;white-space:pre-wrap;caret-color:oklch(var(--color-fg4))}.search2-container>.search2-input>.ProseMirror{padding:4px}.search2-container>.search2-input>.ProseMirror>.placeholder{position:absolute;color:oklch(var(--color-fg6));overflow:hidden;text-overflow:ellipsis;white-space:pre}#root>.chat{grid-area:main}.chat{background-color:oklch(var(--color-bg2));color:oklch(var(--color-fg2));contain:strict;scrollbar-color:oklch(var(--color-bg3)) oklch(var(--color-bg1-5));scrollbar-gutter:stable}.chat li{list-style:none}.message-dim-content>.content{color:oklch(var(--color-fg5))}.message-toolbar{background:oklch(var(--color-bg1-5));display:flex;border:solid oklch(var(--color-sep-400)) 1px;box-shadow:0 2px 8px oklch(var(--color-bg1));border-radius:4px;overflow:hidden}.message-toolbar>button.button{display:grid;place-items:center;height:24px;width:24px;border:none}.message-thread{margin-top:2px;position:relative;display:flex;max-width:384px;gap:4px}.message-thread>.main{min-width:0;border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;padding:4px 6px;margin-top:2px;background:oklch(var(--color-bg1-5));cursor:pointer;transition:background .1s,border .1s}.message-thread>.main .name{color:oklch(var(--color-link-500))}.message-thread>.main:hover{background:oklch(from oklch(var(--color-bg1-5)) calc(l + .04) c h);border:solid oklch(from oklch(var(--color-sep-300)) calc(l + .04) c h) 1px}.message-thread>.main:hover .name{text-decoration:underline}.message-thread>.main .top{display:flex;gap:4px}.message-thread>.main .count{color:oklch(var(--color-fg5))}.message-thread>.main .last-message{display:flex;align-items:center;font-size:.9em;overflow:hidden}.message-thread>.main .last-message>.avatar{margin:0 4px 0 0;height:16px;width:16px;min-width:16px;border-radius:6px;filter:brightness(.8)}.message-thread>.main .last-message>.author{padding-right:4px;color:oklch(var(--color-fg6));white-space:nowrap}.message-thread>.main .last-message>.icon2{margin-right:4px;background-color:oklch(var(--color-fg6))}.message-thread>.main .last-message>.markdown{display:block;color:oklch(var(--color-fg4));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-thread>.main .last-message>.markdown *{font-size:1em;display:inline;white-space:inherit}.message-thread>.main .last-message>.markdown h1,.message-thread>.main .last-message>.markdown h2,.message-thread>.main .last-message>.markdown h3,.message-thread>.main .last-message>.markdown h4,.message-thread>.main .last-message>.markdown h5,.message-thread>.main .last-message>.markdown h6{margin-right:4px;font-weight:700}.message-thread>.main .last-message>.markdown blockquote{margin-right:8px}.message-thread>.main .last-message>.markdown .code-block-header{display:none}.message-thread>.main .last-message>.markdown .code-block-container{border:0;margin:0;padding:0}.message-thread>.main .last-message>.markdown .code-block-container pre{padding:0 2px}.message-thread>.main .last-message>.markdown table{border:0}.message-thread>.main .last-message>.markdown table>*{display:none}.message-thread>.main .last-message>.markdown table>.summary{display:block}.message-thread>.main .last-message>.markdown table:after{content:var(--summary);font-style:italic;color:oklch(var(--color-fg5))}.message-thread>.main .last-message>.user,.message-thread>.main .last-message>.markdown{pointer-events:none}.message-thread>.main .last-message>.time{color:oklch(var(--color-fg6));margin-left:8px;font-size:1em;white-space:nowrap}.message-thread>.main .last-message>.fallback{color:oklch(var(--color-fg5));overflow:hidden;text-overflow:ellipsis;white-space:pre}.timeline{contain:strict;overflow-y:auto;width:100%;height:100%}.timeline>.timeline-items{width:100%;position:relative}.timeline>.timeline-items>.timeline-item{position:absolute;top:0;left:0;width:100%;contain:content;will-change:transform}.timeline>.timeline-items>.timeline-item>li>.spacer{max-height:600px;overflow:hidden}.timeline>.timeline-items>.timeline-item>li>.spacer-mini{min-height:80px}.focus-ring{pointer-events:none;z-index:999;box-sizing:border-box;border:solid 2px oklch(var(--color-link-500));border-radius:4px}.timeline-item>li:focus{outline:none}.timeline-item:hover>.message{background-color:oklch(var(--color-bg1)/.3)}.timeline-item>li.selected>.message{box-shadow:4px 0 0 -1px inset #67dc82;background-color:#67dc8222}.timeline-item>li.reply-target{background-color:oklch(var(--color-blue)/.3);box-shadow:4px 0 0 -1px inset oklch(var(--color-blue))}.timeline-item>li.mentioned>.message{box-shadow:4px 0 0 -1px inset oklch(var(--color-link-500));background-color:oklch(var(--color-link-500)/.1)}.timeline-item>li.automodded{background-color:oklch(from oklch(var(--color-red)) calc(l - .2) calc(c + 0) h/.15);box-shadow:4px 0 0 -1px inset oklch(from oklch(var(--color-red)) calc(l - .2) calc(c + 0) h)}.timeline-header{padding:0 8px;margin-top:32px}.timeline-header .avatar{margin-bottom:4px}.timeline-header .unknown{color:oklch(var(--color-fg4))}.timeline-divider{display:flex;color:oklch(var(--color-fg6));font-size:.9rem;align-items:center;margin:8px;position:relative}.timeline-divider>hr{flex:1;border-bottom:solid oklch(var(--color-sep)) 1px;margin:0 8px}.timeline-divider>time{margin-top:-1px}.timeline-divider>.new{margin-top:-3px}.timeline-divider>.new.hidden{margin-top:0;margin-left:-8px;padding-left:8px;height:0;color:transparent;border-bottom:solid #3fa9c9 1px}.timeline-divider.unread{color:#3fa9c9}.timeline-divider.unread>hr{border-bottom:solid #3fa9c9 1px}.message{position:relative;display:grid;grid-template-columns:52px auto;grid-template-rows:auto auto auto auto;grid-template-areas:"reply reply" "aside header" "aside content" "aside accessories";contain:content}.message .user{cursor:pointer;color:oklch(var(--color-fg4))}.message .user:hover,.message .user:focus-visible{text-decoration:underline}.message .time{color:oklch(var(--color-fg5));font-size:.7em}.message>.reply{grid-area:reply;display:flex;height:16px;align-items:center;margin-bottom:4px;cursor:pointer;overflow:hidden}.message>.reply>.spine{width:24px;min-width:24px;height:50%;align-self:end;margin-left:24px;margin-right:8px;border-top-left-radius:4px;border-top:solid oklch(var(--color-sep-800)) 2px;border-left:solid oklch(var(--color-sep-800)) 2px}.message>.reply>.content{display:flex;align-items:center;font-size:.9em;overflow:hidden}.message>.reply>.content>.avatar{margin:0 4px 0 0;height:16px;width:16px;min-width:16px;border-radius:6px;filter:brightness(.8)}.message>.reply>.content>.author{padding-right:4px;color:oklch(var(--color-fg6));white-space:nowrap}.message>.reply>.content>.icon2{margin-right:4px;background-color:oklch(var(--color-fg6))}.message>.reply>.content>.markdown{display:block;color:oklch(var(--color-fg4));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message>.reply>.content>.markdown *{font-size:1em;display:inline;white-space:inherit}.message>.reply>.content>.markdown h1,.message>.reply>.content>.markdown h2,.message>.reply>.content>.markdown h3,.message>.reply>.content>.markdown h4,.message>.reply>.content>.markdown h5,.message>.reply>.content>.markdown h6{margin-right:4px;font-weight:700}.message>.reply>.content>.markdown blockquote{margin-right:8px}.message>.reply>.content>.markdown .code-block-header{display:none}.message>.reply>.content>.markdown .code-block-container{border:0;margin:0;padding:0}.message>.reply>.content>.markdown .code-block-container pre{padding:0 2px}.message>.reply>.content>.markdown table{border:0}.message>.reply>.content>.markdown table>*{display:none}.message>.reply>.content>.markdown table>.summary{display:block}.message>.reply>.content>.markdown table:after{content:var(--summary);font-style:italic;color:oklch(var(--color-fg5))}.message>.reply>.content{padding-right:24px;pointer-events:none}.message>.reply:hover>.content>.author{color:oklch(var(--color-fg5))}.message>.reply:hover>.content>.markdown{color:oklch(var(--color-fg2))}.message>.aside{grid-area:aside;display:flex;flex-direction:column;padding-top:4px}.message>.aside>.avatar{display:none;cursor:pointer;height:36px;width:36px;margin-left:8px}.message>.aside>.time{visibility:hidden;align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:pre}.message>.aside>.thread-spine{flex:1;margin:8px 4px 24px 24px;border-bottom:solid oklch(var(--color-sep)) 2px;border-left:solid oklch(var(--color-sep)) 2px;border-bottom-left-radius:4px}.message>.content{grid-area:content;display:flex;flex-direction:column;align-items:start;min-width:0;padding-right:8px}.message>.content>.header{display:none;font-size:1em;height:1.25em;align-items:end}.message>.content>.header>.flume-spinner{display:grid;place-items:center;margin-right:3px;height:100%}.message>.content>.header>.flume-spinner>.icon2{animation:spin infinite 1.5s linear;height:16px;width:16px}.message>.content>.header>.time{margin-left:4px;margin-bottom:2px}.message>.content>.header>.time.full{display:none}.message>.content>.body{overflow-wrap:anywhere}.message>.content>.body .edited{color:oklch(var(--color-fg6));font-size:.7rem;cursor:pointer;margin-left:4px}.message>.content>.automodded,.message>.content>.ephemeral{display:flex;gap:4px;font-size:.8em}.message>.content>.automodded>.icon2{background-color:oklch(from oklch(var(--color-red)) calc(l - .1) calc(c + 0) h);height:32px;width:32px}.message>.content>.automodded .automodded-blocked{font-style:italic;color:oklch(var(--color-fg4))}.message>.content>.automodded .automodded-message{color:oklch(var(--color-fg2))}.message>.content>.automodded .automodded-ephemeral{color:oklch(var(--color-fg5))}.message>.content>.automodded .automodded-ephemeral .dismiss{display:inline-block}.message>.content>.ephemeral{color:oklch(var(--color-fg4));align-items:center}.message>.content>.ephemeral>.icon2{background-color:oklch(var(--color-fg5))}.message>.accessories{grid-area:accessories;display:flex;flex-direction:column;align-items:start;min-width:0;padding-right:8px}.message.local>.content>.body{color:oklch(var(--color-fg5))}.message>.content>.body.local{color:oklch(var(--color-fg5))}.message:hover{background-color:oklch(var(--color-bg1)/.3)}.message:hover>.aside>.time{visibility:visible}.message:hover>.content>.header>.time.onlytime{display:none}.message:hover>.content>.header>.time.full{display:block}.message.oneline>.aside{padding-top:0}.message.oneline>.aside>.icon{filter:invert(.7);margin-left:18px;margin-top:2px}.message.oneline>.aside>.icon2{background:oklch(var(--color-fg3));margin-left:28px;margin-top:2px}.message.oneline>.content{display:inline-block;flex-direction:row;align-items:end;white-space:nowrap}.message.oneline>.content>.time{margin-left:4px;margin-bottom:2px}.message.oneline>.content>.time.full{display:none}.message.oneline>.content>.body{display:inline}.message.oneline>.content>.body>p:first-child{display:inline}.message.oneline:hover>.content>.time.onlytime{display:none}.message.oneline:hover>.content>.time.full{display:inline}.root[data-message-style=cozy] .message.separate{margin-top:12px}.root[data-message-style=cozy] .message.separate>.aside>.avatar{display:block}.root[data-message-style=cozy] .message.separate>.aside>.time{display:none}.root[data-message-style=cozy] .message.separate>.content>.header{display:flex}.root[data-message-style=compact] .message:not(.oneline)>.reply{margin-left:32px;margin-bottom:0}.root[data-message-style=compact] .message:not(.oneline)>.content{display:inline;text-indent:-2em;margin-left:2em}.root[data-message-style=compact] .message:not(.oneline)>.content>.header{display:inline;margin-right:4px}.root[data-message-style=compact] .message:not(.oneline)>.content>.header>.time{display:none}.root[data-message-style=compact] .message:not(.oneline)>.content>.body{display:inline}.root[data-message-style=compact] .message:not(.oneline)>.content>.body>p:first-child{display:inline}.root[data-message-style=compact] .message:not(.oneline).separate>.aside>.time{visibility:visible}.root[data-message-style=compact] .message:not(.oneline):has(>.aside>.compact-avatar){grid-template-columns:80px auto}.root[data-message-style=compact] .message:not(.oneline):has(>.aside>.compact-avatar)>.aside{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:center;column-gap:6px}.root[data-message-style=compact] .message:not(.oneline):has(>.aside>.compact-avatar)>.aside>.time{justify-self:center}.root[data-message-style=compact] .message:not(.oneline):has(>.aside>.compact-avatar)>.aside>.thread-spine{grid-column:1/-1;grid-row:2}.root[data-message-style=compact] .message:not(.oneline)>.aside>.compact-avatar{line-height:0;margin-right:4px;margin-top:-2px}.root[data-message-style=compact] .message:not(.oneline)>.aside>.compact-avatar>.avatar{height:1em;width:1em;margin:0;border-radius:4px}.automod-execution{display:inline-block;contain:content;background:oklch(var(--color-bg2));border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;--mark-background-color: oklch(var(--color-red) / .5)}.automod-execution>.automod-execution-header{background:linear-gradient(oklch(var(--color-bg1)),transparent);padding:8px}.automod-execution>.automod-execution-details{background:linear-gradient(transparent,oklch(var(--color-bg1)));padding:8px}.timeline-controls{position:absolute;top:0;left:0;z-index:1;width:100%}.timeline-controls>.channel-locked{display:flex;align-items:center;justify-content:space-between;background:oklch(var(--color-bg3));padding:8px;border-bottom:solid oklch(var(--color-sep)) 1px}.timeline-controls>.channel-locked .button{background:oklch(var(--color-bg4));border-radius:4px}.timeline-controls>.new-messages{display:flex;width:calc(100% - 16px);height:32px;margin-inline:8px;overflow:hidden;border:solid oklch(from oklch(var(--color-link-200)) calc(l + .05) c h) 1px;border-top:0;border-radius:0 0 8px 8px;box-shadow:0 4px 8px oklch(var(--color-bg2));background-color:oklch(var(--color-link-200));color:oklch(var(--color-fg1));font-size:.8em}.timeline-controls>.new-messages button{border:none;background:none;padding:4px 8px;cursor:pointer}.timeline-controls>.new-messages button:hover,.timeline-controls>.new-messages button:focus-visible{background:#fff1}.timeline-controls>.new-messages button:active{translate:0 2px}.timeline-controls>.new-messages .jump-read{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:pre}.user-settings-info .banner-uploader{margin-top:8px}.user-settings-info .banner-uploader .banner-label{margin-bottom:4px}.user-settings-info .banner-uploader .remove{display:inline-block;color:oklch(var(--color-red));border:none;background:none;font-size:.8rem;padding:0}.user-settings-info .banner-uploader .remove:hover{text-decoration:underline}.user-settings-info .banner{position:relative;height:96px;aspect-ratio:10/3;background-color:oklch(var(--color-bg1-5));background-size:cover;background-position:center;border-radius:4px;cursor:pointer;overflow:hidden}.user-settings-info .banner>.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.user-settings-info .banner:hover .overlay{opacity:1}.user-settings-info .banner>.info{padding:4px;background:#000c;display:inline-block}.user-settings-info>.profile,.user-settings-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,.user-settings-profile>.name{grid-area:name}.user-settings-info>.profile>.name>.label,.user-settings-profile>.name>.label{margin:0 4px}.user-settings-info>.profile>.name>input,.user-settings-profile>.name>input{width:100%;max-width:320px}.user-settings-info>.profile>.description,.user-settings-profile>.description{grid-area:description;max-width:320px;margin-top:8px}.user-settings-info>.profile>.description>.label,.user-settings-profile>.description>.label{margin:0 4px}.user-settings-info>.profile>.description .editor,.user-settings-profile>.description .editor{background:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep-300));padding:2px 4px;border-radius:2px}.user-settings-info>.profile>.description .editor:focus-within,.user-settings-profile>.description .editor:focus-within{border:solid 1px oklch(var(--color-link-500))}.user-settings-info>.profile>.description .editor>.ProseMirror,.user-settings-profile>.description .editor>.ProseMirror{min-height:3lh}.user-settings-info>.profile>.avatar-uploader,.user-settings-profile>.avatar-uploader{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-auth .danger-zone{position:relative;border:solid oklch(from oklch(var(--color-red)) calc(l - .2) c h) 1px;padding:8px 8px 0;border-radius:4px}.user-settings-auth .danger-zone>.label{position:absolute;top:0;translate:0 -50%;font-size:1em;border:solid oklch(from oklch(var(--color-red)) calc(l - .2) c h) 1px;background-color:color-mix(oklch(var(--color-red)) 30%,oklch(var(--color-bg1)) 70%);padding:0 4px;border-radius:2px}.user-settings-auth .danger-zone>.item{display:flex;align-items:start;margin:16px 0}.user-settings-auth .danger-zone>.item>.info{margin-inline:4px;margin-top:4px;flex:1}.user-settings-auth .danger-zone>.item>.info>.description{color:oklch(var(--color-fg5))}.user-settings-auth .danger-zone>.item>.button{white-space:nowrap;border-color:oklch(from oklch(var(--color-red)) calc(l - .3) c h);background-color:oklch(from oklch(var(--color-red)) calc(l - .35) calc(c - .03) h)}.user-settings-auth .danger-zone>.item>.button:hover{border-color:oklch(from oklch(var(--color-red)) calc(l - .35) c h);background-color:oklch(from oklch(var(--color-red)) calc(l - .4) calc(c - .03) h)}.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 .connections-header{display:flex;gap:8px;margin:8px 0 16px}.user-settings-connections .connections-header input{flex:1;padding:4px 8px;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;border-radius:2px}.user-settings-connections .connections-header input:focus{border:solid oklch(var(--color-link-500)) 1px}.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-appearance .themes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.user-settings-appearance .themes>.theme-button{display:flex;flex-direction:column;cursor:pointer}.user-settings-appearance .theme-preview{pointer-events:none;border:solid oklch(var(--color-sep)) 1px;border-radius:4px;padding:8px 0}.user-settings-appearance .theme-preview[data-theme=dark]{background:oklch(var(--color-bg2))}.user-settings-appearance .theme-preview[data-theme=light]{--color-fg1: 17% .008 229.4;--color-fg2: 18.84% .009 229.4;--color-fg3: 22.3% .01 234.2;--color-fg4: 27.5% .011 225.5;--color-fg5: 25.3% .01 234.2;--color-fg6: 34% .014 217.8;--color-bg1: 100% 0 0;--color-bg1-5: 69.4% 0 0;--color-bg2: 94.9% 0 0;--color-bg2-5: 73.8% 0 0;--color-bg3: 89.8% 0 0;--color-bg4: 84.5% 0 0;--color-link-500: 45.6% .25 299.2;background:oklch(var(--color-bg2));color:oklch(var(--color-fg2))}.user-settings-appearance .theme-preview .message.separate{margin-top:0}.user-settings-appearance .theme-preview .message.separate h3{margin-top:0;margin-left:0}.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-voice .mic-check{display:flex;gap:8px}.user-settings-voice .mic-check>.button{margin:1px 0;border-radius:4px;width:3em;text-align:center}.user-settings-voice .mic-check>.button:active>.inner{translate:0 1px}.user-settings-voice .mic-check>.tape{flex:1;overflow:hidden;position:relative;display:flex;align-items:center;background:oklch(var(--color-bg1));border-radius:4px}.user-settings-voice .mic-check>.tape>.level{position:absolute;height:100%;width:0;transition:width 333ms linear}.user-settings-voice .mic-check>.tape>.text{margin:0 .5rem;color:oklch(var(--color-fg5));z-index:1;opacity:1;transition:opacity .12s ease-out}.user-settings-voice .mic-check.active>.tape>.text{opacity:0}.user-settings-voice .mic-check.active>.tape>.level{width:var(--level);transition:width 33ms linear}.user-settings-voice .cam-check{position:relative;width:100%;aspect-ratio:16/9;border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;margin:8px 0;overflow:hidden;background:#000}.user-settings-voice .cam-check>.canvas{position:absolute;height:100%;width:100%;object-fit:contain}.user-settings-voice .cam-check>.static{opacity:1;transition:opacity .1s .2s linear}.user-settings-voice .cam-check.live>.static{opacity:0}.user-settings-voice .cam-check>.controls{position:absolute;bottom:0;left:0;width:100%;padding:32px 8px 8px;z-index:1;background:linear-gradient(transparent,oklch(from black l c h/.5) 50%);transition:padding-top .12s ease-out;display:flex;align-items:end;justify-content:space-between}.user-settings-voice .cam-check>.controls>.button{margin:1px 0;border-radius:4px;width:3em;text-align:center}.user-settings-voice .cam-check>.controls>.button:active>.inner{translate:0 1px}.user-settings-voice .cam-check>.controls>.status{margin:0 .5rem;color:oklch(var(--color-fg1));text-transform:uppercase;font-weight:700;z-index:1;opacity:1;transition:opacity .12s ease-out;display:flex;align-items:center;gap:4px;pointer-events:none}.user-settings-voice .cam-check>.controls>.status:before{content:"";height:8px;width:8px;display:block;border-radius:50%;border:solid transparent 2px}.user-settings-voice .cam-check>.controls>.status.active{color:oklch(var(--color-orange))}.user-settings-voice .cam-check>.controls>.status.active:before{border-color:oklch(var(--color-orange))}.user-settings-voice .cam-check>.controls>.status.live{color:oklch(var(--color-red))}.user-settings-voice .cam-check>.controls>.status.live:before{background-color:oklch(var(--color-red));border-color:transparent}.user-settings-voice .cam-check.active>.controls{padding-top:8px}.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>.search{flex:1}.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 li[data-draft-state=create],.user-settings-applications .applications-list li[data-draft-state=update]{border-style:dashed;border-color:oklch(var(--color-sep))}.user-settings-applications .applications-list li[data-draft-state=create]>.info .name,.user-settings-applications .applications-list li[data-draft-state=update]>.info .name{color:oklch(var(--color-green))}.user-settings-applications .applications-list li[data-draft-state=create]>.info .name:after,.user-settings-applications .applications-list li[data-draft-state=update]>.info .name:after{content:"*"}.user-settings-applications .applications-list li[data-draft-state=update]>.info .name{color:oklch(var(--color-blue))}.user-settings-applications .applications-list li[data-draft-state=delete]>.info .name{text-decoration:line-through;color:oklch(var(--color-red));padding:2px 4px}.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;background:oklch(var(--color-bg1))}.user-settings-applications .option:hover,.user-settings-applications .option:focus-within{background:oklch(var(--color-bg2))}.application-edit{background:oklch(var(--color-bg1-5));width:100%;overflow-y:auto}.application-edit .savebar{padding:8px}.application-edit>.tabs{position:absolute;top:0;width:100%;z-index:1;height:32px;display:flex;gap:4px;padding:4px;background:oklch(var(--color-bg1));border-bottom:solid oklch(var(--color-sep-300)) 1px}.application-edit>.tabs>.tab{border:none;background:none;cursor:pointer}.application-edit>.tabs>.tab.active{background:oklch(var(--color-bg4))}.application-edit>.main{padding:8px;margin-top:32px}.application-edit>.main .editor{background:oklch(var(--color-bg2));border-color:oklch(var(--color-sep-300))}.application-edit>.main .editor .placeholder{color:oklch(var(--color-fg6))}.application-edit input[type=text]{background:oklch(var(--color-bg2))}.application-edit .option{background:oklch(var(--color-bg1-5))}.application-edit .bridge-details{padding-left:32px;display:flex;flex-direction:column;gap:8px}.application-edit .bridge-details>.top{font-size:1em}.application-edit .redirect-uris .empty{font-style:italic;color:oklch(var(--color-fg5))}.application-edit .redirect-uris>.redirect-uri{display:flex;margin:4px 0}.application-edit .rotate-secret{position:relative;border:solid oklch(var(--color-red)) 1px;background-color:oklch(from oklch(var(--color-red)) l c h/.1);padding:16px 8px 8px;border-radius:4px}.application-edit .rotate-secret>.label{position:absolute;top:0;translate:0 -50%;font-size:1em;border:solid oklch(var(--color-red)) 1px;background-color:color-mix(oklch(var(--color-red)) 30%,oklch(var(--color-bg1-5)) 70%);padding:0 4px;border-radius:2px}.application-edit .rotate-secret>.secret{margin:4px -8px;padding:4px 8px;background-color:oklch(from oklch(var(--color-red)) l c h/.1)}.application-edit .sessions-list .session{background:oklch(var(--color-bg2));margin:4px 0;padding:4px 8px;line-height:1}.application-edit .sessions-list .session>.info{padding-bottom:0}.application-edit .sessions-list .session>.meta{color:oklch(var(--color-fg6))}.application-edit .avatar-uploader .remove{border:none;background:none}.application-edit .avatar-uploader .remove:hover{background:none}.user-settings-sessions .session,.application-edit .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,.application-edit .session .info{display:flex;justify-content:space-between;align-items:center}.user-settings-sessions .session .info menu,.application-edit .session .info menu{display:flex;gap:4px}.user-settings-sessions .session .meta,.application-edit .session .meta{display:flex;align-items:center;gap:8px;margin:4px 0}.user-settings-sessions .session .meta .bullet,.application-edit .session .meta .bullet{display:inline-block;width:4px;height:4px;border-radius:50%;background:oklch(var(--color-fg5))}.user-settings-sessions .session .meta .unknown,.application-edit .session .meta .unknown{color:oklch(var(--color-fg5));font-style:italic}.user-settings-sessions .session.current,.application-edit .session.current{border:solid oklch(var(--color-link-500)) 1px}.user-settings-sessions .session.sudo,.application-edit .session.sudo{border:solid oklch(var(--color-red)) 1px}.debug-colors>li>div{display:inline-block;height:32px;width:32px;margin-block:4px;vertical-align:middle}.debug-colors>li>div.colored.red{background:oklch(var(--color-red))}.debug-colors>li>div.colored.yellow{background:oklch(var(--color-yellow))}.debug-colors>li>div.colored.green{background:oklch(var(--color-green))}.debug-colors>li>div.colored.magenta{background:oklch(var(--color-magenta))}.debug-colors>li>div.colored.blue{background:oklch(var(--color-blue))}.debug-colors>li>div.colored.cyan{background:oklch(var(--color-cyan))}.debug-colors>li>div.colored.orange{background:oklch(var(--color-orange))}.debug-colors>li>div.colored.teal{background:oklch(var(--color-teal))}.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 .voice-state{background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;padding:8px;margin:8px 0;cursor:pointer}.voice-debug .voice-state:hover{background-color:oklch(var(--color-bg2))}.voice-debug .voice-state>summary{display:block;padding:0 4px 8px}.voice-debug .voice-state[open]>summary{border-bottom:solid oklch(var(--color-sep-400)) 1px;padding-bottom:8px;margin-bottom:8px}.voice-debug .voice-state pre{padding:8px;border-radius:4px}.voice-debug .voice-state .light{color:oklch(var(--color-fg1))}.voice-debug .voice-streams-debug{margin:8px}.voice-debug .voice-streams-debug>.section{margin-bottom:16px}.voice-debug .voice-streams-debug>.section>h3{margin-bottom:8px;color:oklch(var(--color-fg2))}.voice-debug .voice-streams-debug .item{background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;padding:8px;margin-bottom:8px}.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}.voice{background:#000;position:relative;grid-area:main;min-height:0;overflow:hidden}.voice>.header,.voice>.footer{opacity:1;transition:all .2s}.voice>.header{position:absolute;top:0;background:linear-gradient(to bottom,rgba(0,0,0,.8666666667) 50%,transparent);width:100%;padding:8px;text-shadow:#000000 1px 1px 3px;display:flex}.voice>.footer{position:absolute;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.8666666667) 50%,transparent);width:100%;height:64px;display:flex;padding:8px 8px 16px;align-items:center;justify-content:center}.voice>.footer .controls{display:flex;gap:6px}.voice>.footer .controls .icon-button{display:flex;justify-content:stretch;align-items:stretch;height:42px;width:42px;padding:10px;border-radius:50%;background:#fff1}.voice>.footer .controls .icon-button>.toggle-icon,.voice>.footer .controls .icon-button>.icon2{height:100%;width:100%}.voice>.footer .controls .icon-button.disconnect{background-color:oklch(from oklch(var(--color-red)) calc(l + -0) c h)}.voice>.footer .controls .icon-button.disconnect>.icon2{background:oklch(var(--color-bg1))}.voice>.footer .controls .icon-button:hover{background:#fff3}.voice>.footer .controls .icon-button:hover.disconnect{background-color:oklch(from oklch(var(--color-red)) calc(l + .1) c h)}.voice>.streams{overflow-y:auto;overflow-x:hidden;height:100%}.voice>.streams>.streams-inner{display:flex;flex-direction:column;justify-content:center;min-height:100%}.voice>.streams>.streams-inner>.list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;padding:16px 16px 64px;width:100%}.voice>.streams>.streams-inner>.focused{display:flex;justify-content:center;align-items:center;padding:16px;width:100%;max-height:calc(100% - 160px);min-height:50%}.voice>.streams>.streams-inner>.focused>.stream{width:100%;height:100%;max-width:100%}.voice>.streams>.streams-inner>.list+.focused{margin-top:0}.voice>.streams[data-layout=focus]>.streams-inner>.list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.voice>.streams[data-layout=focus]>.streams-inner>.list .stream{width:100%;height:auto;aspect-ratio:16/9}.voice>.streams[data-layout=fullscreen]>.streams-inner>.focused{width:100%;height:100%;max-height:100%;padding:0}.voice>.streams[data-layout=fullscreen]>.streams-inner>.focused .stream{border-radius:0;border:none}.voice>.streams .stream{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border:solid oklch(var(--color-sep)) 1px;background:oklch(var(--color-bg1));border-radius:8px}.voice>.streams .stream video{display:block;width:100%;height:100%;object-fit:contain}.voice>.streams .stream .live{position:absolute;top:8px;left:8px;background-color:oklch(from oklch(var(--color-red)) calc(l - .2) calc(c + -0) h);color:oklch(var(--color-fg1));padding:0 4px;border-radius:4px;text-transform:uppercase;font-weight:700;pointer-events:none;transition:opacity .1s}.voice>.streams .stream.speaking{border:solid oklch(var(--color-green)) 2px}.voice>.streams .stream .status{position:absolute;bottom:4px;left:4px;background:#000a;padding:4px 8px;border-radius:4px;transition:opacity .2s}.voice>.streams .stream .button.watch{padding:8px;border-radius:8px}.voice.hide-ui{cursor:none}.voice.hide-ui>.header,.voice.hide-ui>.footer{opacity:0}.voice.hide-ui .stream>.live,.voice.hide-ui .stream>.status{opacity:0}.voice-streams{display:none}.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}: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));accent-color:oklch(var(--color-link-500));-moz-tab-size:4;tab-size:4;scrollbar-color:oklch(var(--color-bg3)) oklch(var(--color-bg1-5));scrollbar-gutter:stable;scrollbar-width:thin}::selection{background-color:#3fa9c988}#root{display:grid;grid-template-areas:"nav-tray header header" "nav-tray main   sidebar" "footer   footer footer";grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;height:100vh;background-color:oklch(var(--color-bg2));color:oklch(var(--color-fg2))}.nav-tray{width:100%;display:grid;grid-template-areas:"room-nav channel-nav" "tray     tray       ";grid-template-rows:1fr auto;grid-template-columns:auto 1fr}.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>.top,.thread-card>.bottom{display:flex;width:100%;background:none;border:none;text-align:left;font:inherit;color:inherit;padding:4px 8px;cursor:pointer}.thread-card>.top{align-items:center;gap:8px}.thread-card>.top>.spacer{overflow:hidden;text-overflow:ellipsis;white-space:pre;flex:1}.thread-card>.top>.time{color:oklch(var(--color-fg5))}.thread-card>.bottom{flex-direction:column}.thread-card>.bottom .dim{font-size:.8rem;color:oklch(var(--color-fg5))}.thread-card>.bottom .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 .removed{color:oklch(var(--color-red))}.thread-card:hover{background-color:oklch(from oklch(var(--color-bg3)) calc(l + .02) c h)}.thread-card .reactions .reaction{background:oklch(var(--color-bg2))}.thread-chat-sidebar{width:100%;position:relative}.thread-chat-sidebar>.chat{width:100%;height:100%}.thread-chat-sidebar>.close{position:absolute;top:8px;right:8px;background:oklch(var(--color-bg1));z-index:1;display:grid;place-items:center;height:32px;width:32px;border:none;border-radius:50%}.thread-chat-sidebar>.close:hover{background:oklch(var(--color-bg3))}.message-input,.comment-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%;--border-radius: 4px}.message-input.locked,.comment-input.locked{cursor:not-allowed}.message-input.locked>.text>.upload,.comment-input.locked>.text>.upload{cursor:inherit;color:oklch(var(--color-sep-800))}.message-input.locked>.text>.upload:hover,.comment-input.locked>.text>.upload:hover{background:none}.message-input.locked .editor .placeholder,.comment-input.locked .editor .placeholder{color:oklch(var(--color-sep-800))}.message-input>footer,.comment-input>footer{color:oklch(var(--color-fg4));height:1em;font-size:.8em;padding:2px;display:flex}.message-input>footer .slowmode,.comment-input>footer .slowmode{font-family:var(--font-mono)}.message-input>footer>.typing,.comment-input>footer>.typing{flex:1}.message-input>footer>.typing:after,.comment-input>footer>.typing:after{content:"";animation:dots infinite .8s}.message-input .attachments,.comment-input .attachments{position:absolute;top:0;translate:0 -100%;right:4px}.message-input>.text,.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:var(--border-radius);overflow:hidden;align-items:center}.message-input>.text>.upload,.comment-input>.text>.upload{cursor:pointer;width:2rem;height:2rem;display:grid;place-items:center;font-weight:700}.message-input>.text>.upload:hover,.comment-input>.text>.upload:hover{background:oklch(var(--color-bg2))}.message-input>.text>.upload>input[type=file],.comment-input>.text>.upload>input[type=file]{display:none}.message-input>.text>.editor,.comment-input>.text>.editor{flex:1;border:none}.message-input>.text>.editor .ProseMirror,.comment-input>.text>.editor .ProseMirror{padding-block:8px}.message-input .jump-to-latest,.comment-input .jump-to-latest{font-size:.8em;background:oklch(var(--color-bg1-5));padding:4px 8px;border:solid oklch(var(--color-sep-300)) 1px;border-bottom:0;border-radius:var(--border-radius) var(--border-radius) 0 0;translate:0 2px;cursor:pointer;z-index:1}.message-input .jump-to-latest:hover,.message-input .jump-to-latest:focus-visible,.comment-input .jump-to-latest:hover,.comment-input .jump-to-latest:focus-visible{background:oklch(var(--color-bg2))}.message-input .jump-to-latest:active,.comment-input .jump-to-latest:active{translate:0 4px}.message-input .jump-to-latest+.text,.comment-input .jump-to-latest+.text{border-radius:0 0 var(--border-radius) var(--border-radius)}.message-input .attachments,.comment-input .attachments,.forum2-create-form .attachments{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,.comment-input .attachments header,.forum2-create-form .attachments header{background:oklch(var(--color-bg1-5));margin-bottom:4px;padding:6px 6px 6px 56px;line-height:1}.message-input .attachments ul,.comment-input .attachments ul,.forum2-create-form .attachments ul{display:flex;flex-direction:column;gap:4px;padding:4px}.message-input .attachments button,.comment-input .attachments button,.forum2-create-form .attachments button{border:none;border-radius:4px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}.message-input>.reply,.comment-input>.reply{display:flex;border-radius:4px 4px 0 0;border:solid oklch(var(--color-sep-300)) 1px;border-bottom:0;background-color:oklch(var(--color-bg2));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;cursor:pointer}.message-input>.reply>.cancel:hover,.comment-input>.reply>.cancel:hover{background-color:#fff1}.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{position:relative;background-color:oklch(var(--color-bg3));flex:1;border:solid 1px oklch(var(--color-sep));padding:4px;white-space:pre-wrap;overflow:hidden auto;caret-color:oklch(var(--color-fg4))}.editor .placeholder{position:absolute;color:oklch(var(--color-fg6));max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre}.editor .syn{color:oklch(var(--color-fg5))}.editor .syn-code-lang{color:oklch(var(--color-blue))}.editor .link{color:oklch(var(--color-link-500))}.editor s{text-decoration-color:oklch(from oklch(var(--color-fg2)) l c h/.7)}.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}.editor pre>code{display:block}.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)}.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)}.select-all{-webkit-user-select:all;user-select:all}.channel-topic-clickable{cursor:pointer}.channel-topic-clickable:hover{color:oklch(var(--color-fg1))}.modal-channel-topic{border:solid 1px oklch(var(--color-sep-300));min-width:200px}.modal-channel-topic>.header{background:oklch(var(--color-bg1-5));color:oklch(var(--color-fg6));display:flex;height:24px;align-items:center}.modal-channel-topic>.header>.channel-name{padding:6px 8px;font-size:.8em}.modal-channel-topic>.header>.spacer{flex:1}.modal-channel-topic>.header>.icon-button{display:flex;cursor:pointer}.modal-channel-topic>.header>.icon-button>.icon2{background:oklch(var(--color-fg6))}.modal-channel-topic>.header>.icon-button:hover>.icon2,.modal-channel-topic>.header>.icon-button:focus>.icon2{background:oklch(var(--color-fg1))}.modal-channel-topic>.channel-topic{padding:8px}.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;overflow:hidden;max-height:calc(100vh - 32px)}.modal.unpadded>.content>.base{border:none}.modal.unpadded>.content>.inner{padding:0}.modal .bottom{background:oklch(var(--color-bg1-5));margin:16px -15px -15px;padding:8px 15px;display:flex;gap:6px;justify-content:end;position:sticky;bottom:-16px}.modal-settings>.content>.base{display:none}.modal-settings>.content>.inner{display:flex;padding:0;border:solid 1px oklch(var(--color-sep-300));max-width:initial;width:80vw;height:80vh;border-radius:4px}.modal-settings>.content>.inner>.settings{flex:1;grid-template-columns:192px 1fr;grid-template-rows:1fr}.modal-settings>.content>.inner>.settings>header{display:none}.modal-settings>.content>.inner>.settings>nav{padding-left:8px}.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 button[disabled]{cursor:not-allowed;color:oklch(var(--color-fg6))}.contextmenu button[disabled]:hover{background:none}.contextmenu menu{background-color:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep-400));box-shadow:2px 2px 8px oklch(var(--color-bg1));color:oklch(var(--color-fg4));overflow:hidden;min-width:128px;border-radius:4px;padding:4px 0}.contextmenu menu button{padding:2px 4px;margin:-2px 0;width:100%;text-align:left;cursor:pointer;color:oklch(var(--color-fg3))}.contextmenu menu button>.inner{padding:2px 4px;border-radius:2px}.contextmenu menu button>.inner.has-check{display:flex;align-items:flex-start;gap:6px}.contextmenu menu button.selected>.inner{color:oklch(var(--color-link-500))}.contextmenu menu button .menu-check{width:1em;height:1em;flex-shrink:0;margin-top:1px}.contextmenu menu button:hover>.inner,.contextmenu menu button:focus>.inner{color:oklch(var(--color-fg1));background-color:#fff2}.contextmenu menu button.color-danger{color:oklch(var(--color-red))}.contextmenu menu button.color-danger:hover>.inner,.contextmenu menu button.color-danger:focus>.inner{color:oklch(var(--color-fg1));background:oklch(var(--color-red)/.7)}.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-sep-300));margin:4px 0}input[type=text],input[type=search],input[type=email],input[type=password],input[type=url]{background-color:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep-300));padding:2px 4px;border-radius:2px}input[type=text]:focus-visible,input[type=search]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input[type=url]:focus-visible{border:solid 1px oklch(var(--color-link-500))}.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;border-radius:4px;width:100%;color:oklch(var(--color-fg4));cursor:pointer}.settings>nav a:hover,.settings>nav a:focus,.settings>nav button.action:hover,.settings>nav button.action:focus{background-color:#fff1;color:oklch(var(--color-fg2))}.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;color:oklch(var(--color-fg1))}.settings>nav a.danger,.settings>nav button.action.danger{color:oklch(var(--color-red))}.settings>nav a.danger:hover,.settings>nav a.danger:focus,.settings>nav button.action.danger:hover,.settings>nav button.action.danger:focus{background-color:oklch(var(--color-red)/.1);color:oklch(var(--color-red))}.settings>main{position:relative;overflow-y:auto}.settings>main.padded{padding:.5rem;padding-right:max(100% - 60ch,.5rem)}.settings button.spaced{margin-left:4px}.tooltip{top:0;left:0;display:grid;place-items:center;z-index:999}.tooltip>.base{position:absolute;width:100%;height:100%;background-color:oklch(var(--color-bg3));border:solid 1px oklch(var(--color-sep));animation:popup-base .15s cubic-bezier(.42,1.31,.52,1.09) forwards;border-radius:4px}.tooltip>.inner{padding:8px;color:oklch(var(--color-fg3));animation:popup-content .1s cubic-bezier(.33,1.05,.39,.92) forwards;max-width:512px;min-height:1rem;text-align:center}.tooltip>.arrow{position:absolute;width:16px;height:16px;top:0;left:0;pointer-events:none;overflow:visible}.tooltip>.arrow>.arrow-fill{fill:oklch(var(--color-bg3))}.tooltip>.arrow>.arrow-stroke{stroke:oklch(var(--color-sep))}.tooltip>.arrow[data-placement^=top]{top:100%}.tooltip>.arrow[data-placement^=bottom]{rotate:180deg;transform:translateY(100%)}.tooltip>.arrow[data-placement^=right]{rotate:90deg;left:0;transform:translateY(100%)}.tooltip>.arrow[data-placement^=left]{rotate:-90deg;left:100%}.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;top:0;left:0;pointer-events:none;z-index:100000}#overlay>*{pointer-events:auto}.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;width:320px;display:block;text-align:left;font:inherit;color:inherit;padding:0;cursor:default;contain:content}.user-profile .banner{height:96px;width:100%;aspect-ratio:10/3;background-color:oklch(var(--color-bg1-5));background-size:cover;background-position:center}.user-profile .actions{display:flex;justify-content:end;gap:8px;padding:8px}.user-profile .actions>.button{background:#111c;border:solid rgba(34,34,34,.8) 1px;border-radius:50%}.user-profile .actions>.button>.icon2{background:oklch(var(--color-fg3))}.user-profile .actions>.button:hover{background:#000c}.user-profile .actions>.button:hover>.icon2{background:oklch(var(--color-fg1))}.user-profile .header{display:flex;padding:0 8px;margin-top:-48px}.user-profile .header>.avatar-wrap{background-color:oklch(var(--color-bg2));border-radius:8px;padding:12px}.user-profile .header>.avatar-wrap>.avatar{height:80px;width:80px}.user-profile .header .name-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.user-profile .header .name-area>.status-message{margin:4px 8px 0;padding:8px;background-color:oklch(var(--color-bg3));border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:pre}.user-profile .header .name-area>.name{display:inline-block;font-size:1.5rem;font-weight:700;background-color:oklch(var(--color-bg2));border-top-right-radius:4px;padding:4px 4px 4px 8px;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 .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 .roles li .edit-roles-btn{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.user-profile .body .roles li .edit-roles-btn:hover{text-decoration:underline}.user-profile .body .note>h3{margin-inline:4px;margin-bottom:2px}.user-profile .body .note>.editor{background-color:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;cursor:text;border-radius:4px}.user-profile .body .note>.editor:has(:focus-visible){border:solid 1px oklch(var(--color-link-500))}.user-profile .body .note>.editor>.ProseMirror{min-height:3lh}.user-profile .body .dm-input{display:flex;background-color:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;cursor:text}.user-profile .body .dm-input:has(:focus-visible){border:solid 1px oklch(var(--color-link-500))}.user-profile .body .dm-input>.editor{border:none;background-color:transparent}.user-profile-edit{padding-bottom:8px;background:#111d;border-top-left-radius:4px;border-top-right-radius:4px}.user-profile-edit>.user-profile{width:100%}.user-profile-edit .menu{display:flex;flex-direction:column;border-radius:4px;border:solid oklch(var(--color-sep-400)) 1px;overflow:hidden;background:oklch(var(--color-bg3))}.user-profile-edit .menu>.button{display:flex;align-items:center;border:none;padding:4px 8px;gap:8px;transition:color .3s,padding-top .1s,padding-bottom .1s}.user-profile-edit .menu>.button:active{padding-top:6px;padding-bottom:2px}.user-profile-edit .menu>.button>.icon2{background-color:oklch(var(--color-fg4))}.user-profile-edit .menu>.button.copied{color:oklch(var(--color-green))}.user-profile-edit .menu>.button.copied>.icon2{background-color:oklch(var(--color-green))}.user-profile-edit .menu .status-indicator{margin:2px}.user-popout-animate{animation:user-popout-animate-slide .2s}.user-popout-animate[data-placement=left-start]{--anim-start: -16px}.user-popout-animate[data-placement=right-start]{--anim-start: 16px}.root.reduce-motion .user-popout-animate{animation:none}@keyframes user-popout-animate-slide{0%{translate:var(--anim-start) 0}to{translate:0 0}}.status-menu{background-color:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep-400));box-shadow:2px 2px 8px oklch(var(--color-bg1));overflow:hidden;min-width:192px;border-radius:4px;padding:4px 0}.status-menu>.button{padding:2px 4px;margin:-2px 0;width:100%;border:none;color:oklch(var(--color-fg4));background-color:transparent}.status-menu>.button>.inner{padding:2px 4px;border-radius:2px}.status-menu>.button:hover>.inner,.status-menu>.button:focus>.inner{color:oklch(var(--color-fg1));background-color:#fff2}.status-menu>hr{border:none;height:1px;background-color:oklch(var(--color-sep-300));margin:4px 0}.attachments{display:flex;overflow-x:auto;max-width:100%;margin-bottom:8px;scrollbar-width:none}.attachments>li{min-width:0}.message-input li .media{max-height:min(30vh,500px)}.icon{height:1em;width:1em;filter:invert(.9)}.icon2{height:1em;width:1em;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:var(--icon-color);display:inline-block}.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))}.light{color:oklch(var(--color-fg3))}.avatar{height:64px;width:64px;display:block;object-fit:contain;border-radius:8px}.dropdown,input[type=text].dropdown{display:inline-block;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;padding:4px 8px;border-radius:4px;outline:none;cursor:pointer}.dropdown:focus,input[type=text].dropdown:focus{border:solid oklch(var(--color-link-500)) 1px}.dropdown[aria-expanded=true],input[type=text].dropdown[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-container{position:relative;display:inline-flex;align-items:center}.dropdown-container .dropdown{flex:1;padding-right:24px}.dropdown-container .channel-picker-input{position:relative;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px;display:flex;width:100%}.dropdown-container .channel-picker-input>input[type=text].dropdown{background:none;border:none;padding-left:28px}.dropdown-container .channel-picker-input>input[type=text].dropdown.no-channel{color:oklch(var(--color-fg4));font-style:italic}.dropdown-container .channel-picker-input:focus-within{border:solid oklch(var(--color-link-500)) 1px}.dropdown-container .channel-picker-input>.icon,.dropdown-container .channel-picker-input>.icon2,.dropdown-container .channel-picker-input>.channel-icon{position:absolute;left:4px}.dropdown-container .channel-picker-input>.icon{filter:invert(.6)}.dropdown-container .channel-picker-input>.icon2{background:oklch(var(--color-fg2))}.dropdown-chevron-wrapper{position:absolute;right:6px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:oklch(var(--color-fg5))}.dropdown[aria-expanded=true]~.dropdown-chevron-wrapper .dropdown-chevron{transform:rotate(180deg)}.multi-dropdown[aria-expanded=true] .dropdown-chevron{transform:rotate(180deg)}.multi-dropdown{position:relative;display:flex;align-items:center;gap:4px;padding:4px 24px 4px 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{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;box-shadow:0 2px 8px oklch(var(--color-bg1))}.dropdown-items>ul{max-height:inherit;overflow-y:auto}.dropdown-items .no-channel{color:oklch(var(--color-fg2));font-style:italic}.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))}.dropdown-items>ul>li .icon,.dropdown-items>ul>li .icon2{flex-shrink:0}.dropdown-items .no-results{padding:8px;color:oklch(var(--color-fg5));cursor:default}.overwrite-dropdown{display:inline-block;width:100%;margin-top:16px}.overwrite-dropdown .dropdown{width:100%;cursor:text}.overwrite-dropdown .prefix{color:oklch(var(--color-fg5));font-family:var(--font-mono);margin-right:4px}.user-role-option{display:flex;align-items:center;gap:8px;min-width:0}.user-role-option .user-role-option-avatar{display:block;width:20px;height:20px;flex-shrink:0}.user-role-option .user-role-option-avatar .avatar{width:100%;height:100%;margin:0}.user-role-option .user-role-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input[type=range]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.range{display:grid;grid-template-areas:"input input" "text dim";text-align:left}.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))}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}.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))}.status-indicator{aspect-ratio:1/1}.status-indicator.small{height:12px}.status-indicator .indicator{fill-rule:evenodd;transition:fill .1s,d .1s,opacity .15s}.status-indicator[data-status=Online] .indicator{fill:oklch(var(--color-status-online))}.status-indicator[data-status=Offline] .indicator{fill:oklch(var(--color-sep-800))}.status-indicator[data-status=Away] .indicator{fill:oklch(var(--color-yellow))}.status-indicator[data-status=Busy] .indicator{fill:oklch(var(--color-red))}.status-indicator[data-status=Available] .indicator{fill:oklch(var(--color-blue))}.status-indicator .typing-pill,.status-indicator .cutout{transition:x .2s ease,width .2s ease,opacity .15s}.status-indicator .typing-pill{fill:oklch(var(--color-fg1))}.status-indicator .typing-dots{transition:opacity .15s}.status-indicator .typing-dots>.dot{r:4px;fill:#fff;transform-box:fill-box;transform-origin:center;animation:typing 1s infinite ease-in-out}@keyframes typing{0%,60%,to{scale:1;opacity:.5}30%{scale:1.2;opacity:1}}svg.avatar{margin:calc(-1 * var(--pad))}body.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.resizable-sidebar{position:relative;display:flex;width:var(--width);overflow:hidden}.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:nav-tray;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-sidebar,.pinned-messages-list{overflow-y:auto;height:100%;width:100%;background-color:oklch(var(--color-bg1-5))}.search-results,.pinned-messages-list{padding:4px 0;display:flex;flex-direction:column}.search-results>header,.pinned-messages-list>header{padding:4px 8px;display:flex;align-items:center;gap:4px;background:oklch(var(--color-bg1));border-bottom:solid oklch(var(--color-bg2)) 1px}.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}.search-results>header>.dropdown-container{width:8em}.pinned-messages-list>ul>li{cursor:grab;-webkit-user-select:none;user-select:none}.pinned-messages-list>ul>li.dragging{opacity:.5}.inbox>table{min-width:500px}#root>header{grid-area:header;background:oklch(var(--color-bg2));border-bottom:solid oklch(var(--color-sep-300)) 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}.user-tray{border-top:solid oklch(var(--color-bg3)) 1px;grid-area:tray;-webkit-user-select:none;user-select:none}.user-tray>.row{display:flex;align-items:center}.user-tray>.user-row{padding:8px;background:oklch(var(--color-bg1))}.user-tray>.user-row>.current-user{display:flex;align-items:center;flex:1;padding:2px 4px;height:36px;line-height:1.2;cursor:pointer;border-radius:4px;overflow:hidden}.user-tray>.user-row>.current-user .info{overflow:hidden}.user-tray>.user-row>.current-user .user-activity{font-size:.8rem;color:oklch(var(--color-fg5));overflow:hidden;text-overflow:ellipsis;white-space:pre}.user-tray>.user-row>.current-user .avatar{height:32px;width:32px;min-height:32px;min-width:32px;margin:0 8px 0 0}.user-tray>.user-row>.current-user .avatar.logged-out{background:oklch(var(--color-bg3));border-radius:4px}.user-tray>.user-row>.current-user:hover,.user-tray>.user-row>.current-user:focus-visible{background:#fff2}.user-tray>.user-row>.user-toolbar{display:flex}.user-tray>.voice-row{padding:8px;border-bottom:solid oklch(var(--color-sep-300)) 1px;background:oklch(var(--color-bg2))}.user-tray>.voice-row>.voice-info{flex:1;line-height:1.2}.user-tray>.voice-row>.voice-info>.voice-location{font-size:.8em}.user-tray>.voice-row>.voice-toolbar{display:flex}.user-tray>.voice-row .voice-status{cursor:pointer}.user-tray>.voice-row .voice-status:focus-visible,.user-tray>.voice-row .voice-status:hover{text-decoration:underline;text-decoration-color:oklch(var(--color-fg6))}.user-tray>.voice-row .voice-status:active{translate:0 1px}.user-tray>.voice-row .voice-status>.status{font-weight:700}.user-tray>.voice-row .voice-status>.status.disconnected{color:oklch(var(--color-fg5))}.user-tray>.voice-row .voice-status>.status.connected{color:oklch(var(--color-green))}.user-tray>.voice-row .voice-status>.status.failed{color:oklch(var(--color-red))}.user-tray>.screenshare-row{padding:2px 8px;background:oklch(var(--color-bg1-5))}.user-tray>.screenshare-row>.screenshare-info{flex:1}.user-tray .button.icon-button{border-radius:4px}.user-tray .button.icon-button:hover,.user-tray .button.icon-button:focus-visible{background:#fff2}.user-tray .button.icon-button>.toggle-icon,.user-tray .button.icon-button>.icon2{height:20px;width:20px}.user-tray>.connection-state{border-bottom:solid oklch(var(--color-bg3)) 1px;padding:8px}.toggle-icon>.icon-wrap>.icon-background{fill:oklch(var(--color-fg4))}.toggle-icon>.line{stroke-linecap:round;stroke-width:8px}.toggle-icon[aria-checked=false]>.icon-wrap{mask:url(#strike)}.toggle-icon[aria-checked=false]>.line{stroke:oklch(var(--color-red))}.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 oklch(var(--color-sep-400)) 1px;background:oklch(var(--color-bg1-5));border-radius:4px;padding:2px 4px;display:flex;align-items:center;gap:6px;max-width:3em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.reactions .reaction:hover{background:oklch(var(--color-bg3))}.reactions .reaction.self{border:solid oklch(var(--color-link-500)) 1px;background:oklch(var(--color-link-300)/.35)}.reactions .key{display:contents}.reactions>.add-reaction{display:grid;place-items:center;height:auto;width:24px}.reactions>.add-reaction.prompt{display:flex;cursor:pointer;border:solid oklch(var(--color-sep-400)) 1px;background:oklch(var(--color-bg2));color:oklch(var(--color-fg4));border-radius:4px;padding:2px 4px;gap:4px;width:auto}.reactions>.add-reaction.prompt:hover{background:oklch(var(--color-bg3))}.reactions .count{position:relative;overflow:hidden;height:1.2em}.reactions .count>.old{position:absolute;top:0;left:0}.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;z-index:1}.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}.authenticate{display:flex;max-width:512px;border:solid oklch(var(--color-sep-300)) 1px;background-color:oklch(var(--color-bg1-5));animation:slide-down ease-out .15s forwards}.authenticate>.section-email-password{flex:1;padding:8px;overflow-y:auto}.authenticate>.section-email-password>.form{display:flex;flex-direction:column;gap:8px}.authenticate>.section-email-password .input{background-color:oklch(var(--color-bg1));width:100%}.authenticate>.section-email-password .button.submit{align-self:end;padding:4px}.authenticate>.section-email-password label{display:flex;flex-direction:column}.authenticate>.section-oauth{flex:1;padding:8px;display:flex;flex-direction:column;overflow-y:auto;gap:4px;background:oklch(var(--color-bg1))}.authenticate>.section-oauth>.button{width:100%;padding:4px}.authenticate>.section-oauth>.button.oauth{background:oklch(var(--color-bg2));border-color:oklch(var(--color-sep-300))}.authenticate>.section-oauth>.button.oauth:hover,.authenticate>.section-oauth>.button.oauth:focus-visible{background:oklch(var(--color-bg2-5))}.authenticate .error{align-self:start;transform-origin:center;animation:scale-in cubic-bezier(.14,.98,.43,1.55) .2s forwards;color:oklch(var(--color-red))}#overlay .authenticate{width:max-content;--shadow-size: 8px;--offset: 4px;margin-bottom:calc(var(--shadow-size) - var(--offset));box-shadow:var(--shadow-size) var(--shadow-size) oklch(var(--color-bg1)),var(--shadow-size) calc(var(--shadow-size) * -1) oklch(var(--color-bg1)),calc(var(--shadow-size) * -1) var(--shadow-size) oklch(var(--color-bg1)),calc(var(--shadow-size) * -1) calc(var(--shadow-size) * -1) oklch(var(--color-bg1))}.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}.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;gap:8px}.oauth-authorize button{flex:1;text-align:center;max-width:120px}.oauth-authorize .description{max-width:60ch;margin-block:8px;border:solid oklch(var(--color-sep)) 1px;padding:8px;border-radius:4px}.oauth-authorize .contents{white-space:pre-wrap;max-width:30ch}.oauth-authorize .info{background:oklch(var(--color-bg1));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.big{padding:.3rem .5rem}.savebar-sizer{height:64px}.savebar{position:fixed;bottom:0;padding-bottom:8px;background-image:linear-gradient(to top,oklch(var(--color-bg2)) 25%,transparent);opacity:0;pointer-events:none;translate:0 12px;transition:opacity .2s cubic-bezier(.14,.98,.43,1.55),translate .2s cubic-bezier(.14,.98,.43,1.55)}.savebar.show{opacity:1;pointer-events:auto;translate:0 0}.savebar.saving .button.save:after{content:"";animation:dots infinite .8s}.savebar.disabled>.inner .button.save{background-color:oklch(from oklch(var(--color-green)) calc(l - .08) c h)}.savebar>.inner{background:oklch(var(--color-bg1));border:solid oklch(var(--color-sep-300)) 1px;padding:8px;display:flex;align-items:center;gap:8px;border-radius:4px}.savebar>.inner .warning{flex:1}.savebar>.inner .button{padding:4px 8px;border-radius:4px}.savebar>.inner .button.save{background:oklch(var(--color-green));color:oklch(var(--color-bg1));width:80px;text-align:center}.option{display:flex;align-items:center;gap:4px;padding:4px;cursor:pointer}.option:hover,.option:focus-within{background:oklch(var(--color-bg1-5))}.invites .invites-invite{display:flex;align-items:center;border-radius:4px;padding:4px 2px}.invites .invites-invite:hover{background:oklch(var(--color-bg3))}.invites .invites-invite .code{width:8rem}.invites .invites-invite .code code{background:none}.invites .invites-invite .creator{display:flex;align-items:center;gap:8px;width:12rem;overflow:hidden}.invites .invites-invite .creator .info{flex:1}.invites .invites-invite .creator .name{overflow:hidden;text-overflow:ellipsis;white-space:pre}.invites .invites-invite .creator time{overflow:hidden;text-overflow:ellipsis;white-space:pre}.invites .invites-invite .creator .avatar{height:36px;width:36px}.invites .invites-invite .uses{width:4rem}.invites .invites-invite .expires{width:6rem}.invites .invites-invite .dim{font-size:1rem}.invites .invites-invite .mono{font-family:var(--font-mono)}.invites .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))}.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 .icon2{width:16px;height:16px;background:oklch(var(--color-fg3))}.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-wrapper{display:grid;place-items:center;grid-area:main}.invite{display:grid;min-width:320px;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px}.invite>.header{display:flex;padding:8px;gap:8px;line-height:1}.invite>.header>.info{display:flex;flex-direction:column;justify-content:space-between;gap:8px}.invite>.menu{display:flex;justify-content:end;gap:4px;padding:8px;background:oklch(var(--color-bg1))}.invite>.menu .button{padding:2px 8px;border-radius:4px}.invite>.menu .button.link:hover{color:oklch(var(--color-link-500))}.invite .warning{background:oklch(var(--color-yellow)/.2);border:solid oklch(var(--color-yellow)) 1px;padding:8px;border-radius:4px}button.link{border:none;background:none;padding:0;color:oklch(var(--color-link-500));cursor:pointer}button.link.link-dim{color:oklch(var(--color-fg4))}button.link:hover,button.link:focus-visible{text-decoration:underline;background:none}button.link[disabled]{text-decoration:none;background:none}.permission-search-input{padding:4px 8px;margin-bottom:.5rem;margin-top:.5rem}.edit-info{display:flex;margin-top: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;border-radius:4px;border:solid oklch(var(--color-sep-300)) 1px}#root>header{height:48px}.media-page-wrapper{grid-area:main;overflow-y:auto;display:grid;place-items:center}.media-page{padding-bottom:80px}.media-page-details{width:100%;height:100%;flex:1;min-height:0;background-color:oklch(var(--color-bg1-5));overflow-y:auto;overflow-x:hidden}.media-page-details>.field{margin:8px}.media-page-details>.field .user{cursor:pointer}.media-page-details>.field .user:hover{text-decoration:underline}.media-page-details>.field .avatar{display:inline-block;height:1em;width:1em;margin:0 4px 0 0;vertical-align:center}.media-page-details>.field .missing{color:oklch(var(--color-fg6));font-style:italic}.media-page-details>.field .dim-1em{color:oklch(var(--color-fg6))}.user-profile-page-wrapper{grid-area:main;overflow-y:auto}.user-profile-page{display:grid;grid-template-areas:"banner banner" "header actions" "content aside";grid-template-rows:auto auto 1fr;grid-template-columns:auto auto;padding-bottom:80px}.user-profile-page>.banner{grid-area:banner;max-height:min(30vh,320px);min-height:96px;width:100%;aspect-ratio:10/3;background-color:oklch(var(--color-bg1-5));background-size:cover;background-position:center}.user-profile-page>.header{grid-area:header;display:flex;padding:0 16px;margin-top:-48px;overflow:hidden}.user-profile-page>.header>.avatar-wrap{background-color:oklch(var(--color-bg2));border-radius:8px;padding:12px}.user-profile-page>.header>.avatar-wrap>.avatar{height:80px;width:80px}.user-profile-page>.header>.name-area{flex:1;z-index:1;display:flex;flex-direction:column;overflow:hidden}.user-profile-page>.header>.name-area>.status-message{margin:4px 8px 0;padding:8px;background-color:oklch(var(--color-bg3));border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:pre}.user-profile-page>.header>.name-area>.name{display:inline-block;font-size:1.5rem;font-weight:700;background-color:oklch(var(--color-bg2));border-top-right-radius:4px;padding:4px 4px 4px 8px;overflow:hidden;text-overflow:ellipsis;white-space:pre}.user-profile-page>.actions{display:flex;width:min-content;margin-top:-16px;border-radius:8px;background-color:oklch(var(--color-bg2));padding:8px 16px;gap:8px}.user-profile-page>.actions>.button{background-color:#aaa1;border-radius:50%}.user-profile-page>.actions>.button:hover,.user-profile-page>.actions>.button:focus-visible{background-color:#aaa4}.user-profile-page>.content{grid-area:content;padding:0 12px 0 24px}.user-profile-page>.content>.description,.user-profile-page>.content>.note{background-color:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;margin-bottom:12px;margin-top:4px;border-radius:4px}.user-profile-page>.content>.description>.empty,.user-profile-page>.content>.note>.empty{font-style:italic}.user-profile-page>.content>.description{padding:8px;min-height:80px}.user-profile-page>.content>.note{position:relative}.user-profile-page>.content>.note:focus-within{border:solid 1px oklch(var(--color-link-500))}.user-profile-page>.content>.note>h3{position:absolute;top:-8px}.user-profile-page>.content>.note>.editor{border:none;background-color:transparent}.user-profile-page>.content>.note>.editor>.ProseMirror{min-height:80px}.user-profile-page>.aside{grid-area:aside;padding:0 24px 0 12px}.user-profile-page>.aside>.mutual-rooms>.mutual-room>.mutual-room-link{display:flex;align-items:center;gap:10px;border-radius:4px;height:32px;line-height:1}.user-profile-page>.aside>.mutual-rooms>.mutual-room>.mutual-room-link>.avatar{height:32px;width:32px;margin:-2px}.user-profile-page>.aside>.mutual-rooms>.mutual-room>.mutual-room-link>.info{display:flex;flex-direction:column;color:oklch(var(--color-fg3))}.user-profile-page>.aside>.mutual-rooms>.mutual-room>.mutual-room-link>.info>.nickname{font-size:.8rem;color:oklch(var(--color-fg4))}.user-profile-page>.aside>.mutual-rooms>.mutual-room>.mutual-room-link>.info>.nickname>.as{color:oklch(var(--color-fg6))}.user-profile-page>.aside>.mutual-rooms>.mutual-room>.mutual-room-link:hover{text-decoration:none;background-color:#fff1}.user-profile-page>.aside>.mutual-rooms>.mutual-room>.mutual-room-link:hover>.info{color:oklch(var(--color-fg1))}.user-profile-page>.aside>.mutual-rooms>.mutual-room>.mutual-room-link:hover>.info>.nickname{color:oklch(var(--color-fg2))}.emoji-button{position:relative;height:32px;width:32px}.emoji-button>.emoji-button-inner{display:flex;justify-content:center;align-items:center;height:100%;width:100%;cursor:pointer}.emoji-button>.emoji-button-inner>.emoji-button-icon{display:contents}.emoji-button>.emoji-button-inner>.emoji-button-icon>.emoji{height:18px;width:18px;scale:1;filter:grayscale(1);transition:scale .2s cubic-bezier(.14,.98,.63,1.58),filter .2s cubic-bezier(.14,.98,.63,1.58)}.emoji-button>.emoji-button-inner:hover>.emoji-button-icon>.emoji,.emoji-button>.emoji-button-inner:focus-visible>.emoji-button-icon>.emoji,.emoji-button>.emoji-button-inner.shown>.emoji-button-icon>.emoji{filter:grayscale(0);scale:1.2}.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:180px;max-width:360px}.autocomplete>header{font-size:.8em;color:oklch(var(--color-fg6));background:oklch(var(--color-bg1));padding:6px 6px 2px;margin-bottom:6px}.autocomplete>.item{padding:4px 2px;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:2px;margin:-2px 4px 0}.autocomplete>.item:hover,.autocomplete>.item.hovered{background:#fff2}.autocomplete>.item>.icon{filter:invert(.6)}.autocomplete .mention-user{display:flex;align-items:center;gap:8px}.autocomplete .mention-user .avatar{width:20px;height:20px}.radio{height:24px;width:24px;min-height:24px;min-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;width:100%}.permission-overwrites .permissions-layout .overwrite{padding:8px;border-radius:4px;cursor:pointer}.permission-overwrites .permissions-layout .overwrite.editing{font-weight:700;background:#fff2}.permission-overwrites .permissions-layout .overwrite:hover{background:#fff1}.permission-overwrites .permissions-layout .overwrite+.overwrite{border-top:solid oklch(var(--color-sep-300)) 1px}.modal.modal-new-channel .content{overflow-y:hidden}.modal.modal-new-channel .content>.inner{display:flex;flex-direction:column;border:solid 1px transparent;height:100%}.modal.modal-new-channel .content>.base{border:solid 1px oklch(var(--color-sep-300))}.modal.modal-new-channel .main{overflow-y:scroll;flex:1;padding:16px 16px 64px}.modal.modal-new-channel .bottom{position:absolute;bottom:0;left:0;width:100%;margin:0}.modal.modal-new-channel .channel-type-options{display:flex;flex-direction:column;gap:4px}.modal.modal-new-channel .channel-type-options .channel-type-option{width:100%;border-radius:4px;display:flex;gap:4px;border:none;background:none}.modal.modal-new-channel .channel-type-options .channel-type-option>.icon2{margin-top:2px}.modal.modal-new-channel .channel-type-options .channel-type-option:hover,.modal.modal-new-channel .channel-type-options .channel-type-option:focus-visible{background:oklch(var(--color-bg3))}.modal.modal-new-channel .header{display:flex;align-items:center;gap:4px}.modal.modal-new-channel .unnamed{color:oklch(var(--color-fg6))}.modal.modal-new-channel .icon2 .inner{fill:oklch(var(--color-fg4))}.channel-menu-tags>.search{margin:2px 8px 8px;background:oklch(var(--color-bg1))}.slider{width:200px;height:6px;border-radius:3px}.slider-field .slider-row{display:flex;align-items:center;gap:8px}.slider-field .slider-row .slider-track{position:relative;flex:1}.slider-field .slider-row .slider-track input[type=range]{display:block;width:100%}.slider-field .slider-row .value{min-width:80px;text-align:right}.slider-field .slider-marks{position:relative;height:1em;font-size:.8em;color:oklch(var(--color-fg5))}.slider-field .slider-marks .mark{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.slider-field .slider-marks .mark.start{transform:translate(0)}.slider-field .slider-marks .mark.end{transform:translate(-100%)}.friends>header{background-color:oklch(var(--color-bg1-5));border-bottom:solid 1px oklch(var(--color-sep-300));padding:.5rem}.friends>main{padding:8px}.friends .friends-filters{display:flex;gap:4px;margin-top:4px;margin-bottom:4px;padding:0 4px}.friends .friends-filters>.search{flex:1}.friends .friends-filters>.button.primary{border-radius:2px}.friends>main>ul>li+li{border-top:solid oklch(var(--color-sep-300)) 1px}.friends .friend{display:flex;gap:8px;align-items:center;background:none;border:none;width:100%;text-align:left;padding:8px 4px;cursor:pointer;border-radius:4px}.friends .friend .avatar{padding:8px;height:32px;width:32px}.friends .friend:hover{background:#fff2}.friends .friend>menu{margin-right:4px;display:flex;gap:4px}.friends .friend>menu>button{display:flex;align-items:center;justify-content:center;background:oklch(var(--color-bg2));height:32px;width:32px;--icon-color: oklch(var(--color-fg4))}.friends .friend>menu>button>.icon2{height:18px;width:18px}.friends .friend>menu>button:hover{background:#fff2}.friends .friend>menu>button.accept:hover{--icon-color: oklch(var(--color-green))}.friends .friend>menu>button.reject:hover{--icon-color: oklch(var(--color-red))}.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}.tag-edit-form #tagDescription{border:solid oklch(var(--color-sep-300)) 1px;background:oklch(var(--color-bg1-5));padding:2px 4px;border-radius:2px}.tag-edit-form #tagDescription:focus{border:solid oklch(var(--color-link-500)) 1px}.channel-tags-header{display:flex;gap:8px;margin-bottom:16px}.channel-tags-header .search{flex:1}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;align-items:center;border:none;border-radius:2px;background:none}.reactions-modal .reactions button:hover,.reactions-modal .reactions button[data-selected=true]{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}.filters{display:flex;border:solid oklch(var(--color-sep-400)) 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))}.threads-popout{display:grid;width:360px;height:360px}.threads-popout>.background{position:absolute;width:100%;height:100%;background:oklch(var(--color-bg1-5));border:solid oklch(var(--color-sep-300)) 1px;box-shadow:0 2px 8px oklch(var(--color-bg1));animation:popup-base .15s cubic-bezier(.42,1.31,.52,1.09) forwards}.threads-popout>.content{display:flex;flex-direction:column;overflow:hidden;z-index:1}.threads-popout>.content>.header{display:flex;gap:8px;padding:8px 8px 0}.threads-popout>.content>.header>input[type=search]{flex:1;min-width:0;background-color:oklch(var(--color-bg1))}.threads-popout>.content>.thread-list{flex:1;overflow-y:auto;padding:0 8px 8px}.threads-popout>.content .thread-item{display:flex;align-items:center;border:solid oklch(var(--color-sep-300)) 1px;background:oklch(var(--color-bg2));padding:8px;cursor:pointer;margin-top:8px;gap:8px}.threads-popout>.content .thread-item:hover{background:oklch(var(--color-bg3))}.threads-popout>.content .thread-item.skeleton{pointer-events:none;border:solid oklch(var(--color-bg1)) 1px}.threads-popout>.content h3.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:2px;left:2px;height:calc(100% - 4px);width:calc(100% - 4px);border-radius:2px;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));border:solid oklch(var(--color-sep-300)) 1px;border-radius:4px}input[type=search].tags-search:focus{border:solid oklch(var(--color-link-500)) 1px}.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}.emoji{display:inline-block;vertical-align:middle}.emoji.large{height:4em;width:4em}img.emoji,img.custom-emoji{height:1em;width:1em;margin:0 .05em 0 .1em}.modal-emoji-upload .main{display:flex;gap:8px;margin-top:8px}.modal-emoji-upload .emoji{height:64px;width:64px}.emoji-sprite{background-repeat:no-repeat}.search{display:flex;align-items:center;position:relative;background-color:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep-300));padding:2px 4px}.search>.icon,.search>.icon2{position:absolute;left:6px;pointer-events:none;--icon-color: oklch(var(--color-fg5))}.search>input{border:none;background:none;padding-left:24px;flex:1}.search>input:focus{border:none}.search:focus-within{border:solid 1px oklch(var(--color-link-500))}.search:focus-within>.icon2{--icon-color: oklch(var(--color-fg2))}.avatar2{display:block;object-fit:contain;height:64px;width:64px;aspect-ratio:1/1}.avatar2 .backdrop{fill:oklch(var(--color-bg3))}.avatar2 .status{fill-rule:evenodd;transition:fill .1s,d .1s}.avatar2[data-status=Online] .status{fill:oklch(var(--color-status-online))}.avatar2[data-status=Offline] .status{fill:oklch(var(--color-sep-800))}.avatar2[data-status=Away] .status{fill:oklch(var(--color-yellow))}.avatar2[data-status=Busy] .status{fill:oklch(var(--color-red))}.avatar2[data-status=Available] .status{fill:oklch(var(--color-blue))}button.round{border-radius:50%;height:24px;width:24px}.name-automatic{color:oklch(var(--color-fg6));font-style:italic}.chat-header{display:flex;justify-content:space-between;align-items:center}.chat-header>.channel-icon{height:16px;width:16px;margin-right:8px}.chat-header>.channel-icon>.avatar{height:32px;width:32px}.chat-header>.name{padding:2px 4px;border:solid 1px oklch(var(--color-bg2));border-radius:2px;transition:all .2s}.chat-header>.name>.name-text{font-size:1em}.chat-header>.name>.name-text.local{color:oklch(var(--color-fg6))}.chat-header>.name.editable{cursor:text}.chat-header>.name.editable:hover,.chat-header>.name.editable:focus{color:oklch(var(--color-fg1));background-color:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-sep))}.chat-header>.name.editing:focus-within{background-color:oklch(var(--color-bg1-5));border:solid 1px oklch(var(--color-link-500))}.chat-header>.name>.name-input{field-sizing:content;min-width:128px;background:none;border:none;padding:0}.chat-header>.topic{display:block;flex:1 1 0%;margin-right:8px;cursor:pointer;color:oklch(var(--color-fg4));overflow:hidden}.chat-header>.topic:hover{color:oklch(var(--color-fg1))}.chat-header>.topic>.markdown>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header>.topic~.spacer{flex:0 1 auto}.chat-header>.spacer{flex:1}.chat-header>.menu{display:flex}.chat-header.selecting{background-color:oklch(var(--color-bg4))}.channel-icon{height:1em;width:1em}.channel-icon .inner{fill:var(--icon-color, oklch(var(--color-fg6)))}.modal-invite-create .header{font-size:1rem}.modal-invite-create .header>.target{display:flex;align-items:center;margin-bottom:16px;color:oklch(var(--color-fg6))}.modal-invite-create .header>.target>.avatar{height:24px;width:24px;margin:0}.modal-invite-create .header>.target>.final{color:oklch(var(--color-fg1))}.modal-invite-create .header>.target>.divider{background-color:oklch(var(--color-fg6));margin:0 4px;scale:.8}.modal-invite-create .header>.target>.channel-icon{margin-right:2px}.modal-invite-create .invite-option{margin-top:8px}.modal-invite-create .invite-option>.label{margin:0 2px}.modal-invite-create .dropdown-container,.modal-invite-create .multi-dropdown{width:100%}.modal-invite-create .chip .button{border:0}.copyable2{display:inline-block;margin:-2px -4px;padding:2px 4px;border-radius:2px;cursor:pointer}.copyable2:hover{background:oklch(var(--color-fg6)/.2)}.copyable2-tip{display:flex;align-items:center;gap:4px}.copyable2-tip>.icon2{background-color:oklch(var(--color-fg4))}.copyable2-tip.copied{color:oklch(var(--color-green))}.copyable2-tip.copied>.icon2{background-color:oklch(var(--color-green))}.skeleton .ghost{background:linear-gradient(90deg,oklch(var(--color-bg4)),oklch(var(--color-bg4)/.75),oklch(var(--color-bg4)/.85));background-size:200% 100%;border-radius:4px}.skeleton .ghost.text{display:inline-block;height:1em;margin-right:4px}.skeleton .content{gap:6px}.animated-text{display:inline-flex}.animated-text>.character{white-space:pre}.animated-text[data-animation=float]>.character{animation:animated-text-float 2s ease-in-out infinite alternate;animation-delay:calc(-.1s * var(--index))}.animated-text[data-animation=wave]>.character{animation:animated-text-wave 8s cubic-bezier(.74,-.01,.35,1.03) infinite;animation-delay:calc(-.4s * var(--index))}@keyframes animated-text-float{0%,to{translate:0 -2px}50%{translate:0 2px}}@keyframes animated-text-wave{90%,to{translate:0 0}95%{translate:0 -2px}}.pane-container{display:flex;flex-direction:column;min-width:0;min-height:0}.pane-container .pane-resize-handle{position:relative;z-index:10;transition:background-color .2s}.pane-container .pane-resize-handle.horizontal{width:4px;margin:0 -2px;cursor:col-resize;border-right:solid oklch(var(--color-sep-300)) 1px}.pane-container .pane-resize-handle.vertical{height:4px;margin:-2px 0;cursor:row-resize;border-top:solid oklch(var(--color-sep-300)) 1px}.pane-container .pane-resize-handle:hover,.pane-container .pane-resize-handle:active{background-color:oklch(var(--color-link-500))}.pane-container .pane-item{display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;flex:1}.pane-container .pane-item.sized{flex:0 0 var(--size)}.pane-container .pane-item[data-pane-type=split_horizontal]{flex-direction:row}.pane-container .pane-item[data-pane-type=split_horizontal]>.pane-item+.pane-item{border-left:1px solid oklch(var(--color-sep))}.pane-container .pane-item[data-pane-type=split_vertical]{flex-direction:column}.pane-container .pane-item[data-pane-type=split_vertical]>.pane-item+.pane-item{border-top:1px solid oklch(var(--color-sep))}.pane-container .pane-item>.pane-header{display:flex;align-items:center;padding:4px 8px;background-color:oklch(var(--color-bg1-5));border-bottom:1px solid oklch(var(--color-sep-300));height:32px;gap:4px}.pane-container .pane-item>.pane-header>.dropdown-container{border:1px solid transparent;border-radius:4px;cursor:pointer}.pane-container .pane-item>.pane-header>.dropdown-container>.dropdown{border:0;background:none;field-sizing:content;padding:2px 4px}.pane-container .pane-item>.pane-header>.dropdown-container>.dropdown-chevron-wrapper{position:static;visibility:hidden}.pane-container .pane-item>.pane-header>.dropdown-container:hover,.pane-container .pane-item>.pane-header>.dropdown-container:focus-within{background:#fff1}.pane-container .pane-item>.pane-header>.dropdown-container:hover>.dropdown-chevron-wrapper,.pane-container .pane-item>.pane-header>.dropdown-container:focus-within>.dropdown-chevron-wrapper{visibility:visible}.pane-container .pane-item>.pane-header>.dropdown-container:focus-within{border:1px solid oklch(var(--color-sep-400))}.pane-container .pane-item>.pane-header .pane-header-save{border-radius:3px;font-size:.75rem}.pane-container .pane-item>.pane-header button.close{color:oklch(var(--color-fg5));cursor:pointer;padding:0 4px;font-size:1.2rem;line-height:1}.pane-container .pane-item>.pane-header button.close:hover{color:oklch(var(--color-fg1))}.pane-container .pane-item>.pane-content{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden}.custom-emoji{cursor:pointer}.custom-emoji-info{display:flex;gap:8px;align-items:center;background:oklch(var(--color-bg1));padding:8px;border-radius:4px;border:solid oklch(var(--color-sep-300)) 1px;box-shadow:4px 4px 8px #1118}.error-container{display:flex;align-items:center;min-height:72px;padding:8px;border-radius:4px;color:oklch(var(--color-fg2));border:solid oklch(from oklch(var(--color-red)) calc(l - .2) calc(c + 0) h) 1px;background-color:oklch(from oklch(var(--color-red)) calc(l - .2) calc(c + 0) h/.1)}.error-container .error-message{display:flex;gap:4px}.error-container .error-message .error-prefix{color:oklch(var(--color-red));font-weight:700}.error-container .error-message .icon2{background-color:oklch(from oklch(var(--color-red)) calc(l - .2) calc(c + 0) h);height:24px;width:24px}.error-container .error-code{font-size:.8rem;color:oklch(var(--color-fg5))}