.groups-main{padding-block:38px;min-height:70vh;color:#193630}.groups-main h1{font-size:clamp(28px,3.2vw,46px);line-height:1.1;letter-spacing:-.035em}.groups-main h2{font-size:21px;letter-spacing:-.02em}.groups-main h3{font-size:17px}.groups-main p{line-height:1.65}.group-directory-bar{display:flex;align-items:flex-end;gap:16px;border-bottom:1px solid #dce4df;margin:0 0 24px}.group-directory-actions{display:flex;align-items:center;gap:12px;margin-left:auto;align-self:center}.group-directory-actions>.btn{min-height:36px;padding:7px 14px}.groups-main:has(>.group-directory-bar){padding-top:24px}.group-directory-tabs{display:flex;gap:6px}.group-directory-tabs>*{padding:10px 16px;font-size:15px;color:#63776b;border-bottom:3px solid transparent;font-weight:600}.group-directory-tabs button[aria-pressed=true]{color:#145846;border-color:#145846}.group-directory-tabs span{font-size:12px;margin-left:8px}.group-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.group-discovery-card{min-width:0;border:1px solid #dce5df;border-radius:18px;background:#fff;padding:25px;display:flex;flex-direction:column;box-shadow:0 4px 18px #113c2410}.group-discovery-card h2{margin:19px 0 6px;overflow-wrap:anywhere}.group-sitting{font-weight:600;font-size:13px;color:#507862}.group-discovery-card p{color:#63766c;flex:1;margin:12px 0 22px;overflow-wrap:anywhere}.group-card-facts{display:grid;gap:8px;color:#697d71;font-size:13px}.group-card-facts span{display:flex;align-items:center;gap:7px}.group-card-bottom{border-top:1px solid #e5ebe7;margin-top:22px;padding-top:18px;font-size:13px}.group-card-top>svg{color:#71897b}.group-unread-badge{background:#185d4c;color:white;font-size:11px;border-radius:20px;padding:2px 7px;white-space:nowrap}.group-filters{display:flex;align-items:end;flex-wrap:wrap;gap:13px;margin-bottom:26px}.group-filters>label{font-size:12px;display:grid;gap:5px}.group-filters input,.group-filters select{background:white;border:1px solid #d5e0d9;border-radius:8px;padding:11px;color:#284b3b;max-width:230px}.group-filters .group-search{display:flex;align-items:center;flex:1;min-width:230px;background:white;border:1px solid #d5e0d9;border-radius:8px;padding-left:12px}.group-search input{border:0;max-width:none;width:100%;min-width:0}.group-invites{background:#eff6f0;border:1px solid #d6e5d9;padding:24px;border-radius:16px;margin:25px 0}.group-invites article{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #d6e5d9}.group-invites h2{margin-bottom:12px}.group-invites p{font-size:13px;margin:4px 0}.group-form fieldset{border:0;display:grid;gap:18px;min-width:0;padding:0;margin:0}.group-form fieldset[hidden]{display:none}.group-step{font-size:12px;color:#4c7962;border-bottom:1px solid #e0e9e3;padding-bottom:12px}.group-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.group-privacy-options{display:grid;gap:10px}.group-privacy-options>label{display:grid;grid-template-columns:auto auto 1fr;gap:6px 10px;padding:15px;border:1px solid #dce6df;border-radius:12px;cursor:pointer}.group-privacy-options span{grid-column:3;font-size:12px;line-height:1.6;color:#68806f}.group-privacy-options strong{font-size:14px}.group-panel-heading h2{font-size:16px;margin:5px 0}.group-info-list{display:grid;grid-template-columns:1fr;gap:5px;margin:25px 0}.group-info-list dt{font-size:11px;color:#829386;margin-top:10px}.group-info-list dd{font-size:13px;overflow-wrap:anywhere}.group-privacy-note{font-size:11px!important;background:#edf4ee;border-radius:10px;padding:13px;line-height:1.6}.group-small-card{background:white;border:1px solid #dae5dd;border-radius:12px;padding:17px;margin:14px 0;overflow-wrap:anywhere}.group-small-card h3{margin:8px 0}.group-member{display:flex;gap:11px;align-items:center;border-bottom:1px solid #e4ebe6;padding:15px 0;min-width:0}.group-member strong{font-size:13px;overflow-wrap:anywhere}.group-member small{display:block;font-size:11px;text-transform:capitalize;color:#7b8d7e;margin-top:3px}.group-member-actions{position:relative}.group-member-actions summary{cursor:pointer;list-style:none;padding:6px}.group-member-actions>div{position:absolute;right:0;z-index:5;width:180px;padding:6px;border:1px solid #d3dfd6;border-radius:8px;background:white;box-shadow:0 6px 20px #16372220}.group-member-actions button{display:block;padding:10px;text-align:left;width:100%;font-size:12px}.group-member-actions button:hover{background:#eef5f0}.groups-main .katex-display{padding:5px 0}@media(max-width:1100px){.group-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.groups-main{padding-block:20px}.group-directory-tabs{gap:0}.group-directory-tabs>*{padding:14px 9px;font-size:12px}.group-directory-grid{grid-template-columns:minmax(0,1fr)}.group-discovery-card{padding:22px}.group-filters{gap:10px}.group-filters select{max-width:100%;width:100%}.group-filters .group-search{flex-basis:100%}.group-invites article{flex-direction:column}.group-form-pair{grid-template-columns:1fr 1fr;gap:10px}}.groups-main:has(.group-room){padding-block:14px}.group-room{position:relative;height:calc(100dvh - 48px - 28px);min-height:460px;max-height:1200px;background:#fff;border:1px solid #d7e2db;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 28px #193d230d}.group-room-heading{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 14px;border-bottom:1px solid #e3eae5;background:#fff;flex-shrink:0}.group-room-title{flex:1;min-width:0}.groups-main .group-room-title h1{font-size:17px;line-height:1.25;letter-spacing:-.01em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-room-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#6c8073;white-space:nowrap;overflow:hidden;min-width:0}.group-room-meta>span:first-child{overflow:hidden;text-overflow:ellipsis}.group-live{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.group-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#c3ccc6}.group-live.on .group-live-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.group-panel-toggle{position:relative;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;border:1px solid #d7e2db;border-radius:8px;background:#fff;padding:6px 11px;font-size:13px;font-weight:600;color:#2c4a3d;cursor:pointer}.group-panel-toggle:hover{background:#f3f7f4}.group-panel-toggle[aria-expanded=true]{background:#e7f2e9;border-color:#b9d3c2;color:#185741}.group-panel-toggle b{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#b4532a;color:#fff;font-size:10px;line-height:17px;text-align:center}.group-error{background:#fff4e6;border-bottom:1px solid #ecd9bd;padding:8px 16px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}.group-room-body{flex:1}.group-conversation,.group-room-body{position:relative;display:flex;min-height:0}.group-conversation{flex-direction:column;flex:1;min-width:0}.group-message-viewport{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.group-message-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:10px 0 6px;scrollbar-width:thin;scrollbar-color:#bfcec4 transparent}.group-message-scroll:focus-visible{outline:2px solid #277251;outline-offset:-2px}.group-history{display:flex;justify-content:center;align-items:center;gap:14px;padding:4px 0 8px}.group-older{background:#f1f6f2;border-radius:20px;padding:6px 14px;color:#4f7860;font-size:12px}.group-chat-welcome{display:grid;justify-items:center;text-align:center;padding:48px 20px 30px;gap:10px;color:#64806b}.group-chat-welcome p{max-width:400px;font-size:14px}.group-chat-welcome h2{color:#28553d}.group-day{display:flex;align-items:center;gap:12px;margin:16px 16px 4px;font-size:12px;font-weight:600;color:#5e7467}.group-day:after,.group-day:before{content:"";flex:1;height:1px;background:#e3eae5}.group-unread-line{display:flex;align-items:center;gap:8px;margin:8px 16px 0;color:#b4532a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.group-unread-line:before{content:"";flex:1;height:1px;background:#e2b6a2}.group-message{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 10px;padding:2px 20px 2px 16px}.group-message-gutter{display:flex;justify-content:center;min-width:0}.group-message-gutter time{font-size:10px;line-height:22px;color:#9aa79e;white-space:nowrap;opacity:0}.group-message-content{min-width:0}.group-message-content>header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:14px;line-height:1.35}.group-message-content>header strong{color:#1d3a30}.group-message small,.group-message time{font-size:11px;color:#8c998f}.group-message-flags{display:flex;gap:6px;line-height:1.2}.groups-main .katex-display{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 0;margin:4px 0}.group-reply-preview{display:flex;gap:6px;border-left:2px solid #91b49f;padding:1px 0 1px 8px;margin:2px 0 4px;font-size:12px;color:#6a8170;overflow-wrap:anywhere}.group-reply-preview>svg{flex-shrink:0;margin-top:3px}.group-reply-preview strong{color:#3f7054}.group-message-actions{position:absolute;top:-14px;right:16px;z-index:2;display:none;gap:1px;padding:2px;background:#fff;border:1px solid #d7e2db;border-radius:8px;box-shadow:0 2px 10px #183c3418}.group-message-actions button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border-radius:6px;color:#5d7367}.group-message-actions button:hover{background:#eef4f0;color:#135b3f}@media(hover:hover){.group-message:hover{background:#f5f8f6}.group-message:hover .group-message-actions{display:flex}.group-message:hover .group-message-gutter time{opacity:1}}.group-scroll-end{height:4px}.group-new-messages{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:7px;align-items:center;background:#185f46;color:#fff;border-radius:20px;font-size:12px;padding:8px 15px;box-shadow:0 3px 14px #183c3428;white-space:nowrap}.group-composer{flex-shrink:0;padding:6px 16px 14px;background:#fff}.group-composer-reply{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;margin-bottom:6px;background:#ecf4ee;border-left:2px solid #629879;border-radius:5px;font-size:12px}.group-composer-reply small{display:block;color:#69816f;margin-top:2px}.group-composer-reply button{padding:6px}.group-composer-box{position:relative;border:1px solid #cfdcd3;border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}.group-composer-box:focus-within{border-color:#6d9c82;box-shadow:0 0 0 3px #2772511a}.group-send{position:absolute;right:7px;bottom:6px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;border-radius:8px;background:#185d4c;color:#fff}.group-send:hover{background:#13493c}.group-composer-hint{position:absolute;right:54px;bottom:13px;font-size:11px;color:#9aa79e;pointer-events:none;display:none}@media(min-width:1000px) and (pointer:fine){.group-composer-hint{display:block}}@media(max-width:1300px){.group-room.panel-open .group-composer-hint{display:none}}.group-composer-archived{padding:16px;font-size:13px;color:#7b887e;background:#f0f3f0;text-align:center;flex-shrink:0}.group-side-panel{display:flex;flex-direction:column;flex-shrink:0;width:0;overflow:hidden;background:#fbfcfb;border-left:1px solid transparent;transition:width .22s ease,border-color .22s}.group-room.panel-open .group-side-panel{width:364px;border-left-color:#e1e9e4}.group-side-panel>*{width:364px}.group-panel-bar{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 10px;border-bottom:1px solid #e1e9e4;flex-shrink:0}.group-panel-tabs{display:flex;gap:2px;flex:1;min-width:0}.group-panel-tabs button{display:inline-flex;align-items:center;gap:5px;padding:6px 7px;border-radius:7px;font-size:12px;white-space:nowrap}.group-panel-tabs button:hover{background:#eef4f0}.group-panel-tabs button[aria-pressed=true]{background:#e7f2e9}.group-panel-close{flex-shrink:0}.group-panel-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 18px;scrollbar-width:thin}.group-side-panel h2{display:flex;align-items:center;gap:8px;font-size:16px;margin:2px 0 12px}.group-side-panel h3{font-size:14px;margin:20px 0 8px}.group-side-panel p{font-size:13px;color:#63796a}@media(max-width:1100px){.group-room.panel-open .group-side-panel,.group-side-panel>*{width:320px}.group-panel-tabs button{padding:6px 5px;gap:4px;font-size:11.5px}}@media(prefers-reduced-motion:reduce){.group-side-panel{transition:none}}@media(max-width:760px){.groups-main:has(.group-room){padding-block:0}}@media(max-width:760px){.group-room{width:100vw;margin-left:calc(50% - 50vw);height:calc(100dvh - var(--group-header-height,124px));min-height:360px;max-height:none;border-radius:0;border-inline:0;border-bottom:0;box-shadow:none}.group-room-heading{min-height:50px;padding:5px 8px;gap:6px}.groups-main .group-room-title h1{font-size:16px}.group-room-meta{font-size:11px;gap:8px}.group-message{grid-template-columns:32px minmax(0,1fr);gap:0 8px;padding:2px 12px 2px 10px}.group-message-actions{right:10px}.group-message-actions button{width:36px;height:32px}.group-composer{padding:4px 8px max(8px,env(safe-area-inset-bottom))}.group-side-panel{position:absolute;inset:0;z-index:6;width:100%;border:0;visibility:hidden;transform:translateX(100%);transition:transform .22s ease,visibility 0s linear .22s}.group-room.panel-open .group-side-panel{width:100%;visibility:visible;transform:none;transition:transform .22s ease}.group-room.panel-open .group-side-panel>*,.group-side-panel>*{width:100%}.group-panel-tabs{overflow-x:auto;scrollbar-width:none}.group-panel-content{padding:16px}.group-room.keyboard-open{position:fixed;z-index:50;left:0;right:0;top:var(--keyboard-top,0);width:100%;margin:0;height:var(--keyboard-height);min-height:0}.group-room.keyboard-open .group-room-heading{min-height:44px;padding:3px 8px}.group-room.keyboard-open .group-room-meta{display:none}}.group-form-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.group-room-heading{gap:12px;min-height:64px;padding:10px 16px}.group-room-name{display:flex;align-items:center;gap:10px;min-width:0}.group-room-name h1{min-width:0}.group-room-meta>span:first-child{display:block;min-width:0;margin-top:2px}.group-room-meta svg{display:inline;vertical-align:-1px;margin-right:5px}.group-room-heading>.group-live{font-size:12px;color:#5f7568}.group-panel-toggle-count,.group-room-meta-exam{display:none}.group-reply-preview{background:#ecf4ee;border-radius:6px;padding:5px 10px;margin:4px 0 6px}.group-pinned-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:5px;background:#fbefc6;color:#6f5f33;font-size:11px;font-weight:600;line-height:1.5}.group-message-actions{top:auto;bottom:-13px;gap:2px;padding:2px 4px}.group-message-actions button{width:auto;height:26px;padding:0 8px;gap:4px;font-size:12px;font-weight:600}.group-scroll-end{height:18px}.group-unread-line{justify-content:center;text-transform:none;letter-spacing:0;font-size:12px}.group-unread-line:after{content:"";flex:1;height:1px;background:#e2b6a2}.group-composer-box{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:8px;padding-right:7px}.group-composer-box>.group-composer-hint{position:static;grid-row:2;grid-column:2;white-space:nowrap}.group-composer-box>.group-send{position:static;grid-row:2;grid-column:3;width:auto;height:32px;padding:0 13px;gap:6px;margin-bottom:3px;font-size:13px;font-weight:600}.group-panel-bar{align-items:stretch;padding:0 8px 0 16px}.group-panel-tabs{gap:16px}.group-panel-tabs button{padding:13px 1px 11px;border-radius:0;border-bottom:2px solid transparent;font-size:13px;color:#5f7568}.group-panel-tabs button:hover{background:none;color:#185741}.group-panel-tabs button[aria-pressed=true]{background:none;border-bottom-color:#1b634d;color:#185741;font-weight:600}.group-panel-close{align-self:center}.group-pin-card{border-left:3px solid #e0b84a}.group-session-card{display:flex;gap:14px;align-items:flex-start}.group-session-card>div{flex:1;min-width:0}.group-session-date{flex:none;display:grid;justify-items:center;width:50px;padding:6px 0;border-radius:8px;background:#edf4ef;color:#1d3a30;font-size:12px;font-weight:700;line-height:1.3;text-align:center}.group-session-date span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#5f7568}.group-side-panel .group-member{gap:8px;margin:0 0 6px;padding:4px 6px 4px 4px;border:1px solid #dae5dd;border-radius:999px;background:#fff}.group-side-panel .group-member small{display:inline;margin:0}.group-side-panel .group-member small:before{content:"· "}.group-side-panel .group-member>span{padding-left:8px}@media(max-width:1100px){.group-panel-tabs{gap:12px}.group-panel-tabs button{padding:13px 1px 11px;font-size:12.5px}}@media(max-width:760px){.group-room-heading{min-height:56px;padding:6px 8px;gap:8px}.group-panel-toggle-count,.group-room-meta-exam{display:inline}.group-live-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.group-message-actions button{width:auto;height:32px;padding:0 10px}.group-composer-box>.group-send{padding:0 11px}.group-composer-box>.group-send>span{display:none}}.group-filters select{appearance:none;-webkit-appearance:none;padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2360776b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}.group-reactions{display:flex;flex-wrap:wrap;gap:5px;padding:3px 0 5px}.group-reaction{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:32px;padding:3px 9px;border:1px solid #d7e2db;border-radius:999px;background:#f5f8f6;color:#315c48;font-size:12px;font-weight:600;cursor:pointer}.group-reaction>span:first-child{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:17px;line-height:1}.group-reaction[aria-pressed=true]{background:#e1f0e7;border-color:#5b9172;color:#174f3f}.group-reaction:hover:enabled{background:#edf4ef;border-color:#8eb49c}.group-reaction:disabled{cursor:default}.group-reaction{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.group-reaction-people{flex-basis:100%;margin:2px 0 0;padding:6px 10px;border:1px solid #d7e2db;border-radius:10px;background:#fff;color:#315c48;font-size:13px;line-height:1.4;box-shadow:0 4px 14px rgba(21,59,46,.08)}.group-reaction-people>span{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.group-message:focus-visible,.group-reaction:focus-visible{outline:2px solid #155b48;outline-offset:2px}.group-message-actions:has([data-state=open]),.group-message:focus-within .group-message-actions{display:flex}.group-edit-message{border:1px solid #cfdcd3;border-radius:10px;overflow:hidden}@media(max-width:760px){.group-reaction{min-height:40px}.group-directory-actions,.group-directory-bar{gap:8px}}