.rooms-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:14px 0 32px;border-bottom:1px solid var(--line);margin-bottom:28px}.rooms-intro h1{font-family:var(--editorial);font-size:86px;font-weight:400;letter-spacing:-2.3px;line-height:.94;margin-top:19px}.rooms-intro h1 em{color:#707f5d}.rooms-intro-note{display:flex;flex-direction:column;align-items:flex-start;padding-right:30px}.rooms-intro-note p{font-size:13px;line-height:1.9;color:#727d62;max-width:300px;margin:17px 0 23px}.directory-mark{font-family:var(--editorial);font-size:76px;font-style:italic;line-height:.9;color:#727d5e}.rooms-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px}.room-search{display:flex;align-items:center;max-width:250px;border-bottom:1px solid #d5dfc7;gap:10px}.room-search input{font-size:12px;color:var(--text);background:none;border:0;padding:10px 0;min-width:0;width:100%;outline-offset:5px}.room-search input::placeholder{color:#6e7861}.room-search button{padding:8px 0;background:none;color:#727d60}.room-search .icon{width:17px;height:17px}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.room-card{min-width:0;border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden;transition:box-shadow .2s,transform .2s}.room-card:hover{box-shadow:0 12px 25px #2e46130a;transform:translateY(-3px)}.room-cover-button{display:block;width:100%;padding:0;text-align:left;background:none}.room-poster{height:190px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#e8eddf;color:#556c42}.poster-1{background:#efe6d9;color:#946e50}.poster-2{background:#e3e9ea;color:#5c7279}.poster-issue{position:relative;z-index:2;font-size:8px;letter-spacing:1.6px;opacity:.65}.poster-glyph{font-family:var(--editorial);font-size:220px;font-weight:400;line-height:.7;position:absolute;left:50%;top:50%;transform:translate(-50%,-42%) rotate(-12deg)}.poster-1 .poster-glyph{font-style:italic;font-size:235px;transform:translate(-50%,-44%) rotate(-18deg)}.poster-2 .poster-glyph{font-family:var(--font);font-weight:400;font-size:180px;transform:translate(-50%,-46%) rotate(-12deg)}.poster-caption{font-size:7px;letter-spacing:1.5px;position:relative;z-index:2;opacity:.65}.poster-index{position:absolute;bottom:18px;right:20px;font-size:7px;letter-spacing:1px;opacity:.6}.room-poster i{position:absolute;width:175px;height:175px;right:-60px;top:50%;border:1px solid currentColor;border-radius:50%;opacity:.1}.room-card-body{padding:19px 21px 19px}.room-card-status{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#707a60}.room-card-status>span:last-child{display:flex;align-items:center;gap:5px;white-space:nowrap}.room-card-status .icon{width:12px;height:12px}.room-card h2{font-family:var(--editorial);font-size:32px;line-height:1.15;letter-spacing:-.5px;font-weight:400;margin:13px 0 11px;overflow-wrap:anywhere}.room-card h2 button{font:inherit;letter-spacing:inherit;text-align:left;padding:0;background:none}.room-card p{font-size:12px;line-height:1.85;color:#717a66;overflow-wrap:anywhere;white-space:pre-wrap;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid #eaf0e1;font-size:10px;color:#707866}.room-card-bottom>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-bottom b{font-weight:500;color:#697b56}.room-entry{border:1px solid #dfe8d3;background:none;height:29px;width:29px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#6b8058}.room-entry .icon{width:13px;height:13px}.room-entry:hover{background:#e9f0df}.home-room-grid .room-poster{height:140px;padding:17px}.home-room-grid .poster-glyph{font-size:160px}.home-room-grid .poster-1 .poster-glyph{font-size:170px}.home-room-grid .poster-2 .poster-glyph{font-size:140px}.home-room-grid .room-card-body{padding:15px 17px}.home-room-grid .room-card h2{font-size:29px;margin:11px 0 8px}.home-room-grid .room-card p{font-size:11px}.home-room-grid .room-card-bottom{margin-top:13px;padding-top:12px;font-size:9px}.home-room-grid .poster-caption{font-size:6px}.home-room-grid .poster-issue{font-size:7px}.directory-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.directory-footer>span{font-size:8px;letter-spacing:1.3px;color:#757b6c}.directory-footer p{font-size:10px;color:#707867}.rooms-empty{text-align:center;padding:60px 20px;border:1px dashed var(--line)}.rooms-empty .directory-mark{display:block;margin-bottom:22px}.rooms-empty h2{font-family:var(--editorial);font-size:37px;font-weight:400;letter-spacing:-.6px}.rooms-empty p{font-size:13px;color:#717d62;max-width:350px;margin:13px auto 22px}
.room-back-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:1px 0 22px}.room-back-row .text-link{font-size:11px}.room-back-row>div{display:flex;gap:22px}.mobile-room-details{display:none}.room-thread{display:block;min-width:0;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.room-thread.is-member{display:grid;grid-template-columns:minmax(0,1fr) 290px;height:calc(100dvh - 184px);min-height:500px;max-height:1000px}.room-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.room-thread-header{display:flex;align-items:center;gap:13px;padding:21px 25px;border-bottom:1px solid var(--line);flex-shrink:0}.room-mark{display:grid;place-items:center;width:43px;height:43px;background:#e7eddd;color:#6d8058;border-radius:9px;font-family:var(--editorial);font-size:27px;font-weight:400;flex-shrink:0}.room-tone-1{background:#efe6d9;color:#8d765c}.room-tone-2{background:#e3e9ea;color:#667b80}.room-thread-header>div{min-width:0}.room-thread-header h1{font-size:16px;line-height:1.3;font-weight:550;overflow-wrap:anywhere;letter-spacing:-.3px}.room-member-count{font-size:10px;color:#727a66;margin-top:4px;gap:5px}.room-member-count>span{color:#757a6e;padding:0 3px}.room-options{background:none;padding:4px;color:#6f7861;margin-left:auto;align-self:center}.room-context{background:#fafbf6;border-left:1px solid var(--line);padding:24px 21px;overflow-y:auto;min-height:0}.room-context-heading{display:flex;justify-content:space-between;align-items:center}.room-context-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.room-description{font-size:12px;line-height:1.85;color:#6e785e;white-space:pre-wrap;overflow-wrap:anywhere;margin:17px 0}.context-members{display:flex;align-items:center;gap:9px;width:100%;padding:14px 0;border-bottom:1px solid var(--line);border-top:1px solid var(--line);background:none;font-size:11px;color:#6e7e5a}.context-members>.icon{width:15px;height:15px}.context-members>.icon:last-child{margin-left:auto;width:13px}.room-history-tools{display:flex;justify-content:space-between;gap:15px;padding:17px 25px 0;font-size:9px;color:#727867;flex-shrink:0}.room-history-tools .text-link{font-size:9px}.room-chat-log{padding:24px 25px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:26px}.room-message{display:flex;align-items:flex-start;gap:11px;min-width:0}.room-message>.avatar{width:31px;height:31px;font-size:11px;margin-top:2px}.room-message-content{min-width:0;flex:1}.room-message-by{display:flex;align-items:center;gap:10px;min-height:24px;flex-wrap:wrap}.room-message-by strong{font-size:11px;font-weight:550}.room-message-by time{font-size:9px;color:#717866}.room-message.mine .room-message-by strong{color:#65824c}.room-message p{font-size:14px;color:#414e43;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px}.room-remove{margin-left:auto;padding:1px 5px;font-size:17px;background:none;color:#747b69;opacity:0}.room-message:hover .room-remove,.room-remove:focus-visible{opacity:1}.room-chat-empty{margin:auto;text-align:center;color:#6e7b60;max-width:290px}.room-chat-empty>span{display:block;font-size:36px;color:#6f7863;margin-bottom:10px}.room-chat-empty h2{font-family:var(--editorial);font-size:32px;font-weight:400;line-height:1.1;letter-spacing:-.5px;color:#6a7c59}.room-chat-empty p{font-size:12px;margin-top:13px}.room-compose-area{padding:0 20px 15px;flex-shrink:0}.room-chat-form{display:flex;align-items:flex-end;gap:14px;border:1px solid #dce7cf;border-radius:8px;padding:13px 13px 13px 15px;background:#fcfdf9}.room-chat-form:focus-within{border-color:#a0b589}.room-chat-form textarea{flex:1;min-width:0;min-height:43px;max-height:150px;font-size:13px;line-height:1.7;resize:vertical;border:0;outline:0;background:none;color:var(--text)}.room-chat-form textarea::placeholder{color:#737a69}.room-chat-form .primary{padding:10px;min-height:34px;border-radius:5px}.room-chat-form .icon{width:17px;height:17px}.room-compose-note{font-size:8px;color:#737d67;text-align:center;margin-top:10px}.room-compose-note span{padding:0 5px;color:#757b6c}.room-join-screen{display:grid;grid-template-columns:1fr 1fr;min-height:430px;align-items:center;gap:45px;padding:40px}.room-join-screen>.room-poster{height:320px;border-radius:5px}.room-join-screen .poster-glyph{font-size:330px}.room-join-screen h2{font-family:var(--editorial);font-size:47px;line-height:1.03;font-weight:400;margin:20px 0;letter-spacing:-1px}.room-join-screen h2 em{color:#6b795b}.room-join-screen p{font-size:13px;line-height:1.8;color:#707b61;margin-bottom:24px}.room-join-screen small{display:block;max-width:280px;margin-top:18px;font-size:10px;color:#727a67;line-height:1.8}.context-other-rooms{border-top:1px solid var(--line);padding-top:24px;margin-top:22px}.context-other-rooms>button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;background:none;text-align:left;font-size:11px;color:#687c52}.context-other-rooms .room-mark{width:29px;height:29px;border-radius:5px;font-size:20px}.context-other-rooms>button>span:nth-child(2){min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-other-rooms .icon{width:13px;height:13px}.room-member{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.room-member>div{flex:1;min-width:0}.room-member strong{font-size:13px;font-weight:500;display:block}.room-member small{font-size:10px;color:#6e7e60}.room-form-note{font-size:11px;color:#6e7b64;line-height:1.8}.saving [data-room-action],.saving [data-room-open],.saving [data-room-delete]{pointer-events:none;opacity:.5}
@media(max-width:1240px){.room-grid{gap:18px}.room-card-body{padding:17px}.room-poster{height:170px;padding:18px}.poster-glyph{font-size:205px}.poster-1 .poster-glyph{font-size:220px}.room-card h2{font-size:29px}.room-card-status{font-size:8px}.room-thread.is-member{grid-template-columns:minmax(0,1fr) 260px}.room-context{padding:22px 17px}.room-thread-header{padding:20px}.room-chat-log{padding:24px 20px}.room-history-tools{padding:16px 20px 0}.room-message p{font-size:13px}.room-compose-area{padding:0 16px 14px}}
@media(max-width:1000px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rooms-intro h1{font-size:79px}.rooms-intro-note{padding-right:0}.rooms-intro-note p{font-size:12px}.room-thread.is-member{grid-template-columns:minmax(0,1fr) 245px}.room-thread-header{gap:9px;padding:17px}.room-thread-header h1{font-size:15px}.room-member-count{font-size:9px}.room-chat-log{padding:20px 17px}.room-history-tools{padding:15px 17px 0;font-size:8px}.room-history-tools>#room-connection{display:none}.room-message-by strong{font-size:11px}.room-message-by time{font-size:8px}.room-message{gap:9px}.room-compose-note{font-size:7px}.room-join-screen{padding:30px;gap:28px}.room-join-screen h2{font-size:42px}}
@media(max-width:800px){.rooms-intro{gap:20px}.rooms-intro h1{font-size:75px}.rooms-intro-note p{max-width:230px;font-size:11px}.directory-mark{font-size:62px}.directory-footer{flex-direction:column;align-items:flex-start;gap:11px}.directory-footer>span{font-size:7px}.room-thread.is-member{grid-template-columns:minmax(0,1fr) 230px}.room-context{padding:21px 15px}.room-description{font-size:11px}.room-thread-header h1{font-size:14px}.room-mark{width:37px;height:37px;font-size:25px}.room-member-count{font-size:8px}.room-chat-log{padding:18px 15px}.room-message-by{gap:7px}.room-message-by strong{font-size:10px}.room-message-by time{font-size:7px}.room-message p{font-size:13px}.room-message>.avatar{width:25px;height:25px;font-size:10px}.room-chat-form{padding:10px;gap:7px}.room-chat-form textarea{font-size:12px}.room-compose-note{font-size:6px}.room-card h2{font-size:29px}.room-grid{gap:16px}}
@media(max-width:650px){.room-thread.is-member{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none}.room-conversation{height:calc(100svh - 180px);min-height:470px}.room-context{display:none;border-left:0;border-top:1px solid var(--line);padding:25px}.room-context.is-open{display:block}.mobile-room-details{display:inline-flex}.room-context-heading .icon-button{font-size:22px}.room-thread-header h1{font-size:16px}.room-member-count{font-size:10px}.room-message-by strong{font-size:12px}.room-message-by time{font-size:9px}.room-message>.avatar{width:32px;height:32px;font-size:12px}.room-message p{font-size:14px;line-height:1.8}.room-message{gap:11px}.room-remove{opacity:.6}.room-chat-form textarea{font-size:16px}.room-compose-note{font-size:8px}.room-history-tools{font-size:9px}.room-description{font-size:13px}.room-join-screen{display:block;padding:25px}.room-join-screen>.room-poster{height:180px;margin-bottom:30px}.room-join-screen .poster-glyph{font-size:220px}.room-join-screen h2{font-size:43px}.room-join-screen small{max-width:none}.room-join-screen .primary{width:100%}.room-context-heading .eyebrow{font-size:10px}}
@media(max-width:560px){.rooms-intro{display:block;padding:5px 0 27px;margin-bottom:20px}.rooms-intro h1{font-size:82px;margin-top:18px}.rooms-intro-note{margin-top:22px;display:block}.rooms-intro-note .directory-mark{display:none}.rooms-intro-note p{max-width:none;font-size:12px;line-height:1.85;margin:0 0 22px}.rooms-intro-note .primary{width:100%;justify-content:space-between}.room-grid{grid-template-columns:1fr;gap:23px}.rooms-toolbar{gap:14px;align-items:stretch;flex-direction:column;margin-bottom:24px}.rooms-toolbar .subtabs{margin-bottom:5px;gap:25px}.room-search{max-width:none}.room-search input{font-size:16px;padding:11px 0}.room-poster{height:185px;padding:20px}.poster-glyph{font-size:220px}.poster-1 .poster-glyph{font-size:235px}.poster-2 .poster-glyph{font-size:180px}.poster-issue{font-size:8px}.poster-caption{font-size:7px}.room-card-body{padding:19px 21px}.room-card h2{font-size:34px}.room-card-status{font-size:10px}.room-card p{font-size:13px;line-height:1.8}.room-card-bottom{font-size:10px}.room-entry{height:33px;width:33px}.home-room-grid .room-poster{height:165px;padding:20px}.home-room-grid .poster-glyph{font-size:195px}.home-room-grid .poster-1 .poster-glyph{font-size:205px}.home-room-grid .poster-2 .poster-glyph{font-size:165px}.home-room-grid .room-card-body{padding:18px 20px}.home-room-grid .room-card h2{font-size:32px}.home-room-grid .room-card p{font-size:12px}.home-room-grid .room-card-bottom{font-size:10px}.directory-footer{margin-top:28px}.directory-footer p{font-size:10px}.room-back-row{margin:0 0 17px;gap:12px}.room-back-row .text-link{font-size:10px}.room-back-row>div{gap:18px}.room-conversation{height:calc(100svh - 184px);min-height:470px}.room-thread-header{padding:17px 16px;gap:11px}.room-thread-header h1{font-size:15px}.room-member-count{font-size:9px}.room-chat-log{padding:22px 16px;gap:23px}.room-chat-form textarea{font-size:16px}.room-compose-area{padding:0 11px 12px}.room-compose-note{font-size:7px}.room-chat-form{padding:11px}.room-context{padding:24px 20px}.room-chat-empty h2{font-size:32px}.rooms-empty{padding:45px 16px}.rooms-empty h2{font-size:34px}.home-room-grid .poster-issue{font-size:8px}.home-room-grid .poster-caption{font-size:7px}body.in-room .page-grid{padding-bottom:90px}}

@media(max-width:650px){.room-context.is-open{position:fixed;top:75px;bottom:0;left:78px;right:0;z-index:45;overflow-y:auto;background:#fafbf6}.room-context-heading .mobile-room-details{width:32px;height:32px}}
@media(max-width:560px){.room-context.is-open{top:67px;bottom:75px;left:0}}
