/* Стили для модального окна подборок фильмов */
.lcab-nav__item--balance{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#1d4ed8,#2563eb 50%,#38bdf8);border-color:#1d4ed8;color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.25)}
.lcab-nav__item--balance:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8 50%,#0ea5e9)}
.lcab-nav__balance-icon{font-size:20px;line-height:1}
.lcab-nav__balance-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.lcab-nav__balance-title{font-size:12px;font-weight:700;opacity:.92}
.lcab-nav__balance-value{font-size:15px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lcab-nav__balance-plus{font-size:24px;line-height:1;font-weight:800;color:#dbeafe}
.lcab-nav__item--premium{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f59e0b 0%,#facc15 48%,#fef08a 100%);border-color:#d97706;color:#5b2f00;box-shadow:0 10px 24px rgba(217,119,6,.26);position:relative;overflow:hidden}
.lcab-nav__item--premium::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.48) 50%,transparent 100%);transform:translateX(-140%);transition:transform .6s ease}
.lcab-nav__item--premium:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(217,119,6,.3)}
.lcab-nav__item--premium:hover::before{transform:translateX(140%)}
.lcab-nav__premium-icon{font-size:19px;line-height:1}
.lcab-nav__premium-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.lcab-nav__premium-title{font-size:14px;font-weight:900;line-height:1.1}
.lcab-nav__premium-subtitle{font-size:11px;font-weight:700;opacity:.84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lcab-nav__premium-badge{font-size:10px;font-weight:900;line-height:1;padding:4px 7px;border-radius:999px;background:#fff7ed;border:1px solid rgba(146,64,14,.3);color:#9a3412}

.lc-collection-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center}
.lc-collection-modal.is-open{display:flex}
.lc-collection-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);cursor:pointer}
.lc-collection-modal__content{position:relative;background:#fff;border-radius:20px;width:90vw;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(0,0,0,.3);overflow:hidden}
.lc-collection-modal__header{padding:20px 24px;border-bottom:2px solid #e9d5ff;display:flex;align-items:center;justify-content:space-between}
.lc-collection-modal__title{font-size:20px;font-weight:700;color:#5b21b6;display:flex;align-items:center;gap:8px}
.lc-collection-modal__close{background:transparent;border:none;font-size:28px;cursor:pointer;color:#64748b;line-height:1;padding:4px}
.lc-collection-modal__close:hover{color:#1e293b}
.lc-collection-modal__body{padding:24px;overflow-y:auto;flex:1}
.lc-collection-modal__field{margin-bottom:20px}
.lc-collection-modal__label{display:block;font-weight:600;margin-bottom:8px;color:#1e293b}
.lc-collection-modal__input{width:100%;padding:12px;border:2px solid #e9d5ff;border-radius:10px;font-size:15px}
.lc-collection-modal__input:focus{outline:none;border-color:#a78bfa}
.lc-collection-modal__search-wrap{position:relative}
.lc-collection-modal__search-results{margin-top:12px;max-height:300px;overflow-y:auto;border:2px solid #e9d5ff;border-radius:10px;background:#faf5ff}
.lc-collection-search-item{padding:12px;display:flex;gap:12px;align-items:center;cursor:pointer;border-bottom:1px solid #e9d5ff;transition:background .2s ease}
.lc-collection-search-item:hover{background:#f8f4ff}
.lc-collection-search-item:last-child{border-bottom:none}
.lc-collection-search-item__thumb{width:60px;height:90px;object-fit:cover;border-radius:6px;background:#e9d5ff}
.lc-collection-search-item__no-thumb{width:60px;height:90px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a78bfa,#6366f1);border-radius:6px;font-size:24px}
.lc-collection-search-item__info{flex:1}
.lc-collection-search-item__title{font-weight:600;color:#1e293b;margin-bottom:4px}
.lc-collection-search-item__excerpt{font-size:13px;color:#64748b;line-height:1.4}
.lc-collection-search-item__btn{background:#8b5cf6;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600}
.lc-collection-search-item__btn:hover{background:#7c3aed}
.lc-collection-modal__selected{margin-top:20px}
.lc-collection-selected-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:12px}
.lc-collection-selected-item{position:relative;border:2px solid #e9d5ff;border-radius:10px;overflow:hidden;background:#fff}
.lc-collection-selected-item__thumb{width:100%;height:200px;object-fit:cover}
.lc-collection-selected-item__no-thumb{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a78bfa,#6366f1);font-size:48px}
.lc-collection-selected-item__title{padding:8px;font-size:12px;font-weight:600;color:#1e293b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lc-collection-selected-item__remove{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:rgba(239,68,68,.95);color:#fff;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;font-weight:700}
.lc-collection-selected-item__remove:hover{background:#dc2626}
.lc-collection-modal__footer{padding:20px 24px;border-top:2px solid #e9d5ff;display:flex;justify-content:flex-end;gap:12px}
.lc-collection-modal__cancel,.lc-collection-modal__save{padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;border:none}
.lc-collection-modal__cancel{background:#f1f5f9;color:#475569}
.lc-collection-modal__cancel:hover{background:#e2e8f0}
.lc-collection-modal__save{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}
.lc-collection-modal__save:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5)}
.lc-collection-modal__save:disabled{opacity:.5;cursor:not-allowed}

/* ===== РОЗЫГРЫШИ (конкурсы) ===== */
.lacorn-group-raffle-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}
.lacorn-group-raffle-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.lacorn-group-raffle-modal__content{position:relative;background:#fff;border-radius:12px;width:min(520px,90vw);padding:18px 20px;box-shadow:0 20px 60px rgba(0,0,0,.25);z-index:1;display:flex;flex-direction:column;gap:14px}
.lacorn-group-raffle-modal__header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lacorn-group-raffle-modal__header h3{margin:0;font-size:18px}
.lacorn-group-raffle-close{background:transparent;border:none;font-size:18px;cursor:pointer;padding:4px 8px}
.lacorn-group-raffle-modal__body{display:flex;flex-direction:column;gap:10px}
.lg-label{font-weight:600;font-size:13px;color:#0f172a}
.lg-field{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:14px;resize:vertical;box-sizing:border-box}
.lg-rules{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}
.lacorn-group-raffle-modal__footer{display:flex;justify-content:flex-end;gap:10px}
.lacorn-group-raffle-modal__footer button{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:700}
.lacorn-group-raffle-submit{background:#2563eb;color:#fff}
.lacorn-group-raffle-close{background:#e2e8f0;color:#111827}

.lcab-wall-card.lcab-raffle-highlight,
.lcab-wall-post.raffle-post{
    border:2px dashed #f59e0b !important;
    background:#fff7ed !important;
}

/* Groups experience v4: catalogue, detail, editor, dialogs and community tools */
:root {
    --lcg-ink: #13252c;
    --lcg-muted: #667981;
    --lcg-line: #dce7e8;
    --lcg-surface: #ffffff;
    --lcg-soft: #f3f8f7;
    --lcg-primary: #0f766e;
    --lcg-primary-2: #14b8a6;
    --lcg-accent: #ff6b4a;
    --lcg-yellow: #f4c95d;
    --lcg-shadow: 0 22px 55px rgba(28, 58, 63, .1);
}

.lacorn-groups-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    min-height: 245px;
    margin-bottom: 18px;
    padding: clamp(28px, 5vw, 58px);
    border-radius: 30px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 14%, rgba(244,201,93,.6) 0 8%, transparent 8.5%),
        radial-gradient(circle at 82% 32%, rgba(255,255,255,.14) 0 18%, transparent 18.5%),
        linear-gradient(130deg, #0b3b3a 0%, #0f766e 58%, #12a894 100%);
    box-shadow: var(--lcg-shadow);
}
.lacorn-groups-hero::after { content:""; position:absolute; right:-70px; bottom:-115px; width:310px; height:310px; border:46px solid rgba(255,255,255,.11); border-radius:50%; }
.lacorn-groups-hero__copy { position:relative; z-index:1; max-width:680px; }
.lacorn-groups-kicker, .lc-group-section-kicker { display:block; margin-bottom:10px; color:#90fff0; font-size:11px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.lacorn-groups-hero h2 { margin:0 0 12px; color:#fff; font-size:clamp(36px,5vw,64px); line-height:.95; letter-spacing:-.055em; }
.lacorn-groups-hero p { max-width:590px; margin:0; color:rgba(255,255,255,.78); font-size:16px; line-height:1.65; }
.lacorn-create-group-btn { position:relative; z-index:1; flex:0 0 auto; min-height:52px; padding:0 22px!important; border:1px solid rgba(255,255,255,.38)!important; border-radius:16px!important; color:#123236!important; background:#fff!important; box-shadow:0 14px 30px rgba(0,0,0,.18)!important; font-weight:900!important; }
.lacorn-create-group-btn span { color:var(--lcg-accent); font-size:20px; }

.lacorn-groups-header { display:flex; align-items:center; gap:12px; margin:0 0 12px; padding:6px; border:1px solid var(--lcg-line); border-radius:18px; background:rgba(255,255,255,.86); }
.lacorn-groups-tabs { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:6px!important; }
.lacorn-groups-tab { min-height:44px; border:0!important; border-radius:13px!important; color:var(--lcg-muted)!important; background:transparent!important; font-weight:800!important; }
.lacorn-groups-tab.active { color:#fff!important; background:var(--lcg-ink)!important; box-shadow:0 8px 20px rgba(19,37,44,.18); }
.lacorn-groups-search { position:relative; margin:0 0 22px!important; }
.lacorn-groups-search-icon { position:absolute; left:18px; top:50%; z-index:2; transform:translateY(-50%); color:var(--lcg-primary); font-size:25px; font-weight:900; }
.lacorn-groups-search-input { width:100%; height:54px; padding:0 20px 0 54px!important; border:1px solid var(--lcg-line)!important; border-radius:17px!important; color:var(--lcg-ink)!important; background:var(--lcg-surface)!important; box-shadow:0 10px 28px rgba(28,58,63,.06); font-size:15px!important; }
.lacorn-groups-search-input:focus { border-color:var(--lcg-primary-2)!important; box-shadow:0 0 0 4px rgba(20,184,166,.12)!important; outline:0; }
.lacorn-groups-list { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px!important; }
.lacorn-group-card { position:relative; min-width:0; min-height:285px; padding:22px!important; overflow:hidden; border:1px solid var(--lcg-line)!important; border-radius:24px!important; background:linear-gradient(155deg,#fff 35%,#f2f8f6 100%)!important; box-shadow:none!important; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important; }
.lacorn-group-card:hover { transform:translateY(-4px)!important; border-color:rgba(15,118,110,.35)!important; box-shadow:var(--lcg-shadow)!important; }
.lacorn-group-card__accent { position:absolute; top:-54px; right:-54px; width:150px; height:150px; border:24px solid rgba(20,184,166,.1); border-radius:50%; }
.lacorn-group-card__header { position:relative; display:flex; align-items:center; gap:14px; }
.lacorn-group-card__avatar { width:70px!important; height:70px!important; flex:0 0 70px; border:4px solid #fff; border-radius:22px!important; object-fit:cover; box-shadow:0 10px 25px rgba(19,37,44,.14); }
.lacorn-group-card__info { min-width:0; }
.lacorn-group-card__title { margin:0 0 7px!important; color:var(--lcg-ink)!important; font-size:19px!important; line-height:1.2; cursor:pointer; }
.lacorn-group-card__verified { display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; color:#fff; background:var(--lcg-primary-2); font-size:12px; }
.lacorn-group-card__meta { display:flex; flex-wrap:wrap; gap:7px; color:var(--lcg-muted)!important; font-size:12px!important; }
.lacorn-group-card__rating { padding:3px 7px; border-radius:8px; color:#77540b; background:#fff2c5; }
.lacorn-group-card__body { position:relative; min-height:72px; margin-top:20px; }
.lacorn-group-card__description { display:-webkit-box; margin:0!important; overflow:hidden; color:#52666d!important; font-size:14px!important; line-height:1.6!important; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.lacorn-group-card__footer { position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:20px; padding-top:16px; border-top:1px solid var(--lcg-line); }
.lacorn-group-card__actions { display:flex!important; width:100%; gap:8px!important; }
.lacorn-group-open-btn,.lacorn-group-subscribe-btn,.lacorn-group-unsubscribe-btn { flex:1; min-height:42px; border-radius:12px!important; font-size:13px!important; font-weight:850!important; }
.lacorn-group-open-btn { color:#fff!important; background:var(--lcg-ink)!important; }
.lacorn-group-subscribe-btn { color:#fff!important; background:var(--lcg-primary)!important; }
.lacorn-group-unsubscribe-btn { color:var(--lcg-ink)!important; background:#e7efef!important; }
.lacorn-groups-leaderboard { padding:12px; border:1px solid var(--lcg-line); border-radius:22px; background:#fff; box-shadow:var(--lcg-shadow); }
.lacorn-groups-leaderboard table { border:0!important; background:transparent!important; }
.lacorn-groups-leaderboard th { padding:15px!important; color:var(--lcg-muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.lacorn-groups-leaderboard td { padding:15px!important; border-top:1px solid var(--lcg-line)!important; }

body.lc-group-detail-page .lc-group-wrap { padding:26px 18px 70px; background:linear-gradient(145deg,#eef7f5 0%,#faf7f1 48%,#eff6f5 100%); }
body.lc-group-detail-page .lc-group-container { width:min(1460px,100%); max-width:none!important; margin:0 auto; }
body.lc-group-detail-page .lcab-layout { display:grid!important; grid-template-columns:235px minmax(0,1fr); align-items:start; gap:22px; }
body.lc-group-detail-page .lcab-aside { position:sticky; top:92px; width:auto!important; max-height:calc(100vh - 110px); padding:12px!important; overflow:auto; border:1px solid var(--lcg-line); border-radius:22px; background:rgba(255,255,255,.94); box-shadow:0 16px 44px rgba(28,58,63,.08); }
.lc-group-side-card { display:flex; flex-direction:column; gap:5px; margin-bottom:10px; padding:10px; border-radius:17px; color:#fff; background:linear-gradient(145deg,#11363a,#0f766e); }
.lc-group-side-card__identity { display:flex; align-items:center; gap:9px; min-width:0; margin-bottom:7px; padding:3px; }
.lc-group-side-card__identity img { width:40px; height:40px; flex:0 0 40px; border:2px solid rgba(255,255,255,.7); border-radius:12px; object-fit:cover; }
.lc-group-side-card__identity span { display:flex; min-width:0; flex-direction:column; }
.lc-group-side-card__identity small { color:rgba(255,255,255,.62); font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.lc-group-side-card__identity strong { overflow:hidden; color:#fff; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.lc-group-side-card__link { min-height:34px; padding:0 10px; border:0; border-radius:10px; color:rgba(255,255,255,.7); background:transparent; text-align:left; font-size:12px; font-weight:800; cursor:pointer; }
.lc-group-side-card__link:hover,.lc-group-side-card__link.is-active { color:#123236; background:#fff; }
body.lc-group-detail-page .lcab-main { min-width:0; width:100%!important; }
.lc-profile-header { position:relative!important; display:grid!important; grid-template-columns:150px minmax(0,1fr)!important; gap:28px!important; min-height:330px; padding:42px!important; overflow:hidden; border:0!important; border-radius:32px!important; color:#fff!important; background:linear-gradient(125deg,#102f33 0%,#0d5b57 56%,#119c89 100%)!important; box-shadow:var(--lcg-shadow)!important; }
.lc-profile-header::before { content:""!important; position:absolute!important; inset:auto -90px -160px auto!important; width:420px!important; height:420px!important; border:62px solid rgba(255,255,255,.08)!important; border-radius:50%!important; background:transparent!important; }
.lc-profile-header__avatar,.lc-profile-header__info { position:relative; z-index:1; }
.lc-profile-avatar { width:150px!important; height:150px!important; border:6px solid rgba(255,255,255,.88)!important; border-radius:34px!important; object-fit:cover; box-shadow:0 20px 45px rgba(0,0,0,.24)!important; transform:rotate(-2deg); }
.lc-profile-name { margin:3px 0 10px!important; color:#fff!important; font-size:clamp(34px,4vw,58px)!important; line-height:1!important; letter-spacing:-.05em!important; }
.lc-profile-meta { color:rgba(255,255,255,.73)!important; }
.lc-profile-meta__item { color:inherit!important; }
.lc-profile-about { max-width:780px; color:rgba(255,255,255,.82)!important; font-size:15px!important; line-height:1.65!important; }
.lc-profile-actions { display:flex!important; flex-wrap:wrap!important; gap:8px!important; margin-top:20px!important; }
.lc-profile-action { min-height:40px!important; padding:10px 14px!important; border:1px solid rgba(255,255,255,.25)!important; border-radius:12px!important; color:#fff!important; background:rgba(255,255,255,.1)!important; backdrop-filter:blur(10px); font-size:12px!important; font-weight:850!important; }
.lc-profile-action:hover { color:var(--lcg-ink)!important; background:#fff!important; transform:translateY(-1px); }
.lc-group-authors { margin-top:18px; padding:24px; border:1px solid var(--lcg-line); border-radius:24px; background:#fff; box-shadow:0 14px 38px rgba(28,58,63,.07); }
.lc-group-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.lc-group-section-heading h2 { margin:0; color:var(--lcg-ink); font-size:24px; }
.lc-group-section-kicker { margin-bottom:4px; color:var(--lcg-primary); }
.lc-group-section-count { display:grid; place-items:center; min-width:36px; height:36px; border-radius:12px; color:#fff; background:var(--lcg-ink); font-weight:900; }
.lc-group-authors__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.lc-group-author-card { display:flex; align-items:center; gap:11px; min-width:0; padding:11px; border:1px solid var(--lcg-line); border-radius:15px; color:var(--lcg-ink); background:var(--lcg-soft); text-decoration:none!important; }
.lc-group-author-card img { width:46px; height:46px; flex:0 0 46px; border-radius:14px; object-fit:cover; }
.lc-group-author-card__body { display:flex; min-width:0; flex-direction:column; }
.lc-group-author-card__body strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lc-group-author-card__body small { color:var(--lcg-muted); }

.lc-wall-form { margin-top:18px!important; padding:22px!important; border:1px solid var(--lcg-line)!important; border-radius:24px!important; background:#fff!important; box-shadow:0 14px 38px rgba(28,58,63,.07)!important; }
.lc-wall-form::before { content:"Новая публикация"; display:block; margin-bottom:14px; color:var(--lcg-ink); font-size:19px; font-weight:900; }
.lc-wall-form__textarea,.lc-wall-form textarea { min-height:130px!important; padding:16px!important; border:1px solid var(--lcg-line)!important; border-radius:15px!important; color:var(--lcg-ink)!important; background:var(--lcg-soft)!important; resize:vertical; }
.lc-wall-form button,.lc-wall-form__submit { border-radius:12px!important; font-weight:800!important; }
.lc-wall-card,.lcab-wall-card { border:1px solid var(--lcg-line)!important; border-radius:24px!important; box-shadow:0 14px 38px rgba(28,58,63,.06)!important; }

.lc-group-modal,.lc-group-stats-modal,.lc-group-nicknames-modal,.lc-group-donate-modal,.lc-group-balance-modal,.lacorn-group-raffle-modal { padding:18px!important; background:rgba(8,27,31,.72)!important; backdrop-filter:blur(12px); }
.lc-group-modal > div,.lc-group-stats-modal > div,.lc-group-nicknames-modal > div,.lc-group-donate-modal > div,.lc-group-balance-modal > div,.lacorn-group-raffle-modal__content { width:min(720px,100%)!important; max-width:720px!important; max-height:min(88vh,900px)!important; padding:28px!important; overflow:auto!important; border:1px solid rgba(255,255,255,.65)!important; border-radius:24px!important; color:var(--lcg-ink)!important; background:linear-gradient(160deg,#fff,#f3f8f7)!important; box-shadow:0 30px 90px rgba(0,0,0,.28)!important; }
.lc-group-stats-modal > div,.lc-group-balance-modal > div { width:min(980px,100%)!important; max-width:980px!important; }
.lc-group-modal h2,.lc-group-stats-modal h2,.lc-group-nicknames-modal h2,.lc-group-donate-modal h2,.lc-group-balance-modal h2,.lacorn-group-raffle-modal h3 { color:var(--lcg-ink)!important; font-size:26px!important; letter-spacing:-.03em; }
.lc-group-modal input,.lc-group-modal textarea,.lc-group-modal select,.lc-group-stats-modal input,.lc-group-donate-modal input,.lc-group-balance-modal input,.lacorn-group-raffle-modal input { min-height:46px; border:1px solid var(--lcg-line)!important; border-radius:12px!important; color:var(--lcg-ink)!important; background:#fff!important; }
.lc-group-setting-toggle { display:flex; align-items:flex-start; gap:12px; margin:8px 0 18px; padding:14px; border:1px solid var(--lcg-line); border-radius:14px; background:#eef7f5; cursor:pointer; }
.lc-group-setting-toggle input { width:20px!important; min-height:20px!important; height:20px!important; margin-top:2px; accent-color:var(--lcg-primary); }
.lc-group-setting-toggle span { display:flex; flex-direction:column; gap:3px; }
.lc-group-setting-toggle small { color:var(--lcg-muted); line-height:1.4; }
.lc-stats-tab,.lc-balance-tab,.lc-nicknames-tab { min-height:42px; padding:0 16px!important; border:0!important; border-radius:12px!important; color:var(--lcg-muted)!important; background:#e6eeee!important; font-weight:850!important; }
.lc-stats-tab.active,.lc-balance-tab.active,.lc-nicknames-tab.active { color:#fff!important; background:var(--lcg-primary)!important; }
.lc-group-stats-modal table,.lc-group-balance-modal table { width:100%!important; overflow:hidden; border:1px solid var(--lcg-line)!important; border-collapse:separate!important; border-spacing:0!important; border-radius:14px; background:#fff!important; }
.lc-group-stats-modal th,.lc-group-balance-modal th { color:var(--lcg-muted)!important; background:#eef5f4!important; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.lc-group-stats-modal td,.lc-group-stats-modal th,.lc-group-balance-modal td,.lc-group-balance-modal th { padding:13px!important; border-color:var(--lcg-line)!important; }

.lacorn-group-raffle-modal__content { gap:18px!important; }
.lacorn-group-raffle-modal__header { padding-bottom:14px; border-bottom:1px solid var(--lcg-line); }
.lacorn-group-raffle-modal__body { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px!important; }
.lacorn-group-raffle-modal__body label { display:flex; flex-direction:column; gap:6px; padding:12px; border:1px solid var(--lcg-line); border-radius:14px; background:#fff; font-weight:750; }
.lacorn-group-raffle-modal__footer button { min-height:44px; border-radius:12px!important; }
.lcab-raffle-box { position:relative; overflow:hidden; padding:22px!important; border:1px solid rgba(244,201,93,.65)!important; border-radius:20px!important; background:linear-gradient(135deg,#fff9e9,#fff,#eaf9f5)!important; }
.lcab-raffle-box::after { content:"🎉"; position:absolute; right:16px; top:10px; opacity:.13; font-size:74px; transform:rotate(12deg); }
.lcab-raffle-box > * { position:relative; z-index:1; }

.lc-comment { position:relative; display:grid!important; grid-template-columns:42px minmax(0,1fr); gap:10px; padding:14px!important; border:1px solid var(--lcg-line)!important; border-radius:16px!important; background:#fff!important; }
.lc-comment__avatar { width:42px!important; height:42px!important; border-radius:13px!important; object-fit:cover; }
.lc-comment__body { min-width:0; }
.lc-comment__replies { display:flex; flex-direction:column; gap:9px; margin:12px 0 0!important; padding-left:16px!important; border-left:2px solid rgba(20,184,166,.28); }
.lc-comment--reply { grid-template-columns:34px minmax(0,1fr); padding:10px!important; background:#f3f8f7!important; }
.lc-comment--reply .lc-comment__avatar { width:34px!important; height:34px!important; }
.lc-comment-form--reply { margin-top:10px; padding:12px!important; border-radius:14px!important; background:#eef7f5!important; }
.lc-comment-form textarea { width:100%; border:1px solid var(--lcg-line)!important; border-radius:12px!important; color:var(--lcg-ink)!important; background:#fff!important; }
.lc-comment-submit { color:#fff!important; background:var(--lcg-primary)!important; }
.lc-comment-cancel { color:var(--lcg-ink)!important; background:#dde8e7!important; }

body.lacorn-dark-theme .lacorn-groups-header,body.lacorn-dark-theme .lacorn-groups-search-input,body.lacorn-dark-theme .lacorn-group-card,body.lacorn-dark-theme .lacorn-groups-leaderboard,body.lacorn-dark-theme .lc-group-authors,body.lacorn-dark-theme .lc-wall-form,body.lacorn-dark-theme .lc-comment { --lcg-ink:#edf8f7; --lcg-muted:#9eb4b7; --lcg-line:#294149; --lcg-surface:#10242b; --lcg-soft:#132c32; background:#10242b!important; color:#edf8f7!important; }
body.lacorn-dark-theme.lc-group-detail-page .lc-group-wrap { background:linear-gradient(145deg,#06141e,#0a2025)!important; }
body.lacorn-dark-theme.lc-group-detail-page .lcab-aside { border-color:#294149; background:#0f2229; }
body.lacorn-dark-theme .lc-group-modal > div,body.lacorn-dark-theme .lc-group-stats-modal > div,body.lacorn-dark-theme .lc-group-nicknames-modal > div,body.lacorn-dark-theme .lc-group-donate-modal > div,body.lacorn-dark-theme .lc-group-balance-modal > div,body.lacorn-dark-theme .lacorn-group-raffle-modal__content { color:#edf8f7!important; background:#10242b!important; border-color:#294149!important; }

@media (max-width:1100px) {
    .lacorn-groups-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body.lc-group-detail-page .lcab-layout { grid-template-columns:205px minmax(0,1fr); gap:14px; }
    .lc-profile-header { grid-template-columns:120px minmax(0,1fr)!important; padding:30px!important; }
    .lc-profile-avatar { width:120px!important; height:120px!important; }
}
@media (max-width:780px) {
    .lacorn-groups-hero { align-items:flex-start; min-height:0; flex-direction:column; padding:28px 22px; border-radius:22px; }
    .lacorn-groups-hero h2 { font-size:40px; }
    .lacorn-create-group-btn { width:100%; }
    .lacorn-groups-list { grid-template-columns:1fr; }
    .lacorn-groups-tabs { overflow-x:auto; grid-template-columns:repeat(3,minmax(130px,1fr)); scrollbar-width:none; }
    body.lc-group-detail-page .lc-group-wrap { padding:10px 10px 92px; }
    body.lc-group-detail-page .lcab-layout { display:block!important; }
    body.lc-group-detail-page .lcab-aside { display:none!important; }
    .lc-profile-header { display:block!important; min-height:0; padding:24px!important; border-radius:24px!important; }
    .lc-profile-header__avatar { margin-bottom:18px; }
    .lc-profile-avatar { width:92px!important; height:92px!important; border-radius:25px!important; }
    .lc-profile-name { font-size:36px!important; }
    .lc-profile-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .lc-profile-action { display:flex!important; align-items:center; justify-content:center; text-align:center; }
    .lc-group-authors { padding:18px; border-radius:20px; }
    .lc-group-authors__grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }
    .lc-group-author-card { min-width:230px; scroll-snap-align:start; }
    .lc-wall-form { padding:16px!important; border-radius:20px!important; }
    .lc-group-modal,.lc-group-stats-modal,.lc-group-nicknames-modal,.lc-group-donate-modal,.lc-group-balance-modal,.lacorn-group-raffle-modal { align-items:flex-end!important; padding:0!important; }
    .lc-group-modal > div,.lc-group-stats-modal > div,.lc-group-nicknames-modal > div,.lc-group-donate-modal > div,.lc-group-balance-modal > div,.lacorn-group-raffle-modal__content { width:100%!important; max-width:none!important; max-height:92dvh!important; padding:22px 16px calc(22px + env(safe-area-inset-bottom))!important; border-radius:24px 24px 0 0!important; }
    .lacorn-group-raffle-modal__body { grid-template-columns:1fr; }
    .lc-group-stats-modal table,.lc-group-balance-modal table { min-width:620px; }
    .lc-group-stats-modal > div > div,.lc-group-balance-modal > div > div { max-width:100%; overflow-x:auto; }
    .lc-comment { grid-template-columns:36px minmax(0,1fr); padding:11px!important; }
    .lc-comment__avatar { width:36px!important; height:36px!important; }
    .lc-comment__replies { margin-left:-30px!important; padding-left:10px!important; }
}
@media (max-width:420px) {
    .lacorn-groups-hero h2 { font-size:34px; }
    .lacorn-group-card { padding:18px!important; }
    .lacorn-group-card__avatar { width:58px!important; height:58px!important; flex-basis:58px; border-radius:18px!important; }
    .lc-profile-actions { grid-template-columns:1fr; }
    .lc-profile-action { width:100%; }
}


/* Стили для отображения подборки в посте */
.lc-wall-collection{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f8f4ff 0%,#faf5ff 100%);border:2px solid #a78bfa;border-radius:16px}
.lc-wall-collection__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.lc-wall-collection__icon{font-size:28px}
.lc-wall-collection__title{font-size:18px;font-weight:700;color:#5b21b6;flex:1}
.lc-wall-collection__count{font-size:14px;color:#7c3aed;background:#fff;padding:4px 12px;border-radius:999px;font-weight:600}
.lc-wall-collection__slider{position:relative;overflow:hidden}
.lc-wall-collection__track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:4px 0}
.lc-wall-collection__track::-webkit-scrollbar{display:none}
.lc-wall-collection__item{flex:0 0 calc(33.333% - 11px);display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;border:2px solid #e9d5ff}
.lc-wall-collection__item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(139,92,246,.2)}
.lc-wall-collection__thumb{width:100%;height:280px;object-fit:cover}
.lc-wall-collection__no-thumb{width:100%;height:280px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a78bfa,#6366f1);font-size:64px}
.lc-wall-collection__movie-title{padding:12px;font-size:13px;font-weight:600;color:#1e293b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lc-wall-collection__prev,.lc-wall-collection__next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(139,92,246,.9);color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
.lc-wall-collection__prev:hover,.lc-wall-collection__next:hover{background:rgba(99,102,241,.95)}
.lc-wall-collection__prev{left:-18px}
.lc-wall-collection__next{right:-18px}

/* Стили для превью подборки в форме */
.lc-collection-preview__header{display:flex;align-items:center;gap:8px;padding:12px;background:#f8f4ff;border:2px solid #a78bfa;border-radius:12px;margin-top:12px}
.lc-collection-preview__count{color:#7c3aed;font-size:13px}
.lc-collection-preview__edit,.lc-collection-preview__remove{background:transparent;border:none;padding:4px 8px;cursor:pointer;font-size:13px;color:#7c3aed;font-weight:600}
.lc-collection-preview__edit:hover,.lc-collection-preview__remove:hover{text-decoration:underline}

@media (max-width:768px){
.lc-wall-collection{margin:12px -16px}
.lc-wall-collection__track{gap:12px;padding:4px 16px}
.lc-wall-collection__item{flex:0 0 calc(60% - 6px);max-width:calc(60% - 6px)}
.lc-wall-collection__thumb{height:200px}
.lc-wall-collection__no-thumb{height:200px;font-size:40px}
.lc-wall-collection__prev,.lc-wall-collection__next{display:none}
}
@media (max-width:480px){
.lc-wall-collection__item{flex:0 0 calc(75% - 6px);max-width:calc(75% - 6px)}
.lc-wall-collection__thumb{height:180px}
.lc-wall-collection__no-thumb{height:180px;font-size:36px}
.lc-wall-collection__movie-title{font-size:12px;padding:10px}
}
/* ========== СТИЛИ ДЛЯ ГРУПП ========== */

/* Контейнер списка групп */
.lacorn-groups-container {
    width: 100%;
    max-width: none !important;
    padding: 20px;
}

.lcab-groups-body {
    width: 100%;
    max-width: none !important;
}

.lacorn-groups-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 24px;
    padding: 20px 0;
    width: 100%;
}

/* Карточка группы */
.lacorn-group-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 2px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.lacorn-group-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.lacorn-group-card:hover::before {
    transform: scaleX(1);
}

.lacorn-group-card:hover {
    transform: translateY(-4px);
    border-color: #6366f1;
    box-shadow: 0 12px 40px rgba(99, 102, 241, 0.2);
}

/* Аватар группы */
.lacorn-group-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #e2e8f0;
    object-fit: cover;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.lacorn-group-card:hover .lacorn-group-avatar {
    border-color: #6366f1;
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.3);
}

/* Название группы */
.lacorn-group-name {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 8px;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.lacorn-group-card:hover .lacorn-group-name {
    color: #6366f1;
}

/* Описание группы */
.lacorn-group-description {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Статистика группы */
.lacorn-group-stats {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    padding-top: 16px;
    border-top: 1px solid #e2e8f0;
}

.lacorn-group-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.lacorn-group-stat-value {
    font-size: 18px;
    font-weight: 700;
    color: #6366f1;
}

.lacorn-group-stat-label {
    font-size: 12px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Контейнер действий в карточке группы */
.lacorn-group-card__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Кнопка открытия группы */
.lacorn-group-open-btn {
    flex: 1;
    min-width: 0;
    padding: 10px 16px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(99, 102, 241, 0.3);
    white-space: nowrap;
}

.lacorn-group-open-btn:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
}

.lacorn-group-open-btn:active {
    transform: translateY(0);
}

/* Верифицированная группа */
.lacorn-group-card.verified {
    border-color: #fbbf24;
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
}

.lacorn-group-card.verified::before {
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
    transform: scaleX(1);
}

.lacorn-group-verified-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(251, 191, 36, 0.3);
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ========== МОДАЛЬНОЕ ОКНО СОЗДАНИЯ/ВЫБОРА ГРУППЫ ========== */

.lacorn-groups-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    animation: fadeIn 0.3s ease;
}

.lacorn-groups-modal.is-open {
    display: flex;
}

.lacorn-groups-modal-content {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: min(90vw, 800px);
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: slideUp 0.3s ease;
}

.lacorn-groups-modal-header {
    padding: 24px 32px;
    border-bottom: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
}

.lacorn-groups-modal-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.lacorn-groups-modal-close {
    background: transparent;
    border: none;
    font-size: 32px;
    color: #64748b;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.2s ease;
}

.lacorn-groups-modal-close:hover {
    background: #f1f5f9;
    color: #1e293b;
}

.lacorn-groups-modal-body {
    padding: 32px;
    overflow-y: auto;
    flex: 1;
}

/* Кнопки переключения (Мои группы / Все группы) */
.lacorn-groups-tabs {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
    background: #f1f5f9;
    padding: 4px;
    border-radius: 12px;
}

.lacorn-groups-tab {
    flex: 1;
    padding: 12px 24px;
    background: transparent;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.3s ease;
}

.lacorn-groups-tab.is-active {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.lacorn-groups-tab:hover:not(.is-active) {
    background: #e2e8f0;
    color: #1e293b;
}

/* Поиск групп */
.lacorn-groups-search {
    margin-bottom: 24px;
    position: relative;
}

.lacorn-groups-search-input {
    width: 100%;
    padding: 14px 16px 14px 48px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 15px;
    transition: all 0.3s ease;
    background: #f8fafc;
}

.lacorn-groups-search-input:focus {
    outline: none;
    border-color: #6366f1;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

.lacorn-groups-search-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #94a3b8;
}

/* Кнопка создания группы */
.lacorn-create-group-btn {
    width: 100%;
    padding: 16px 24px;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.lacorn-create-group-btn:hover {
    background: linear-gradient(135deg, #059669, #047857);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}

.lacorn-create-group-btn:active {
    transform: translateY(0);
}

/* Пустое состояние */
.lacorn-groups-empty {
    text-align: center;
    padding: 60px 20px;
    color: #94a3b8;
}

.lacorn-groups-empty-icon {
    font-size: 64px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.lacorn-groups-empty-text {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #64748b;
}

.lacorn-groups-empty-hint {
    font-size: 14px;
    color: #94a3b8;
}

/* Загрузка */
.lacorn-groups-loading {
    text-align: center;
    padding: 60px 20px;
    color: #6366f1;
    font-size: 18px;
    font-weight: 600;
}

/* Анимации */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        transform: translateY(30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Адаптивность */
@media (max-width: 768px) {
    .lacorn-groups-list {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .lacorn-groups-modal-content {
        width: 95vw;
        max-height: 95vh;
    }

    .lacorn-groups-modal-header {
        padding: 20px;
    }

    .lacorn-groups-modal-body {
        padding: 20px;
    }

    .lacorn-group-card {
        padding: 20px;
    }
}

/* Стили для страницы группы */
.lacorn-group-page {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}

/* Аудио плеер для постов стены (стиль голосовых сообщений) */
.lc-wall-audio-player {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(129, 140, 248, 0.06));
    border: 1px solid rgba(99, 102, 241, 0.15);
    width: 100%;
    max-width: 100%;
    position: relative;
    margin: 12px 0;
}

.lc-wall-audio-player__icon {
    font-size: 24px;
    flex-shrink: 0;
    opacity: 0.8;
}

.lc-wall-audio-player__play {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.lc-wall-audio-player__play:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.4);
}

.lc-wall-audio-player__play.is-playing {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

.lc-wall-audio-player__waveform {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 2px;
    height: 32px;
    position: relative;
}

.lc-wall-audio-player__wave {
    display: block;
    width: 3px;
    background: linear-gradient(180deg, #6366f1, #8b5cf6);
    border-radius: 2px;
    opacity: 0.4;
    transition: all 0.3s ease;
}

.lc-wall-audio-player__play.is-playing ~ .lc-wall-audio-player__waveform .lc-wall-audio-player__wave {
    animation: lc-wall-audio-wave-pulse 1.2s ease-in-out infinite;
}

@keyframes lc-wall-audio-wave-pulse {
    0%, 100% {
        opacity: 0.4;
        transform: scaleY(0.8);
    }
    50% {
        opacity: 0.8;
        transform: scaleY(1.2);
    }
}

.lc-wall-audio-player__play.is-playing ~ .lc-wall-audio-player__waveform .lc-wall-audio-player__wave:nth-child(1) { animation-delay: 0s; }
.lc-wall-audio-player__play.is-playing ~ .lc-wall-audio-player__waveform .lc-wall-audio-player__wave:nth-child(2) { animation-delay: 0.1s; }
.lc-wall-audio-player__play.is-playing ~ .lc-wall-audio-player__waveform .lc-wall-audio-player__wave:nth-child(3) { animation-delay: 0.2s; }
.lc-wall-audio-player__play.is-playing ~ .lc-wall-audio-player__waveform .lc-wall-audio-player__wave:nth-child(4) { animation-delay: 0.3s; }
.lc-wall-audio-player__play.is-playing ~ .lc-wall-audio-player__waveform .lc-wall-audio-player__wave:nth-child(5) { animation-delay: 0.4s; }

.lc-wall-audio-player__progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden;
}

.lc-wall-audio-player__progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    transition: width 0.1s linear;
}

.lc-wall-audio-player__duration {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    flex-shrink: 0;
    min-width: 38px;
    text-align: right;
}

.lc-wall-audio-player audio {
    display: none;
}

/* Контейнер для аудио в постах */
.lc-wall-card__audios {
    width: 100%;
    margin: 12px 0;
}

.lc-wall-card__audios .lc-wall-audio-player {
    width: 15%;
}

/* ========== СТИЛИ ДЛЯ ДЕТАЛЬНОЙ СТРАНИЦЫ ГРУППЫ ========== */

/* Заголовок группы на детальной странице */
.lc-profile-header {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 2px solid #e2e8f0;
    border-radius: 24px;
    padding: 32px;
    margin-bottom: 24px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

.lc-profile-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);
}

.lc-profile-header__avatar {
    position: relative;
}

.lc-profile-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    object-fit: cover;
    transition: all 0.3s ease;
}

.lc-profile-header:hover .lc-profile-avatar {
    transform: scale(1.05);
    box-shadow: 0 12px 32px rgba(99, 102, 241, 0.3);
}

.lc-profile-name {
    font-size: 32px;
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 12px 0;
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 1.2;
}

/* Галочка верификации для групп */
.lc-profile-name > span:not(.lc-profile-name__votes) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #ffffff;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(251, 191, 36, 0.4);
    margin-left: 4px;
    flex-shrink: 0;
    line-height: 1;
}

/* Голоса в профиле группы */
.lc-profile-name__votes {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 16px;
    margin-left: 12px;
    color: inherit;
}

/* Специфичные стили для голосов внутри элемента с градиентом */
.lc-profile-name .lc-profile-name__votes {
    color: inherit !important;
    background-image: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

.lc-profile-name__vote {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a !important;
    background-image: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

.lc-profile-name .lc-profile-name__vote {
    color: #0f172a !important;
    background-image: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

.lc-profile-name__vote--like {
    color: #16a34a !important;
}

.lc-profile-name .lc-profile-name__vote--like {
    color: #16a34a !important;
}

.lc-profile-name__vote--dislike {
    color: #ef4444 !important;
}

.lc-profile-name .lc-profile-name__vote--dislike {
    color: #ef4444 !important;
}

.lc-profile-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e8f0;
}

.lc-profile-meta__item {
    font-size: 15px;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.lc-profile-about {
    margin-top: 16px;
    padding: 16px;
    background: #f8fafc;
    border-radius: 12px;
    border-left: 4px solid #6366f1;
}

.lc-profile-about__content {
    color: #475569;
    line-height: 1.7;
    font-size: 15px;
}

.lc-profile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0;
}

.lc-profile-action {
    padding: 12px 24px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.lc-profile-action:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
    color: #ffffff;
    text-decoration: none;
}

.lc-profile-action:active {
    transform: translateY(0);
}

/* Кнопка подписки */
.lacorn-group-subscribe-btn {
    flex: 1;
    min-width: 0;
    padding: 10px 16px;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
}

.lacorn-group-subscribe-btn:hover {
    background: linear-gradient(135deg, #059669, #047857);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}

.lacorn-group-subscribe-btn:active {
    transform: translateY(0);
}

.lacorn-group-subscribe-btn.subscribed {
    background: linear-gradient(135deg, #64748b, #475569);
}

.lacorn-group-subscribe-btn.subscribed:hover {
    background: linear-gradient(135deg, #475569, #334155);
}

/* Посты на странице группы */
.lc-wall-card {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 24px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    position: relative;
    overflow: hidden;
}

.lc-wall-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.lc-wall-card:hover::before {
    opacity: 1;
}

.lc-wall-card:hover {
    border-color: #6366f1;
    box-shadow: 0 8px 32px rgba(99, 102, 241, 0.15);
    transform: translateY(-2px);
}

.lc-wall-card__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
}

.lc-wall-card__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e2e8f0;
    transition: all 0.3s ease;
}

.lc-wall-card:hover .lc-wall-card__avatar {
    border-color: #6366f1;
    transform: scale(1.1);
}

.lc-wall-card__author {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    text-decoration: none;
    transition: color 0.3s ease;
}

.lc-wall-card__author:hover {
    color: #6366f1;
    text-decoration: none;
}

.lc-wall-card__date {
    font-size: 13px;
    color: #94a3b8;
    margin-left: auto;
}

.lc-wall-card__views {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #94a3b8;
    margin-left: 12px;
}

.lc-wall-card__actions {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.lc-wall-card__action {
    background: transparent;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 14px;
    color: #64748b;
    cursor: pointer;
    transition: all 0.3s ease;
}

.lc-wall-card__action:hover {
    background: #f1f5f9;
    border-color: #6366f1;
    color: #6366f1;
}

.lc-wall-card__action--danger:hover {
    background: #fee2e2;
    border-color: #ef4444;
    color: #ef4444;
}

.lc-wall-card__content {
    font-size: 15px;
    line-height: 1.7;
    color: #1e293b;
    margin-bottom: 16px;
    word-wrap: break-word;
}

.lc-wall-card__content p {
    margin-bottom: 12px;
}

.lc-wall-card__content p:last-child {
    margin-bottom: 0;
}

.lc-wall-card__media {
    margin: 16px 0;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f4;
    min-height: 200px;
}

.lc-wall-card__media .lc-wall-audio-player {
    width: 100%;
    max-width: 100%;
}

.lc-wall-card__media-img {
    max-width: 100%;
    max-height: 600px;
    height: auto;
    width: auto;
    display: block;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.3s ease;
    object-fit: contain;
    background: #fff;
}

.lc-wall-card__media-img:hover {
    transform: scale(1.02);
}

.lc-wall-card__video {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.lc-wall-card__video-el {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

/* Стили для одного вертикального видео - больше и по центру */
.lc-wall-card__video--single.lc-wall-card__video--vertical {
    max-width: 600px !important;
    width: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0;
}

.lc-wall-card__video--single.lc-wall-card__video--vertical .lc-wall-card__video-el {
    width: auto !important;
    max-width: 600px !important;
    height: auto !important;
    display: block !important;
    max-height: 85vh;
    object-fit: contain;
}

/* Контейнер для вертикального видео - центрирование */
.lc-wall-card__media:has(.lc-wall-card__video--single.lc-wall-card__video--vertical),
.lc-wall-card__media .lc-wall-card__video--single.lc-wall-card__video--vertical {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.lc-wall-card__media:has(.lc-wall-card__video--single.lc-wall-card__video--vertical) {
    background: transparent;
    min-height: auto;
}

/* Стили для одного горизонтального видео - по ширине поста */
.lc-wall-card__video--single.lc-wall-card__video--horizontal {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.lc-wall-card__video--single.lc-wall-card__video--horizontal .lc-wall-card__video-el {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Контейнер для горизонтального видео - полная ширина */
.lc-wall-card__media:has(.lc-wall-card__video--single.lc-wall-card__video--horizontal) {
    display: block !important;
    width: 100% !important;
}

/* Футер поста с лайками и комментариями */
.lc-wall-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
    margin-top: 16px;
}

.lc-wall-votes {
    display: flex;
    gap: 12px;
}

.lc-wall-card__vote-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 80px;
    justify-content: center;
}

.lc-wall-card__vote-btn:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-1px);
}

.lc-wall-card__vote-btn.is-active {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    border-color: #6366f1;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.lc-wall-card__vote-btn.is-active:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
}

/* Комментарии */
.lc-wall-comments {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
}

.lc-wall-comments-toggle {
    background: transparent;
    border: none;
    color: #6366f1;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    padding: 8px 0;
    transition: color 0.3s ease;
}

.lc-wall-comments-toggle:hover {
    color: #4f46e5;
}

.lc-wall-comments-list {
    margin-top: 16px;
    padding-left: 16px;
    border-left: 3px solid #e2e8f0;
}

.lc-wall-comment {
    padding: 12px 0;
    border-bottom: 1px solid #f1f5f9;
}

.lc-wall-comment:last-child {
    border-bottom: none;
}

.lc-wall-comment__author {
    font-weight: 700;
    color: #1e293b;
    margin-right: 8px;
}

.lc-wall-comment__text {
    color: #475569;
    line-height: 1.6;
}

.lc-wall-comment-form {
    margin-top: 16px;
    display: flex;
    gap: 8px;
}

.lc-wall-comment-input {
    flex: 1;
    padding: 10px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.lc-wall-comment-input:focus {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

.lc-wall-comment-submit {
    padding: 10px 24px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.lc-wall-comment-submit:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    transform: translateY(-1px);
}

/* Опросы */
.lc-wall-poll {
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    margin: 16px 0;
}

.lc-poll-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lc-poll-option {
    position: relative;
}

.lc-poll-option-btn {
    width: 100%;
    padding: 14px 18px;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: left;
}

.lc-poll-option-btn:hover:not(:disabled) {
    border-color: #6366f1;
    background: #f8fafc;
    transform: translateX(4px);
}

.lc-poll-option-btn:disabled {
    cursor: default;
}

/* ========== МОДАЛЬНОЕ ОКНО СОЗДАНИЯ ГРУППЫ ========== */

/* Модальное окно создания группы - основной класс */
.lacorn-group-modal {
    position: fixed;
    inset: 0;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.lacorn-group-modal.active {
    opacity: 1;
    visibility: visible;
}

/* Контент модального окна */
.lacorn-group-modal-content {
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4);
    width: min(90vw, 600px);
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: slideUp 0.4s ease;
    position: relative;
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.lacorn-group-modal.active .lacorn-group-modal-content {
    transform: translateY(0);
}

.lacorn-group-modal-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);
}

/* Заголовок модального окна */
.lacorn-group-modal-header {
    padding: 28px 32px;
    border-bottom: 2px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lacorn-group-modal-header h2 {
    font-size: 26px;
    font-weight: 800;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Кнопка закрытия */
.lacorn-group-modal-close {
    background: transparent;
    border: none;
    font-size: 32px;
    color: #64748b;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    transition: all 0.2s ease;
    line-height: 1;
    padding: 0;
}

.lacorn-group-modal-close:hover {
    background: #f1f5f9;
    color: #1e293b;
    transform: rotate(90deg);
}

/* Тело модального окна */
.lacorn-group-modal-content form {
    padding: 32px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Форма создания группы */
.lacorn-group-create-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Группа полей формы */
.lacorn-group-form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lacorn-group-form-group label {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lacorn-group-form-group input[type="text"],
.lacorn-group-form-group textarea {
    padding: 14px 18px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 15px;
    font-family: inherit;
    transition: all 0.3s ease;
    background: #f8fafc;
    width: 100%;
    box-sizing: border-box;
}

.lacorn-group-form-group input[type="text"]:focus,
.lacorn-group-form-group textarea:focus {
    outline: none;
    border-color: #6366f1;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

.lacorn-group-form-group textarea {
    min-height: 120px;
    resize: vertical;
}

/* Загрузка аватарки */
.lacorn-group-avatar-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px;
    border: 2px dashed #cbd5e1;
    border-radius: 16px;
    background: #f8fafc;
    transition: all 0.3s ease;
    cursor: pointer;
}

.lacorn-group-avatar-upload:hover {
    border-color: #6366f1;
    background: #f1f5f9;
}

.lacorn-group-avatar-preview {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.lacorn-group-upload-avatar-btn {
    padding: 10px 20px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
}

.lacorn-group-upload-avatar-btn:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
}

/* Действия формы */
.lacorn-group-form-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 8px;
    padding-top: 16px;
    border-top: 2px solid #e2e8f0;
}

.lacorn-group-form-actions button {
    padding: 12px 24px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
}

.lacorn-group-form-actions button.lacorn-group-modal-close {
    background: #f1f5f9;
    color: #64748b;
    width: auto;
    height: auto;
    font-size: 15px;
    padding: 12px 24px;
}

.lacorn-group-form-actions button.lacorn-group-modal-close:hover {
    background: #e2e8f0;
    color: #1e293b;
    transform: none;
}

.lacorn-group-form-actions button.primary {
    background: linear-gradient(135deg, #10b981, #059669);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.lacorn-group-form-actions button.primary:hover {
    background: linear-gradient(135deg, #059669, #047857);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}

.lacorn-group-form-actions button.primary:active {
    transform: translateY(0);
}

/* Анимации */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.lacorn-create-group-modal {
    position: fixed;
    inset: 0;
    z-index: 10001;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    animation: fadeIn 0.3s ease;
}

.lacorn-create-group-modal.is-open {
    display: flex;
}

.lacorn-create-group-modal-content {
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4);
    width: min(90vw, 600px);
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: slideUp 0.4s ease;
    position: relative;
}

.lacorn-create-group-modal-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);
}

.lacorn-create-group-modal-header {
    padding: 28px 32px;
    border-bottom: 2px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lacorn-create-group-modal-title {
    font-size: 26px;
    font-weight: 800;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.lacorn-create-group-modal-close {
    background: transparent;
    border: none;
    font-size: 32px;
    color: #64748b;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    transition: all 0.2s ease;
}

.lacorn-create-group-modal-close:hover {
    background: #f1f5f9;
    color: #1e293b;
    transform: rotate(90deg);
}

.lacorn-create-group-modal-body {
    padding: 32px;
    overflow-y: auto;
    flex: 1;
}

.lacorn-create-group-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.lacorn-form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lacorn-form-label {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lacorn-form-input,
.lacorn-form-textarea {
    padding: 14px 18px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 15px;
    font-family: inherit;
    transition: all 0.3s ease;
    background: #f8fafc;
}

.lacorn-form-input:focus,
.lacorn-form-textarea:focus {
    outline: none;
    border-color: #6366f1;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

.lacorn-form-textarea {
    min-height: 120px;
    resize: vertical;
}

.lacorn-form-avatar-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px;
    border: 2px dashed #cbd5e1;
    border-radius: 16px;
    background: #f8fafc;
    transition: all 0.3s ease;
    cursor: pointer;
}

.lacorn-form-avatar-upload:hover {
    border-color: #6366f1;
    background: #f1f5f9;
}

.lacorn-form-avatar-preview {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.lacorn-form-avatar-text {
    font-size: 14px;
    color: #64748b;
    text-align: center;
}

.lacorn-create-group-submit {
    padding: 16px 32px;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
    margin-top: 8px;
}

.lacorn-create-group-submit:hover {
    background: linear-gradient(135deg, #059669, #047857);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}

.lacorn-create-group-submit:active {
    transform: translateY(0);
}

.lacorn-create-group-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Адаптивность для детальной страницы */
@media (max-width: 768px) {
    .lc-profile-header {
        padding: 24px;
    }

    .lc-profile-avatar {
        width: 100px;
        height: 100px;
    }

    .lc-profile-name {
        font-size: 24px;
    }

    .lc-profile-actions {
        flex-direction: column;
    }

    .lc-profile-action {
        width: 100%;
        justify-content: center;
    }

    .lc-wall-card {
        padding: 20px;
    }

    .lc-wall-card__media {
        margin: 12px 0;
        min-height: 150px;
    }

    .lc-wall-card__media-img {
        max-height: 400px;
    }

    .lc-wall-card__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .lacorn-create-group-modal-content {
        width: 95vw;
        max-height: 95vh;
    }

    .lacorn-create-group-modal-header {
        padding: 20px;
    }

    .lacorn-create-group-modal-body {
        padding: 20px;
    }

    /* Адаптивность для модального окна создания группы */
    .lacorn-group-modal-content {
        width: 95vw;
        max-height: 95vh;
    }

    .lacorn-group-modal-header {
        padding: 20px;
    }

    .lacorn-group-modal-header h2 {
        font-size: 22px;
    }

    .lacorn-group-modal-content form {
        padding: 20px;
    }

    .lacorn-group-form-actions {
        flex-direction: column;
    }

    .lacorn-group-form-actions button {
        width: 100%;
    }
}

/* ========== ФОРМА СОЗДАНИЯ ПОСТА НА СТРАНИЦЕ ГРУППЫ ========== */

.lc-wall-form {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    position: relative;
    overflow: hidden;
}

.lc-wall-form::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);
    opacity: 0.8;
}

.lc-wall-form__header {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f1f5f9;
}

.lc-wall-form__title {
    font-size: 20px;
    font-weight: 800;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 10px;
}

.lc-wall-form__body {
    margin-bottom: 20px;
}

.lc-wall-form__textarea {
    width: 100%;
    min-height: 120px;
    padding: 16px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    font-size: 15px;
    font-family: inherit;
    line-height: 1.6;
    color: #1e293b;
    background: #f8fafc;
    transition: all 0.3s ease;
    resize: vertical;
}

.lc-wall-form__textarea:focus {
    outline: none;
    border-color: #6366f1;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

.lc-wall-form__textarea::placeholder {
    color: #94a3b8;
}

/* Вложения */
.lc-wall-attachments {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
    padding: 16px;
    background: #f8fafc;
    border-radius: 12px;
    border: 2px dashed #e2e8f0;
}

.lc-wall-attachment {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.lc-wall-attachment:hover {
    transform: scale(1.05);
}

.lc-wall-attachment img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    display: block;
}

.lc-wall-attachment--audio {
    padding: 12px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(129, 140, 248, 0.05));
    border: 2px solid rgba(99, 102, 241, 0.2);
    border-radius: 12px;
    min-width: 200px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.lc-wall-attachment-remove {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    background: rgba(239, 68, 68, 0.9);
    color: #ffffff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

.lc-wall-attachment-remove:hover {
    background: #ef4444;
    transform: scale(1.1);
}

/* Меню вложений */
.lc-attach-menu-wrap {
    position: relative;
}

.lc-wall-attach-menu-btn {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
    border: 2px solid #cbd5e1;
    border-radius: 12px;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.lc-wall-attach-menu-btn:hover {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    border-color: #6366f1;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.lc-attach-menu {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 8px;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    padding: 8px;
    min-width: 240px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 1000;
    animation: slideDown 0.2s ease;
}

.lc-attach-menu[hidden] {
    display: none;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.lc-attach-menu-item {
    width: 100%;
    padding: 12px 16px;
    background: transparent;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    color: #1e293b;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}

.lc-attach-menu-item:hover {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    transform: translateX(4px);
}

.lc-attach-menu-icon {
    font-size: 20px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lc-attach-menu-text {
    font-weight: 600;
    flex: 1;
}

/* Футер формы */
.lc-wall-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 16px;
    border-top: 2px solid #f1f5f9;
}

.lc-wall-submit {
    padding: 14px 32px;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
    flex-shrink: 0;
}

.lc-wall-submit:hover {
    background: linear-gradient(135deg, #059669, #047857);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
}

.lc-wall-submit:active {
    transform: translateY(0);
}

.lc-wall-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Подборка фильмов */
.lc-wall-collection {
    margin: 16px 0;
    padding: 20px;
    background: linear-gradient(135deg, #f8f4ff 0%, #faf5ff 100%);
    border: 2px solid #a78bfa;
    border-radius: 16px;
}

.lc-wall-collection__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.lc-wall-collection__title {
    font-size: 18px;
    font-weight: 700;
    color: #6b21a8;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lc-wall-collection__remove {
    background: transparent;
    border: none;
    color: #6b21a8;
    font-size: 20px;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.lc-wall-collection__remove:hover {
    background: rgba(107, 33, 168, 0.1);
    transform: scale(1.1);
}

/* Папка */
.lc-wall-folder {
    margin: 16px 0;
    padding: 20px;
    background: linear-gradient(135deg, #f0fdf4 0%, #f9fafb 100%);
    border: 2px solid #86efac;
    border-radius: 16px;
}

.lc-wall-folder__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.lc-wall-folder__title {
    font-size: 18px;
    font-weight: 700;
    color: #166534;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lc-wall-folder__remove {
    background: transparent;
    border: none;
    color: #166534;
    font-size: 20px;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.lc-wall-folder__remove:hover {
    background: rgba(22, 101, 52, 0.1);
    transform: scale(1.1);
}

/* Опрос в форме */
.lc-wall-poll {
    margin: 16px 0;
    padding: 20px;
    background: linear-gradient(135deg, #f0f9ff 0%, #f8fafc 100%);
    border: 2px solid #60a5fa;
    border-radius: 16px;
}

.lc-wall-poll__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.lc-wall-poll__title {
    font-size: 18px;
    font-weight: 700;
    color: #1e40af;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lc-wall-poll__remove {
    background: transparent;
    border: none;
    color: #1e40af;
    font-size: 20px;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.lc-wall-poll__remove:hover {
    background: rgba(30, 64, 175, 0.1);
    transform: scale(1.1);
}

.lc-wall-poll__options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lc-wall-poll__option {
    padding: 12px 16px;
    background: #ffffff;
    border: 2px solid #cbd5e1;
    border-radius: 10px;
    font-size: 14px;
    color: #475569;
}

/* Адаптивность формы */
@media (max-width: 768px) {
    .lc-wall-form {
        padding: 20px;
    }

    .lc-wall-form__footer {
        flex-direction: column;
        align-items: stretch;
    }

    .lc-wall-submit {
        width: 100%;
    }

    .lc-attach-menu {
        left: 0;
        right: 0;
        min-width: auto;
    }
}

/* Стили для подарков группы */
.lc-group-gifts-wrap {
    margin: 20px 0;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.lc-group-gifts-title {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 16px;
}

.lc-group-gifts-carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.lc-group-gifts-track {
    display: flex;
    gap: 16px;
    overflow: hidden;
    flex: 1;
    transition: transform 0.3s ease;
    will-change: transform;
}

.lc-group-gift-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px;
    background: #ffffff;
    border-radius: 8px;
    border: 2px solid #e2e8f0;
    min-width: 120px;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.lc-group-gift-item:hover {
    border-color: #6366f1;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);
    transform: translateY(-2px);
}

.lc-group-gifts-prev,
.lc-group-gifts-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #6366f1;
    background: #fff;
    color: #6366f1;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.lc-group-gifts-prev:hover,
.lc-group-gifts-next:hover {
    background: #6366f1;
    color: #fff;
    transform: scale(1.1);
}

.lc-group-gifts-prev:active,
.lc-group-gifts-next:active {
    transform: scale(0.95);
}

.lc-group-gift-img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 8px;
}

.lc-group-gift-info {
    text-align: center;
    width: 100%;
}

.lc-group-gift-name {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 4px;
}

.lc-group-gift-sender {
    font-size: 12px;
    color: #64748b;
}

.lc-group-gift-sender-link {
    color: #6366f1;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease;
}

.lc-group-gift-sender-link:hover {
    color: #4f46e5;
    text-decoration: underline;
}

/* Стили для модального окна подарков */
.lacorn-gifts-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.2s ease;
}

.lacorn-gifts-modal {
    position: relative;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
    width: min(700px, 95vw);
    max-height: 85vh;
    overflow: hidden;
    animation: slideUp 0.3s ease;
    z-index: 10001;
}

.lacorn-gifts-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 2px solid #e5e7eb;
    background: linear-gradient(135deg, #f8f9ff, #fff);
}

.lacorn-gifts-modal__header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
}

.lacorn-gifts-modal__close {
    background: transparent;
    border: none;
    font-size: 32px;
    color: #64748b;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.lacorn-gifts-modal__close:hover {
    background: #fee2e2;
    color: #dc2626;
}

.lacorn-gifts-modal__content {
    padding: 24px;
    max-height: calc(85vh - 80px);
    overflow-y: auto;
}

.lacorn-gifts-modal__loading,
.lacorn-gifts-modal__empty,
.lacorn-gifts-modal__error {
    text-align: center;
    padding: 40px 20px;
    color: #64748b;
    font-size: 16px;
}

.lacorn-gifts-modal__error {
    color: #dc2626;
}

.lacorn-gifts-modal__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 16px;
}

.lacorn-gifts-modal__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background: #f8fafc;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.lacorn-gifts-modal__item:hover {
    border-color: #6366f1;
    background: #fff;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.1);
    transform: translateY(-2px);
}

.lacorn-gifts-modal__item--gift {
    cursor: default;
}

.lacorn-gifts-modal__gift-img {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.lacorn-gifts-modal__gift-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.lacorn-gifts-modal__item-color {
    width: 100px;
    height: 100px;
    border-radius: 12px;
    margin-bottom: 12px;
    border: 2px solid #e5e7eb;
}

.lacorn-gifts-modal__item-name {
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 8px;
    text-align: center;
}

.lacorn-gifts-modal__item-price {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 12px;
    text-align: center;
}

.lacorn-gifts-modal__item-btn {
    width: 100%;
    padding: 10px 16px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.lacorn-gifts-modal__item-btn:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.lacorn-gifts-modal__item-btn:active {
    transform: translateY(0);
}

/* Модальное окно выбора приватности */
.lacorn-privacy-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.2s ease;
}

.lacorn-privacy-modal {
    position: relative;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
    width: min(500px, 95vw);
    max-height: 85vh;
    overflow: hidden;
    animation: slideUp 0.3s ease;
    z-index: 10003;
}

.lacorn-privacy-modal__header {
    padding: 20px 24px;
    border-bottom: 2px solid #e5e7eb;
    background: linear-gradient(135deg, #f8f9ff, #fff);
}

.lacorn-privacy-modal__header h3 {
    margin: 0 0 8px 0;
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
}

.lacorn-privacy-modal__header p {
    margin: 0;
    font-size: 14px;
    color: #64748b;
}

.lacorn-privacy-modal__body {
    padding: 24px;
    max-height: calc(85vh - 180px);
    overflow-y: auto;
}

.lacorn-privacy-option {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    margin-bottom: 12px;
    background: #f8fafc;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.lacorn-privacy-option:hover {
    border-color: #6366f1;
    background: #fff;
}

.lacorn-privacy-option input[type="radio"] {
    margin-top: 2px;
    cursor: pointer;
}

.lacorn-privacy-option__label {
    flex: 1;
}

.lacorn-privacy-option__label strong {
    display: block;
    font-size: 15px;
    color: #1e293b;
    margin-bottom: 4px;
}

.lacorn-privacy-option__label small {
    display: block;
    font-size: 13px;
    color: #64748b;
    line-height: 1.4;
}

.lacorn-privacy-option input[type="radio"]:checked ~ .lacorn-privacy-option__label strong {
    color: #6366f1;
}

.lacorn-privacy-modal__footer {
    padding: 16px 24px;
    border-top: 1px solid #e5e7eb;
    background: #f8fafc;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.lacorn-privacy-modal__btn {
    padding: 12px 24px;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 15px;
    border: none;
}

.lacorn-privacy-modal__btn--cancel {
    background: #e5e7eb;
    color: #475569;
}

.lacorn-privacy-modal__btn--cancel:hover {
    background: #cbd5e1;
}

.lacorn-privacy-modal__btn--confirm {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
}

.lacorn-privacy-modal__btn--confirm:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.lacorn-privacy-modal__btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        transform: translateY(40px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 640px) {
    .lacorn-gifts-modal,
    .lacorn-privacy-modal {
        width: 96vw;
    }
    
    .lacorn-gifts-modal__header,
    .lacorn-privacy-modal__header {
        padding: 16px 20px;
    }
    
    .lacorn-gifts-modal__header h3,
    .lacorn-privacy-modal__header h3 {
        font-size: 18px;
    }
    
    .lacorn-gifts-modal__content,
    .lacorn-privacy-modal__body {
        padding: 16px;
    }
    
    .lacorn-gifts-modal__grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 12px;
    }
}

/* Стили для модального окна подборок фильмов (уже есть выше, но добавлены для совместимости) */

/* ========== СТИЛИ ДЛЯ КОММЕНТАРИЕВ ========== */
.lc-comments-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
}

.lc-comment {
    display: flex;
    gap: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 12px;
}

.lc-comment--reply {
    margin-left: 80px;
    margin-top: 8px;
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.lc-comment__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.lc-comment__body {
    flex: 1;
    min-width: 0;
}

.lc-comment__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.lc-comment__author {
    font-weight: 700;
    color: #0f172a;
}

.lc-comment__date {
    font-size: 12px;
    color: #94a3b8;
}

.lc-comment__content {
    font-size: 14px;
    color: #1f2937;
    line-height: 1.6;
    margin-bottom: 8px;
}

.lc-comment__content p {
    margin: 0 0 8px;
}

.lc-comment__content p:last-child {
    margin-bottom: 0;
}

.lc-comment__pending {
    margin-top: 6px;
    font-size: 12px;
    color: #b45309;
}

.lc-comment__actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.lc-comment__reply-btn {
    background: transparent;
    border: none;
    color: #2563eb;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.2s ease;
}

.lc-comment__reply-btn:hover {
    background: #e0e7ff;
}

.lc-comment__replies {
    margin-top: 16px;
    padding-left: 20px;
    border-left: 2px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lc-comment-reactions {
    display: flex;
    gap: 4px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.lc-comment-reaction {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 4px 8px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.lc-comment-reaction:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.lc-comment-reaction.is-active {
    background: #dbeafe;
    border-color: #2563eb;
}

.lc-comment-reaction__emoji {
    font-size: 16px;
    line-height: 1;
}

.lc-comment-reaction__count {
    font-size: 13px;
    color: #475569;
    line-height: 1;
}

.lc-comment__error {
    margin-top: 6px;
    font-size: 12px;
    color: #b91c1c;
}

/* Форма ответа на комментарий */
.lc-comment-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    padding: 12px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.lc-comment-form--reply {
    margin-left: 0;
    margin-top: 12px;
    background: #f8fafc;
}

.lc-comment-form textarea {
    width: 100%;
    min-height: 90px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px;
    font-size: 14px;
    resize: vertical;
    font-family: inherit;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.lc-comment-form textarea:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.lc-comment-form__actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.lc-comment-submit {
    background: #2563eb;
    color: #fff;
    border: 1px solid #2563eb;
    padding: 8px 16px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    transition: background 0.2s ease;
}

.lc-comment-submit:hover {
    background: #1d4ed8;
}

.lc-comment-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.lc-comment-cancel {
    background: transparent;
    color: #64748b;
    border: 1px solid #cbd5e1;
    padding: 8px 16px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s ease;
}

.lc-comment-cancel:hover {
    background: #f1f5f9;
    border-color: #94a3b8;
}

.lc-comment-form__msg {
    font-size: 12px;
    color: #2563eb;
    margin-top: 4px;
}

.lc-comment-form__msg.is-error {
    color: #b91c1c;
}

.lc-comment-form__msg.is-success {
    color: #16a34a;
}

@media (max-width: 640px) {
    .lc-comments-list {
        gap: 10px;
    }
    
    .lc-comment {
        padding: 10px;
        gap: 8px;
        border-radius: 12px;
    }
    
    .lc-comment--reply {
        margin-left: 0;
        margin-top: 8px;
        padding: 10px;
    }
    
    .lc-comment__avatar {
        width: 36px;
        height: 36px;
        border-width: 1px;
    }
    
    .lc-comment__body {
        min-width: 0;
    }
    
    .lc-comment__head {
        gap: 6px;
        margin-bottom: 6px;
    }
    
    .lc-comment__author {
        font-size: 14px;
    }
    
    .lc-comment__date {
        font-size: 11px;
    }
    
    .lc-comment__content {
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 6px;
    }
    
    .lc-comment__actions {
        margin-top: 6px;
        gap: 6px;
    }
    
    .lc-comment__reply-btn {
        font-size: 12px;
        padding: 3px 6px;
    }
    
    .lc-comment-reactions {
        gap: 4px;
        margin-top: 6px;
    }
    
    .lc-comment-reaction {
        padding: 3px 6px;
        font-size: 12px;
        gap: 3px;
    }
    
    .lc-comment-reaction__emoji {
        font-size: 14px;
    }
    
    .lc-comment-reaction__count {
        font-size: 11px;
    }
    
    .lc-comment__replies {
        margin-top: 10px;
        padding-left: 0;
        padding-top: 10px;
        border-left: none;
        border-top: 2px solid #e2e8f0;
        gap: 8px;
    }
    
    .lc-comment-form {
        padding: 10px;
        gap: 8px;
        margin-top: 10px;
        border-radius: 10px;
    }
    
    .lc-comment-form--reply {
        margin-left: 0;
        margin-top: 10px;
    }
    
    .lc-comment-form textarea {
        min-height: 80px;
        padding: 10px;
        font-size: 13px;
        border-radius: 10px;
    }
    
    .lc-comment-form__actions {
        gap: 6px;
    }
    
    .lc-comment-submit,
    .lc-comment-cancel {
        padding: 6px 12px;
        font-size: 13px;
        border-radius: 8px;
    }
    
    .lc-comment-form__msg {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .lc-comment {
        padding: 8px;
        gap: 6px;
    }
    
    .lc-comment--reply {
        padding: 8px;
    }
    
    .lc-comment__avatar {
        width: 32px;
        height: 32px;
    }
    
    .lc-comment__author {
        font-size: 13px;
    }
    
    .lc-comment__date {
        font-size: 10px;
    }
    
    .lc-comment__content {
        font-size: 12px;
    }
    
    .lc-comment__reply-btn {
        font-size: 11px;
        padding: 2px 5px;
    }
    
    .lc-comment-reaction {
        padding: 2px 5px;
        font-size: 11px;
    }
    
    .lc-comment-reaction__emoji {
        font-size: 13px;
    }
    
    .lc-comment-form {
        padding: 8px;
    }
    
    .lc-comment-form textarea {
        min-height: 70px;
        padding: 8px;
        font-size: 12px;
    }
    
    .lc-comment-submit,
    .lc-comment-cancel {
        padding: 5px 10px;
        font-size: 12px;
    }
}

/* Four feed modes stay usable on desktop and mobile. */
.lcab-feed-toggle { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px!important; }
.lcab-feed-toggle__btn { min-width:0; white-space:nowrap; }
@media (max-width:480px) {
    .lcab-feed-toggle { width:100%; overflow-x:auto; grid-template-columns:repeat(4,minmax(88px,1fr)); padding-bottom:2px; scrollbar-width:none; }
    .lcab-feed-toggle::-webkit-scrollbar { display:none; }
    .lcab-feed-toggle__btn { padding-inline:10px!important; font-size:12px!important; }
}

/* Final navigation and dark-theme contrast overrides. */
body.lc-group-detail-page .lcab-aside .lcab-nav__item { display:flex!important; align-items:center!important; width:100%!important; min-height:39px!important; margin:3px 0!important; padding:8px 10px!important; border:1px solid transparent!important; border-radius:11px!important; color:#42565d!important; background:transparent!important; box-shadow:none!important; font-size:12px!important; font-weight:800!important; text-align:left!important; }
body.lc-group-detail-page .lcab-aside .lcab-nav__item:hover { color:#0f5f58!important; border-color:#cfe0df!important; background:#edf6f4!important; }
body.lc-group-detail-page .lcab-aside .lcab-nav__item--balance { min-height:64px!important; margin:8px 0!important; color:#fff!important; border:0!important; background:linear-gradient(135deg,#0b5160,#159b8a)!important; }
body.lc-group-detail-page .lcab-aside .lcab-nav__balance-value { color:#fff!important; }
body.lc-group-detail-page .lcab-aside .lcab-nav__group { width:100%; }
body.lc-group-detail-page .lcab-aside .lcab-nav__submenu { display:none; padding-left:7px; }
body.lc-group-detail-page .lcab-aside .lcab-nav__group.is-expanded .lcab-nav__submenu { display:block; }
body.lc-group-detail-page .lcab-aside .lcab-nav__arrow { margin-left:auto; }
body.lacorn-dark-theme .lc-group-authors { border-color:#294149!important; color:#edf8f7!important; background:#10242b!important; }
body.lacorn-dark-theme .lc-group-section-heading h2 { color:#edf8f7!important; }
body.lacorn-dark-theme .lc-group-author-card { border-color:#294149!important; color:#edf8f7!important; background:#173239!important; }
body.lacorn-dark-theme .lc-group-author-card__body strong { color:#edf8f7!important; }
body.lacorn-dark-theme .lc-group-author-card__body small { color:#9eb4b7!important; }
body.lacorn-dark-theme.lc-group-detail-page .lcab-aside .lcab-nav__item { color:#bfd0d2!important; }
body.lacorn-dark-theme.lc-group-detail-page .lcab-aside .lcab-nav__item:hover { color:#fff!important; border-color:#31535b!important; background:#18333a!important; }
body.lc-group-detail-page .lc-group-authors { border-color:#294149!important; color:#edf8f7!important; background:linear-gradient(145deg,#10242b,#12383b)!important; }
body.lc-group-detail-page .lc-group-section-heading h2 { color:#edf8f7!important; }
body.lc-group-detail-page .lc-group-author-card { border-color:#315159!important; color:#edf8f7!important; background:#173239!important; }
body.lc-group-detail-page .lc-group-author-card__body strong { color:#edf8f7!important; }
body.lc-group-detail-page .lc-group-author-card__body small { color:#9eb4b7!important; }