.groups-page{max-width:1100px;margin-inline:auto}.groups-page form>label,.groups-page form>small{display:block;margin-block:.7rem .35rem}.groups-page input:not([type=checkbox]):not([type=hidden]),.groups-page textarea,.groups-page select{max-width:100%;padding:.65rem;border:1px solid #cdd8dc;border-radius:10px;background:var(--surface,#fff);color:inherit}.groups-page input[type=text],.groups-page textarea,.groups-page form>select{width:100%}.groups-page form>button{margin-block:.8rem}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.group-card{border:1px solid #dce2e5;border-radius:18px;padding:22px}.group-logo{height:58px;width:58px;object-fit:cover;border-radius:18px;flex-shrink:0}.group-placeholder{display:grid;place-items:center;background:#e7f1f0;font-size:2rem}.group-title{display:flex;align-items:center;gap:15px;min-width:0}.group-title h1,.group-card h2{overflow-wrap:anywhere}.group-member{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #dce2e5;flex-wrap:wrap}.group-member small{display:block;opacity:.7;margin-block-start:5px}.group-member-actions{display:flex;gap:8px;flex-wrap:wrap}.group-member-actions button,.group-delete{border:1px solid #cdd8dc;border-radius:8px;padding:6px 12px;background:transparent;color:inherit;cursor:pointer}.group-settings{padding:16px;background:#f1f5f5;border-radius:12px}.group-settings summary{cursor:pointer;font-weight:700}.group-history{display:flex;justify-content:space-between;gap:20px}.group-messages{max-height:62vh;min-height:200px;overflow-y:auto;padding:16px;background:#f2f6f6;border-radius:18px;overscroll-behavior:contain}.group-message{max-width:85%;width:fit-content;min-width:170px;margin:12px 0;padding:15px 18px;background:#fff;border:1px solid #e2e8ea;border-radius:18px 18px 4px 18px;color:#23313c}.group-message.is-own{margin-inline-start:auto;background:#e1efec;border-color:#c6dfd7;border-radius:18px 18px 18px 4px}.group-message header{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:.85rem;margin-bottom:10px}.group-message time{font-size:.75rem;opacity:.7}.group-message-body{white-space:pre-wrap;overflow-wrap:anywhere}.group-message-body.is-bold{font-weight:700}.group-message-body.is-italic{font-style:italic}.group-message-body.is-underlined{text-decoration:underline}.group-message-body.color-blue{color:#1e5fa0}.group-message-body.color-green{color:#16734d}.group-message-body.color-red{color:#af253c}.group-message-body.color-purple{color:#7740a2}.group-message-body.size-small{font-size:.875rem}.group-message-body.size-large{font-size:1.25rem}.group-message-body.align-center{text-align:center}.group-message-body.align-end{text-align:end}.group-deleted{opacity:.65;font-style:italic}.group-images{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.group-images img{width:180px;height:150px;object-fit:cover;border-radius:12px;max-width:100%}.group-format{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#f1f5f5;padding:12px;border-radius:12px}.group-format label{display:flex;align-items:center;gap:6px}.group-composer{margin-top:20px}.group-composer textarea{resize:vertical}.group-thread .section-heading{flex-wrap:wrap;gap:16px}@media(max-width:600px){.group-message{max-width:96%}.group-format{gap:8px}.group-format select{padding:5px}.group-title h1{font-size:1.35rem}.group-images img{width:140px;height:120px}}[data-mode=dark] .group-settings,[data-mode=dark] .group-format,[data-mode=dark] .group-messages{background:#25343e}[data-mode=dark] .groups-page input,[data-mode=dark] .groups-page textarea,[data-mode=dark] .groups-page select{background:#263741}