.chats-page{--r:1.25rem;--room-poster-width:clamp(2.875rem, 4vw, 3.25rem);--room-gutter:clamp(1rem, 3vw, 1.75rem);--avatar-size:clamp(1.875rem, 3vw, 2.25rem)}.chats-page :is(a,button,input,textarea){font:inherit}.chats-page a{color:inherit;text-decoration:none}.chats-page :is(button,input,textarea):focus-visible{outline-offset:.1875rem;outline:.1875rem solid #f18aac}.chats-page .intro{justify-items:start;gap:.75rem;padding-block:clamp(2.8125rem,5vw,4rem) clamp(1.6875rem,3.2vw,2.375rem);display:grid}.chats-page .crumb{color:var(--muted);margin-block-end:.375rem;font-size:.75rem}.chats-page .crumb a:hover{color:var(--pink)}.chats-page .intro h1{letter-spacing:-.065em;max-inline-size:47.5rem;margin:0;font-size:clamp(2.375rem,1.5rem + 4vw,4.25rem);line-height:.98}.chats-page .forum{padding-block:clamp(.4375rem,1.1vw,.75rem) clamp(3.4375rem,6.7vw,5rem)}.chats-page .forum-layout{grid-template-columns:clamp(13rem,28vw,19.375rem) minmax(0,1fr);align-items:start;gap:clamp(.8125rem,1.8vw,1.25rem);display:grid}.chats-page .rooms{border:.0625rem solid var(--line);border-radius:var(--r);background:var(--wash);min-inline-size:0;padding:clamp(.625rem,1.25vw,.875rem)}.chats-page .rooms-head{justify-content:space-between;align-items:center;gap:.5rem;margin:.125rem .1875rem .75rem;display:flex}.chats-page .rooms-head b{font-size:.8125rem}.chats-page .rooms-head span{color:var(--muted);font-size:.625rem}.chats-page .room-list{gap:.5rem;display:grid}.chats-page .room-choice{grid-template-columns:var(--room-poster-width) minmax(0, 1fr);text-align:left;cursor:pointer;background:0 0;border:.0625rem solid #0000;border-radius:.9375rem;align-items:center;gap:.6875rem;padding:.6875rem;transition:all .18s;display:grid}.chats-page .room-choice:hover{background:#fff}.chats-page .room-choice[aria-current=page]{background:#fff;border-color:#f3aac4;box-shadow:0 .3125rem 1.125rem #ed17650a}.chats-page .room-poster{aspect-ratio:.76;color:#fff;letter-spacing:.05em;overflow-wrap:anywhere;background-image:linear-gradient(0deg, #0009, transparent 73%), var(--room-image,linear-gradient(145deg, #8a514a, #20232a 60%, #d79f74));background-size:cover, var(--room-image-size,cover);background-position:center, var(--room-image-position,center);border-radius:.5625rem;place-items:end start;padding:.3125rem .375rem;font-size:.5rem;font-weight:800;display:grid;overflow:hidden}.chats-page .room-poster.atlas{--room-image:url(/assets/poster-atlas.png);--room-image-size:400% 300%}.chats-page .room-poster.vyzov{--room-image-position:0 0}.chats-page .room-poster.master{--room-image-position:33.333% 0}.chats-page .room-poster.cheburashka{--room-image-position:100% 0}.chats-page .room-info{overflow-wrap:anywhere;justify-items:start;gap:.25rem;min-inline-size:0;display:grid}.chats-page .room-info strong{font-size:.8125rem;line-height:1.3}.chats-page .room-info small{color:var(--muted);font-size:.625rem}.chats-page .room-count{color:#6c6c73;background:#f0f0f2;border-radius:2rem;margin-block-start:.1875rem;padding:.25rem .4375rem;font-size:.5625rem;display:inline-flex}.chats-page .room-choice[aria-current=page] .room-count{background:var(--pink-soft);color:#bf1554}.chats-page .room-panel{border:.0625rem solid var(--line);border-radius:var(--r);background:#fff;min-inline-size:0;box-shadow:0 .75rem 2.625rem #17171908}.chats-page .room-head{padding:clamp(1.25rem, 2.3vw, 1.5625rem) var(--room-gutter) 1.3125rem;border-bottom:.0625rem solid var(--line);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.chats-page .room-head:before,.chats-page .room-head-content{grid-area:1/1}.chats-page .room-head:before{content:"";pointer-events:none;border:.75rem solid #ed176515;border-radius:2.8125rem;place-self:start end;block-size:100%;inline-size:min(44%,11.875rem);transform:translate(45%,-42%)rotate(34deg)}.chats-page .room-head-content{z-index:1;overflow-wrap:anywhere;gap:.4375rem;display:grid}.chats-page .room-head h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.4375rem,3vw,2rem);line-height:1.07}.chats-page .room-question{color:#68686e;white-space:pre-wrap;max-inline-size:74ch;margin:0;font-size:.8125rem;line-height:1.55}.chats-page .room-stats{flex-wrap:wrap;gap:.5rem;margin-block-start:.4375rem;display:flex}.chats-page .room-stats>:is(a,span){border:.0625rem solid var(--line);color:#66666d;border-radius:2rem;padding:.375rem .5625rem;font-size:.625rem}.chats-page .messages{margin:0;padding:0;list-style:none;display:grid}.chats-page .message{border-bottom:.0625rem solid #f0f0f2;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(.5625rem,1vw,.75rem);padding-block:clamp(.9375rem,1.5vw,1.125rem);display:grid}.chats-page .message:last-child{border-bottom:0}.chats-page .avatar{inline-size:var(--avatar-size);aspect-ratio:1;background:var(--pink-soft);color:#c01856;border-radius:2rem;place-items:center;font-size:.6875rem;font-weight:800;display:grid}.chats-page .message:nth-child(3n+2) .avatar{color:#51515a;background:#eeeef1}.chats-page .message:nth-child(3n) .avatar{color:#805943;background:#f5eadf}.chats-page .message-main{overflow-wrap:anywhere;min-inline-size:0}.chats-page .message-top{flex-wrap:wrap;align-items:baseline;gap:.4375rem;display:flex}.chats-page .message-author{font-size:.75rem;font-weight:700}.chats-page .message-top :is(span,time),.chats-page .discussion-meta :is(span,time){color:var(--muted);font-size:.625rem}.chats-page .message-text{color:#505057;white-space:pre-wrap;overflow-wrap:anywhere;margin:.375rem 0 0;font-size:.8125rem;line-height:1.65}.chats-page .message-tag{color:#b3124d;margin-top:.5rem;font-size:.5625rem;font-weight:700;display:inline-flex}.chats-page .message-tag:before{content:"↳";margin-right:.3125rem}.chats-page .chats-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;inline-size:100%;display:flex}.chats-page .discussion-button{border:.0625rem solid var(--line);background:var(--paper);min-block-size:2.5rem;color:var(--ink);cursor:pointer;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}.chats-page .discussion-button:hover{background:var(--wash)}.chats-page .discussion-button--primary{border-color:var(--pink);background:var(--pink);color:#fff}.chats-page .discussion-button--primary:hover{background:#cf1458;border-color:#cf1458}.chats-page :is(.discussion-button,.discussion-link):disabled{opacity:.62;cursor:wait}.chats-page .room-poster{object-fit:cover;inline-size:100%}.chats-page img.room-poster{padding:0}.chats-page .room-poster--fallback:not(.atlas){background:linear-gradient(145deg, var(--pink-soft), #f6ccd9);color:#a51e50;place-items:center;font-size:1.125rem}.chats-page .rooms-empty{color:#626269;margin:.5rem 0;font-size:.8125rem}.chats-page .rooms-pages,.chats-page .discussion-meta,.chats-page .discussion-actions,.chats-page .message-actions{flex-wrap:wrap;align-items:baseline;gap:.5rem .875rem;display:flex}.chats-page .rooms-pages{justify-content:space-between;padding:.75rem .375rem .125rem}.chats-page :is(.rooms-pages,.forum-status) a,.chats-page .discussion-link{color:#b3124d;cursor:pointer;background:0 0;border:0;padding:0;font-size:.8125rem;font-weight:700}.chats-page :is(.rooms-pages,.forum-status) a:hover,.chats-page .discussion-link:hover,.chats-page .message-author:hover{text-decoration:underline}.chats-page .room-stats a:hover{color:#b3124d;border-color:#f3aac4}.chats-page .room-question{font-size:.9375rem}.chats-page :is(.discussion-comments,.composer-wrap,.new-topic-form,.forum-status){padding:var(--room-gutter)}.chats-page .discussion-comments,.chats-page .new-topic-form fieldset,.chats-page .composer{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.chats-page .discussion-comments h3,.chats-page .forum-status h2{letter-spacing:-.025em;margin:0;font-size:1.125rem}.chats-page .forum-status>a{margin-block-start:.75rem;display:inline-block}.chats-page .new-topic-form fieldset{border:0;min-inline-size:0;margin:0;padding:0}.chats-page .editor-field{grid-template-columns:minmax(0,1fr);gap:.375rem;font-size:.8125rem;font-weight:700;display:grid}.chats-page .editor-field :is(input,textarea){border:.0625rem solid var(--line);background:var(--paper);inline-size:100%;color:var(--ink);border-radius:.6875rem;padding:.6875rem .8125rem;font-size:.9375rem;font-weight:400}.chats-page .editor-field textarea{resize:vertical}.chats-page .editor-note{color:#626269;font-size:.75rem;font-weight:500}.chats-page .guest-gate{border:.0625rem solid var(--line);background:var(--wash);border-radius:.8125rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem 1rem;padding:.75rem .875rem;display:flex}.chats-page .guest-gate p,.chats-page .discussion-error,.chats-page .reply-branch [role=status] p{margin:0;font-size:.8125rem}.chats-page .discussion-error{color:#b3124d}.chats-page .message-actions{margin-block-start:.5rem}.chats-page .message-actions .discussion-link{min-block-size:1.75rem;font-size:.75rem}.chats-page .message-main .composer{margin-block-start:.625rem}.chats-page .reply-branch{border-inline-start:.125rem solid #f5ccd9;margin-block-start:.5rem;padding-inline-start:clamp(.375rem,1.5vw,.875rem)}.chats-page .reply-branch--flat{border-inline-start:0;padding-inline-start:0}.chats-page .reply-branch .message{flex-wrap:wrap;align-items:baseline;gap:.375rem .625rem;display:flex}.chats-page .reply-branch .message-main{flex:11rem}.chats-page .more-messages{justify-self:start;min-block-size:2rem}.chats-page .auth-dialog{max-block-size:none;inline-size:min(100% - 2rem,26.875rem);max-inline-size:none;color:inherit;background:0 0;border:0;padding:0;overflow:visible}.chats-page .auth-dialog::backdrop{-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);background:#1717198c}.chats-page .auth-modal{background:#fff;border-radius:1.375rem;grid-template-columns:minmax(0,1fr);max-block-size:min(100dvh - 2rem,45rem);padding:clamp(1.1875rem,4vw,1.9375rem);display:grid;overflow:auto;box-shadow:0 1.5625rem 5.625rem #0003}.chats-page .auth-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chats-page .modal-close{aspect-ratio:1;border:.0625rem solid var(--line);cursor:pointer;background:#fff;border-radius:2rem;flex:none;place-items:center;inline-size:2.1875rem;padding:0;font-size:1.375rem;line-height:1;display:grid}.chats-page .auth-modal h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem)}.chats-page .auth-tabs{background:var(--wash);border-radius:.75rem;gap:.375rem;margin-block-start:.75rem;padding:.25rem;display:flex}.chats-page .auth-tab{min-block-size:2.3125rem;min-inline-size:0;color:var(--muted);overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-radius:.5625rem;flex:1;padding:.375rem .25rem;font-size:.75rem;font-weight:700}.chats-page .auth-tab.active{color:var(--ink);background:#fff;box-shadow:0 .125rem .5rem #1717190d}.chats-page .auth-form{gap:.75rem;margin-top:1rem;display:grid}.chats-page .auth-field{grid-template-columns:minmax(0,1fr);gap:.375rem;font-size:.6875rem;font-weight:700;display:grid}.chats-page .auth-field input{background-color:var(--paper);min-block-size:2.6875rem;min-inline-size:0;color:var(--ink);border:.0625rem solid var(--line);border-radius:.6875rem;padding:0 .75rem;font-size:.8125rem;font-weight:400}.chats-page .auth-submit{background:var(--pink);color:#fff;cursor:pointer;border:0;border-radius:2rem;min-block-size:2.75rem;font-size:.75rem;font-weight:750}.chats-page .auth-submit:hover{background:#d41158}.chats-page .auth-error{color:#c52648;min-height:.9375rem;margin:0;font-size:.6875rem}.chats-page [hidden]{display:none!important}@media (max-width:46rem){.chats-page .forum-layout{grid-template-columns:minmax(0,1fr)}.chats-page .room-list{scroll-snap-type:x proximity;grid-auto-columns:minmax(min(14rem,76%),1fr);grid-auto-flow:column;padding-block-end:.25rem;overflow-x:auto}.chats-page .room-choice{scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){.chats-page .room-choice{transition:none}}
