@layer pages{.rhero__inner,.rooms__inner{z-index:1;max-width:var(--max);padding:var(--sect-y) var(--gutter);margin:0 auto;position:relative}.rhero__inner{gap:1.375rem;padding-top:clamp(3rem,6vw,6.5rem);padding-bottom:clamp(2.5rem,5vw,4.5rem);display:grid}.rhero h1{font-size:var(--fs-1);max-width:13ch}.rhero .lead{max-width:46ch}.rhero__gate{color:var(--fg-soft);font-size:.9375rem}.rooms__inner{align-items:start;gap:1.25rem;padding-top:clamp(1.75rem,3vw,2.75rem);display:grid}@media (min-width:1024px){.rooms__inner{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(1.5rem,3vw,2.5rem)}}.rooms__index{gap:.25rem;display:grid}.room-link{transition:background var(--t-hover);border-radius:1rem;gap:.25rem;padding:1rem 1.125rem 1rem 1.375rem;display:grid;position:relative}.room-link:hover{background:var(--ice-2)}.room-link:before{content:"";background:var(--blue-ink);opacity:0;width:.375rem;height:.375rem;transition:opacity var(--t-state);border-radius:50%;position:absolute;top:1.375rem;left:.625rem}.room-link[aria-current=true]{background:var(--ice)}.room-link[aria-current=true]:before{opacity:1}.room-link b{letter-spacing:-.015em;font-weight:500}.room-link span{font-size:var(--fs-meta);color:var(--fg-soft)}@media (max-width:1023px){.rooms__index{scrollbar-width:none;border-top:0;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.rooms__index::-webkit-scrollbar{display:none}.room-link{border-radius:var(--r-pill);background:var(--paper);min-height:2.625rem;box-shadow:var(--sh-chip), inset 0 0 0 1px var(--line);border:0;flex:none;align-content:center;padding:0 1rem}.room-link span,.room-link:before{display:none}.room-link b{white-space:nowrap;font-size:.875rem;font-weight:450}.room-link[aria-current=true]{color:#fff;background:#1464dc;box-shadow:0 .625rem 1.375rem -.75rem #1464dccc}}.room{border-radius:var(--r-card);background:var(--ice-2);min-height:28.75rem;max-height:min(45rem,100svh - 7.5rem);box-shadow:inset 0 0 0 1px var(--line);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.room__head{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem 1.125rem;display:flex}.room__name{font-size:var(--fs-3)}.room__topic{color:var(--fg-soft);margin-top:.25rem;font-size:.9375rem}.room__rule{font-size:var(--fs-micro);color:var(--fg-mute);white-space:nowrap;padding-top:.375rem}@media (max-width:640px){.room__rule{display:none}.room__head{padding:1.125rem 1.125rem 1rem}}.room__scroll{overscroll-behavior:contain;padding:1.375rem 1.5rem;overflow-y:auto}.room__scroll:focus-visible{outline-offset:-.1875rem}.room__messages{gap:1.125rem;display:grid}.room__empty{justify-items:start;gap:.5rem;max-width:44ch;padding:.5rem 0;display:grid}.room__empty b{font-size:var(--fs-4);letter-spacing:-.02em;font-weight:500}.room__empty p{color:var(--fg-soft);font-size:.9375rem}.msg{grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;display:grid}.msg .avatar{width:2.5rem;height:2.5rem}.msg--cont{margin-top:-.625rem}.msg--cont .avatar{visibility:hidden;height:0}.msg--cont .msg__head{display:none}.msg__head{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-bottom:.375rem;display:flex}.msg__who{align-items:center;gap:.375rem;font-size:.9375rem;font-weight:500;display:inline-flex}.msg__who:hover{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.msg__who .seal{--seal-size:1rem}.msg__time{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--fg-mute)}.msg__bubble{background:var(--paper);overflow-wrap:anywhere;border-radius:.375rem 1.125rem 1.125rem;max-width:100%;padding:.75rem 1rem;font-size:.9375rem;line-height:1.5;display:inline-block;box-shadow:0 1px 1px #0a16330a,0 .5rem 1.125rem -.75rem #0a163340}.msg--mine .msg__bubble{color:#fff;background:#1464dc}.room__composer{border-top:1px solid var(--line);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem .875rem;display:grid}.room__lock{background:var(--surface-3);border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;display:grid}.room__lock svg{fill:none;width:1rem;height:1rem;stroke:var(--fg-soft);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.room__composer.is-open .room__lock{display:none}.room__composer.is-open{grid-template-columns:minmax(0,1fr) auto}.room__input{min-width:0;height:2.625rem;color:var(--fg);background:0 0;border:0;border-radius:.75rem;padding:0 .875rem;font-size:.9375rem}.room__input:disabled{color:var(--fg-mute);cursor:not-allowed}.room__composer.is-open .room__input{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}.room__composer.is-open .room__input:focus{box-shadow:inset 0 0 0 1.5px var(--blue-ink), 0 0 0 .25rem #1464dc24;outline:none}.room__composer-err{font-size:var(--fs-meta);color:var(--danger);grid-column:1/-1}@media (max-width:560px){.room__composer{grid-template-columns:auto minmax(0,1fr)}.room__composer>.btn{grid-column:1/-1}.room__composer.is-open{grid-template-columns:minmax(0,1fr) auto}.room__composer.is-open>.btn{grid-column:auto}}}