@layer reset,tokens,base,ui;@layer surfaces{.ch-app [data-chat-info],.ch-app [data-chat-bars],.ch-room [data-composer]{display:contents}.ch-room{flex:1;height:100%;min-height:0;container:ch-room/inline-size}.ch-room--fit .chat-feed-in{overflow:hidden}.ch-room--fit .cmsg-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ch-room--fit .ch-msg.is-peek{color:var(--c-text-2)}.ch-room--fit .ch-msg.is-peek>:not(.ch-msg-body),.ch-room--fit .ch-msg.is-peek .cmsg-who>:not(.ch-name),.ch-room--fit .ch-msg.is-peek .ch-msg-body>:not(.cmsg-who,.cmsg-text){display:none}.ch-room--fit .ch-msg.is-peek .ch-msg-body{align-items:baseline;gap:6px;display:flex}.ch-room--fit .ch-msg.is-peek .cmsg-who{flex:0 auto;max-width:45%}.ch-room--fit .ch-msg.is-peek .cmsg-who[data-day]{max-width:60%}.ch-room--fit .ch-msg.is-peek .cmsg-who[data-day]:before{content:attr(data-day);font:var(--fw-ui) var(--fs-meta) / var(--lh-meta) var(--font);flex:none}.ch-room--fit .ch-msg.is-peek .cmsg-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:inherit;flex:1;display:block;overflow:hidden}.ch-room--scroll .chat-feed-in{scrollbar-width:thin;justify-content:flex-start;overflow-y:auto}.ch-app .ch-room--scroll .chat-feed-in{overscroll-behavior:contain}.ch-room--scroll .chat-feed-in>:first-child{margin-top:auto}.ch-room--empty .chat-feed{flex-direction:column;justify-content:flex-end;min-height:0;display:flex}.ch-room--empty .chat-feed-in{position:static}.ch-day{font:var(--fw-ui) var(--fs-meta) / var(--lh-meta) var(--font);color:var(--c-text-2);flex:none;padding-inline-start:calc(var(--av) + 10px)}.ch-older{flex:none;align-self:center}.ch-down{bottom:var(--s-3);z-index:1;background:var(--c-overlay);box-shadow:var(--shadow-pop);position:absolute;inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .ch-down{transform:translate(50%)}.ch-skel{gap:var(--s-3);flex:none;display:grid}.ch-skel-body{align-content:start;gap:var(--s-2);padding-top:3px;display:grid}.ch-skel>.cmsg{min-height:40px}.ch-skel>.ch-skel-two{min-height:58px}.ch-skel-text2{width:48%}.ch-skel-day{width:64px;margin-block:3px;margin-inline-start:calc(var(--av) + 10px)}.ch-skel-who{width:30%}.ch-skel-text{width:72%}.ch-empty{padding:var(--s-1) 0 0;flex:none}.ch-fail{flex:none;align-items:center}.ch-msg{position:relative}.ch-av{border-radius:var(--r-full);align-self:start;margin-top:2px}.ch-av .avatar{margin-top:0}.ch-msg-body{grid-column:2;min-width:0}.ch-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}a.ch-name:hover{color:var(--c-accent)}.cmsg-who .badge{align-self:center}.ch-ref{min-width:0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--c-text-2);align-items:center;gap:4px;margin-top:2px;display:flex}.ch-ref-name:hover{color:var(--c-text)}.ch-fold{-webkit-line-clamp:8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ch-deleted{color:var(--c-text-2)}.ch-more{font:var(--fw-ui) var(--fs-meta) / var(--lh-meta) var(--font);margin-top:2px;display:inline-block}.ch-mention{color:var(--c-accent);font-weight:var(--fw-ui)}.ch-mention:hover{color:var(--c-accent-hover)}.ch-mention.is-me{border-radius:var(--r-mark);background:var(--c-accent-tint);padding:0 2px}.ch-gg{border-radius:var(--r-tag);height:20px;color:var(--c-text-2);font:var(--fw-title) var(--fs-meta) / var(--lh-meta) var(--font);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:none;align-self:center;align-items:center;gap:4px;margin-inline-start:auto;padding:0 7px;display:inline-flex;position:relative}.ch-gg:not(.is-zero){background:var(--c-surface-2)}.ch-gg .num{color:var(--c-text)}.ch-gg:not(.is-mine):hover{background:var(--c-surface-hover);color:var(--c-text)}.ch-gg.is-on,.ch-gg.is-on .num,.ch-gg.is-on:hover{background:var(--c-accent-tint);color:var(--c-accent)}.ch-gg.is-mine{cursor:default}@media (pointer:coarse){.ch-gg:after{content:"";position:absolute;inset:-10px -4px}}.ch-ggtip{z-index:var(--z-toast);border-radius:var(--r-ctl);background:var(--c-overlay);max-width:min(320px,100vw - 24px);box-shadow:var(--shadow-pop);color:var(--c-text);font:var(--fw-ui) var(--fs-meta) / var(--lh-meta) var(--font);pointer-events:none;padding:6px 10px;position:fixed;transform:translateY(-100%)}.ch-ggtip.is-below{transform:none}.ch-gate{width:min(100%,380px)}.ch-gate .sheet-head{margin-bottom:var(--s-5)}.ch-gate-acts{gap:var(--s-2);display:flex}.ch-gate-acts .btn{flex:1}.ch-share{align-items:center;gap:var(--s-3);width:min(100%,400px);padding:var(--s-2) var(--s-3) var(--s-2) var(--s-2);border-radius:var(--r-ctl);background:var(--c-surface-2);margin-top:6px;display:flex}a.ch-share:hover{background:var(--c-surface-hover)}.ch-share-art{border-radius:var(--r-tag);background:var(--c-surface);flex:none;place-items:center;width:76px;height:56px;display:grid;overflow:hidden}.ch-share-art img{object-fit:contain;width:100%;height:100%}.ch-share-art.is-game img{object-fit:cover}.ch-share-body{flex:1;gap:2px;min-width:0;display:grid}.ch-share-kind,.ch-share-meta{color:var(--c-text-2);font:var(--fw-text) var(--fs-meta) / var(--lh-meta) var(--font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ch-share-value{font:var(--fw-title) var(--fs-title) / var(--lh-title) var(--font);font-variant-numeric:tabular-nums}.ch-share-bars{gap:2px;height:4px;margin-top:4px;display:flex}.ch-share-bars>span{border-radius:var(--r-mark);min-width:3px}.ch-share-open{color:var(--c-accent);font:var(--fw-ui) var(--fs-ui) / var(--lh-ui) var(--font);flex:none;align-self:end;align-items:center;gap:2px;display:inline-flex}.ch-share-gone{color:var(--c-text-2);font:var(--fw-text) var(--fs-meta) / var(--lh-meta) var(--font);margin-top:4px}.ch-room--fit .ch-share-art{width:60px;height:44px}.ch-acts{top:-4px;border-radius:var(--r-ctl);background:var(--c-overlay);gap:2px;padding:2px;display:none;position:absolute;inset-inline-end:0}.ch-msg:hover .ch-acts,.ch-msg:focus-within .ch-acts,.ch-msg.is-open .ch-acts{display:flex}@media (hover:none){.ch-msg:hover:not(.is-open) .ch-acts{display:none}}.ch-msg.has-gg .ch-acts{inset-inline-end:64px}.ch-acts .btn--bare:hover{background:var(--c-surface-hover)}.ch-menu{margin-top:var(--s-2);flex-wrap:wrap;gap:4px;display:flex}.ch-report{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.ch-report .field{min-width:180px}.ch-report-err{flex-basis:100%}.ch-cmp{flex:none;gap:6px;min-width:0;display:grid}.ch-cmp-meta{align-items:center;gap:4px var(--s-2);min-width:0;font-size:var(--fs-meta);line-height:var(--lh-meta);flex-wrap:wrap;display:flex}.ch-cmp-err{font-size:var(--fs-meta);line-height:var(--lh-meta)}.ch-reply{min-width:0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--c-text-2);align-items:center;gap:6px;padding-inline-start:12px;display:flex}.ch-reply b{color:var(--c-text);font-weight:var(--fw-ui)}.ch-composer{align-items:flex-end;padding-inline-end:4px}.ch-composer>.btn,.ch-emoji-w{flex:none;margin-block:4px}.ch-composer>.kbd{flex:none;margin-block:8px}.ch-composer{position:relative}.ch-mention-pop{bottom:calc(100% + var(--s-2));gap:2px;width:min(100%,280px);display:grid;inset-inline-start:0}.ch-mention-pop li{align-items:center;gap:var(--s-2);border-radius:var(--r-ctl);cursor:pointer;min-height:36px;font:var(--fw-ui) var(--fs-ui) / var(--lh-ui) var(--font);padding:0 10px 0 6px;display:flex}.ch-mention-pop li.is-hl{background:var(--c-surface-hover)}.ch-mention-pop .dot{width:6px;height:6px}.ch-lock{padding-inline-end:12px}.ch-send:not([disabled]){color:var(--c-accent)}.ch-send:not([disabled]):hover{color:var(--c-accent-hover)}.ch-emoji-w{display:flex;position:relative}.ch-emoji{bottom:calc(100% + var(--s-2));grid-template-columns:repeat(8,32px);gap:2px;min-width:0;display:grid;inset-inline-end:-36px}.ch-emoji button{border-radius:var(--r-tag);width:32px;height:32px;font-size:var(--fs-title);line-height:1}.ch-emoji button:hover{background:var(--c-surface-hover)}.ch-flag{vertical-align:-1px;border-radius:var(--r-mark);object-fit:cover;flex:none;width:16px;height:12px;display:inline-block}.ch-flag-code{border-radius:var(--r-tag);background:var(--c-surface-2);height:16px;color:var(--c-text-2);font:var(--fw-ui) var(--fs-meta) / 1 var(--font);flex:none;place-items:center;padding:0 4px;display:inline-grid}.ch-headbtn{width:var(--h-ctl);height:var(--h-ctl);margin-block:calc((var(--lh-title) - var(--h-ctl)) / 2);margin-inline-end:calc(-1 * var(--s-2))}[dir=rtl] .ch-headbtn .ico{transform:scaleX(-1)}.ch-roomhead>.panel-title{flex:none}.ch-roomhead>.panel-aside{gap:0}.ch-roomhead .online,.ch-head-acts .online,.ch-head-acts>.btn--s{margin-inline-end:var(--s-1)}.ch-roomhead>.panel-aside>.ch-headbtn:not(:last-child),.ch-head-acts>.ch-headbtn:not(:last-child){margin-inline-end:0}.ch-online{border-radius:var(--r-ctl);align-items:center;min-width:0;height:28px;padding:0 8px;display:inline-flex}.ch-online:hover,.ch-mem-anchor .ch-online[aria-expanded=true]{background:var(--c-surface-2)}.ch-online:has(>.online[data-state=quiet]){display:none}.ch-online>.online{min-width:0}.ch-mem-anchor{min-width:0;display:inline-flex;position:relative}.ch-mpop{z-index:calc(var(--z-pop) - 1);width:340px;max-width:calc(100vw - 2 * var(--gutter));border-radius:var(--r-card);background:var(--c-overlay);max-height:min(520px,70dvh);box-shadow:var(--shadow-pop);color:var(--c-text);scrollbar-width:thin;border:0;margin:0;padding:0;position:absolute;inset:calc(100% + 6px) 0 auto auto;overflow:auto}[dir=rtl] .ch-mpop{inset:calc(100% + 6px) auto auto 0}.ch-mpop-in{padding:var(--s-2) var(--s-3) var(--s-3)}.ch-mpop-head{justify-content:space-between;align-items:center;gap:var(--s-2);min-height:var(--h-ctl);margin-bottom:var(--s-1);display:flex}.ch-mpop-title{font:var(--fw-title) var(--fs-body) / var(--lh-body) var(--font)}.ch-mpop-title .t2{font-weight:var(--fw-ui)}.ch-mpop-x{margin-inline-end:calc(-1 * var(--s-2))}.ch-mpop.is-sheet{border-radius:var(--r-card) var(--r-card) 0 0;background:var(--c-surface);width:100%;max-width:none;max-height:80dvh;position:fixed;inset:auto 0 0}.ch-mpop.is-sheet::backdrop{background:var(--c-scrim)}.ch-mpop.is-sheet .ch-mpop-in{padding:var(--s-3) var(--gutter) calc(var(--s-5) + env(safe-area-inset-bottom))}@media (width>=760px){.ch-mpop.is-sheet{width:min(100%,480px);inset:auto auto 0 50%;transform:translate(-50%)}}.ch-mem,.ch-mem-group,.ch-mem-rows{grid-template-columns:minmax(0,1fr)}.ch-mem{gap:var(--s-3);display:grid}.ch-mem-group{gap:2px;display:grid}.ch-mem-h{font:var(--fw-text) var(--fs-meta) / var(--lh-meta) var(--font);color:var(--c-text-2);padding-bottom:2px}.ch-mem-rows{margin-inline:calc(-1 * var(--s-2));gap:2px;display:grid}.ch-mem-row{min-height:44px;padding:4px var(--s-2);border-radius:var(--r-ctl);align-items:center;gap:10px;display:flex}a.ch-mem-row:hover{background:var(--c-surface-hover)}.ch-info a.ch-mem-row:hover{background:var(--c-surface-2)}.ch-mem-av{flex:none;display:grid;position:relative}.ch-mem-av .dot{inset-inline-end:-1px;width:10px;height:10px;box-shadow:0 0 0 2px var(--c-overlay);position:absolute;bottom:-1px}.ch-info .ch-mem-av .dot,.ch-mpop.is-sheet .ch-mem-av .dot{box-shadow:0 0 0 2px var(--c-surface)}.ch-mem-row .lst-main{flex:1}.ch-mem-name{align-items:center;gap:6px;min-width:0;display:flex}.ch-mem-name .lst-name{font-weight:var(--fw-ui)}.ch-mem-aside{font:var(--fw-text) var(--fs-meta) / var(--lh-meta) var(--font);color:var(--c-text-2);font-variant-numeric:tabular-nums;flex:none;justify-items:end;display:grid}.ch-mem-gg{color:var(--c-text);font-weight:var(--fw-ui)}.ch-mem-more{padding:4px var(--s-2) 2px;font:var(--fw-text) var(--fs-meta) / var(--lh-meta) var(--font);color:var(--c-text-2)}.ch-mem-skel .lst-main .skel{width:60%}.ch-mem-skel .avatar{border-radius:var(--r-full)}.ch-mem-fail,.ch-closed{font:var(--fw-text) var(--fs-ui) / var(--lh-ui) var(--font);color:var(--c-text-2)}@media (width>=960px){.split-side .ch-side{height:min(calc(100dvh - var(--h-header) - var(--s-4)), max(50dvh, calc(100dvh - var(--ch-side-top,var(--h-header)) - var(--s-4))))}.split-side .ch-side .ch-room--empty .chat-feed-in{position:absolute}}.chatbox--side.ch-side--closed{height:auto}@media (width>=960px){.split:has(>.split-side .ch-side--closed){flex-direction:column;align-items:stretch;display:flex}.split:has(>.split-side .ch-side--closed)>.split-side{order:-1;position:static}}.ch-spaceroom{flex:auto}.ch-spaceroom--closed{flex:none}.sp-screen--fill:has(.ch-spaceroom--closed){min-height:0}.sp-irl:has(>.sp-chat .ch-spaceroom--nofeed){grid-template-columns:minmax(0,1fr)}.ch-spaceroom-h1{font:var(--fw-title) var(--fs-h1) / var(--lh-h1) var(--font);letter-spacing:-.01em}.ch-app{--ch-list-w:296px;grid-template-columns:var(--ch-list-w) minmax(0, 1fr) 296px;gap:var(--s-3);max-width:calc(1600px + 2 * var(--gutter));height:calc(100dvh - var(--h-header));padding-bottom:var(--gutter);grid-template-areas:"list main info";display:grid}.ch-app.is-info-closed{grid-template-columns:var(--ch-list-w) minmax(0, 1fr);grid-template-areas:"list main"}.ch-app.is-info-closed .ch-info{display:none}.ch-col{min-height:0}.ch-list{scrollbar-width:thin;flex-direction:column;grid-area:list;display:flex;overflow-y:auto}.ch-list-title{margin-bottom:var(--s-3);flex:none}.ch-find{margin-bottom:var(--s-2);flex:none}.ch-find input::-webkit-search-cancel-button{display:none}.ch-rows{margin-inline:calc(-1 * var(--s-2));grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.ch-row{align-items:center;gap:var(--s-3);width:100%;min-width:0;min-height:var(--h-row);padding:0 var(--s-2);border-radius:var(--r-ctl);color:var(--c-text);text-align:start;display:flex}button.ch-row:hover{background:var(--c-surface-2)}.ch-row[aria-current],button.ch-row[aria-current]:hover{background:var(--c-accent-tint)}.ch-row[aria-current] .ch-row-name,.ch-row[aria-current] .lst-name{color:var(--c-accent)}.ch-row-name{min-width:0;font-weight:var(--fw-ui);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.ch-row-name>.ch-flag,.ch-row-name>.ch-flag-code,.panel-title>.ch-flag,.panel-title>.ch-flag-code{vertical-align:-1px;margin-inline-start:6px}.ch-row-sub{min-width:0;max-width:55%;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--c-text-2);white-space:nowrap;text-overflow:ellipsis;flex:0 4 auto;margin-inline-start:auto;overflow:hidden}.ch-row .lst-name{font-weight:var(--fw-ui)}.ch-row--chat{min-height:56px;padding-block:6px}.ch-row--chat>.tile{border-radius:var(--r-art);width:40px;height:40px}.ch-row--chat>.tile .ico{width:20px;height:20px}.ch-row-main{flex:1;gap:2px;min-width:0;display:grid}.ch-row-top,.ch-row-last{align-items:center;gap:6px;min-width:0;display:flex}.ch-row-top>.online{min-width:0;margin-inline-start:auto}.ch-row-top>.online[data-state=quiet]{display:none}.ch-row-mute{color:var(--c-text-2);flex:none;display:inline-flex}.ch-row-mute .ico{width:14px;height:14px}.ch-row-last{font:var(--fw-text) var(--fs-meta) / var(--lh-meta) var(--font);color:var(--c-text-2)}.ch-row-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ch-row-time{font-variant-numeric:tabular-nums;flex:none;margin-inline-start:auto}.ch-row-unread{border-radius:var(--r-full);background:var(--c-accent);flex:none;width:8px;height:8px}.ch-row--chat.is-unread .ch-row-name,.ch-row--chat.is-unread .ch-row-text{color:var(--c-text)}.ch-faces-row{gap:var(--s-2);flex-wrap:wrap;padding-top:2px;display:flex}.ch-face{border-radius:var(--r-full);place-items:center;width:40px;height:40px;display:grid;position:relative}.ch-face .dot{inset-inline-end:0;width:10px;height:10px;box-shadow:0 0 0 2px var(--c-surface);position:absolute;bottom:0}a.ch-face:hover .avatar{background:var(--c-surface-hover);color:var(--c-text)}.ch-face-more{background:var(--c-surface-2);color:var(--c-text-2);font:var(--fw-ui) var(--fs-meta) / 1 var(--font);font-variant-numeric:tabular-nums}.ch-face-more:hover{background:var(--c-surface-hover);color:var(--c-text)}.ch-row .tile .ico{width:16px;height:16px}.ch-skel-row{flex:1;max-width:60%}.ch-group{margin:var(--s-4) 0 var(--s-1);font:var(--fw-ui) var(--fs-meta) / var(--lh-meta) var(--font);color:var(--c-text-2)}.ch-note{margin-top:var(--s-2);font:var(--fw-text) var(--fs-ui) / var(--lh-ui) var(--font);color:var(--c-text-2)}.ch-dm-guest{margin-top:var(--s-4)}.ch-req{align-items:center;gap:var(--s-2);display:flex}.ch-req .ch-row{flex:1}.ch-req>.btn{margin-inline-end:var(--s-2)}.ch-main{flex-direction:column;grid-area:main;display:flex}.ch-head{min-height:var(--lh-title);margin-bottom:var(--s-2);flex:none;align-items:center;display:flex}.ch-back{margin-inline-end:var(--s-2);display:none}.ch-head-main{align-items:center;gap:var(--s-1);min-width:0;flex:auto;margin-inline-end:var(--s-2);display:flex}.ch-head-main .ch-title{margin-inline-end:var(--s-1)}.ch-title{min-width:0;font:var(--fw-title) var(--fs-title) / var(--lh-title) var(--font);white-space:nowrap;flex:0 auto;align-items:center;gap:6px;display:flex;overflow:hidden}.ch-title>bdi{text-overflow:ellipsis;min-width:0;overflow:hidden}.ch-head-meta{min-width:0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--c-text-2);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;flex:0 1000 auto;overflow:hidden}.ch-head-acts{display:contents}.ch-head-acts>.ch-online{flex:0 1000 auto}.ch-head-acts>.btn--s{margin-block:calc((var(--lh-title) - 28px) / 2)}.ch-head-acts .btn[aria-expanded=true]{background:var(--c-accent-tint);color:var(--c-accent)}.ch-notice{margin-bottom:var(--s-3);flex:none}.ch-bar{align-items:center;gap:var(--s-3);min-height:40px;margin-bottom:var(--s-3);border-radius:var(--r-ctl);background:var(--c-surface-2);font:var(--fw-text) var(--fs-ui) / var(--lh-ui) var(--font);flex:none;padding:0 12px 0 6px;display:flex}a.ch-bar:hover{background:var(--c-surface-hover)}.ch-request{gap:var(--s-2) var(--s-3);flex-wrap:wrap;padding:6px 6px 6px 12px}.ch-request-t{flex:auto;min-width:0}.ch-request-t b{font-weight:var(--fw-ui)}.ch-request-acts{gap:var(--s-2);display:flex}.ch-pin--wait .skel{flex:0 220px;margin-inline-start:6px}.ch-pin-t{gap:var(--s-1);white-space:nowrap;flex:1;min-width:0;display:flex}.ch-pin-name{text-overflow:ellipsis;min-width:0;font-weight:var(--fw-ui);overflow:hidden}.ch-pin-when{flex:none}.ch-pin-more{text-overflow:ellipsis;flex:0 100 auto;min-width:0;overflow:hidden}.ch-mod{gap:var(--s-1);margin-bottom:var(--s-3);font:var(--fw-text) var(--fs-ui) / var(--lh-ui) var(--font);flex:none;display:grid}.ch-mod-head{align-items:center;gap:var(--s-2);min-height:var(--h-ctl);display:flex}.ch-mod-head b{font-weight:var(--fw-ui)}.ch-mod-list{gap:2px;display:grid}.ch-mod-row{align-items:center;gap:var(--s-3);min-height:var(--h-ctl);display:flex}.ch-wait{flex:1}.ch-intro{align-items:center;gap:var(--s-3);padding-bottom:var(--s-2);flex:none;display:flex}.ch-intro-t{min-width:0;display:grid}.ch-intro-t b{font:var(--fw-title) var(--fs-body) / var(--lh-body) var(--font)}.ch-intro-t .t2{font-size:var(--fs-meta);line-height:var(--lh-meta)}.ch-info{gap:var(--s-4);scrollbar-width:thin;flex-direction:column;grid-area:info;display:flex;overflow-y:auto}.ch-info>.panel-head{margin-bottom:calc(-1 * var(--s-1))}.ch-spacelink{align-items:center;gap:var(--s-3);margin:0 calc(-1 * var(--s-2));padding:var(--s-2);border-radius:var(--r-ctl);display:flex}.ch-spacelink:hover{background:var(--c-surface-2)}.ch-spacelink .lst-name{font-weight:var(--fw-ui)}.ch-spacelink>.ico{color:var(--c-text-2)}.ch-info-sect{font:var(--fw-text) var(--fs-ui) / var(--lh-ui) var(--font);justify-items:start;gap:4px;display:grid}.ch-info-h{font:var(--fw-text) var(--fs-meta) / var(--lh-meta) var(--font);color:var(--c-text-2)}.ch-info-mem{justify-items:stretch;gap:var(--s-2);grid-template-columns:minmax(0,1fr)}.ch-info-title{font:var(--fw-title) var(--fs-body) / var(--lh-body) var(--font)}.ch-info-title:focus{outline:none}.ch-info-sect.ch-sound{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:32px;display:flex}.ch-info-sect .textlink{margin-top:2px}.ch-rules{gap:4px;padding-inline-start:18px;list-style:decimal;display:grid}.ch-rules li::marker{color:var(--c-text-2)}@media (width<=1279px){.ch-app{--ch-list-w:280px}.ch-app,.ch-app.is-info-closed{grid-template-columns:var(--ch-list-w) minmax(0, 1fr);grid-template-areas:"list main";position:relative}.ch-info{display:none}.ch-app.is-info-open .ch-info{top:0;bottom:var(--gutter);z-index:var(--z-pop);background:var(--c-overlay);width:320px;box-shadow:var(--shadow-pop);display:flex;position:absolute;inset-inline-end:var(--gutter)}}@media (width<=1119px){.ch-app{--ch-list-w:264px}}@media (width>=760px) and (width<=1119px){.ch-app.is-info-open .ch-info{width:auto;inset-inline-start:calc(var(--gutter) + var(--ch-list-w) + var(--s-3))}}@media (width<=959px){.ch-spaceroom>.ch-room--fit .chat-feed{flex:none;min-height:0}.ch-spaceroom>.ch-room--fit .chat-feed-in{position:static}.ch-spaceroom:has(>.ch-room--scroll:not(.ch-room--empty)){min-height:50dvh}}@media (width>=760px){.ch-h1{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media (width<=759px){.ch-room--scroll .chat-feed{flex:auto;min-height:0}.ch-room--scroll:not(.ch-room--empty) .chat-feed-in{position:absolute}.ch-composer>.btn,.ch-emoji-w{margin-block:0}.ch-acts .btn,.ch-menu .btn,.ch-req>.btn{height:var(--h-ctl)}.ch-acts .btn--icon{width:var(--h-ctl)}.ch-more{min-height:var(--h-ctl);vertical-align:top;align-items:center;margin-top:0;display:inline-flex}.ch-pin .textlink{min-width:var(--h-ctl);justify-content:flex-end}.ch-head-acts>.btn--s{margin-block:0}.ch-app{height:auto;padding-bottom:var(--s-8);display:block}.ch-app.is-list .ch-main,.ch-app.is-list .ch-info{display:none}.ch-list{background:0 0;border-radius:0;padding:0;overflow:visible}.ch-h1{padding-top:var(--s-4);margin-bottom:var(--s-4);font:var(--fw-title) var(--fs-h1) / var(--lh-h1) var(--font);letter-spacing:-.01em}.ch-app.is-room .ch-h1{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ch-list-title{display:none}.ch-find{margin-bottom:var(--s-3)}.ch-app.is-room{inset-inline:0;top:var(--ch-vvt,0px);z-index:var(--z-header);height:var(--ch-vvh,100dvh);background:var(--c-page);flex-direction:column;max-width:none;padding:0;display:flex;position:fixed}.ch-app.is-room .ch-list{display:none}.ch-app.is-room .ch-main{padding:0 var(--gutter) calc(var(--s-2) + env(safe-area-inset-bottom));background:0 0;border-radius:0;flex:1}.ch-head{min-height:var(--h-header);margin:0}.ch-back{margin-inline-start:-10px;display:inline-flex}.ch-online{height:var(--h-ctl)}.ch-faces-row{gap:10px}.ch-app.is-info-open .ch-info{z-index:var(--z-sheet);width:auto;padding:var(--s-4) var(--gutter) calc(var(--s-6) + env(safe-area-inset-bottom));background:var(--c-page);box-shadow:none;border-radius:0;display:flex;position:fixed;inset:0}.ch-info>.panel-head{min-height:var(--h-ctl)}}}@layer utilities;
