.group-media-view{background:#f6f1f3;border:1px solid #e7dce1;border-radius:12px;max-width:100%;margin:18px 0;overflow:hidden}.group-media-view img,.group-media-view video{object-fit:contain;width:100%;max-height:440px;display:block}.group-media-view video{aspect-ratio:16/9;background:#231f21}.group-media-view small{color:#6c6267;padding:9px 12px;font-size:12px;display:block}.group-media-view a{color:#8b1d3f;text-decoration:underline}.group-media-thumbnail{margin:0 0 14px}.group-media-thumbnail img{object-fit:cover;height:180px}.group-video-label{color:#8b1d3f;padding:22px 18px;font-weight:600;display:block}.group-media-editor{border:1px solid #e2d7dd;border-radius:10px;min-width:0;margin:14px 0;padding:16px}.group-media-editor>strong{font-size:14px}.group-media-editor>p,.group-media-editor>small{color:#6c6267;margin-top:7px;font-size:12px;line-height:1.6;display:block}.group-media-editor .group-media-view img,.group-media-editor .group-media-view video{max-height:260px}.group-media-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.group-media-actions .secondary-button{color:#8b1d3f;background:#fff;border:1px solid #d9ccd2;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 12px;font-size:12px;display:inline-flex}.group-media-upload{cursor:pointer;position:relative;overflow:hidden}.group-media-upload input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.group-media-upload:focus-within{outline-offset:3px;outline:3px solid #b66786}.group-media-upload.is-uploading{opacity:.55}@media (max-width:640px){.group-media-editor{padding:12px}.group-media-actions>*{flex:1}.group-media-view img,.group-media-view video{max-height:300px}}.group-public{max-width:1080px;color:var(--foreground,#29252a);margin:auto;padding:28px 24px 70px}.group-public header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:44px;display:flex}.group-public header a{align-items:center;gap:7px;display:inline-flex}.group-public h1{margin:14px 0 20px;font-size:clamp(28px,5vw,42px);font-weight:650;line-height:1.15}.group-public h2,.group-events h2{margin:0 0 12px;font-size:21px;font-weight:600}.group-public-card{background:var(--card,#fff);border:1px solid #e8e2e5;border-radius:20px;max-width:760px;margin:24px auto;padding:32px}.group-meta{border-block:1px solid #eee5e9;margin-bottom:22px;padding:18px 0}.group-meta p,.group-card>p{align-items:flex-start;gap:10px;margin:10px 0;display:flex}.group-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;display:block!important}.group-card>.group-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box!important}.group-form{margin-top:28px}.group-form fieldset{gap:17px;margin-top:20px;display:grid}.group-form .field{gap:7px;display:grid}.group-form input,.group-form textarea,.group-form select{background:var(--background,#fff);width:100%;min-height:44px;color:inherit;border:1px solid #d7cbd1;border-radius:8px;padding:10px 12px}.group-form textarea{min-height:100px}.group-form small,.group-public .muted{color:#73636d;font-size:13px;line-height:1.5}.group-error{color:#951d38;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin:16px 0;padding:14px 16px}.group-confirmation{background:#f8f3f5;border-radius:12px;margin-top:24px;padding:22px}.group-confirmation h2{align-items:center;gap:9px;display:flex}.group-confirmation p{margin:10px 0}.group-cancel{flex-wrap:wrap;gap:10px;display:flex}.group-cancel p{width:100%}.group-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin-top:20px;display:grid}.group-card{background:var(--card,#fff);border:1px solid #e4dce1;border-radius:15px;padding:23px}.group-card h2{margin-top:12px}.group-icon{color:#8b1d3f;background:#f7eaf0;border-radius:12px;padding:10px;display:inline-flex}.group-card-actions,.group-toolbar{flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;display:flex}.group-toolbar{justify-content:space-between}.group-card progress{accent-color:#8b1d3f;width:100%;height:8px;margin-top:8px}.group-card .group-status{color:#7c1e3a;background:#f5eef1;border-radius:99px;padding:5px 9px;font-size:12px}.group-editor{max-height:90dvh;overflow-y:auto;max-width:760px!important}.group-hosts{flex-wrap:wrap;gap:12px;display:flex}.group-hosts label{align-items:center;gap:6px;display:flex}.group-hosts input{width:auto;min-height:0}.group-attendees{background:var(--card,#fff);border:1px solid #e4dce1;border-radius:15px;margin-top:24px;padding:22px}.group-table-scroll{margin-top:15px;overflow:auto}.group-attendees table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.group-attendees th,.group-attendees td{border-bottom:1px solid #eee5e9;padding:12px}.group-attendees th{font-weight:600}.group-attendees td small{color:#77646e;display:block}.group-attendees td button{margin:3px}.group-empty{text-align:center;border:1px dashed #dac8d1;border-radius:14px;margin-top:20px;padding:32px}.group-public .primary-button{color:#fff;background:#8b1d3f}.group-public .primary-button,.group-public .secondary-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex}.group-public .secondary-button{color:#74233e;background:#fff;border:1px solid #d9ccd2}.group-public button:disabled{opacity:.6;cursor:wait}:is(.group-public a:focus-visible,.group-public button:focus-visible,.group-public input:focus-visible){outline-offset:3px;outline:3px solid #b66786}.group-public .form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:640px){.group-public{padding:20px 14px 40px}.group-public header{margin-bottom:28px}.group-public header img{width:120px}.group-public header a{font-size:13px}.group-public-card{padding:22px 18px}.group-public .form-row,.group-form .form-row{grid-template-columns:1fr;display:grid}.group-card{padding:19px}.group-attendees{padding:15px}.group-editor{max-width:calc(100vw - 24px)!important}.group-card-actions>*{flex:1}.group-toolbar{align-items:flex-start}.group-form input{font-size:16px}}