.lpc-app .lpc-groups-page-head{
    min-height:0;
    align-items:center;
    gap:22px;
    padding:22px 24px;
    overflow:visible;
    border:1px solid rgba(14,45,123,.12);
    border-radius:20px;
    background:
        radial-gradient(circle at 92% 5%,rgba(248,184,97,.18),transparent 32%),
        linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,249,255,.98));
    box-shadow:0 12px 32px rgba(14,45,123,.07);
    color:#102645;
}
.lpc-app .lpc-groups-page-head::after{display:none;}
.lpc-app .lpc-groups-page-head>div{max-width:680px;}
.lpc-app .lpc-groups-page-head .lpc-page-eyebrow{
    margin-bottom:5px;
    color:#b36c0e;
    font-size:10.5px;
    letter-spacing:.12em;
}
.lpc-app .lpc-groups-page-head h1{
    margin:0;
    color:#0e2d7b;
    font-size:30px;
    line-height:1.08;
    font-weight:700;
}
.lpc-app .lpc-groups-page-head p{
    max-width:560px;
    margin:7px 0 0;
    color:#677890;
    font-size:13.5px;
    line-height:1.5;
}
.lpc-app .lpc-groups-page-actions{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    margin-left:auto;
}
.lpc-app .lpc-groups-page-actions .lpc-primary-button,
.lpc-app .lpc-groups-page-actions .lpc-secondary-button{
    min-height:42px;
    gap:7px;
    padding:0 15px;
    border-radius:11px;
    font-size:12.5px;
    font-weight:700;
}
.lpc-app .lpc-groups-page-actions .lpc-primary-button{
    border-color:#f8b861;
    background:#f8b861;
    color:#061b3d;
}
.lpc-app .lpc-groups-page-actions .lpc-primary-button:hover,
.lpc-app .lpc-groups-page-actions .lpc-primary-button:focus-visible{
    border-color:#0e2d7b;
    background:#0e2d7b;
    color:#fff;
}
.lpc-app .lpc-groups-page-actions svg{width:16px;height:16px;}
.lpc-app .lpc-groups-workspace{
    display:grid;
    gap:18px;
}
.lpc-app .lpc-my-groups-overview{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);
    align-items:center;
    gap:14px;
    padding:12px;
    border:1px solid rgba(14,45,123,.11);
    border-radius:17px;
    background:rgba(255,255,255,.94);
    box-shadow:0 8px 24px rgba(14,45,123,.05);
}
.lpc-app .lpc-my-groups-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    min-width:0;
    overflow:hidden;
    border:1px solid #e3eaf2;
    border-radius:12px;
    background:#f8fafc;
}
.lpc-app .lpc-my-groups-summary>div{
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:6px;
    min-width:0;
    padding:11px 9px;
    border-right:1px solid #e3eaf2;
}
.lpc-app .lpc-my-groups-summary>div:last-child{border-right:0;}
.lpc-app .lpc-my-groups-summary strong{
    color:#0e2d7b;
    font-size:17px;
    line-height:1;
    font-weight:700;
}
.lpc-app .lpc-my-groups-summary span{
    min-width:0;
    color:#687990;
    font-size:10.5px;
    font-weight:600;
    white-space:nowrap;
}
.lpc-app .lpc-my-groups-search{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    min-width:0;
    min-height:44px;
    overflow:hidden;
    border:1px solid #d7e1ec;
    border-radius:12px;
    background:#fff;
    color:#718098;
    transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.lpc-app .lpc-my-groups-search:focus-within{
    border-color:#0e2d7b;
    box-shadow:0 0 0 3px rgba(248,184,97,.22);
    background:#fff;
}
.lpc-app .lpc-my-groups-search>span{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    color:#0e2d7b;
}
.lpc-app .lpc-my-groups-search svg{width:16px;height:16px;}
.lpc-app .lpc-my-groups-search input{
    width:100%;
    min-width:0;
    height:42px;
    margin:0;
    padding:0 6px 0 0;
    border:0;
    outline:0;
    background:transparent;
    color:#102645;
    box-shadow:none;
    font-family:inherit;
    font-size:13px;
    font-weight:500;
}
.lpc-app .lpc-my-groups-search input::placeholder{color:#8b98aa;}
.lpc-app .lpc-my-groups-search button{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    margin-right:4px;
    padding:0;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#75849a;
    cursor:pointer;
}
.lpc-app .lpc-my-groups-search button:hover,
.lpc-app .lpc-my-groups-search button:focus-visible{
    background:#eef3fb;
    color:#0e2d7b;
}
.lpc-app .lpc-my-groups-search button[hidden]{display:none;}
.lpc-app .lpc-my-groups-no-results{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:94px;
    padding:18px;
    border:1px dashed #ced9e6;
    border-radius:16px;
    background:rgba(255,255,255,.82);
    color:#6e7d92;
    text-align:left;
}
.lpc-app .lpc-my-groups-no-results[hidden]{display:none;}
.lpc-app .lpc-my-groups-no-results>span{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:11px;
    background:#eef3fb;
    color:#0e2d7b;
}
.lpc-app .lpc-my-groups-no-results svg{width:17px;height:17px;}
.lpc-app .lpc-my-groups-no-results div{display:grid;gap:2px;}
.lpc-app .lpc-my-groups-no-results strong{color:#203650;font-size:12.5px;}
.lpc-app .lpc-my-groups-no-results small{font-size:11px;}
.lpc-app .lpc-group-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
    gap:14px;
}
.lpc-app .lpc-group-card{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(14,45,123,.11);
    border-radius:18px;
    background:rgba(255,255,255,.97);
    box-shadow:0 10px 28px rgba(14,45,123,.065);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.lpc-app .lpc-group-card:hover{
    transform:translateY(-2px);
    border-color:rgba(14,45,123,.22);
    box-shadow:0 15px 34px rgba(14,45,123,.1);
}
.lpc-app .lpc-group-card[hidden]{display:none;}
.lpc-app .lpc-group-card-open{
    position:relative;
    display:block;
    width:100%;
    height:136px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:inherit;
    cursor:pointer;
    text-align:left;
}
.lpc-app .lpc-group-card-open:focus-visible{
    outline:3px solid rgba(248,184,97,.7);
    outline-offset:-3px;
}
.lpc-app .lpc-group-card-cover{
    position:absolute;
    inset:0;
    display:block;
    background:linear-gradient(135deg,#163f78,#0e2d7b);
    background-size:cover;
    background-position:center;
}
.lpc-app .lpc-group-card-cover::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(6,27,61,.04) 25%,rgba(6,27,61,.6) 100%);
}
.lpc-app .lpc-group-card-cover i{
    position:absolute;
    right:-42px;
    top:-52px;
    width:142px;
    height:142px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    box-shadow:0 0 0 26px rgba(255,255,255,.04),0 0 0 52px rgba(255,255,255,.02);
}
.lpc-app .lpc-group-card-avatar{
    position:absolute;
    left:16px;
    bottom:-24px;
    z-index:2;
    display:grid;
    place-items:center;
    width:62px;
    height:62px;
    overflow:hidden;
    border:4px solid #fff;
    border-radius:17px;
    background:#f8b861;
    color:#0e2d7b;
    box-shadow:0 8px 18px rgba(5,22,56,.18);
}
.lpc-app .lpc-group-card-avatar img{width:100%;height:100%;object-fit:cover;}
.lpc-app .lpc-group-card-avatar svg{width:27px;height:27px;}
.lpc-app .lpc-group-card-body{
    display:grid;
    gap:8px;
    padding:31px 16px 15px;
}
.lpc-app .lpc-group-card-topline{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    min-width:0;
    color:#6a788d;
    font-size:10.5px;
    font-weight:600;
}
.lpc-app .lpc-group-card-topline span{
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-height:24px;
    padding:3px 7px;
    border-radius:999px;
    background:#f2f5f9;
    white-space:nowrap;
}
.lpc-app .lpc-group-card-topline svg{width:12px;height:12px;}
.lpc-app .lpc-group-card-topline .lpc-group-card-role{
    margin-left:auto;
    background:#fff5df;
    color:#86550f;
}
.lpc-app .lpc-group-card-topline .lpc-group-card-role.is-owner{
    background:#0e2d7b;
    color:#fff;
}
.lpc-app .lpc-group-card-topline .lpc-group-card-role.is-admin,
.lpc-app .lpc-group-card-topline .lpc-group-card-role.is-moderator{
    background:#eaf2ff;
    color:#245294;
}
.lpc-app .lpc-group-card-title{
    display:block;
    width:100%;
    margin:1px 0 0;
    padding:0;
    border:0;
    background:transparent;
    color:#102645;
    font-family:inherit;
    font-size:17px;
    line-height:1.24;
    font-weight:700;
    text-align:left;
    cursor:pointer;
    overflow-wrap:anywhere;
}
.lpc-app .lpc-group-card-title:hover,
.lpc-app .lpc-group-card-title:focus-visible{color:#0e2d7b;}
.lpc-app .lpc-group-card-body>p{
    min-height:40px;
    margin:0;
    color:#68778b;
    font-size:12.5px;
    line-height:1.5;
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.lpc-app .lpc-group-card-stats{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px 12px;
    color:#7a8799;
    font-size:10.5px;
    line-height:1.35;
}
.lpc-app .lpc-group-card-stats span{display:inline-flex;align-items:center;gap:4px;}
.lpc-app .lpc-group-card-stats strong{color:#273d5a;font-weight:700;}
.lpc-app .lpc-group-card-network{color:#536d91;}
.lpc-app .lpc-group-card-network svg{width:13px;height:13px;}
.lpc-app .lpc-group-card-actions{
    display:flex;
    align-items:center;
    gap:8px;
    padding-top:3px;
}
.lpc-app .lpc-group-membership-button,
.lpc-app .lpc-group-view-button{
    min-height:38px;
    border-radius:10px;
    font-family:inherit;
    font-size:11.5px;
    font-weight:700;
}
.lpc-app .lpc-group-membership-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:108px;
    padding:0 12px;
    border:1px solid #f8b861;
    background:#f8b861;
    color:#061b3d;
    cursor:pointer;
    transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.lpc-app .lpc-group-membership-button:hover,
.lpc-app .lpc-group-membership-button:focus-visible{
    transform:translateY(-1px);
    border-color:#0e2d7b;
    background:#0e2d7b;
    color:#fff;
    box-shadow:0 7px 18px rgba(14,45,123,.14);
}
.lpc-app .lpc-group-membership-button:active{transform:translateY(0);background:#061b3d;border-color:#061b3d;}
.lpc-app .lpc-group-membership-button svg{width:15px;height:15px;}
.lpc-app .lpc-group-membership-button.is-joined,
.lpc-app .lpc-group-membership-button.is-owner{
    border-color:#d4dfec;
    background:#eef3f9;
    color:#0e2d7b;
}
.lpc-app .lpc-group-membership-button.is-requested{
    border-color:#f0d09e;
    background:#fff7e9;
    color:#855410;
}
.lpc-app .lpc-group-membership-button.is-invited{
    border-color:#f8b861;
    background:#fff1d6;
    color:#70450c;
}
.lpc-app .lpc-group-membership-button:disabled{
    cursor:default;
    opacity:1;
    transform:none;
    box-shadow:none;
}
.lpc-app .lpc-group-membership-button.is-compact{
    flex:0 0 auto;
    min-width:0;
    min-height:34px;
    padding:0 10px;
    border-radius:9px;
    font-size:10.5px;
}
.lpc-app .lpc-group-membership-button.is-compact svg{width:14px;height:14px;}
.lpc-app .lpc-suggested-group-list,
.lpc-app .lpc-your-group-list{
    display:grid;
    gap:6px;
}
.lpc-app .lpc-suggested-group-row,
.lpc-app .lpc-your-group-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    min-width:0;
    padding:6px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:12px;
    background:rgba(255,255,255,.08);
    transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}
.lpc-app .lpc-suggested-group-row:hover,
.lpc-app .lpc-your-group-row:hover{
    border-color:#FFE5B857;
    background:rgba(244,171,74,.22);
    transform:translateY(-1px);
}
.lpc-app .lpc-suggested-group-open,
.lpc-app .lpc-your-group-open{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    align-items:center;
    gap:10px;
    min-width:0;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    text-align:left;
    cursor:pointer;
}
.lpc-app .lpc-suggested-group-thumb,
.lpc-app .lpc-your-group-thumb{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    overflow:hidden;
    border-radius:12px;
    background:rgba(255,255,255,.12);
    color:var(--lpc-sidebar-foreground);
}
.lpc-app .lpc-suggested-group-thumb img,
.lpc-app .lpc-your-group-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.lpc-app .lpc-suggested-group-thumb svg,
.lpc-app .lpc-your-group-thumb svg{
    width:21px;
    height:21px;
}
.lpc-app .lpc-suggested-group-open .lpc-side-copy,
.lpc-app .lpc-your-group-open .lpc-side-copy{
    display:grid;
    gap:2px;
    min-width:0;
}
.lpc-app .lpc-suggested-group-open .lpc-side-copy strong,
.lpc-app .lpc-your-group-open .lpc-side-copy strong{
    display:-webkit-box;
    width:auto;
    height:auto;
    overflow:hidden;
    color:var(--lpc-sidebar-foreground);
    background:transparent;
    font-size:12.5px;
    font-weight:700;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:normal;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.lpc-app .lpc-suggested-group-open .lpc-side-copy small,
.lpc-app .lpc-your-group-open .lpc-side-copy small{
    display:block;
    width:auto;
    height:auto;
    overflow:hidden;
    color:var(--lpc-sidebar-foreground);
    background:transparent;
    font-size:10.5px;
    font-weight:500;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.lpc-app .lpc-suggested-group-open:hover .lpc-side-copy strong,
.lpc-app .lpc-your-group-open:hover .lpc-side-copy strong{
    color:var(--lpc-sidebar-foreground);
}
.lpc-app .lpc-suggested-groups-empty{
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 0;
    color:var(--lpc-sidebar-foreground);
}
.lpc-app .lpc-suggested-groups-empty>span{
    display:grid;
    place-items:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:10px;
    background:rgba(255,255,255,.12);
    color:var(--lpc-sidebar-foreground);
}
.lpc-app .lpc-suggested-groups-empty p{
    margin:0;
    font-size:11px;
    line-height:1.4;
}
.lpc-app .lpc-group-view-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    margin-left:auto;
    padding:0 10px;
    border:0;
    background:transparent;
    color:#0e2d7b;
    cursor:pointer;
}
.lpc-app .lpc-group-view-button svg{
    width:15px;
    height:15px;
    transition:transform .18s ease;
}
.lpc-app .lpc-group-view-button:hover svg{
    transform:translateX(2px);
}
.lpc-app .lpc-group-grid-empty,
.lpc-app .lpc-groups-empty{
    display:flex;
    align-items:center;
    gap:18px;
    min-height:150px;
    padding:26px;
    border:1px solid rgba(14,45,123,.1);
    border-radius:20px;
    background:rgba(255,255,255,.92);
}
.lpc-app .lpc-group-grid-empty>span,
.lpc-app .lpc-groups-empty>span{
    display:grid;
    place-items:center;
    flex:0 0 56px;
    width:56px;
    height:56px;
    border-radius:16px;
    background:#eef3fb;
    color:#0e2d7b;
}
.lpc-app .lpc-group-grid-empty h3,
.lpc-app .lpc-groups-empty h2{
    margin:0 0 4px;
    color:#132947;
    font-size:19px;
    font-weight:700;
}
.lpc-app .lpc-group-grid-empty p,
.lpc-app .lpc-groups-empty p{
    margin:0;
    color:#6a778c;
    font-size:13.5px;
}
.lpc-app .lpc-groups-empty .lpc-primary-button{
    margin-left:auto;
}
.lpc-app .lpc-group-discover-toolbar{
    display:grid;
    gap:12px;
    padding:14px;
    margin-bottom:16px;
    border:1px solid rgba(14,45,123,.1);
    border-radius:18px;
    background:rgba(255,255,255,.94);
    box-shadow:0 10px 26px rgba(14,45,123,.06);
}
.lpc-app .lpc-group-discover-search{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:5px 6px 5px 13px;
    border:1px solid #dce4ee;
    border-radius:14px;
    background:#f8fafc;
}
.lpc-app .lpc-group-discover-search>span{
    color:#758197;
}
.lpc-app .lpc-group-discover-search svg{
    width:18px;
    height:18px;
}
.lpc-app .lpc-group-discover-search input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#172d4a;
    font-size:14px;
}
.lpc-app .lpc-group-discover-search button{
    min-height:36px;
    padding:0 14px;
    border:0;
    border-radius:10px;
    background:#0e2d7b;
    color:#fff;
    font-size:12.5px;
    font-weight:700;
    cursor:pointer;
}
.lpc-app .lpc-group-discover-filters{
    display:grid;
    grid-template-columns:minmax(160px,220px) minmax(0,1fr);
    align-items:center;
    gap:12px;
}
.lpc-app .lpc-group-discover-category-control{
    width:100%;
}
.lpc-app .lpc-group-discover-category-select{
    display:block;
    width:100%;
    height:42px;
    min-height:42px;
    margin:0;
    padding:0 48px 0 12px;
    border:1px solid #dce4ee;
    border-radius:12px;
    background:#fff;
    color:#243954;
    font-family:inherit;
    font-size:13px;
    font-weight:600;
    line-height:normal;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.lpc-app .lpc-group-discover-category-select:hover{
    border-color:#c7d2df;
    background:#fff;
}
.lpc-app .lpc-group-discover-category-select:focus{
    border-color:rgba(14,45,123,.55);
    box-shadow:0 0 0 3px rgba(14,45,123,.08);
}
.lpc-app .lpc-group-discover-category-control .lpc-group-select-arrow{
    top:5px;
    right:5px;
    bottom:5px;
    width:34px;
}
.lpc-app .lpc-group-sort-tabs{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    padding:4px;
    border-radius:12px;
    background:#f3f6fa;
}
.lpc-app .lpc-group-sort-tabs button{
    min-height:34px;
    padding:0 8px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#68758a;
    font-size:12.5px;
    font-weight:600;
    cursor:pointer;
}
.lpc-app .lpc-group-sort-tabs button.is-active{
    background:#fff;
    color:#0e2d7b;
    font-weight:700;
    box-shadow:0 4px 14px rgba(14,45,123,.08);
}
.lpc-app .lpc-groups-load-more{
    justify-self:center;
    min-width:170px;
}
.lpc-app .lpc-group-create-card,
.lpc-app .lpc-group-settings-card,
.lpc-app .lpc-group-info-card,
.lpc-app .lpc-group-members-card,
.lpc-app .lpc-group-rules-card{
    border:1px solid rgba(14,45,123,.1);
    border-radius:22px;
    background:#fff;
    box-shadow:0 14px 34px rgba(14,45,123,.07);
}
.lpc-app .lpc-group-create-card,
.lpc-app .lpc-group-settings-card{
    overflow:hidden;
}
.lpc-app .lpc-group-form-hero{
    display:flex;
    align-items:center;
    gap:16px;
    padding:22px 24px;
    border-bottom:1px solid rgba(14,45,123,.08);
    background:linear-gradient(180deg,#fbfcff 0%,#f7f9fd 100%);
}
.lpc-app .lpc-group-form-hero-icon{
    display:grid;
    place-items:center;
    flex:0 0 54px;
    width:54px;
    height:54px;
    border-radius:17px;
    background:#edf3fb;
    color:#0e2d7b;
}
.lpc-app .lpc-group-form-hero-icon svg{width:24px;height:24px;}
.lpc-app .lpc-group-form-kicker{
    display:block;
    margin-bottom:3px;
    color:#7b8799;
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.lpc-app .lpc-group-form-hero h2{
    margin:0;
    color:#152b49;
    font-size:21px;
    font-weight:700;
    line-height:1.25;
}
.lpc-app .lpc-group-form-hero p{
    margin:5px 0 0;
    max-width:720px;
    color:#6f7c90;
    font-size:13px;
    line-height:1.55;
}
.lpc-app .lpc-group-rules-card>header{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:20px;
}
.lpc-app .lpc-group-rules-card>header>span{
    display:grid;
    place-items:center;
    flex:0 0 50px;
    width:50px;
    height:50px;
    border-radius:15px;
    background:#eef3fb;
    color:#0e2d7b;
}
.lpc-app .lpc-group-rules-card h2{
    margin:0 0 4px;
    color:#152b49;
    font-size:20px;
    font-weight:700;
}
.lpc-app .lpc-group-rules-card header p{
    margin:0;
    color:#6f7c90;
    font-size:13px;
}
.lpc-app .lpc-group-create-form,
.lpc-app .lpc-group-settings-card form{
    display:grid;
    gap:16px;
    padding:20px 24px 24px;
}
.lpc-app .lpc-group-form-section{
    display:grid;
    gap:16px;
    padding:18px;
    border:1px solid #e4eaf1;
    border-radius:17px;
    background:#fff;
}
.lpc-app .lpc-group-form-section-head{
    display:flex;
    align-items:flex-start;
    gap:11px;
}
.lpc-app .lpc-group-form-section-head>span{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:12px;
    background:#f0f4fa;
    color:#0e2d7b;
}
.lpc-app .lpc-group-form-section-head>span svg{width:18px;height:18px;}
.lpc-app .lpc-group-form-section-head h3{
    margin:1px 0 3px;
    color:#1b304c;
    font-size:15px;
    font-weight:700;
    line-height:1.25;
}
.lpc-app .lpc-group-form-section-head p{
    margin:0;
    color:#7b8799;
    font-size:12px;
    line-height:1.45;
}
.lpc-app .lpc-group-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.lpc-app .lpc-group-field{
    display:grid;
    gap:7px;
    min-width:0;
}
.lpc-app .lpc-group-field>label{
    display:flex;
    align-items:center;
    gap:6px;
    color:#263b57;
    font-size:12.5px;
    font-weight:600;
}
.lpc-app .lpc-group-field>label em,
.lpc-app .lpc-group-field>label span{
    color:#8995a6;
    font-size:10.5px;
    font-style:normal;
    font-weight:600;
}
.lpc-app .lpc-group-field input:not([type="radio"]):not([type="file"]),
.lpc-app .lpc-group-field select,
.lpc-app .lpc-group-field textarea{
    width:100%;
    min-width:0;
    border:1px solid #d7e0ea;
    border-radius:12px;
    background:#fbfcfe;
    color:#172b47;
    font-family:inherit;
    font-size:14px;
    font-weight:500;
    line-height:1.45;
    outline:none;
    transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.lpc-app .lpc-group-field input:not([type="radio"]):not([type="file"]),
.lpc-app .lpc-group-field select{
    min-height:48px;
    padding:0 13px;
}
.lpc-app .lpc-group-field select{
    cursor:pointer;
}
.lpc-app .lpc-group-select-control{
    position:relative;
    display:block;
    width:100%;
    min-width:0;
}
.lpc-app .lpc-group-field .lpc-group-category-select{
    display:block;
    width:100%;
    min-height:48px;
    margin:0;
    padding:0 50px 0 14px;
    border:1px solid #d7e0ea;
    border-radius:12px;
    background:#fbfcfe;
    color:#172b47;
    font-family:inherit;
    font-size:14px;
    font-weight:600;
    line-height:1.3;
    letter-spacing:0;
    appearance:none;
    -webkit-appearance:none;
    background-image:none;
    cursor:pointer;
    transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.lpc-app .lpc-group-field .lpc-group-category-select:hover{
    border-color:#c2cfdd;
    background:#fff;
}
.lpc-app .lpc-group-field .lpc-group-category-select:focus{
    border-color:rgba(14,45,123,.55);
    background:#fff;
    box-shadow:0 0 0 3px rgba(14,45,123,.08);
}
.lpc-app .lpc-group-select-arrow{
    position:absolute;
    top:6px;
    right:6px;
    bottom:6px;
    display:grid;
    width:36px;
    place-items:center;
    border-left:1px solid #e3e9f0;
    color:#60718a;
    pointer-events:none;
    transition:color .18s ease,transform .18s ease,border-color .18s ease;
}
.lpc-app .lpc-group-select-arrow svg{
    width:17px;
    height:17px;
}
.lpc-app .lpc-group-select-control:focus-within .lpc-group-select-arrow{
    color:#0e2d7b;
    border-left-color:#d5dfeb;
    transform:translateY(1px);
}
.lpc-app .lpc-group-field.is-invalid .lpc-group-select-arrow{
    color:#9d2f2f;
    border-left-color:#ead1d1;
}
.lpc-app .lpc-group-category-select option{
    background:#fff;
    color:#172b47;
    font-weight:500;
}
.lpc-app .lpc-group-field textarea{
    min-height:120px;
    resize:vertical;
    padding:12px 13px;
}
.lpc-app .lpc-group-field input::placeholder,
.lpc-app .lpc-group-field textarea::placeholder{color:#98a4b4;}
.lpc-app .lpc-group-field input:focus,
.lpc-app .lpc-group-field select:focus,
.lpc-app .lpc-group-field textarea:focus{
    border-color:rgba(14,45,123,.55);
    background:#fff;
    box-shadow:0 0 0 3px rgba(14,45,123,.08);
}
.lpc-app .lpc-group-field-meta{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.lpc-app .lpc-group-field-meta small,
.lpc-app .lpc-group-asset-help{
    color:#8793a5;
    font-size:11px;
    font-weight:500;
    line-height:1.4;
}
.lpc-app .lpc-group-char-count,
.lpc-app .lpc-group-rule-count{
    flex:0 0 auto;
    color:#8a96a8;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
.lpc-app .lpc-group-char-count.is-near-limit,
.lpc-app .lpc-group-rule-count.is-near-limit{color:#8a5b20;}
.lpc-app .lpc-group-field-error{
    display:none;
    color:#9d2f2f;
    font-size:11px;
    font-weight:600;
    line-height:1.35;
}
.lpc-app .lpc-group-field.is-invalid .lpc-group-field-error,
.lpc-app .lpc-group-asset-field.is-invalid .lpc-group-field-error,
.lpc-app [data-lpc-privacy-error]:not(:empty){display:block;}
.lpc-app .lpc-group-field.is-invalid input,
.lpc-app .lpc-group-field.is-invalid select,
.lpc-app .lpc-group-field.is-invalid textarea,
.lpc-app .lpc-group-asset-field.is-invalid .lpc-group-asset-control{
    border-color:#d99b9b;
    box-shadow:0 0 0 3px rgba(157,47,47,.06);
}
.lpc-app .lpc-group-privacy-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
}
.lpc-app .lpc-group-privacy-choice{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    min-width:0;
    padding:14px;
    border:1px solid #dce4ed;
    border-radius:14px;
    background:#fbfcfe;
    cursor:pointer;
    transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.lpc-app .lpc-group-privacy-choice:hover{
    border-color:#c6d3e2;
    background:#fff;
    transform:translateY(-1px);
}
.lpc-app .lpc-group-privacy-choice.is-selected{
    border-color:rgba(14,45,123,.45);
    background:#f4f7fc;
    box-shadow:0 0 0 2px rgba(14,45,123,.05);
}
.lpc-app .lpc-group-privacy-choice input{
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none;
}
.lpc-app .lpc-group-privacy-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:11px;
    background:#fff;
    color:#0e2d7b;
    box-shadow:inset 0 0 0 1px rgba(14,45,123,.08);
}
.lpc-app .lpc-group-privacy-icon svg{width:18px;height:18px;}
.lpc-app .lpc-group-privacy-copy{display:grid;gap:3px;min-width:0;}
.lpc-app .lpc-group-privacy-copy strong{color:#213751;font-size:12.5px;font-weight:700;}
.lpc-app .lpc-group-privacy-copy small{color:#7b8799;font-size:11px;font-weight:500;line-height:1.4;}
.lpc-app .lpc-group-privacy-check{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    border:1px solid #d4dde7;
    border-radius:50%;
    background:#fff;
    color:transparent;
}
.lpc-app .lpc-group-privacy-check svg{width:13px;height:13px;}
.lpc-app .lpc-group-privacy-choice.is-selected .lpc-group-privacy-check{
    border-color:#0e2d7b;
    background:#0e2d7b;
    color:#fff;
}
.lpc-app .lpc-group-create-footer,
.lpc-app .lpc-group-settings-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    padding-top:2px;
}
.lpc-app .lpc-group-settings-actions .lpc-primary-button{min-width:138px;}
.lpc-app .lpc-group-form-message{
    padding:12px 14px;
    border:1px solid #cfe5d5;
    border-radius:12px;
    background:#f1f9f3;
    color:#21633a;
    font-size:12.5px;
    font-weight:600;
    line-height:1.45;
}
.lpc-app .lpc-group-form-message.is-error{
    border-color:#efcaca;
    background:#fff5f5;
    color:#9d2f2f;
}
.lpc-app [data-lpc-group-form].is-submitting{pointer-events:none;}
.lpc-app [data-lpc-group-form].is-submitting .lpc-group-form-section{opacity:.72;}
.lpc-app .lpc-group-page{
    display:grid;
    gap:16px;
}
.lpc-app .lpc-group-hero{
    overflow:hidden;
    border:1px solid rgba(14,45,123,.11);
    border-radius:20px;
    background:#fff;
    box-shadow:0 12px 32px rgba(14,45,123,.07);
}
.lpc-app .lpc-group-cover{
    position:relative;
    height:190px;
    background:
        linear-gradient(135deg,rgba(14,45,123,.94),rgba(24,79,145,.8)),
        linear-gradient(180deg,#164a86,#0e2d7b);
    background-size:cover;
    background-position:center;
}
.lpc-app .lpc-group-cover-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(5,22,51,.02),rgba(5,22,51,.35));
}
.lpc-app .lpc-group-hero-main{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:15px;
    padding:0 18px 16px;
}
.lpc-app .lpc-group-avatar-large{
    display:grid;
    place-items:center;
    width:88px;
    height:88px;
    margin-top:-34px;
    overflow:hidden;
    border:5px solid #fff;
    border-radius:22px;
    background:#f8b861;
    color:#0e2d7b;
    box-shadow:0 10px 24px rgba(8,29,65,.18);
}
.lpc-app .lpc-group-avatar-large img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.lpc-app .lpc-group-avatar-large svg{
    width:40px;
    height:40px;
}
.lpc-app .lpc-group-identity{
    min-width:0;
    padding-top:11px;
}
.lpc-app .lpc-group-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-bottom:5px;
    color:#6d7a8d;
    font-size:11.5px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.lpc-app .lpc-group-badge svg{
    width:14px;
    height:14px;
}
.lpc-app .lpc-group-identity h1{
    margin:0 0 5px;
    color:#102641;
    font-size:27px;
    line-height:1.12;
    font-weight:700;
    letter-spacing:-.025em;
}
.lpc-app .lpc-group-identity p{
    margin:0;
    color:#6d798c;
    font-size:13px;
    line-height:1.45;
}
.lpc-app .lpc-group-hero-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}
.lpc-app .lpc-group-hero-actions .lpc-group-membership-button,
.lpc-app .lpc-group-hero-actions .lpc-group-favorite-button,
.lpc-app .lpc-group-hero-actions .lpc-group-notification-control{
    min-height:40px;
}
.lpc-app .lpc-group-tabs{
    display:flex;
    align-items:center;
    gap:3px;
    overflow:auto hidden;
    padding:5px;
    border:1px solid rgba(14,45,123,.11);
    border-radius:14px;
    background:rgba(255,255,255,.96);
    box-shadow:0 6px 18px rgba(14,45,123,.04);
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
}
.lpc-app .lpc-group-tabs::-webkit-scrollbar{
    display:none;
}
.lpc-app .lpc-group-tabs button{
    position:relative;
    flex:0 0 auto;
    min-height:38px;
    padding:0 13px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#69768a;
    font-size:12.5px;
    font-weight:600;
    cursor:pointer;
    transition:background-color .18s ease,color .18s ease;
    scroll-snap-align:start;
}
.lpc-app .lpc-group-tabs button:hover{
    background:#f5f7fb;
    color:#223955;
}
.lpc-app .lpc-group-tabs button.is-active{
    background:#0e2d7b;
    color:#fff;
    font-weight:700;
    box-shadow:inset 0 -2px 0 #f8b861;
}
.lpc-app .lpc-group-tabs button.is-active span{color:rgba(255,255,255,.8);}
.lpc-app .lpc-group-tabs button span{
    margin-left:4px;
    color:#8b97a8;
    font-size:11px;
}
.lpc-app .lpc-group-tab-panel{
    display:none;
    animation:lpcGroupPanelIn .24s ease both;
}
.lpc-app .lpc-group-tab-panel.is-active{
    display:block;
}
@keyframes lpcGroupPanelIn{
    from{opacity:0;transform:translateY(5px)}
    to{opacity:1;transform:none}
}
.lpc-app .lpc-group-composer-card{
    margin-bottom:12px;
}
.lpc-app .lpc-group-private-state,
.lpc-app .lpc-group-media-empty,
.lpc-app .lpc-group-rules-empty,
.lpc-app .lpc-group-member-empty{
    display:flex;
    align-items:center;
    gap:15px;
    min-height:130px;
    padding:22px;
    border:1px solid rgba(14,45,123,.1);
    border-radius:18px;
    background:rgba(255,255,255,.94);
}
.lpc-app .lpc-group-private-state>span,
.lpc-app .lpc-group-media-empty>span,
.lpc-app .lpc-group-rules-empty>span,
.lpc-app .lpc-group-member-empty>span{
    display:grid;
    place-items:center;
    flex:0 0 50px;
    width:50px;
    height:50px;
    border-radius:15px;
    background:#eef3fb;
    color:#0e2d7b;
}
.lpc-app .lpc-group-private-state h2,
.lpc-app .lpc-group-media-empty h2,
.lpc-app .lpc-group-rules-empty h2{
    margin:0 0 4px;
    color:#152a46;
    font-size:19px;
    font-weight:700;
}
.lpc-app .lpc-group-private-state p,
.lpc-app .lpc-group-media-empty p,
.lpc-app .lpc-group-rules-empty p,
.lpc-app .lpc-group-member-empty p{
    margin:0;
    color:#6c798d;
    font-size:13px;
}
.lpc-app .lpc-group-info-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:16px;
    padding:22px;
}
.lpc-app .lpc-group-info-icon{
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    border-radius:15px;
    background:#eef3fb;
    color:#0e2d7b;
}
.lpc-app .lpc-group-info-card h2{
    margin:0 0 10px;
    color:#172d49;
    font-size:20px;
    font-weight:700;
}
.lpc-app .lpc-group-description{
    color:#56657a;
    font-size:13.5px;
    line-height:1.65;
}
.lpc-app .lpc-group-description p:first-child{margin-top:0}
.lpc-app .lpc-group-description p:last-child{margin-bottom:0}
.lpc-app .lpc-group-info-card dl{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:18px 0 0;
}
.lpc-app .lpc-group-info-card dl div{
    padding:11px 12px;
    border-radius:12px;
    background:#f7f9fc;
}
.lpc-app .lpc-group-info-card dt{
    color:#8a95a5;
    font-size:10.5px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.lpc-app .lpc-group-info-card dd{
    margin:3px 0 0;
    color:#243954;
    font-size:13px;
    font-weight:700;
}
.lpc-app .lpc-group-members-card{
    padding:18px;
}
.lpc-app .lpc-group-members-card>header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:12px;
}
.lpc-app .lpc-group-members-card>header h2{
    margin:2px 0 0;
    color:#172d49;
    font-size:19px;
    font-weight:700;
}
.lpc-app .lpc-group-member-filters{
    display:flex;
    gap:4px;
    padding:4px;
    border-radius:11px;
    background:#f3f6fa;
}
.lpc-app .lpc-group-member-filters button{
    min-height:32px;
    padding:0 10px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#748095;
    font-size:11.5px;
    font-weight:600;
    cursor:pointer;
}
.lpc-app .lpc-group-member-filters button.is-active{
    background:#fff;
    color:#0e2d7b;
    font-weight:700;
    box-shadow:0 3px 10px rgba(14,45,123,.08);
}
.lpc-app .lpc-group-invite-panel{
    display:grid;
    gap:10px;
    margin:2px 0 12px;
    padding:12px;
    border:1px solid #e4eaf1;
    border-radius:14px;
    background:#f9fbfd;
}
.lpc-app .lpc-group-invite-heading{
    display:flex;
    align-items:center;
    gap:9px;
}
.lpc-app .lpc-group-invite-heading>span{
    display:grid;
    place-items:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:10px;
    background:#eef3fb;
    color:#0e2d7b;
}
.lpc-app .lpc-group-invite-heading svg{
    width:17px;
    height:17px;
}
.lpc-app .lpc-group-invite-heading>div{
    display:grid;
    gap:1px;
    min-width:0;
}
.lpc-app .lpc-group-invite-heading strong{
    color:#203550;
    font-size:12.5px;
    font-weight:700;
}
.lpc-app .lpc-group-invite-heading small{
    color:#7c899b;
    font-size:10.5px;
    line-height:1.35;
}
.lpc-app .lpc-group-invite-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
}
.lpc-app .lpc-group-invite-person{
    display:grid;
    grid-template-columns:36px minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    min-width:0;
    padding:7px;
    border:1px solid #e7ecf2;
    border-radius:11px;
    background:#fff;
}
.lpc-app .lpc-group-invite-person img{
    width:36px;
    height:36px;
    border-radius:50%;
    object-fit:cover;
}
.lpc-app .lpc-group-invite-person>span{
    overflow:hidden;
    color:#2c405a;
    font-size:11.5px;
    font-weight:600;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.lpc-app .lpc-group-invite-person button{
    min-height:30px;
    padding:0 9px;
    border:1px solid #d7e0eb;
    border-radius:9px;
    background:#fff;
    color:#0e2d7b;
    font-size:10.5px;
    font-weight:700;
    cursor:pointer;
}
.lpc-app .lpc-group-invite-person button:hover{
    border-color:#0e2d7b;
    background:#eef3fb;
}
.lpc-app .lpc-group-member-list{
    display:grid;
}
.lpc-app .lpc-group-member-row{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    min-height:64px;
    padding:9px 0;
    border-top:1px solid #edf1f5;
}
.lpc-app .lpc-group-member-row:first-child{
    border-top:0;
}
.lpc-app .lpc-group-member-row img{
    width:46px;
    height:46px;
    border-radius:50%;
    object-fit:cover;
}
.lpc-app .lpc-group-member-row>div:nth-child(2){
    display:grid;
    gap:2px;
    min-width:0;
}
.lpc-app .lpc-group-member-row strong{
    color:#203550;
    font-size:13.5px;
    font-weight:700;
}
.lpc-app .lpc-group-member-row>div:nth-child(2)>span{
    color:#8994a5;
    font-size:11.5px;
    font-weight:600;
}
.lpc-app .lpc-group-member-actions{
    position:relative;
    display:flex;
    align-items:center;
    gap:6px;
}
.lpc-app .lpc-group-member-actions>button{
    min-height:34px;
    padding:0 10px;
    border:1px solid #dce4ed;
    border-radius:9px;
    background:#fff;
    color:#334965;
    font-size:11.5px;
    font-weight:700;
    cursor:pointer;
}
.lpc-app .lpc-group-member-actions>button:hover{
    border-color:#0e2d7b;
    color:#0e2d7b;
}
.lpc-app .lpc-group-member-actions>button[data-lpc-member-role]{
    display:grid;
    place-items:center;
    width:34px;
    padding:0;
}
.lpc-app .lpc-member-role-menu{
    position:absolute;
    right:0;
    top:40px;
    z-index:20;
    display:none;
    width:170px;
    padding:6px;
    border:1px solid #dde5ee;
    border-radius:12px;
    background:#fff;
    box-shadow:0 16px 36px rgba(14,45,123,.14);
}
.lpc-app .lpc-group-member-row.is-role-open .lpc-member-role-menu{
    display:grid;
    animation:lpcGroupPanelIn .16s ease both;
}
.lpc-app .lpc-member-role-menu button{
    min-height:34px;
    padding:0 9px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#334861;
    font-size:11.5px;
    font-weight:600;
    text-align:left;
    cursor:pointer;
}
.lpc-app .lpc-member-role-menu button:hover{
    background:#f5f7fa;
}
.lpc-app .lpc-member-role-menu button.is-danger{
    color:#a53030;
}
.lpc-app .lpc-group-media-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}
.lpc-app .lpc-group-media-grid button{
    aspect-ratio:1/1;
    overflow:hidden;
    padding:0;
    border:0;
    border-radius:14px;
    background:#edf1f5;
    cursor:pointer;
}
.lpc-app .lpc-group-media-grid img,
.lpc-app .lpc-group-media-grid video{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    background:#071C42;
}
.lpc-app .lpc-group-media-grid button:hover img,
.lpc-app .lpc-group-media-grid button:hover video{
    filter:saturate(1.03);
}

.lpc-app .lpc-group-media-grid button{
    position:relative;
}

.lpc-app .lpc-group-media-grid video{
    pointer-events:none;
    background:#071C42;
}

.lpc-group-media-play{
    position:absolute;
    left:50%;
    top:50%;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:50%;
    color:#fff;
    background:rgba(5,24,58,.68);
    box-shadow:0 8px 22px rgba(0,0,0,.22);
    transform:translate(-50%,-50%);
    pointer-events:none;
}

.lpc-group-media-play svg{
    width:17px;
    height:17px;
    margin-left:2px;
}

.lpc-group-media-badge{
    position:absolute;
    right:7px;
    bottom:7px;
    z-index:2;
    display:grid;
    min-width:30px;
    height:20px;
    place-items:center;
    padding:0 6px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:6px;
    color:#fff;
    background:rgba(4,24,56,.78);
    font-size:8px;
    font-weight:700;
    line-height:1;
    letter-spacing:.04em;
    pointer-events:none;
    backdrop-filter:blur(8px);
}
.lpc-app .lpc-group-rules-card{
    padding:20px;
}
.lpc-app .lpc-group-rules-card ol{
    display:grid;
    gap:9px;
    margin:0;
    padding:0;
    list-style:none;
    counter-reset:lpc-group-rule;
}
.lpc-app .lpc-group-rules-card li{
    position:relative;
    padding:12px 12px 12px 45px;
    border-radius:13px;
    background:#f8fafc;
    counter-increment:lpc-group-rule;
}
.lpc-app .lpc-group-rules-card li::before{
    content:counter(lpc-group-rule);
    position:absolute;
    left:11px;
    top:10px;
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    border-radius:8px;
    background:#0e2d7b;
    color:#fff;
    font-size:11px;
    font-weight:700;
}
.lpc-app .lpc-group-rules-card li>span{
    color:#253953;
    font-size:13px;
    font-weight:700;
}
.lpc-app .lpc-group-rules-card li p{
    margin:3px 0 0;
    color:#707d90;
    font-size:12px;
    line-height:1.5;
}
.lpc-app .lpc-group-danger-zone{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:0 24px 24px;
    padding:16px 18px;
    border:1px solid #efd6d6;
    border-radius:15px;
    background:#fffafa;
}
.lpc-app .lpc-group-danger-zone>div{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.lpc-app .lpc-group-danger-icon{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:11px;
    background:#fff0f0;
    color:#9d2f2f;
}
.lpc-app .lpc-group-danger-icon svg{width:17px;height:17px;}
.lpc-app .lpc-group-danger-zone h3{margin:0 0 3px;color:#732b2b;font-size:13px;font-weight:700;}
.lpc-app .lpc-group-danger-zone p{margin:0;color:#9a6a6a;font-size:11.5px;line-height:1.45;}
.lpc-app .lpc-group-delete-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex:0 0 auto;
    min-height:40px;
    padding:0 13px;
    border:1px solid #e9bebe;
    border-radius:10px;
    background:#fff;
    color:#9d2f2f;
    font-family:inherit;
    font-size:11.5px;
    font-weight:700;
    cursor:pointer;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.lpc-app .lpc-group-delete-button svg{width:15px;height:15px;}
.lpc-app .lpc-group-delete-button:hover{border-color:#dca8a8;background:#fff1f1;color:#832323;}
.lpc-app .lpc-post-group-link{
    display:inline-flex;
    align-items:center;
    gap:4px;
    max-width:180px;
    padding:0;
    border:0;
    background:transparent;
    color:#65738a;
    font-family:inherit;
    font-size:11.5px;
    font-weight:600;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:pointer;
}
.lpc-app .lpc-post-group-link:hover{
    color:#0e2d7b;
}
.lpc-app .lpc-post-group-link svg{
    flex:0 0 auto;
    width:13px;
    height:13px;
}
.lpc-app .lpc-search-group-grid .lpc-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.lpc-app .lpc-group-panel-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:112px;
    padding:22px;
    border:1px dashed #d8e1eb;
    border-radius:14px;
    background:#fbfcfe;
    color:#6e7f94;
    text-align:center;
}
.lpc-app .lpc-group-panel-placeholder>span{
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    border-radius:10px;
    background:#eef3f8;
    color:#0e2d7b;
}
.lpc-app .lpc-group-panel-placeholder p{
    margin:0;
    font-size:13px;
    font-weight:600;
    line-height:1.4;
}
.lpc-app .lpc-groups-workspace.is-loading,
.lpc-app [data-lpc-group-panel].is-loading{
    opacity:.58;
    pointer-events:none;
    transition:opacity .16s ease;
}
.lpc-app [data-lpc-group-grid-wrap].is-refreshing{
    opacity:.58;
    transform:translateY(3px);
    transition:opacity .16s ease,transform .16s ease;
}


.lpc-app .lpc-group-card-favorite,
.lpc-app .lpc-group-favorite-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid #dce5ee;
    background:#fff;
    color:#607089;
    cursor:pointer;
    transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.lpc-app .lpc-group-card-favorite:hover,
.lpc-app .lpc-group-favorite-button:hover{
    color:#0e2d7b;
    border-color:#c8d6e5;
    background:#f4f7fb;
    transform:translateY(-1px);
}
.lpc-app .lpc-group-card-favorite.is-active,
.lpc-app .lpc-group-favorite-button.is-active{
    color:#0e2d7b;
    border-color:rgba(248,184,97,.7);
    background:#fff7e9;
}
.lpc-app .lpc-side-favorite{
    display:inline-flex;
    flex:0 0 34px;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    padding:0;
    border:1px solid rgba(255,255,255,.24);
    border-radius:10px;
    background:rgba(255,255,255,.10);
    color:var(--lpc-sidebar-foreground);
    cursor:pointer;
    transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.lpc-app .lpc-side-favorite:hover,
.lpc-app .lpc-side-favorite.is-active{
    border-color:#FFE5B857;
    background:#F4AB4AC7;
    color:var(--lpc-sidebar-foreground);
    transform:translateY(-1px);
}
.lpc-app .lpc-side-favorite svg{width:15px;height:15px;}

.lpc-sidebar-right .lpc-group-membership-button.is-compact,
.lpc-sidebar-right .lpc-group-membership-button.is-compact:is(.is-joined,.is-owner,.is-requested,.is-invited){
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.10);
    color:var(--lpc-sidebar-foreground);
}

.lpc-sidebar-right .lpc-group-membership-button.is-compact:hover,
.lpc-sidebar-right .lpc-group-membership-button.is-compact:focus-visible{
    border-color:#FFE5B857;
    background:#F4AB4AC7;
    color:var(--lpc-sidebar-foreground);
}
.lpc-app .lpc-group-card-favorite{
    position:absolute;
    top:12px;
    right:12px;
    z-index:4;
    width:38px;
    height:38px;
    padding:0;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(8,29,65,.12);
}
.lpc-app .lpc-group-card-favorite svg{width:17px;height:17px;}
.lpc-app .lpc-group-favorite-button{
    min-height:40px;
    padding:0 13px;
    border-radius:12px;
    font-size:12.5px;
    font-weight:700;
}
.lpc-app .lpc-group-favorite-button svg{width:17px;height:17px;}
.lpc-app .lpc-my-groups-section{
    display:grid;
    gap:12px;
}
.lpc-app .lpc-my-groups-section+.lpc-my-groups-section{margin-top:4px;}
.lpc-app .lpc-my-groups-section>header{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-width:0;
    padding:0 2px;
}
.lpc-app .lpc-my-groups-section>header>span{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:11px;
    background:#fff3dc;
    color:#0e2d7b;
}
.lpc-app .lpc-my-groups-section>header svg{width:16px;height:16px;}
.lpc-app .lpc-my-groups-section>header>div{min-width:0;}
.lpc-app .lpc-my-groups-section h2{
    margin:0;
    color:#142a47;
    font-size:16px;
    line-height:1.25;
    font-weight:700;
}
.lpc-app .lpc-my-groups-section p{
    margin:2px 0 0;
    color:#748197;
    font-size:11px;
    line-height:1.4;
}
.lpc-app .lpc-my-groups-section>header>em{
    display:grid;
    place-items:center;
    min-width:30px;
    height:28px;
    padding:0 8px;
    border-radius:999px;
    background:#eef3fb;
    color:#0e2d7b;
    font-size:10.5px;
    line-height:1;
    font-style:normal;
    font-weight:700;
}
.lpc-app .lpc-group-assets-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.lpc-app .lpc-group-asset-field{
    position:relative;
    display:grid;
    gap:8px;
    min-width:0;
    padding:13px;
    border:1px solid #e0e7ef;
    border-radius:14px;
    background:#fbfcfe;
}
.lpc-app .lpc-group-asset-label{display:grid;gap:2px;}
.lpc-app .lpc-group-asset-label strong{color:#263b57;font-size:12.5px;font-weight:600;}
.lpc-app .lpc-group-asset-label span{color:#8a96a7;font-size:10.5px;font-weight:500;}
.lpc-app .lpc-group-asset-control{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:11px;
    min-width:0;
    padding:10px;
    border:1px solid #d7e0ea;
    border-radius:12px;
    background:#fff;
}
.lpc-app .lpc-group-asset-preview{
    position:relative;
    display:block;
    flex:0 0 auto;
    width:112px;
    height:66px;
    overflow:hidden;
    border:1px solid rgba(14,45,123,.08);
    border-radius:10px;
    background:#eef3f8;
}
.lpc-app .lpc-group-asset-preview.is-avatar{width:66px;height:66px;border-radius:17px;}
.lpc-app .lpc-group-asset-preview img{display:block;width:100%;height:100%;object-fit:cover;}
.lpc-app .lpc-group-asset-placeholder{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:#8fa0b4;
}
.lpc-app .lpc-group-asset-placeholder svg{width:23px;height:23px;}
.lpc-app .lpc-group-asset-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    min-width:0;
}
.lpc-app .lpc-group-file-input{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
}
.lpc-app .lpc-group-file-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:37px;
    padding:0 10px;
    border:1px solid #d3dde8;
    border-radius:9px;
    background:#fff;
    color:#0e2d7b;
    font-size:11.5px;
    font-weight:700;
    cursor:pointer;
    transition:border-color .18s ease,background-color .18s ease;
}
.lpc-app .lpc-group-file-button svg{width:14px;height:14px;}
.lpc-app .lpc-group-file-button:hover{border-color:#bccadb;background:#f7f9fc;}
.lpc-app .lpc-group-asset-remove{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:37px;
    padding:0 9px;
    border:1px solid #efd4d4;
    border-radius:9px;
    background:#fff8f8;
    color:#9d2f2f;
    font-family:inherit;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.lpc-app .lpc-group-asset-remove[hidden]{display:none;}
.lpc-app .lpc-group-asset-remove svg{width:13px;height:13px;}
.lpc-app .lpc-group-asset-remove:hover{background:#fff0f0;border-color:#e5bebe;color:#832323;}
.lpc-app [data-lpc-right-sidebar].is-sidebar-refreshing{animation:lpcSideRefresh .32s ease both;}
@keyframes lpcSideRefresh{from{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:none}}

@media (max-width:1180px){
    .lpc-app .lpc-group-cover{
        height:200px;
    }
}

@media (max-width:767px){
    .lpc-app .lpc-groups-page-head{
        display:grid;
        grid-template-columns:1fr;
        gap:14px;
        padding:18px;
        border-radius:17px;
    }
    .lpc-app .lpc-groups-page-head h1{font-size:26px;}
    .lpc-app .lpc-groups-page-head p{font-size:12.5px;}
    .lpc-app .lpc-groups-page-actions{
        width:100%;
        margin-left:0;
        display:grid;
        grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    }
    .lpc-app .lpc-groups-page-actions .lpc-primary-button,
    .lpc-app .lpc-groups-page-actions .lpc-secondary-button{
        width:100%;
        min-width:0;
        min-height:42px;
        padding:0 11px;
    }
    .lpc-app .lpc-my-groups-overview{
        grid-template-columns:1fr;
        gap:9px;
        padding:9px;
        border-radius:15px;
    }
    .lpc-app .lpc-my-groups-summary>div{
        align-items:center;
        flex-direction:column;
        gap:2px;
        min-height:54px;
        padding:8px 5px;
    }
    .lpc-app .lpc-my-groups-summary strong{font-size:16px;}
    .lpc-app .lpc-my-groups-summary span{font-size:9.5px;}
    .lpc-app .lpc-my-groups-search{min-height:46px;}
    .lpc-app .lpc-my-groups-search>span{width:42px;height:44px;}
    .lpc-app .lpc-my-groups-search input{height:44px;font-size:16px;}
    .lpc-app .lpc-my-groups-section{gap:9px;}
    .lpc-app .lpc-my-groups-section>header{gap:8px;padding:0 1px;}
    .lpc-app .lpc-my-groups-section>header>span{width:34px;height:34px;}
    .lpc-app .lpc-my-groups-section h2{font-size:15px;}
    .lpc-app .lpc-my-groups-section p{font-size:10.5px;}
    .lpc-app .lpc-group-grid{grid-template-columns:1fr;gap:11px;}
    .lpc-app .lpc-group-card{border-radius:16px;}
    .lpc-app .lpc-group-card-open{height:116px;}
    .lpc-app .lpc-group-card-avatar{
        left:13px;
        bottom:-22px;
        width:56px;
        height:56px;
        border-radius:15px;
    }
    .lpc-app .lpc-group-card-favorite{
        top:9px;
        right:9px;
        width:34px;
        height:34px;
        border-radius:10px;
    }
    .lpc-app .lpc-group-card-favorite svg{width:15px;height:15px;}
    .lpc-app .lpc-group-card-body{gap:7px;padding:29px 13px 13px;}
    .lpc-app .lpc-group-card-topline{gap:5px;font-size:9.5px;}
    .lpc-app .lpc-group-card-topline span{min-height:22px;padding:3px 6px;}
    .lpc-app .lpc-group-card-title{font-size:16px;}
    .lpc-app .lpc-group-card-body>p{min-height:0;font-size:12px;line-height:1.45;}
    .lpc-app .lpc-group-card-stats{gap:5px 10px;font-size:10px;}
    .lpc-app .lpc-group-card-actions{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:7px;
    }
    .lpc-app .lpc-group-membership-button{
        width:100%;
        min-width:0;
        min-height:38px;
        padding:0 10px;
        font-size:11px;
    }
    .lpc-app .lpc-group-view-button{
        min-width:72px;
        min-height:38px;
        padding:0 10px;
        border:1px solid #d8e2ed;
        border-radius:10px;
        background:#fff;
        font-size:11px;
    }
    .lpc-app .lpc-group-discover-toolbar{
        padding:10px;
        border-radius:15px;
    }
    .lpc-app .lpc-group-discover-search{
        grid-template-columns:auto minmax(0,1fr);
        padding-right:10px;
    }
    .lpc-app .lpc-group-discover-search button{
        display:none;
    }
    .lpc-app .lpc-group-discover-filters{
        grid-template-columns:1fr;
        gap:8px;
    }
    .lpc-app .lpc-group-sort-tabs{
        grid-template-columns:repeat(2,minmax(0,1fr));
        overflow:visible;
    }
    .lpc-app .lpc-group-create-card,
    .lpc-app .lpc-group-settings-card{
        border-radius:18px;
    }
    .lpc-app .lpc-group-form-hero{
        align-items:flex-start;
        padding:17px;
    }
    .lpc-app .lpc-group-form-hero-icon{
        flex-basis:46px;
        width:46px;
        height:46px;
        border-radius:14px;
    }
    .lpc-app .lpc-group-create-form,
    .lpc-app .lpc-group-settings-card form{
        padding:14px;
    }
    .lpc-app .lpc-group-form-section{
        padding:14px;
        border-radius:14px;
    }
    .lpc-app .lpc-group-form-grid{
        grid-template-columns:1fr;
        gap:14px;
    }
    .lpc-app .lpc-group-create-footer,
    .lpc-app .lpc-group-settings-actions{
        align-items:stretch;
    }
    .lpc-app .lpc-group-create-footer>*{
        flex:1 1 0;
    }
    .lpc-app .lpc-group-settings-actions .lpc-primary-button{
        width:100%;
    }
    .lpc-app .lpc-group-cover{
        height:150px;
    }
    .lpc-app .lpc-group-hero{
        border-radius:18px;
    }
    .lpc-app .lpc-group-hero-main{
        grid-template-columns:auto minmax(0,1fr);
        align-items:center;
        gap:11px;
        padding:0 14px 14px;
    }
    .lpc-app .lpc-group-avatar-large{
        width:72px;
        height:72px;
        margin-top:-26px;
        border-width:4px;
        border-radius:19px;
    }
    .lpc-app .lpc-group-avatar-large svg{
        width:31px;
        height:31px;
    }
    .lpc-app .lpc-group-identity{
        padding-top:8px;
    }
    .lpc-app .lpc-group-identity h1{
        font-size:21px;
    }
    .lpc-app .lpc-group-identity p{
        font-size:11.5px;
    }
    .lpc-app .lpc-group-badge{
        font-size:10px;
    }
    .lpc-app .lpc-group-hero-actions{
        grid-column:1/-1;
        width:100%;
    }
    .lpc-app .lpc-group-hero-actions>*{
        flex:1 1 0;
    }
    .lpc-app .lpc-group-tabs{
        margin:0 -2px;
        border-radius:13px;
    }
    .lpc-app .lpc-group-tabs button{
        min-height:36px;
        padding:0 11px;
        font-size:11.5px;
    }
    .lpc-app .lpc-group-info-card{
        grid-template-columns:1fr;
        gap:10px;
        padding:16px;
    }
    .lpc-app .lpc-group-info-icon{
        width:44px;
        height:44px;
    }
    .lpc-app .lpc-group-info-card dl{
        grid-template-columns:1fr;
    }
    .lpc-app .lpc-group-members-card{
        padding:14px;
    }
    .lpc-app .lpc-group-members-card>header{
        align-items:flex-start;
        flex-direction:column;
    }
    .lpc-app .lpc-group-invite-list{
        grid-template-columns:minmax(0,1fr);
    }
    .lpc-app .lpc-group-member-filters{
        width:100%;
        overflow-x:auto;
    }
    .lpc-app .lpc-group-member-filters button{
        flex:1 0 auto;
    }
    .lpc-app .lpc-group-member-row{
        grid-template-columns:auto minmax(0,1fr) auto;
    }
    .lpc-app .lpc-group-member-row img{
        width:40px;
        height:40px;
    }
    .lpc-app .lpc-group-member-actions>button:not([data-lpc-member-role]){
        min-height:32px;
        padding:0 8px;
        font-size:10.5px;
    }
    .lpc-app .lpc-group-media-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:5px;
    }
    .lpc-app .lpc-group-media-grid button{
        border-radius:10px;
    }
    .lpc-app .lpc-group-rules-card{
        padding:16px;
        border-radius:18px;
    }
    .lpc-app .lpc-group-privacy-options,
    .lpc-app .lpc-group-assets-grid{
        grid-template-columns:1fr;
    }
    .lpc-app .lpc-group-danger-zone{
        align-items:flex-start;
        margin:0 14px 14px;
        padding:14px;
    }
    .lpc-app .lpc-groups-empty{
        flex-direction:column;
        align-items:flex-start;
    }
    .lpc-app .lpc-groups-empty .lpc-primary-button{
        margin-left:0;
    }
}

@media (max-width:420px){
    .lpc-app .lpc-group-card-stats{
        gap:10px;
    }
    .lpc-app .lpc-group-membership-button span{
        white-space:nowrap;
    }
    .lpc-app .lpc-group-cover{
        height:132px;
    }
    .lpc-app .lpc-group-avatar-large{
        width:64px;
        height:64px;
    }
    .lpc-app .lpc-group-identity h1{
        font-size:19px;
    }
    .lpc-app .lpc-group-hero-actions{
        flex-direction:column;
        align-items:stretch;
    }
    .lpc-app .lpc-group-hero-actions>*{
        width:100%;
    }
    .lpc-app .lpc-group-media-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .lpc-app .lpc-group-create-footer,
    .lpc-app .lpc-group-settings-actions{
        flex-direction:column-reverse;
    }
    .lpc-app .lpc-group-create-footer>*,
    .lpc-app .lpc-group-settings-actions>*{
        width:100%;
    }
    .lpc-app .lpc-group-form-hero{gap:11px;}
    .lpc-app .lpc-group-form-hero p{font-size:12px;}
    .lpc-app .lpc-group-form-section-head>span{display:none;}
    .lpc-app .lpc-group-field-meta{gap:8px;}
    .lpc-app .lpc-group-asset-control{grid-template-columns:auto minmax(0,1fr);}
    .lpc-app .lpc-group-asset-preview{width:88px;height:58px;}
    .lpc-app .lpc-group-asset-preview.is-avatar{width:58px;height:58px;}
    .lpc-app .lpc-group-danger-zone{flex-direction:column;}
    .lpc-app .lpc-group-delete-button{width:100%;}
}

/* Phase 16: group moderation, highlights, notification controls and member tools. */
.lpc-app .lpc-group-notification-control{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:40px;
    padding:0 10px;
    border:1px solid rgba(14,45,123,.14);
    border-radius:12px;
    background:#fff;
    color:#0e2d7b;
}
.lpc-app .lpc-group-notification-control>svg{
    flex:0 0 17px;
    width:17px;
    height:17px;
}
.lpc-app .lpc-group-notification-control select{
    min-width:96px;
    height:38px;
    padding:0 24px 0 0;
    border:0;
    outline:0;
    background:transparent;
    color:#213650;
    font-family:inherit;
    font-size:12px;
    font-weight:600;
    line-height:1.2;
    cursor:pointer;
}
.lpc-app .lpc-group-notification-control:focus-within{
    border-color:rgba(14,45,123,.38);
    box-shadow:0 0 0 3px rgba(14,45,123,.08);
}
.lpc-app .lpc-group-notification-control select:disabled{
    cursor:wait;
    opacity:.62;
}
.lpc-app .lpc-group-request-badge{
    display:inline-grid;
    place-items:center;
    min-width:20px;
    height:20px;
    margin-left:4px;
    padding:0 6px;
    border-radius:999px;
    background:#f8b861;
    color:#0e2d7b;
    font-size:10px;
    font-style:normal;
    font-weight:700;
    line-height:1;
}
.lpc-app .lpc-group-highlights{
    display:grid;
    gap:12px;
    margin-bottom:16px;
    padding:15px;
    border:1px solid rgba(14,45,123,.11);
    border-radius:18px;
    background:linear-gradient(145deg,#fffdf8,#fff 58%);
    box-shadow:0 10px 28px rgba(14,45,123,.06);
}
.lpc-app .lpc-group-highlights[hidden]{
    display:none;
}
.lpc-app .lpc-group-highlights-head{
    display:flex;
    align-items:center;
    gap:10px;
}
.lpc-app .lpc-group-highlights-icon{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:12px;
    background:#fff3dc;
    color:#0e2d7b;
}
.lpc-app .lpc-group-highlights-icon svg{
    width:19px;
    height:19px;
}
.lpc-app .lpc-group-highlights-head h2{
    margin:0;
    color:#172f50;
    font-size:15px;
    line-height:1.2;
    font-weight:700;
}
.lpc-app .lpc-group-highlights-head p{
    margin:3px 0 0;
    color:#7b8798;
    font-size:11.5px;
    line-height:1.35;
}
.lpc-app .lpc-group-highlight-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.lpc-app .lpc-group-highlight-item{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 72px;
    min-width:0;
    overflow:hidden;
    border:1px solid #e7edf5;
    border-radius:14px;
    background:#fff;
    transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.lpc-app .lpc-group-highlight-item:hover{
    transform:translateY(-1px);
    border-color:#d6e1ef;
    box-shadow:0 8px 20px rgba(14,45,123,.07);
}
.lpc-app .lpc-group-highlight-item.is-announcement{
    border-color:rgba(248,184,97,.52);
    background:#fffdf8;
}
.lpc-app .lpc-group-highlight-open{
    display:grid;
    gap:5px;
    min-width:0;
    padding:12px;
    border:0;
    background:transparent;
    color:inherit;
    text-align:left;
    cursor:pointer;
}
.lpc-app .lpc-group-highlight-kind{
    display:inline-flex;
    align-items:center;
    gap:5px;
    width:max-content;
    max-width:100%;
    color:#0e2d7b;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.lpc-app .lpc-group-highlight-item.is-announcement .lpc-group-highlight-kind{
    color:#8a5713;
}
.lpc-app .lpc-group-highlight-kind svg{
    width:13px;
    height:13px;
}
.lpc-app .lpc-group-highlight-open strong{
    display:-webkit-box;
    overflow:hidden;
    color:#213650;
    font-size:13px;
    line-height:1.4;
    font-weight:650;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.lpc-app .lpc-group-highlight-open small{
    overflow:hidden;
    color:#8792a3;
    font-size:10.5px;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.lpc-app .lpc-group-highlight-media{
    position:relative;
    display:block;
    width:72px;
    min-height:82px;
    overflow:hidden;
    background:#eef3f8;
}
.lpc-app .lpc-group-highlight-media img,
.lpc-app .lpc-group-highlight-media video{
    width:100%;
    height:100%;
    min-height:82px;
    object-fit:cover;
}
.lpc-app .lpc-group-post-badges{
    display:flex;
    align-items:center;
    gap:7px;
    margin:-2px 18px 10px;
}
.lpc-app .lpc-group-post-badges[hidden]{
    display:none;
}
.lpc-app .lpc-group-post-badges>span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:26px;
    padding:0 9px;
    border:1px solid #dbe5f0;
    border-radius:999px;
    background:#f6f9fd;
    color:#0e2d7b;
    font-size:10.5px;
    font-weight:700;
}
.lpc-app .lpc-group-post-badges>span.is-announcement{
    border-color:#f3d7ab;
    background:#fff7e9;
    color:#81500d;
}
.lpc-app .lpc-group-post-badges svg{
    width:13px;
    height:13px;
}
.lpc-app .lpc-post-menu-separator{
    height:1px;
    margin:5px 8px;
    background:#edf1f5;
}
.lpc-app .lpc-group-member-search{
    display:grid;
    grid-template-columns:18px minmax(0,1fr) auto auto;
    align-items:center;
    gap:7px;
    margin:0 0 14px;
    padding:6px 7px 6px 12px;
    border:1px solid #e1e8f0;
    border-radius:13px;
    background:#f9fbfd;
}
.lpc-app .lpc-group-member-search>span{
    display:grid;
    place-items:center;
    color:#758399;
}
.lpc-app .lpc-group-member-search>span svg{
    width:17px;
    height:17px;
}
.lpc-app .lpc-group-member-search input{
    min-width:0;
    height:36px;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#203651;
    font-family:inherit;
    font-size:13px;
    font-weight:500;
    line-height:1.3;
}
.lpc-app .lpc-group-member-search button{
    min-height:34px;
    padding:0 11px;
    border:0;
    border-radius:9px;
    background:#0e2d7b;
    color:#fff;
    font-size:11.5px;
    font-weight:700;
    cursor:pointer;
}
.lpc-app .lpc-group-member-search [data-lpc-group-member-search-clear]{
    display:grid;
    place-items:center;
    width:32px;
    min-height:32px;
    padding:0;
    background:transparent;
    color:#6f7e91;
}
.lpc-app .lpc-group-member-search [data-lpc-group-member-search-clear] svg{
    width:15px;
    height:15px;
}
.lpc-app .lpc-group-member-filters button span{
    display:inline-grid;
    place-items:center;
    min-width:19px;
    height:19px;
    margin-left:3px;
    padding:0 5px;
    border-radius:999px;
    background:rgba(14,45,123,.07);
    color:inherit;
    font-size:9.5px;
}
.lpc-app .lpc-member-role-menu button.is-transfer{
    color:#0e2d7b;
    font-weight:700;
}
.lpc-app .lpc-group-card-network{
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:#0e2d7b;
}
.lpc-app .lpc-group-card-network svg{
    width:13px;
    height:13px;
}
@media (max-width: 760px){
    .lpc-app .lpc-group-hero-actions{
        flex-wrap:wrap;
    }
    .lpc-app .lpc-group-notification-control{
        min-height:38px;
    }
    .lpc-app .lpc-group-notification-control select{
        min-width:84px;
        height:36px;
        font-size:11px;
    }
    .lpc-app .lpc-group-highlight-list{
        grid-template-columns:1fr;
    }
    .lpc-app .lpc-group-highlight-item{
        grid-template-columns:minmax(0,1fr) 64px;
    }
    .lpc-app .lpc-group-highlight-media{
        width:64px;
    }
    .lpc-app .lpc-group-post-badges{
        margin-left:14px;
        margin-right:14px;
    }
    .lpc-app .lpc-group-member-search{
        grid-template-columns:18px minmax(0,1fr) auto;
    }
    .lpc-app .lpc-group-member-search>button[type="submit"]{
        display:none;
    }
    .lpc-app .lpc-group-member-filters{
        overflow-x:auto;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }
    .lpc-app .lpc-group-member-filters::-webkit-scrollbar{
        display:none;
    }
    .lpc-app .lpc-group-member-filters button{
        flex:0 0 auto;
        white-space:nowrap;
    }
}
@media (max-width: 420px){
    .lpc-app .lpc-group-highlights{
        padding:12px;
        border-radius:15px;
    }
    .lpc-app .lpc-group-highlight-item{
        grid-template-columns:minmax(0,1fr) 58px;
    }
    .lpc-app .lpc-group-highlight-media{
        width:58px;
    }
    .lpc-app .lpc-group-highlight-open{
        padding:10px;
    }
    .lpc-app .lpc-group-notification-control{
        flex:1 1 132px;
    }
    .lpc-app .lpc-group-notification-control select{
        width:100%;
    }
}
.lpc-app .lpc-group-private-rules{
    display:grid;
    gap:7px;
    margin-top:14px;
    padding-top:13px;
    border-top:1px solid rgba(14,45,123,.1);
}
.lpc-app .lpc-group-private-rules strong{
    color:#203651;
    font-size:12px;
    font-weight:700;
}
.lpc-app .lpc-group-private-rules ul{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:0;
    padding:0;
    list-style:none;
}
.lpc-app .lpc-group-private-rules li{
    padding:6px 9px;
    border:1px solid #e2e9f1;
    border-radius:999px;
    background:#fff;
    color:#617087;
    font-size:10.5px;
    line-height:1.2;
}
.lpc-app .lpc-group-join-prompt{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:14px;
    padding:12px 14px;
    border:1px solid #dfe7f0;
    border-radius:14px;
    background:#f8fbff;
}
.lpc-app .lpc-group-join-prompt>span{
    display:grid;
    place-items:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:10px;
    background:#eaf1fb;
    color:#0e2d7b;
}
.lpc-app .lpc-group-join-prompt>span svg{
    width:17px;
    height:17px;
}
.lpc-app .lpc-group-join-prompt strong{
    color:#213650;
    font-size:12.5px;
    font-weight:700;
}
.lpc-app .lpc-group-join-prompt p{
    margin:3px 0 0;
    color:#6f7d91;
    font-size:11.5px;
    line-height:1.45;
}