/* communities/communities.css */
/* Лендинг Сообществ Tyrian: стили разделов и живых примеров.
 * Общий слой ../shared/landing.css не меняется: всё нужное только этой странице переопределено ниже.
 * Внутри чёрных панелей примеры одинаковы в обеих темах: чёрное, тонкие линии, «слоновая кость»,
 * фиолетовый как свет и выбор; роли: владелец янтарный, модератор зелёный, бот фиолетовый (как в iPhone). */

.lp-root .pos { color: var(--up); }
.lp-root .neg { color: var(--down); }
.lp-root { --amber: #e6c27a; }

/* в шаблон?: подпись продукта рядом с маркой */
.lp-root .lp-sub { margin-left: 2px; padding-left: 11px; border-left: 1px solid rgb(255 255 255 / 0.2); font: 500 14px/16px var(--font); color: rgb(250 250 250 / 0.6); }

/* ---- Мелочи ------------------------------------------------------------------------------- */
.lp-root .ava { display: grid; flex: none; place-items: center; width: 34px; height: 34px; border-radius: 50%; font: 600 12px/1 var(--font); color: var(--ivory); background: radial-gradient(circle at 30% 25%, #3a3540, #121014); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.12); }
.lp-root .ava svg { width: 15px; height: 15px; }
.lp-root .ava.tone-1 { background: radial-gradient(circle at 30% 25%, #5b3a9c, #140b28); }
.lp-root .ava.tone-2 { background: radial-gradient(circle at 30% 25%, #4a4650, #121116); }
.lp-root .ava.tone-3 { background: radial-gradient(circle at 30% 25%, #4f5640, #12140e); }
.lp-root .ava.tone-4 { background: radial-gradient(circle at 30% 25%, #3c4a5c, #0e1218); }
.lp-root .ava.tone-5 { background: radial-gradient(circle at 30% 25%, #5c4838, #17110c); }
.lp-root .ava.tone-9 { color: var(--accent-ink); background: radial-gradient(circle at 30% 25%, #2a1c4c, #07050c); }
.lp-root .ava.sm { width: 28px; height: 28px; font-size: 11px; }
.lp-root .ava.sm svg { width: 13px; height: 13px; }
.lp-root .crest { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; font: 700 13px/1 var(--font); letter-spacing: -0.02em; color: #f4efe8; box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), inset 0 0 0 1px rgb(255 255 255 / 0.1); }
.lp-root .crest.c1 { background: linear-gradient(145deg, #6a3fc8, #1d0e3d); }
.lp-root .crest.c2 { background: linear-gradient(145deg, #c08a2e, #3d2708); }
.lp-root .crest.c3 { background: linear-gradient(145deg, #3c6d8f, #0d1d2a); }
.lp-root .crest.c4 { background: linear-gradient(145deg, #4b4b52, #121215); }
.lp-root .crest.lg { width: 60px; height: 60px; border-radius: 16px; font-size: 19px; }
.lp-root .cnt { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; font: 700 11px/1 var(--font); font-style: normal; color: #000; background: #f2ede6; }
.lp-root .pro { margin-left: 6px; padding: 1px 5px; border-radius: 4px; font: 700 10px/14px var(--font); font-style: normal; letter-spacing: 0.04em; color: var(--accent-ink); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.5); }
.lp-root .unplayed { display: inline-block; width: 7px; height: 7px; margin-left: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px var(--accent); }
.lp-root .mini { display: inline-block; width: 13px; height: 13px; margin-right: 4px; vertical-align: -2px; }
.lp-root .typing { display: inline-flex; align-items: center; gap: 2px; font-style: normal; color: var(--accent-ink); }
.lp-root .typing i { width: 4px; height: 4px; margin-left: 1px; border-radius: 50%; background: currentColor; animation: dot 1.2s infinite; }
.lp-root .typing i:nth-child(2) { animation-delay: 0.15s; }
.lp-root .typing i:nth-child(3) { animation-delay: 0.3s; }
@keyframes dot { 0%, 60%, 100% { opacity: 0.25; } 30% { opacity: 1; } }
.lp-root .wave { display: flex; flex: 1; align-items: center; gap: 2px; height: 26px; min-width: 0; }
.lp-root .wave i { flex: 1; min-width: 2px; max-width: 4px; height: calc(var(--h) * 100%); border-radius: 2px; background: rgb(225 214 198 / 0.3); transition: background 0.2s; }
.lp-root .wave i.on { background: var(--accent-ink); }
.lp-root .vmsg { display: flex; align-items: center; gap: 10px; min-width: 200px; }
.lp-root .vmsg em { font-style: normal; font: 500 12px/1 var(--font); color: var(--ivory-3); }
.lp-root .vplay { flex: none; width: 30px; height: 30px; padding: 8px; border-radius: 50%; color: #000; background: var(--ivory); }
.lp-root .reacts { display: flex; flex-wrap: wrap; gap: 4px; }
.lp-root .react { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px; border: 0; border-radius: 999px; font: 500 12px/1 var(--font); color: var(--ivory-2); background: rgb(225 214 198 / 0.06); box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .react em { font-style: normal; }
.lp-root .react.mine { color: var(--ivory); background: var(--accent-soft); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.6); }
.lp-root .sw { position: relative; flex: none; width: 40px; height: 24px; padding: 0; border: 0; border-radius: 999px; background: rgb(225 214 198 / 0.12); transition: background 0.25s; }
.lp-root .sw i { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--ivory-2); box-shadow: 0 2px 4px rgb(0 0 0 / 0.4); transition: transform 0.3s var(--spring), background 0.25s; }
.lp-root .sw[aria-checked='true'] { background: linear-gradient(90deg, #6026c5, #8a2fff); }
.lp-root .sw[aria-checked='true'] i { transform: translateX(16px); background: #fff; }
.lp-root .sw:disabled { opacity: 0.6; cursor: default; }
.lp-root .seg { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 3px; border-radius: 12px; background: rgb(225 214 198 / 0.05); box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .seg button { height: 30px; padding: 0 11px; border: 0; border-radius: 9px; background: none; font: 500 13px/1 var(--font); color: var(--ivory-3); transition: color 0.16s, background 0.2s; }
.lp-root .seg button:hover { color: var(--ivory); }
.lp-root .seg button[aria-pressed='true'] { color: #000; background: #f2ede6; }
.lp-root .split-head { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: end; gap: 48px; }
.lp-root .split-head .lead { max-width: 520px; margin: 0 0 4px auto; font-size: 18px; line-height: 27px; }
.lp-root .arrive { animation: arrive 0.6s var(--spring); }
@keyframes arrive { from { opacity: 0; transform: translateY(12px); } }
.lp-root.is-calm .arrive, .lp-root.is-calm .typing i { animation: none; }

/* ---- 1. Заголовок и лобби ----------------------------------------------------------------- */
.lp-root .hero-row { align-items: stretch; }
.lp-root .hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; width: calc(50% - var(--gap) / 2); padding: 40px 64px 40px 0; color: var(--page-ink); transition: color 0.5s var(--ease); }
html[data-theme='dark'] .lp-root .hero-copy { color: var(--ivory); }
.lp-root .hero-eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font: 600 12px/16px var(--font); letter-spacing: 0.14em; text-transform: uppercase; }
.lp-root .hero-eyebrow span { opacity: 0.6; }
.lp-root .hero-copy .lp-h1 { margin-top: 28px; font: 600 76px/1.02 var(--font); letter-spacing: -0.045em; text-wrap: balance; }
.lp-root .hero-copy > p { max-width: 520px; margin-top: 26px; font: 400 20px/29px var(--font); opacity: 0.72; text-wrap: pretty; }
.lp-root .hero-act { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.lp-root .hero-copy .ghost { color: var(--ivory); }
.lp-root .hero-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 48px; border-top: 1px solid currentColor; border-top-color: rgb(13 13 13 / 0.18); }
html[data-theme='dark'] .lp-root .hero-facts { border-top-color: var(--line-2); }
.lp-root .hero-facts li { display: grid; gap: 4px; padding: 16px 16px 0 0; }
.lp-root .hero-facts b { font: 400 40px/44px var(--font); letter-spacing: -0.03em; }
.lp-root .hero-facts span { font: 600 12px/16px var(--font); letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.6; }

.lp-root .lobby .pn-in { padding: 36px; }
.lp-root .lb-head { display: flex; align-items: flex-end; justify-content: space-between; }
.lp-root .lb-head small { font: 600 12px/16px var(--font); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ivory-3); }
.lp-root .lb-head h3 { margin-top: 6px; font: 600 36px/40px var(--font); letter-spacing: -0.03em; color: var(--ivory); }
.lp-root .lb-plus-wrap { position: relative; }
.lp-root .lb-plus { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; color: var(--ivory); background: linear-gradient(#18181b, #060607); box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), inset 0 0 0 1px rgb(255 255 255 / 0.1); transition: transform 0.3s var(--spring); }
.lp-root .lb-plus svg { width: 20px; height: 20px; }
.lp-root .lb-plus[aria-expanded='true'] { transform: rotate(45deg); }
.lp-root .lb-menu { position: absolute; top: 50px; right: 0; z-index: 5; display: grid; min-width: 210px; padding: 6px; border-radius: 16px; background: #0b0b0d; box-shadow: inset 0 0 0 1px var(--line-2), 0 20px 40px rgb(0 0 0 / 0.6); animation: arrive 0.3s var(--ease); }
.lp-root .lb-menu[hidden] { display: none; }
.lp-root .lb-menu a { display: flex; align-items: center; height: 40px; padding: 0 12px; border-radius: 10px; text-decoration: none; font: 500 14px/1 var(--font); color: var(--ivory); }
.lp-root .lb-menu a:hover { background: rgb(225 214 198 / 0.07); }
.lp-root .lb-doors { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 26px; }
.lp-root .door { position: relative; display: flex; flex-direction: column; min-height: 230px; padding: 18px; overflow: hidden; border-radius: 22px; text-decoration: none; color: var(--ivory); box-shadow: inset 0 0 0 1px var(--line); transition: transform 0.3s var(--spring), box-shadow 0.3s; }
.lp-root .door:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.5), 0 18px 30px -18px rgb(96 38 197 / 0.8); }
.lp-root .door-go { position: absolute; top: 16px; right: 16px; width: 18px; height: 18px; color: var(--ivory-4); transform: rotate(-45deg); transition: color 0.2s, transform 0.3s var(--spring); }
.lp-root .door:hover .door-go { color: var(--ivory); transform: rotate(-45deg) translateX(3px); }
.lp-root .d-guild { background: radial-gradient(120% 90% at 0% 0%, #2a2620, #0c0b0a 70%); }
.lp-root .d-pulse { background: linear-gradient(rgb(225 214 198 / 0.035) 1px, transparent 1px) 0 0 / 100% 22px, linear-gradient(90deg, rgb(225 214 198 / 0.035) 1px, transparent 1px) 0 0 / 22px 100%, radial-gradient(120% 90% at 100% 0%, #1d1433, #07060a 70%); }
.lp-root .crests { display: grid; grid-template-columns: repeat(2, 40px); gap: 8px; margin-bottom: auto; }
.lp-root .cw { position: relative; }
.lp-root .cw em { position: absolute; top: -6px; right: -8px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; font: 700 10px/1 var(--font); font-style: normal; color: #000; background: #f2ede6; box-shadow: 0 0 0 2px #0c0b0a; }
.lp-root .door-spark { width: 100%; height: 70px; margin-bottom: auto; }
.lp-root .door-spark path { fill: none; stroke: var(--accent-ink); stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.lp-root .door b { margin-top: 18px; font: 600 22px/26px var(--font); letter-spacing: -0.02em; }
.lp-root .door small { margin-top: 2px; font: 400 14px/18px var(--font); color: var(--ivory-3); }
.lp-root .door-n { display: flex; align-items: center; gap: 6px; margin-top: 12px; font: 500 13px/16px var(--font); color: var(--ivory-2); }
.lp-root .live { width: 7px; height: 7px; border-radius: 50%; background: var(--up); box-shadow: 0 0 8px var(--up); animation: live 2s ease-in-out infinite; }
@keyframes live { 50% { opacity: 0.4; } }
.lp-root .lb-chats { display: block; margin-top: 12px; padding: 8px 18px; border-radius: 22px; text-decoration: none; color: var(--ivory); background: #060607; box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .lb-ch-head { display: flex; align-items: baseline; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.lp-root .lb-ch-head b { font: 600 18px/22px var(--font); }
.lp-root .lb-ch-head small { font: 400 13px/16px var(--font); color: var(--ivory-3); }
.lp-root .lb-ch-head .cnt { margin-left: auto; }
.lp-root .lb-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; }
.lp-root .lb-row + .lb-row { border-top: 1px solid var(--line); }
.lp-root .lb-row-t { display: grid; flex: 1; min-width: 0; }
.lp-root .lb-row-t b { font: 600 15px/19px var(--font); }
.lp-root .lb-row-t small { overflow: hidden; font: 400 13px/18px var(--font); color: var(--ivory-3); white-space: nowrap; text-overflow: ellipsis; }
.lp-root .lb-row-r { display: grid; justify-items: end; gap: 4px; }
.lp-root .lb-row-r small { font: 400 12px/14px var(--font); color: var(--ivory-4); }

/* ---- 2. Гильдия ----------------------------------------------------------------------------- */
.lp-root .gd { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 16px; height: 660px; margin-top: 44px; }
.lp-root .gd-side, .lp-root .gd-chat { min-height: 0; border-radius: 24px; background: #050506; box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .gd-side { display: flex; flex-direction: column; overflow: hidden; }
.lp-root .gd-cover { height: 88px; flex: none; }
.lp-root .gd-cover svg { width: 100%; height: 100%; }
.lp-root .gd-cover line { stroke: rgb(225 214 198 / 0.06); }
.lp-root .gd-id { display: flex; align-items: flex-end; gap: 12px; margin-top: -30px; padding: 0 18px; }
.lp-root .gd-id .crest.lg { box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 0 0 4px #050506; }
.lp-root .gd-id b { display: block; font: 600 17px/21px var(--font); color: var(--ivory); }
.lp-root .gd-id small { font: 400 12px/16px var(--font); color: var(--ivory-3); }
.lp-root .gd-join { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 14px 18px 0; }
.lp-root .gd-join .ghost, .lp-root .gd-join .cta { height: 34px; margin-left: auto; padding: 0 14px; font-size: 13px; }
.lp-root .ghost.is-on { color: var(--up); box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.1), inset 0 0 0 1px rgb(99 201 154 / 0.45); }
.lp-root .leave-ask { margin: 12px 18px 0; padding: 12px; border-radius: 14px; background: rgb(233 134 138 / 0.05); box-shadow: inset 0 0 0 1px rgb(233 134 138 / 0.3); animation: arrive 0.3s var(--ease); }
.lp-root .leave-ask b { font: 600 14px/19px var(--font); color: var(--ivory); }
.lp-root .leave-ask p { margin-top: 4px; font: 400 12px/17px var(--font); color: var(--ivory-2); }
.lp-root .leave-ask span { display: flex; justify-content: flex-end; gap: 6px; margin-top: 10px; }
.lp-root .leave-ask .chip { height: 30px; font-size: 12px; }
.lp-root .chip.danger { color: var(--down); border-color: rgb(233 134 138 / 0.5); }
.lp-root .gd-tabs { display: flex; margin: 14px 18px 0; border-bottom: 1px solid var(--line); }
.lp-root .gd-tabs button { position: relative; flex: 1; height: 38px; padding: 0; border: 0; background: none; font: 500 13px/1 var(--font); color: var(--ivory-3); }
.lp-root .gd-tabs button[aria-selected='true'] { color: var(--ivory); }
.lp-root .gd-tabs button[aria-selected='true']::after { content: ''; position: absolute; right: 12px; bottom: -1px; left: 12px; height: 2px; border-radius: 1px; background: var(--accent); box-shadow: 0 0 8px var(--accent); }
.lp-root .gd-list { flex: 1; min-height: 0; overflow: auto; padding: 6px 10px 14px; scrollbar-width: thin; }
.lp-root .rsec { padding-top: 10px; }
.lp-root .rsec > small { display: block; padding: 4px 8px 6px; font: 600 11px/14px var(--font); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ivory-4); }
.lp-root .room { display: flex; align-items: center; gap: 8px; width: 100%; height: 38px; padding: 0 10px; border: 0; border-radius: 10px; background: none; font: 500 14px/1 var(--font); color: var(--ivory-2); text-align: left; transition: background 0.16s, color 0.16s; }
.lp-root .room:hover { color: var(--ivory); background: rgb(225 214 198 / 0.05); }
.lp-root .room.on { color: var(--ivory); background: rgb(160 106 255 / 0.12); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.4); }
.lp-root .room span { flex: 1; }
.lp-root .ri { flex: none; width: 16px; height: 16px; color: var(--ivory-3); }
.lp-root .rlk { flex: none; width: 13px; height: 13px; color: var(--ivory-4); }
.lp-root .mem { display: flex; align-items: center; gap: 10px; padding: 7px 8px; font: 500 14px/18px var(--font); color: var(--ivory-2); }
.lp-root .mem > span:not(.ava) { flex: 1; min-width: 0; }
.lp-root [class^='role-'], .lp-root [class*=' role-'] { font-style: normal; }
.lp-root i.role-owner, .lp-root i.role-mod, .lp-root i.role-bot, .lp-root i.role-admin, .lp-root i.role-member { padding: 2px 7px; border-radius: 5px; font: 600 11px/14px var(--font); white-space: nowrap; }
.lp-root i.role-owner { color: var(--amber); box-shadow: inset 0 0 0 1px rgb(230 194 122 / 0.45); }
.lp-root i.role-mod { color: var(--up); box-shadow: inset 0 0 0 1px rgb(99 201 154 / 0.45); }
.lp-root i.role-bot { color: var(--accent-ink); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.5); }
.lp-root .on-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--up); }
.lp-root .side-locked { display: grid; justify-items: center; gap: 10px; padding: 48px 16px; text-align: center; font: 400 14px/20px var(--font); color: var(--ivory-3); }
.lp-root .side-locked svg { width: 24px; height: 24px; }
.lp-root .about { display: grid; grid-template-columns: 1fr 1fr; margin: 10px 8px 0; border-top: 1px solid var(--line); }
.lp-root .about div { padding: 10px 0; border-bottom: 1px solid var(--line); }
.lp-root .about dt { font: 600 11px/14px var(--font); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ivory-4); }
.lp-root .about dd { margin: 4px 0 0; font: 400 20px/24px var(--font); color: var(--ivory); }
.lp-root .ab-link { display: grid; gap: 6px; margin: 12px 8px 0; padding: 12px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .ab-link small { font: 600 11px/14px var(--font); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ivory-4); }
.lp-root .ab-link b { font: 500 14px/18px var(--font); color: var(--ivory); }
.lp-root .ab-link span { display: flex; gap: 6px; }
.lp-root .ab-link .chip { height: 28px; font-size: 12px; text-decoration: none; }
.lp-root .ab-link .chip svg, .lp-root .chip svg { width: 13px; height: 13px; }
.lp-root .ab-topics { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 8px; }
.lp-root .ab-rules, .lp-root .md-rules { display: grid; gap: 6px; padding: 0 8px; counter-reset: r; }
.lp-root .ab-rules li, .lp-root .md-rules li { display: flex; gap: 8px; font: 400 13px/19px var(--font); color: var(--ivory-2); counter-increment: r; }
.lp-root .ab-rules li::before, .lp-root .md-rules li::before { content: counter(r); flex: none; width: 16px; color: var(--ivory-4); font-variant-numeric: tabular-nums; }

.lp-root .gd-chat { display: flex; flex-direction: column; overflow: hidden; }
.lp-root .gd-chat-head { display: flex; align-items: center; gap: 8px; height: 56px; flex: none; padding: 0 18px; border-bottom: 1px solid var(--line); }
.lp-root .gd-chat-head b { font: 600 16px/20px var(--font); color: var(--ivory); }
.lp-root .gd-chat-head small { font: 400 13px/16px var(--font); color: var(--ivory-3); }
.lp-root .gd-chat-head .tag { margin-left: auto; }
.lp-root .gd-msgs { display: flex; flex-direction: column; gap: 12px; flex: 1; min-height: 0; overflow: auto; padding: 16px 18px; scrollbar-width: thin; }
.lp-root .msg { display: flex; align-items: flex-end; gap: 10px; max-width: 86%; }
.lp-root .bubble { min-width: 0; padding: 9px 12px 10px; border-radius: 16px 16px 16px 6px; background: #121114; box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .bubble { position: relative; -webkit-user-select: none; user-select: none; }
.lp-root .tools { position: absolute; top: 4px; left: calc(100% + 8px); white-space: nowrap; display: flex; align-items: center; gap: 2px; padding: 3px 6px; border-radius: 999px; background: #1b1a1e; box-shadow: inset 0 0 0 1px var(--line-2), 0 6px 14px rgb(0 0 0 / 0.5); opacity: 0; transform: translateY(4px); transition: opacity 0.2s, transform 0.25s var(--ease); pointer-events: none; }
.lp-root .tools i { font-style: normal; font-size: 13px; padding: 0 3px; }
.lp-root .tools svg { width: 15px; height: 15px; margin: 0 3px; color: var(--ivory-2); }
.lp-root .msg:hover .tools { opacity: 1; transform: none; }
.lp-root .msg { position: relative; }
@media (hover: none) { .lp-root .tools { display: none; } }
.lp-root .bubble small { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font: 400 12px/16px var(--font); color: var(--ivory-4); }
.lp-root .bubble small b { font-weight: 600; color: var(--accent-ink); }
.lp-root .bubble small span { margin-left: auto; }
.lp-root .bubble p { margin-top: 3px; font: 400 14px/20px var(--font); color: var(--ivory); }
.lp-root .bubble blockquote { margin: 6px 0 0; padding: 4px 8px; border-left: 2px solid var(--accent-ink); border-radius: 2px; font: 400 12px/17px var(--font); color: var(--ivory-3); background: rgb(160 106 255 / 0.06); }
.lp-root .bubble .reacts { margin-top: 8px; }
.lp-root .bubble .vmsg { margin-top: 6px; }
.lp-root .filemsg { display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 8px 10px; border-radius: 12px; background: #000; box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .filemsg svg { width: 26px; height: 26px; color: var(--accent-ink); }
.lp-root .filemsg b { display: block; font: 500 13px/17px var(--font); color: var(--ivory); }
.lp-root .filemsg small { font: 400 12px/15px var(--font); color: var(--ivory-3); }
.lp-root .fwd { display: flex; align-items: center; gap: 6px; margin-top: 4px; font: 500 12px/16px var(--font); color: var(--accent-ink); }
.lp-root .fwd svg { width: 13px; height: 13px; }
.lp-root .pinbar { display: flex; align-items: center; gap: 10px; flex: none; margin: -4px 0 0; padding: 10px 12px; border-radius: 12px; font: 400 13px/18px var(--font); color: var(--ivory-2); background: rgb(160 106 255 / 0.06); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.25); }
.lp-root .pinbar svg { flex: none; width: 15px; height: 15px; color: var(--accent-ink); }
.lp-root .pinbar b { font-weight: 600; color: var(--accent-ink); }
.lp-root .day, .lp-root .unread { display: flex; justify-content: center; }
.lp-root .day span { padding: 3px 10px; border-radius: 999px; font: 500 12px/16px var(--font); color: var(--ivory-3); background: rgb(225 214 198 / 0.06); }
.lp-root .unread { position: relative; }
.lp-root .unread::before { content: ''; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: rgb(160 106 255 / 0.4); }
.lp-root .unread span { position: relative; padding: 0 10px; font: 600 11px/16px var(--font); letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent-ink); background: #050506; }
.lp-root .typing-row { font: 400 13px/18px var(--font); }
.lp-root .composer { display: flex; align-items: center; gap: 10px; flex: none; margin: 0 14px 14px; padding: 6px 6px 6px 8px; border-radius: 16px; background: #0b0b0d; box-shadow: inset 0 0 0 1px var(--line-2); }
.lp-root .composer.ro { justify-content: center; padding: 14px; font: 500 13px/18px var(--font); color: var(--ivory-3); }
.lp-root .composer.ro svg { width: 15px; height: 15px; }
.lp-root .cp-field { flex: 1; min-width: 0; overflow: hidden; font: 400 14px/18px var(--font); color: var(--ivory-4); white-space: nowrap; text-overflow: ellipsis; }
.lp-root .cp-btn, .lp-root .cp-mic { display: grid; flex: none; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; color: var(--ivory-2); background: none; }
.lp-root .cp-mic { color: #fff; background: linear-gradient(145deg, #8a2fff, #351c8a); box-shadow: 0 6px 16px -6px rgb(138 47 255 / 0.9); }
.lp-root .cp-btn svg, .lp-root .cp-mic svg { width: 18px; height: 18px; }
.lp-root .slow { display: inline-flex; align-items: center; gap: 4px; font: 500 12px/1 var(--font); color: var(--ivory-3); }
.lp-root .slow svg { width: 13px; height: 13px; }
.lp-root .feed-card { padding: 16px; border-radius: 18px; background: #0b0a0e; box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.28); }
.lp-root .fc-from { display: flex; align-items: center; gap: 6px; font: 600 11px/14px var(--font); letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent-ink); }
.lp-root .fc-from svg { width: 13px; height: 13px; }
.lp-root .feed-card > b { display: block; margin-top: 8px; font: 600 17px/22px var(--font); color: var(--ivory); }
.lp-root .feed-card > p { margin-top: 6px; font: 400 14px/21px var(--font); color: var(--ivory-2); }
.lp-root .feed-card footer { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }
.lp-root .fc-meta { display: inline-flex; align-items: center; gap: 5px; font: 500 12px/1 var(--font); color: var(--ivory-3); }
.lp-root .fc-meta svg { width: 14px; height: 14px; }
.lp-root .sig { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 12px; border-block: 1px solid var(--line); }
.lp-root .sig span { display: grid; gap: 2px; padding: 10px 0; }
.lp-root .sig span + span { padding-left: 12px; border-left: 1px solid var(--line); }
.lp-root .sig small { font: 600 11px/14px var(--font); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ivory-4); }
.lp-root .sig b { font: 400 20px/24px var(--font); color: var(--ivory); }
.lp-root .locked { display: grid; justify-items: center; align-content: center; gap: 10px; height: 100%; padding: 24px; text-align: center; }
.lp-root .locked svg { width: 30px; height: 30px; color: var(--ivory-3); }
.lp-root .locked b { font: 500 18px/24px var(--font); color: var(--ivory); }
.lp-root .locked p { max-width: 320px; font: 400 14px/20px var(--font); color: var(--ivory-3); }

/* ---- 2б. Обзор гильдий ---- */
.lp-root .disc { margin-top: 24px; }
.lp-root .disc-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.lp-root .disc-head b { font: 600 18px/22px var(--font); color: var(--ivory); }
.lp-root .disc-cats { display: flex; flex-wrap: wrap; gap: 6px; }
.lp-root .disc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.lp-root .dcard { position: relative; display: grid; justify-items: start; gap: 6px; padding: 0 16px 16px; overflow: hidden; border-radius: 20px; background: #050506; box-shadow: inset 0 0 0 1px var(--line); animation: arrive 0.4s var(--ease); }
.lp-root .dcard-cover { justify-self: stretch; height: 64px; margin: 0 -16px; }
.lp-root .dcard-cover.c1 { background: radial-gradient(90% 140% at 80% 100%, rgb(106 63 200 / 0.6), transparent 70%), #08070b; }
.lp-root .dcard-cover.c2 { background: radial-gradient(90% 140% at 80% 100%, rgb(192 138 46 / 0.45), transparent 70%), #0a0806; }
.lp-root .dcard-cover.c3 { background: radial-gradient(90% 140% at 80% 100%, rgb(60 109 143 / 0.55), transparent 70%), #06090c; }
.lp-root .dcard-cover.c4 { background: radial-gradient(90% 140% at 80% 100%, rgb(110 110 120 / 0.45), transparent 70%), #08080a; }
.lp-root .dcrest { margin-top: -22px; box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 0 0 3px #050506; }
.lp-root .dcard b { font: 600 16px/20px var(--font); color: var(--ivory); }
.lp-root .dcard small { font: 400 12px/16px var(--font); color: var(--ivory-3); }
.lp-root .dj { justify-self: stretch; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; margin-top: 6px; border: 0; border-radius: 999px; font: 600 13px/1 var(--font); color: #000; background: #f2ede6; transition: background 0.3s, color 0.3s, transform 0.2s var(--spring); }
.lp-root .dj:active { transform: scale(0.96); }
.lp-root .dj.on { color: var(--up); background: transparent; box-shadow: inset 0 0 0 1px rgb(99 201 154 / 0.5); }
.lp-root .dj svg { width: 15px; height: 15px; }
.lp-root .disc-note { display: block; margin-top: 10px; }
@media (max-width: 1099.98px) { .lp-root .disc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---- 3. Голосовые ------------------------------------------------------------------------------ */
.lp-root .vc { margin-top: 32px; }
.lp-root .vc-list { display: grid; gap: 10px; }
.lp-root .vc-item { display: flex; gap: 12px; padding: 14px; border-radius: 20px; background: #050506; box-shadow: inset 0 0 0 1px var(--line); transition: box-shadow 0.3s, background 0.3s; }
.lp-root .vc-item.on { background: rgb(160 106 255 / 0.06); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.5); }
.lp-root .vc-main { flex: 1; min-width: 0; }
.lp-root .vc-main > small { font: 400 13px/17px var(--font); color: var(--ivory-3); }
.lp-root .vc-main > small b { font-weight: 600; color: var(--ivory); }
.lp-root .vmsg.big { margin-top: 8px; min-width: 0; }
.lp-root .vmsg.big .wave { height: 34px; }
.lp-root .vplay-btn { display: grid; flex: none; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; color: #000; background: var(--ivory); transition: transform 0.2s var(--spring); }
.lp-root .vplay-btn:active { transform: scale(0.92); }
.lp-root .vplay-btn svg { width: 16px; height: 16px; }
.lp-root .heard { display: flex; align-items: center; gap: 5px; margin-top: 6px; font: 500 12px/16px var(--font); color: var(--up); }
.lp-root .heard svg { width: 13px; height: 13px; }
.lp-root .vc-rec { display: flex; align-items: center; gap: 16px; margin-top: 18px; padding: 16px; border-radius: 20px; box-shadow: inset 0 0 0 1px var(--line); transition: background 0.3s, box-shadow 0.3s; }
.lp-root .vc-rec.on { background: rgb(233 134 138 / 0.06); box-shadow: inset 0 0 0 1px rgb(233 134 138 / 0.45); }
.lp-root .rec-btn { display: grid; flex: none; place-items: center; width: 64px; height: 64px; padding: 0; border: 0; border-radius: 50%; color: #fff; background: radial-gradient(ellipse 80% 80% at 50% 40%, #8a2fff, #351c8a 60%, #0d0127); box-shadow: inset 0 1px 1px rgb(255 255 255 / 0.3), 0 12px 28px -12px rgb(138 47 255 / 0.9); touch-action: none; user-select: none; transition: transform 0.3s var(--spring); }
.lp-root .rec-btn svg { width: 24px; height: 24px; }
.lp-root .vc-rec.on .rec-btn { transform: scale(1.12); background: radial-gradient(ellipse 80% 80% at 50% 40%, #e9868a, #8a3a46 60%, #2a0b10); box-shadow: 0 0 0 10px rgb(233 134 138 / 0.12), 0 0 0 22px rgb(233 134 138 / 0.06); }
.lp-root .rec-info { display: grid; flex: 1; min-width: 0; gap: 4px; }
.lp-root .rec-info b { display: flex; align-items: center; gap: 8px; font: 500 16px/20px var(--font); color: var(--ivory); }
.lp-root .rec-info small { font: 400 13px/18px var(--font); color: var(--ivory-3); }
.lp-root .rec-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--down); animation: live 1s infinite; }
.lp-root .vc-rec .wave i { background: rgb(233 134 138 / 0.7); }

/* ---- 4. Роли --------------------------------------------------------------------------------- */
.lp-root .rl { margin-top: 32px; }
.lp-root .rl-roles { display: flex; flex-wrap: wrap; gap: 6px; }
.lp-root .rl-role { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px; border: 0; border-radius: 999px; background: none; font: 500 13px/1 var(--font); color: var(--ivory-2); box-shadow: inset 0 0 0 1px var(--line-2); transition: background 0.2s, box-shadow 0.2s, color 0.2s; }
.lp-root .rl-role i { width: 8px; height: 8px; border-radius: 50%; background: var(--ivory-3); }
.lp-root .rl-role.role-owner i { background: var(--amber); }
.lp-root .rl-role.role-admin i { background: var(--ivory); }
.lp-root .rl-role.role-mod i { background: var(--up); }
.lp-root .rl-role.role-bot i { background: var(--accent-ink); }
.lp-root .rl-role em { font-style: normal; font-size: 12px; color: var(--ivory-4); }
.lp-root .rl-role[aria-selected='true'] { color: var(--ivory); background: var(--accent-soft); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.7); }
.lp-root .pgroup { margin-top: 20px; }
.lp-root .pgroup > small { display: block; margin-bottom: 4px; font: 600 11px/14px var(--font); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ivory-4); }
.lp-root .perms { border-top: 1px solid var(--line); }
.lp-root .perms li { padding: 9px 0 !important; }
.lp-root .perms li { display: flex; align-items: center; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.lp-root .perms li > span { display: grid; flex: 1; min-width: 0; }
.lp-root .perms b { font: 500 15px/20px var(--font); color: var(--ivory); }
.lp-root .perms small { font: 400 13px/17px var(--font); color: var(--ivory-3); }
.lp-root .savebar { position: sticky; bottom: 16px; z-index: 3; display: flex; align-items: center; gap: 8px; margin-top: 14px; padding: 10px 10px 10px 16px; border-radius: 16px; background: #141317; box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.45), 0 16px 30px rgb(0 0 0 / 0.5); animation: arrive 0.35s var(--spring); }
.lp-root .savebar span { flex: 1; font: 500 13px/18px var(--font); color: var(--ivory); }
.lp-root .savebar .chip { height: 34px; }
.lp-root .rl-note { display: flex; gap: 8px; margin-top: 16px; }
.lp-root .rl-note svg { flex: none; width: 16px; height: 16px; color: var(--accent-ink); }

/* ---- 5. Анонсы, опрос, Pulse ---------------------------------------------------------------- */
.lp-root .pl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; margin-top: 44px; }
.lp-root .pl-card { padding: 20px; border-radius: 24px; background: #050506; box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .pl-card > header { display: flex; align-items: center; gap: 12px; }
.lp-root .pl-card > header div { display: grid; flex: 1; min-width: 0; }
.lp-root .pl-card > header b { font: 600 16px/20px var(--font); color: var(--ivory); }
.lp-root .pl-card > header small { font: 400 13px/17px var(--font); color: var(--ivory-3); }
.lp-root .pl-pin { display: flex; align-items: center; gap: 8px; margin-top: 16px; font: 500 13px/18px var(--font); color: var(--accent-ink); }
.lp-root .pl-pin svg { width: 15px; height: 15px; }
.lp-root .cal { margin-top: 10px; border-top: 1px solid var(--line); }
.lp-root .cal li { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: baseline; padding: 11px 0; border-bottom: 1px solid var(--line); }
.lp-root .cal-d { font: 600 12px/16px var(--font); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ivory-3); }
.lp-root .cal b { font: 500 16px/21px var(--font); color: var(--ivory); }
.lp-root .cal em { grid-column: 2; font-style: normal; font: 400 13px/18px var(--font); color: var(--accent-ink); }
.lp-root .cal li.hot .cal-d { color: var(--accent-ink); }
.lp-root .pl-post { margin-top: 16px; padding: 14px; border-radius: 16px; box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.28); }
.lp-root .pl-post > b { font: 600 15px/20px var(--font); color: var(--ivory); }
.lp-root .pl-post > p { margin-top: 4px; font: 400 13px/19px var(--font); color: var(--ivory-2); }
.lp-root .pl-post footer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 10px; }
.lp-root .fc-cm { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; padding: 0; border: 0; background: none; font: 500 12px/1 var(--font); color: var(--accent-ink); }
.lp-root .fc-cm svg { width: 14px; height: 14px; }
.lp-root .thread-c { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); animation: arrive 0.35s var(--ease); }
.lp-root .tc { display: flex; gap: 8px; }
.lp-root .tc > div { flex: 1; min-width: 0; }
.lp-root .tc small { font: 400 11px/15px var(--font); color: var(--ivory-4); }
.lp-root .tc small b { font-weight: 600; color: var(--ivory-2); }
.lp-root .tc p { margin-top: 2px; font: 400 13px/18px var(--font); color: var(--ivory); }
.lp-root .tc.reply { margin-top: 8px; padding-left: 8px; border-left: 1px solid var(--line-2); }
.lp-root .thread-c .fine { margin-top: 8px; }
.lp-root .poll-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: var(--accent-ink); background: rgb(160 106 255 / 0.1); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.35); }
.lp-root .poll-ic svg { width: 18px; height: 18px; }
.lp-root .poll h3 { margin-top: 18px; font: 500 20px/26px var(--font); letter-spacing: -0.01em; color: var(--ivory); }
.lp-root .opts { display: grid; gap: 8px; margin-top: 16px; }
.lp-root .opt { position: relative; display: flex; align-items: center; gap: 8px; height: 48px; padding: 0 14px; overflow: hidden; border: 0; border-radius: 14px; background: none; box-shadow: inset 0 0 0 1px var(--line-2); text-align: left; font: 500 15px/1 var(--font); color: var(--ivory); transition: box-shadow 0.2s; }
.lp-root .opt:hover:not(:disabled) { box-shadow: inset 0 0 0 1px rgb(225 214 198 / 0.4); }
.lp-root .opt i { position: absolute; inset: 0 auto 0 0; background: rgb(225 214 198 / 0.07); transition: width 0.8s var(--ease); }
.lp-root .opt.mine { box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.7); }
.lp-root .opt.mine i { background: rgb(160 106 255 / 0.18); }
.lp-root .opt span, .lp-root .opt em, .lp-root .opt svg { position: relative; }
.lp-root .opt span { flex: 1; }
.lp-root .opt em { font-style: normal; font: 500 14px/1 var(--font); color: var(--ivory-2); }
.lp-root .opt svg { width: 16px; height: 16px; color: var(--accent-ink); }
.lp-root .opt:disabled { cursor: default; }
.lp-root .poll-foot > span { font-size: 12px; line-height: 16px; }
.lp-root .poll-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; font: 500 13px/1 var(--font); color: var(--ivory-3); }
.lp-root .poll-final { display: flex; align-items: center; gap: 6px; margin-top: 12px; font: 600 13px/18px var(--font); color: var(--up); }
.lp-root .poll-final svg { width: 15px; height: 15px; }
.lp-root .cat > header { display: block !important; }
.lp-root .cat > header b { font: 600 22px/26px var(--font) !important; }
.lp-root .cat > header small { display: block; margin-top: 2px; }
.lp-root .pl-what { margin-top: 12px; font: 400 14px/21px var(--font); color: var(--ivory-2); }
.lp-root .cat-list { margin-top: 14px; border-top: 1px solid var(--line); }
.lp-root .cat-list li { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.lp-root .pls { display: grid; flex: none; place-items: center; width: 40px; height: 40px; border-radius: 50%; font: 700 15px/1 var(--font); color: var(--ivory); box-shadow: 0 0 0 2px #050506, 0 0 0 3.5px var(--accent); }
.lp-root .pls.tone-1 { background: linear-gradient(145deg, #4a2d86, #120a24); }
.lp-root .pls.tone-2 { background: linear-gradient(145deg, #6b4b22, #1b1208); }
.lp-root .pls.tone-3 { background: linear-gradient(145deg, #2d5a4a, #0b1a15); }
.lp-root .cat-t { display: grid; flex: 1; min-width: 0; }
.lp-root .cat-t b { font: 600 15px/19px var(--font); color: var(--ivory); }
.lp-root .cat-t small { font: 400 12px/16px var(--font); color: var(--ivory-3); }
.lp-root .sp-sheet { display: grid; gap: 8px; margin-top: 14px; padding: 14px; border-radius: 16px; background: rgb(230 194 122 / 0.05); box-shadow: inset 0 0 0 1px rgb(230 194 122 / 0.35); animation: arrive 0.4s var(--ease); }
.lp-root .sp-sheet b { font: 600 15px/20px var(--font); color: var(--ivory); }
.lp-root .sp-sheet p { font: 400 13px/19px var(--font); color: var(--ivory-2); }
.lp-root .sp-sheet .cta { justify-self: start; }
.lp-root .chip.sp { color: var(--amber); border-color: rgb(230 194 122 / 0.45); }
.lp-root .chip.is-on { color: var(--ivory); border-color: rgb(160 106 255 / 0.7); background: var(--accent-soft); }

/* ---- 6. Модерация ------------------------------------------------------------------------------- */
.lp-root .mod > .pn-in { padding-top: 96px; padding-bottom: 80px; }
.lp-root .backdrop { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0.4; }
.lp-root .backdrop i { position: absolute; top: -20%; width: 16%; height: 150%; background: linear-gradient(90deg, transparent, rgb(225 214 198 / 0.2), transparent); transform: rotate(-24deg); animation: beam 18s ease-in-out infinite alternate; }
.lp-root .backdrop i:nth-child(1) { left: 12%; }
.lp-root .backdrop i:nth-child(2) { left: 46%; width: 7%; animation-duration: 23s; animation-delay: -6s; }
.lp-root .backdrop i:nth-child(3) { left: 76%; width: 20%; animation-duration: 27s; animation-delay: -12s; }
.lp-root .backdrop::before, .lp-root .backdrop::after { content: ''; position: absolute; width: 70%; height: 60%; }
.lp-root .backdrop::before { top: 0; left: 10%; background: radial-gradient(closest-side, rgb(110 52 220 / 0.6), transparent); animation: drift-a 19s ease-in-out infinite alternate; }
.lp-root .backdrop::after { right: -10%; bottom: 0; background: radial-gradient(closest-side, rgb(160 148 130 / 0.45), transparent); animation: drift-b 23s ease-in-out infinite alternate; }
@keyframes beam { to { transform: rotate(-24deg) translateX(-120px); } }
@keyframes drift-a { to { transform: translate(80px, 60px); } }
@keyframes drift-b { to { transform: translate(-90px, -40px); } }
.lp-root .vignette { position: absolute; inset: 0; z-index: 0; background: radial-gradient(rgb(0 0 0 / 0.1) 0%, rgb(0 0 0 / 0.3) 60%, #000 100%), linear-gradient(#000 0%, rgb(0 0 0 / 0.3) 12%, rgb(0 0 0 / 0.1) 40%, rgb(0 0 0 / 0.5) 74%, #000 100%); }
.lp-root .mod-top { display: grid; grid-template-columns: 36.64% minmax(0, 1fr); }
.lp-root .mod-top h2 { max-width: 760px; line-height: 1.1; }
.lp-root .mod-top .lead { max-width: 700px; margin-top: 22px; }
.lp-root .md { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; margin-top: 64px; }
.lp-root .md-card { padding: 22px; border-radius: 24px; background: rgb(4 4 5 / 0.88); box-shadow: inset 0 0 0 1px var(--line-2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.lp-root .md-card > header { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.lp-root .md-card > header b { flex: 1; font: 600 18px/22px var(--font); color: var(--ivory); }
.lp-root .md-ic { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: var(--accent-ink); background: rgb(160 106 255 / 0.1); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.35); }
.lp-root .md-ic svg { width: 17px; height: 17px; }
.lp-root .md-rules { padding: 0; }
.lp-root .md-rules li { font-size: 15px; line-height: 22px; }
.lp-root .slow-set, .lp-root .kinds { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.lp-root .slow-set > small, .lp-root .kinds > small { display: block; margin-bottom: 10px; font: 600 11px/14px var(--font); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ivory-3); }
.lp-root .slow-set .fine { margin-top: 10px; }
.lp-root .kinds span { display: flex; flex-wrap: wrap; gap: 6px; }
.lp-root .kinds i { padding: 4px 9px; border-radius: 6px; font: 500 12px/16px var(--font); font-style: normal; color: var(--ivory-2); box-shadow: inset 0 0 0 1px var(--line-2); }
.lp-root .am-feed { display: grid; gap: 8px; min-height: 300px; align-content: start; }
.lp-root .am-msg { display: flex; gap: 10px; padding: 10px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--line); transition: background 0.4s, opacity 0.4s; }
.lp-root .am-msg small b { font: 600 12px/16px var(--font); color: var(--ivory-2); }
.lp-root .am-msg p { margin-top: 2px; font: 400 14px/19px var(--font); color: var(--ivory); }
.lp-root .am-msg em { display: flex; align-items: center; gap: 5px; margin-top: 4px; font: 600 12px/16px var(--font); font-style: normal; color: var(--down); }
.lp-root .am-msg em svg { width: 13px; height: 13px; }
.lp-root .am-msg.blocked { background: rgb(233 134 138 / 0.05); box-shadow: inset 0 0 0 1px rgb(233 134 138 / 0.3); }
.lp-root .am-msg.blocked p { color: var(--ivory-4); text-decoration: line-through; text-decoration-color: rgb(233 134 138 / 0.6); }
.lp-root .am-sw { margin-top: 14px; border-top: 1px solid var(--line); }
.lp-root .am-sw li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); font: 500 14px/18px var(--font); color: var(--ivory-2); }
.lp-root .lg { border-top: 1px solid var(--line); }
.lp-root .lg li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.lp-root .lg span { font: 500 12px/19px var(--font); color: var(--ivory-4); }
.lp-root .lg p { font: 400 14px/19px var(--font); color: var(--ivory-2); }
.lp-root .lg li:first-child p { color: var(--ivory); }
.lp-root .md-tools { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.lp-root .md-tools span { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 11px; border-radius: 999px; font: 500 12px/1 var(--font); color: var(--ivory-2); box-shadow: inset 0 0 0 1px var(--line-2); }
.lp-root .md-tools svg { width: 13px; height: 13px; }

/* ---- 7. Приглашение ---------------------------------------------------------------------------- */
.lp-root .invite .pass-obj { display: block; position: relative; z-index: 1; width: 100%; height: 300px; margin-bottom: -40px; }
.lp-root .invite .pn-in { padding-top: 0; }
.lp-root .iv { margin-top: 28px; }
.lp-root .iv-card { display: grid; grid-template-columns: 168px minmax(0, 1fr); gap: 22px; padding: 20px; border-radius: 24px; background: #050506; box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .iv-qr { display: grid; justify-items: center; gap: 8px; align-content: start; }
.lp-root .qr { width: 168px; height: 168px; }
.lp-root .qbg { fill: #f2ede6; }
.lp-root .qd rect, .lp-root .qf { fill: #0b0b0d; }
.lp-root .qb { fill: #f2ede6; }
.lp-root .iv-qr small { font: 500 11px/14px var(--font); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ivory-4); }
.lp-root .iv-main > small, .lp-root .iv-opt > small { display: block; font: 600 11px/14px var(--font); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ivory-3); }
.lp-root .iv-link { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 6px; }
.lp-root .iv-link b { flex: 1 1 auto; font: 500 16px/22px var(--font); color: var(--ivory); white-space: nowrap; }
.lp-root .iv-link .ghost { height: 34px; padding: 0 12px; font-size: 13px; }
.lp-root .iv-opt { margin-top: 16px; }
.lp-root .iv-opt .seg { margin-top: 8px; }
.lp-root .iv-sum { display: flex; align-items: center; gap: 8px; margin-top: 16px; font: 500 14px/20px var(--font); color: var(--ivory); }
.lp-root .iv-sum svg { flex: none; width: 16px; height: 16px; color: var(--accent-ink); }
.lp-root .iv-priv-note { margin-top: 8px; }
.lp-root .iv-req { margin-top: 12px; padding: 14px 16px; border-radius: 18px; background: #050506; box-shadow: inset 0 0 0 1px var(--line); animation: arrive 0.4s var(--ease); }
.lp-root .iv-req > small { display: block; margin-bottom: 6px; font: 600 11px/14px var(--font); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ivory-3); }
.lp-root .req { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-top: 1px solid var(--line); }
.lp-root .req > span:not(.ava) { flex: 1; min-width: 0; font: 500 14px/18px var(--font); color: var(--ivory); }
.lp-root .req .chip { height: 30px; font-size: 12px; }
.lp-root .iv-access { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.lp-root .iv-access button { display: flex; gap: 12px; padding: 14px; border: 0; border-radius: 18px; background: none; box-shadow: inset 0 0 0 1px var(--line-2); text-align: left; transition: box-shadow 0.2s, background 0.2s; }
.lp-root .iv-access button[aria-checked='true'] { background: rgb(160 106 255 / 0.08); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.7); }
.lp-root .iv-access .dot { flex: none; width: 16px; height: 16px; margin-top: 2px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--ivory-3); }
.lp-root .iv-access [aria-checked='true'] .dot { box-shadow: inset 0 0 0 5px var(--accent); }
.lp-root .iv-access b { display: block; font: 600 15px/20px var(--font); color: var(--ivory); }
.lp-root .iv-access small { font: 400 13px/18px var(--font); color: var(--ivory-3); }

/* ---- 8. Личные чаты ---------------------------------------------------------------------------- */
.lp-root .ch { margin-top: 32px; overflow: hidden; border-radius: 24px; background: #050506; box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .ch-folders { display: flex; gap: 2px; padding: 0 12px; border-bottom: 1px solid var(--line); }
.lp-root .ch-folders button { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 46px; padding: 0 10px; border: 0; background: none; font: 500 14px/1 var(--font); color: var(--ivory-3); }
.lp-root .ch-folders em { font-style: normal; font-size: 12px; color: var(--ivory-4); }
.lp-root .ch-folders button[aria-selected='true'] { color: var(--ivory); }
.lp-root .ch-folders button[aria-selected='true']::after { content: ''; position: absolute; right: 10px; bottom: -1px; left: 10px; height: 2px; border-radius: 1px; background: var(--accent); box-shadow: 0 0 8px var(--accent); }
.lp-root .ch-archive { display: flex; align-items: center; gap: 12px; width: calc(100% - 12px); margin: 6px 6px 0; padding: 10px; border: 0; border-radius: 14px; background: none; text-align: left; font: 500 14px/18px var(--font); color: var(--ivory-2); box-shadow: inset 0 -1px 0 var(--line); }
.lp-root .ch-archive svg { width: 18px; height: 18px; margin: 0 8px; color: var(--ivory-3); }
.lp-root .ch-archive span { flex: 1; }
.lp-root .ch-archive em { font-style: normal; font-size: 12px; color: var(--ivory-4); }
.lp-root .ch-list { padding: 6px; }
.lp-root .ch-row { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px; border: 0; border-radius: 14px; background: none; text-align: left; transition: background 0.16s; }
.lp-root .ch-row:hover { background: rgb(225 214 198 / 0.04); }
.lp-root .ch-row.on { background: rgb(160 106 255 / 0.1); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.35); }
.lp-root .ch-t { display: grid; flex: 1; min-width: 0; }
.lp-root .ch-t b { font: 600 15px/19px var(--font); color: var(--ivory); }
.lp-root .ch-t small { overflow: hidden; font: 400 13px/18px var(--font); color: var(--ivory-3); white-space: nowrap; text-overflow: ellipsis; }
.lp-root .ch-t small em { font-style: normal; color: var(--down); }
.lp-root .ch-r { display: grid; justify-items: end; gap: 4px; }
.lp-root .ch-r small { font: 400 12px/14px var(--font); color: var(--ivory-4); }
.lp-root .ch-pin { display: inline-block; width: 12px; height: 12px; margin-right: 4px; vertical-align: -2px; color: var(--accent-ink); }
.lp-root .ch-open { border-top: 1px solid var(--line); }
.lp-root .ch-open header { display: flex; align-items: center; gap: 10px; padding: 12px 18px; }
.lp-root .ch-open header b { font: 600 15px/20px var(--font); color: var(--ivory); }
.lp-root .ch-open header small { font: 400 12px/16px var(--font); color: var(--ivory-3); }
.lp-root .ch-thread { display: flex; flex-direction: column; gap: 6px; min-height: 150px; padding: 4px 18px 14px; }
.lp-root .cb { position: relative; max-width: 78%; padding: 9px 12px; border-radius: 16px; font: 400 14px/20px var(--font); color: var(--ivory); user-select: none; cursor: default; animation: arrive 0.4s var(--ease); }
.lp-root .cb.in { align-self: flex-start; border-bottom-left-radius: 6px; background: #121114; box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .cb.out { align-self: flex-end; border-bottom-right-radius: 6px; background: linear-gradient(145deg, #4a21a7, #210f59); }
.lp-root .cb .vmsg { min-width: 180px; }
.lp-root .cb .filemsg { margin-top: 0; }
.lp-root .cb-like { position: absolute; right: -6px; bottom: -10px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-size: 13px; background: #1b1a1e; box-shadow: 0 0 0 2px #050506; animation: pop 0.4s var(--spring); }
@keyframes pop { from { transform: scale(0.3); } }
.lp-root .gate { display: grid; justify-items: center; gap: 10px; margin: 0 14px 14px; padding: 16px; border-radius: 18px; text-align: center; background: rgb(160 106 255 / 0.06); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.35); }
.lp-root .gate svg { width: 20px; height: 20px; color: var(--accent-ink); }
.lp-root .gate p { max-width: 380px; font: 400 14px/20px var(--font); color: var(--ivory-2); }
.lp-root .ch .composer { margin-top: 0; }
.lp-root .ch-hint { margin: -6px 18px 14px; }

/* ---- 9. iPhone -------------------------------------------------------------------------------- */
.lp-root .ios > .pn-in { padding-top: 88px; padding-bottom: 88px; }
.lp-root .ios-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.lp-root .ios h2 { margin-top: 32px; line-height: 1.08; }
.lp-root .ios .lead { max-width: 560px; margin-top: 22px; }
.lp-root .ios-steps { margin-top: 40px; border-top: 1px solid var(--line); }
.lp-root .ios-steps li { position: relative; border-bottom: 1px solid var(--line); }
.lp-root .io-bar { position: absolute; bottom: -1px; left: 0; height: 2px; width: 0; background: var(--accent); box-shadow: 0 0 8px var(--accent); }
.lp-root .ios-steps li.on .io-bar { animation: io-bar 4.2s linear forwards; }
@keyframes io-bar { to { width: 100%; } }
.lp-root.is-calm .ios-steps li.on .io-bar { animation: none; width: 100%; }
.lp-root .ios-steps button { display: grid; grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; width: 100%; padding: 18px 0; border: 0; background: none; text-align: left; opacity: 0.5; transition: opacity 0.4s; }
.lp-root .ios-steps li.on button { opacity: 1; }
.lp-root .ios-steps span { grid-row: 1 / 3; font: 500 13px/24px var(--font); color: var(--ivory-4); }
.lp-root .ios-steps li.on span { color: var(--accent-ink); }
.lp-root .ios-steps b { font: 500 21px/26px var(--font); color: var(--ivory); }
.lp-root .ios-steps small { margin-top: 4px; font: 400 15px/22px var(--font); color: var(--ivory-2); }
.lp-root .ios-stage { display: flex; justify-content: center; }
.lp-root .iphone { position: relative; flex: none; width: 340px; height: 700px; border-radius: 58px; background: linear-gradient(145deg, #3d3d42, #1c1c20 40%, #2b2b30); box-shadow: inset 0 0 0 1.5px #6a6a70, inset 0 0 0 4px #222226, 0 40px 80px -30px rgb(0 0 0 / 0.9), 0 -30px 120px -40px rgb(138 47 255 / 0.35); }
.lp-root .iphone-screen { position: absolute; inset: 10px; overflow: hidden; border-radius: 48px; background: #000; }
.lp-root .island { position: absolute; top: 12px; left: 50%; z-index: 5; width: 108px; height: 32px; margin-left: -54px; border-radius: 20px; background: #000; box-shadow: inset 0 0 0 1px #111; }
.lp-root .home-bar { position: absolute; bottom: 8px; left: 50%; z-index: 5; width: 124px; height: 5px; margin-left: -62px; border-radius: 3px; background: rgb(255 255 255 / 0.85); }
.lp-root .screens { position: absolute; inset: 0; }
.lp-root .sx { position: absolute; inset: 0; opacity: 0; transform: translateY(22px) scale(0.98); transition: opacity 0.5s var(--ease), transform 0.6s var(--ease); pointer-events: none; }
.lp-root .sx.on { opacity: 1; transform: none; pointer-events: auto; }
.lp-root .io-scr { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 58px 16px 0; color: var(--ivory); }
.lp-root .io-date { font: 600 10px/13px var(--font); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ivory-3); }
.lp-root .io-h { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; }
.lp-root .io-h b { font: 700 28px/32px var(--font); letter-spacing: -0.03em; }
.lp-root .io-h i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #18181b; }
.lp-root .io-h i svg { width: 16px; height: 16px; }
.lp-root .io-doors { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.lp-root .io-door { display: flex; flex-direction: column; min-height: 150px; padding: 12px; border-radius: 18px; box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .io-door.g { background: radial-gradient(120% 90% at 0% 0%, #2a2620, #0c0b0a 70%); }
.lp-root .io-door.p { background: radial-gradient(120% 90% at 100% 0%, #1d1433, #07060a 70%); }
.lp-root .io-door b { margin-top: auto; font: 600 16px/20px var(--font); }
.lp-root .io-door small { font: 400 11px/14px var(--font); color: var(--ivory-3); }
.lp-root .io-door svg { width: 100%; height: 40px; }
.lp-root .io-door path { fill: none; stroke: var(--accent-ink); stroke-width: 1.4; vector-effect: non-scaling-stroke; }
.lp-root .crests.sm { grid-template-columns: repeat(2, 28px); gap: 5px; }
.lp-root .crests.sm .crest { width: 28px; height: 28px; border-radius: 8px; font-size: 10px; }
.lp-root .io-chats { margin-top: 10px; padding: 8px 12px; border-radius: 18px; background: #0a0a0c; box-shadow: inset 0 0 0 1px var(--line); }
.lp-root .io-chats > b { display: block; padding: 4px 0 6px; font: 600 15px/19px var(--font); }
.lp-root .io-row { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-top: 1px solid var(--line); }
.lp-root .io-row > span:not(.ava) { display: grid; flex: 1; min-width: 0; }
.lp-root .io-row span b { font: 600 13px/16px var(--font); }
.lp-root .io-row small { overflow: hidden; font: 400 11px/15px var(--font); color: var(--ivory-3); white-space: nowrap; text-overflow: ellipsis; }
.lp-root .io-tabs { position: absolute; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, 1fr); padding: 8px 6px 24px; background: rgb(10 10 12 / 0.92); box-shadow: inset 0 1px 0 var(--line); }
.lp-root .io-tabs span { display: grid; justify-items: center; gap: 4px; font: 500 9px/11px var(--font); color: var(--ivory-4); text-align: center; }
.lp-root .io-tabs i { width: 18px; height: 18px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px currentColor; }
.lp-root .io-tabs span.on { color: var(--accent-ink); }
.lp-root .io-cover { height: 110px; margin: -58px -16px 0; background: radial-gradient(90% 120% at 80% 100%, rgb(96 38 197 / 0.6), transparent 70%), #07060a; }
.lp-root .io-gid { display: grid; justify-items: start; gap: 2px; margin-top: -28px; }
.lp-root .io-gid b { margin-top: 8px; font: 700 20px/24px var(--font); }
.lp-root .io-gid small { font: 400 12px/16px var(--font); color: var(--ivory-3); }
.lp-root .io-tabs2 { display: flex; gap: 14px; margin: 14px 0 6px; border-bottom: 1px solid var(--line); }
.lp-root .io-tabs2 span { padding: 8px 0; font: 500 13px/1 var(--font); color: var(--ivory-3); }
.lp-root .io-tabs2 span.on { color: var(--ivory); box-shadow: inset 0 -2px 0 var(--accent); }
.lp-root .io-room { display: flex; align-items: center; gap: 8px; padding: 10px 4px; font: 500 14px/18px var(--font); color: var(--ivory-2); }
.lp-root .io-room span { flex: 1; }
.lp-root .io-room svg { width: 15px; height: 15px; color: var(--ivory-3); }
.lp-root .io-scr.chat { padding-top: 54px; }
.lp-root .io-ch-h { display: flex; align-items: center; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.lp-root .io-ch-h b { font: 600 15px/19px var(--font); }
.lp-root .io-thread { display: flex; flex-direction: column; gap: 8px; padding-top: 14px; }
.lp-root .io-thread .cb { max-width: 84%; font-size: 13px; line-height: 18px; animation: none; }
.lp-root .io-thread .vmsg { min-width: 150px; }
.lp-root .io-comp { display: flex; align-items: center; justify-content: space-between; margin-top: auto; margin-bottom: 30px; padding: 8px 8px 8px 14px; border-radius: 999px; font: 400 13px/1 var(--font); color: var(--ivory-4); background: #121114; }
.lp-root .io-comp i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #8a2fff, #351c8a); }
.lp-root .io-comp svg { width: 15px; height: 15px; }

/* ---- Вопросы ------------------------------------------------------------------------------------- */
.lp-root .faq .pn-in { padding-top: 64px; padding-bottom: 64px; }
.lp-root .faq-grid { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 64px; align-items: start; }
.lp-root .faq-grid h2 + .lead { max-width: 380px; }
.lp-root .faq-help { margin-top: 32px; }
html[data-theme='dark'] .lp-root .side { color: var(--ivory); }
html[data-theme='dark'] .lp-root .side small { color: var(--ivory-3); }
.lp-root.is-calm .backdrop i, .lp-root.is-calm .backdrop::before, .lp-root.is-calm .backdrop::after, .lp-root.is-calm .live { animation: none; }

/* ---- Окно у́же ---------------------------------------------------------------------------------- */
@media (max-width: 1339.98px) {
  .lp-root .hero-copy .lp-h1 { font-size: 54px; }
  .lp-root .hero-copy { padding-right: 28px; }
  .lp-root .pl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lp-root .pl .cat { grid-column: 1 / -1; }
  .lp-root .pl .cat .cat-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 16px; border-top: 0; }
  .lp-root .pl .cat .cat-list li { border-top: 1px solid var(--line); }
}
@media (max-width: 859.98px) { .lp-root .pl .cat .cat-list { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 1279.98px) {
  .lp-root .gd { grid-template-columns: 300px minmax(0, 1fr); }
  .lp-root .pl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lp-root .pl .cat { grid-column: 1 / -1; }
  .lp-root .md { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lp-root .md .audit { grid-column: 1 / -1; }
  .lp-root .iv-card { grid-template-columns: minmax(0, 1fr); }
  .lp-root .iv-qr { justify-items: start; }
}
@media (max-width: 1099.98px) {
  .lp-root .hero-row { flex-direction: column; }
  .lp-root .hero-copy { width: 100%; padding: 24px 0 40px; }
  .lp-root .hero-copy .lp-h1 { font-size: 56px; }
  .lp-root .lobby { width: 100%; }
  .lp-root .split-head { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .lp-root .split-head .lead { margin: 0; }
  .lp-root .gd { grid-template-columns: 260px minmax(0, 1fr); }
  .lp-root .mod-top { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .lp-root .ios-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}

/* ---- Телефон ---------------------------------------------------------------------------------- */
@media (max-width: 859.98px) {
  .lp-root .lp-sub { display: none; }
  .lp-root .hero-copy { padding: 12px 4px 28px; }
  .lp-root .hero-copy .lp-h1 { margin-top: 18px; font-size: 40px; line-height: 44px; letter-spacing: -0.035em; }
  .lp-root .hero-copy > p { margin-top: 16px; font-size: 17px; line-height: 25px; }
  .lp-root .hero-act { margin-top: 24px; }
  .lp-root .hero-facts { margin-top: 28px; }
  .lp-root .hero-facts b { font-size: 30px; line-height: 34px; }
  .lp-root .hero-facts span { font-size: 11px; letter-spacing: 0.06em; }
  .lp-root .lobby .pn-in { padding: 20px 16px; }
  .lp-root .lb-head h3 { font-size: 28px; line-height: 32px; }
  .lp-root .lb-doors { margin-top: 18px; gap: 8px; }
  .lp-root .door { min-height: 190px; padding: 14px; border-radius: 18px; }
  .lp-root .door b { font-size: 19px; }
  .lp-root .door-n { font-size: 12px; }
  .lp-root .lb-chats { padding: 6px 14px; border-radius: 18px; }
  .lp-root .gd { grid-template-columns: minmax(0, 1fr); height: auto; margin-top: 28px; }
  .lp-root .gd-list { max-height: 300px; }
  .lp-root .gd-chat { height: 560px; }
  .lp-root .gd-msgs { padding: 12px; }
  .lp-root .gd-chat-head small { display: none; }
  .lp-root .msg { max-width: 100%; }
  .lp-root .vmsg { min-width: 0; }
  .lp-root .vc { margin-top: 24px; }
  .lp-root .vc-item { padding: 12px; }
  .lp-root .vc-item .ava { display: none; }
  .lp-root .perms b { font-size: 14px; }
  .lp-root .pl { grid-template-columns: minmax(0, 1fr); margin-top: 28px; }
  .lp-root .pl-card { padding: 16px; border-radius: 20px; }
  .lp-root .mod > .pn-in { padding-top: 40px; padding-bottom: 32px; }
  .lp-root .md { grid-template-columns: minmax(0, 1fr); margin-top: 32px; }
  .lp-root .md-card { padding: 16px; border-radius: 20px; }
  .lp-root .am-feed { min-height: 0; }
  .lp-root .invite .pass-obj { height: 220px; margin-bottom: -20px; }
  .lp-root .iv-card { padding: 16px; }
  .lp-root .iv-access { grid-template-columns: minmax(0, 1fr); }
  .lp-root .ch-folders { padding: 0 6px; }
  .lp-root .ch-thread { padding: 4px 12px 14px; }
  .lp-root .ios > .pn-in { padding-top: 40px; padding-bottom: 40px; }
  .lp-root .iphone { width: 300px; height: 620px; border-radius: 52px; }
  .lp-root .iphone-screen { border-radius: 42px; }
  .lp-root .faq-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .lp-root .faq .pn-in { padding-top: 32px; padding-bottom: 24px; }
}
@media (max-width: 599.98px) {
  .lp-root .hero-act { flex-direction: column; }
  .lp-root .hero-act .cta, .lp-root .hero-act .ghost { width: 100%; }
}
@media (max-width: 379.98px) {
  .lp-root .iphone { width: 280px; height: 580px; }
}

@media (prefers-reduced-motion: reduce) {
  .lp-root .backdrop i, .lp-root .backdrop::before, .lp-root .backdrop::after, .lp-root .live, .lp-root .typing i, .lp-root .arrive, .lp-root .cb, .lp-root .cb-like { animation: none; }
}

/* Строки-девизы у рядов с нахлёстом: текст не должен заходить под соседнюю панель */
.lp-root #voice .side.low { padding-bottom: 400px; }
.lp-root #roles .side.low { padding-bottom: 160px; }
.lp-root #chats .side.low { padding-bottom: 420px; }
@media (max-width: 859.98px) { .lp-root #voice .side.low, .lp-root #roles .side.low, .lp-root #chats .side.low { padding-bottom: 22px; } }

/* в шаблон!: ряд с нахлёстом (pull-200/300) своей пустой половиной перекрывал нижнюю часть панели ряда выше,
   и нажатия по ней не доходили (кнопка записи голосового). Ряд пропускает нажатия, панели принимают. */
.lp-root .row > .hero-copy { pointer-events: auto; }  /* ряды и панели: в шаблоне */

/* Финал: гербы гильдий медленно плавают вокруг надписи */
.lp-root .orbit { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.lp-root .orbit .crest { position: absolute; width: 64px; height: 64px; border-radius: 18px; font-size: 19px; opacity: 0.9; box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.2), 0 24px 40px -18px rgb(0 0 0 / 0.7); animation: float 9s ease-in-out infinite alternate; }
.lp-root .orbit .o1 { top: 18%; left: 12%; }
.lp-root .orbit .o2 { top: 14%; right: 14%; width: 52px; height: 52px; animation-duration: 11s; animation-delay: -3s; }
.lp-root .orbit .o3 { bottom: 20%; left: 18%; width: 48px; height: 48px; animation-duration: 12s; animation-delay: -5s; }
.lp-root .orbit .o4 { bottom: 16%; right: 12%; animation-duration: 10s; animation-delay: -2s; }
.lp-root .orbit .o5 { top: 46%; left: 5%; width: 40px; height: 40px; font-size: 14px; opacity: 0.6; animation-duration: 13s; }
.lp-root .orbit .o6 { top: 50%; right: 6%; width: 44px; height: 44px; font-size: 14px; opacity: 0.6; animation-duration: 14s; animation-delay: -7s; }
@keyframes float { to { transform: translate(14px, -22px) rotate(-6deg); } }
.lp-root.is-calm .orbit .crest { animation: none; }
@media (max-width: 859.98px) { .lp-root .orbit .crest { width: 44px; height: 44px; border-radius: 13px; font-size: 14px; } .lp-root .orbit .o5, .lp-root .orbit .o6 { display: none; } .lp-root .orbit .o1, .lp-root .orbit .o2 { top: 10%; } .lp-root .orbit .o3, .lp-root .orbit .o4 { bottom: 12%; } }
@media (prefers-reduced-motion: reduce) { .lp-root .orbit .crest { animation: none; } }

/* Фокус с клавиатуры у кнопок примеров (в шаблоне есть только для .cta/.ghost/.chip); в шаблон? */
.lp-root :is(button, a):focus-visible { outline: 2px solid #b28aff; outline-offset: 2px; border-radius: 10px; }

/* Аватар никогда не растягивается строкой, в которой стоит */
.lp-root .ava { flex: none !important; }

/* communities/communities-look.css */
/* communities: примеры интерфейса в виде «Студия» (светлые панели в светлой теме).
 * Общие токены, панели, шапка и подвал: ../shared/look.css.
 *
 * Шаблон: «:root[data-look] .x» для обеих тем (прежняя слоновая кость заменена на --ink),
 * «:root[data-look][data-theme='light'] .x» только для светлой. Всё, что внутри .iphone, остаётся
 * тёмным экраном: светлые правила для общих мелочей (.ava, .cb, .wave) исключают его через :not(.iphone *). */

/* ---- Шапка: подпись продукта рядом с маркой ----------------------------------------------- */
html[data-theme='light'] .lp-root[data-look] .lp-sub { border-left-color: rgb(16 15 20 / 0.16); color: rgb(16 15 20 / 0.56); }

/* ---- Мелочи: прежняя «слоновая кость с прозрачностью» -> чернила темы ------------------- */
.lp-root[data-look] .wave i { background: rgb(var(--ink) / 0.3); }
.lp-root[data-look] .wave i.on { background: var(--accent-ink); }
.lp-root[data-look] .vc-rec .wave i { background: rgb(233 134 138 / 0.7); }
.lp-root[data-look] :is(.vplay, .vplay-btn) { color: var(--on-ink); }
.lp-root[data-look] .react { background: rgb(var(--ink) / 0.05); }
.lp-root[data-look] .react.mine { background: var(--accent-soft); }
.lp-root[data-look] .sw { background: rgb(var(--ink) / 0.12); }
.lp-root[data-look] .sw[aria-checked='true'] { background: linear-gradient(90deg, #6026c5, #8a2fff); }
.lp-root[data-look] .seg { background: rgb(var(--ink) / 0.04); }
.lp-root[data-look] .lb-menu a:hover, .lp-root[data-look] .room:hover { background: rgb(var(--ink) / 0.05); }
.lp-root[data-look] .ch-row:hover { background: rgb(var(--ink) / 0.04); }
.lp-root[data-look] .day span { background: rgb(var(--ink) / 0.05); }
.lp-root[data-look] .opt:hover:not(:disabled) { box-shadow: inset 0 0 0 1px rgb(var(--ink) / 0.4); }
.lp-root[data-look] .opt i { background: rgb(var(--ink) / 0.06); }
.lp-root[data-look] .opt.mine i { background: rgb(160 106 255 / 0.18); }
.lp-root[data-look] .gd-cover line { stroke: rgb(var(--ink) / 0.06); }
/* кольцо вокруг герба и аватара повторяет цвет карточки, на которой стоит */
.lp-root[data-look] .gd-id .crest.lg { box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 0 0 4px var(--solid); }
.lp-root[data-look] .dcrest { box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 0 0 3px var(--solid); }
.lp-root[data-look] .pls { box-shadow: 0 0 0 2px var(--solid), 0 0 0 3.5px var(--accent); }
.lp-root[data-look] .unread span { background: var(--solid); }
.lp-root[data-look] .cb-like { background: var(--solid); box-shadow: 0 0 0 2px var(--solid), inset 0 0 0 1px var(--line-2); }
.lp-root[data-look] .lb-menu, .lp-root[data-look] .tools { background: var(--solid); box-shadow: inset 0 0 0 1px var(--line-2), 0 16px 34px -10px var(--shade); }
.lp-root[data-look] .savebar { background: var(--solid); box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.5), 0 16px 34px -10px var(--shade); }

/* «Студия»: без цветных свечений, фиолетовый только цветом линии */
.lp-root[data-look='b'] :is(.gd-tabs, .ch-folders) button[aria-selected='true']::after, .lp-root[data-look='b'] .io-bar { box-shadow: none; }
.lp-root[data-look='b'] .iphone { box-shadow: inset 0 0 0 1.5px #6a6a70, inset 0 0 0 4px #222226, 0 40px 80px -30px rgb(0 0 0 / 0.9); }
html[data-theme='light'] .lp-root[data-look='b'] .iphone { box-shadow: inset 0 0 0 1.5px #6a6a70, inset 0 0 0 4px #222226, 0 50px 80px -40px rgb(40 42 50 / 0.55), 0 14px 30px -16px rgb(40 42 50 / 0.3); }
.lp-root[data-look='b'] .door:hover { box-shadow: inset 0 0 0 1px rgb(160 106 255 / 0.5), 0 18px 30px -18px var(--shade); }
.lp-root[data-look='b'] .backdrop::before { background: radial-gradient(closest-side, rgb(255 255 255 / 0.1), transparent); }

/* ---- Светлая тема: поверхности примеров светлые, линии тонкие ------------------------------ */
/* Карточки-окна внутри панели: белые, тонкая линия, лёгкая тень снизу */
html[data-theme='light'] .lp-root[data-look] :is(.gd-side, .gd-chat, .dcard, .vc-item, .pl-card, .iv-card, .iv-req, .ch, .lb-chats) {
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--line-2), 0 1px 2px rgb(40 30 70 / 0.05), 0 18px 36px -28px rgb(40 42 50 / 0.3);
}
html[data-theme='light'] .lp-root[data-look] .vc-item.on { background: #fff; box-shadow: inset 0 0 0 1px rgb(123 63 242 / 0.55), 0 18px 36px -28px rgb(40 42 50 / 0.3); }
html[data-theme='light'] .lp-root[data-look] .vc-rec { background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
html[data-theme='light'] .lp-root[data-look] .vc-rec.on { background: rgb(207 63 76 / 0.04); box-shadow: inset 0 0 0 1px rgb(207 63 76 / 0.4); }
html[data-theme='light'] .lp-root[data-look] .vc-rec.on .rec-btn { box-shadow: 0 0 0 10px rgb(207 63 76 / 0.08), 0 0 0 22px rgb(207 63 76 / 0.04); }
html[data-theme='light'] .lp-root[data-look] .rec-btn { box-shadow: inset 0 1px 1px rgb(255 255 255 / 0.3), 0 10px 20px -12px rgb(60 30 140 / 0.6); }
html[data-theme='light'] .lp-root[data-look] .cp-mic { box-shadow: 0 6px 14px -8px rgb(60 30 140 / 0.6); }
html[data-theme='light'] .lp-root[data-look] :is(.unplayed, .live) { box-shadow: none; }
html[data-theme='light'] .lp-root[data-look] .ghost.is-on { color: var(--up); box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgb(19 137 92 / 0.45), 0 6px 14px -10px rgb(40 30 70 / 0.45); }

html[data-theme='light'] .lp-root[data-look] .seg button[aria-pressed='true'] { color: #fff; background: #101014; }
html[data-theme='light'] .lp-root[data-look] .cnt:not(.iphone *) { color: #fff; background: #101014; }

/* Переключатель: светлая дорожка, белая ручка с тенью */
html[data-theme='light'] .lp-root[data-look] .sw { background: rgb(16 15 20 / 0.12); }
html[data-theme='light'] .lp-root[data-look] .sw[aria-checked='true'] { background: linear-gradient(90deg, #6026c5, #8a2fff); }
html[data-theme='light'] .lp-root[data-look] .sw i { background: #fff; box-shadow: 0 1px 3px rgb(16 15 20 / 0.3), 0 0 0 0.5px rgb(16 15 20 / 0.08); }

/* Лобби в заголовке: кнопка «+», меню, две двери */
html[data-theme='light'] .lp-root[data-look] .lb-plus { color: #101014; background: linear-gradient(#fff, #f3f2f6); box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgb(16 15 20 / 0.1), 0 6px 14px -10px rgb(40 30 70 / 0.45); }
html[data-theme='light'] .lp-root[data-look] .door { box-shadow: inset 0 0 0 1px var(--line-2), 0 18px 36px -28px rgb(40 42 50 / 0.3); }
html[data-theme='light'] .lp-root[data-look] .door:hover { box-shadow: inset 0 0 0 1px rgb(123 63 242 / 0.5), 0 18px 30px -18px rgb(40 42 50 / 0.35); }
html[data-theme='light'] .lp-root[data-look] .d-guild { background: linear-gradient(180deg, #fff, #fbfaf8); }
html[data-theme='light'] .lp-root[data-look] .d-pulse { background: linear-gradient(rgb(16 15 20 / 0.035) 1px, transparent 1px) 0 0 / 100% 22px, linear-gradient(90deg, rgb(16 15 20 / 0.035) 1px, transparent 1px) 0 0 / 22px 100%, #fff; }
html[data-theme='light'] .lp-root[data-look] .cw em { color: #fff; background: #101014; box-shadow: 0 0 0 2px #fff; }

/* Гильдия: обложка светлая, лента сообщений белая */
html[data-theme='light'] .lp-root[data-look] .gd-cover rect:first-of-type { fill: #f6f5f9; }
html[data-theme='light'] .lp-root[data-look] .gd-cover stop:first-child { stop-color: #a06aff; stop-opacity: 0.22; }
html[data-theme='light'] .lp-root[data-look] .gd-cover stop:last-child { stop-color: #fff; }
html[data-theme='light'] .lp-root[data-look] .bubble { background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
html[data-theme='light'] .lp-root[data-look] .filemsg { background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
html[data-theme='light'] .lp-root[data-look] .bubble blockquote { background: rgb(123 63 242 / 0.05); }
html[data-theme='light'] .lp-root[data-look] .composer { background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
html[data-theme='light'] .lp-root[data-look] .feed-card { background: #fff; box-shadow: inset 0 0 0 1px rgb(123 63 242 / 0.3); }
html[data-theme='light'] .lp-root[data-look] .pinbar { background: rgb(123 63 242 / 0.04); box-shadow: inset 0 0 0 1px rgb(123 63 242 / 0.22); }

/* Обзор гильдий: обложки карточек светлые, тон гильдии едва заметен; кнопка «Вступить» чернилами */
html[data-theme='light'] .lp-root[data-look] .dcard-cover { box-shadow: inset 0 -1px 0 var(--line); }
html[data-theme='light'] .lp-root[data-look] .dcard-cover.c1 { background: radial-gradient(90% 140% at 80% 100%, rgb(106 63 200 / 0.16), transparent 70%), #f8f7fa; }
html[data-theme='light'] .lp-root[data-look] .dcard-cover.c2 { background: radial-gradient(90% 140% at 80% 100%, rgb(192 138 46 / 0.16), transparent 70%), #f9f8f6; }
html[data-theme='light'] .lp-root[data-look] .dcard-cover.c3 { background: radial-gradient(90% 140% at 80% 100%, rgb(60 109 143 / 0.16), transparent 70%), #f6f8f9; }
html[data-theme='light'] .lp-root[data-look] .dcard-cover.c4 { background: radial-gradient(90% 140% at 80% 100%, rgb(110 110 120 / 0.14), transparent 70%), #f8f8f9; }
html[data-theme='light'] .lp-root[data-look] .dj { color: #fff; background: #101014; }
html[data-theme='light'] .lp-root[data-look] .dj.on { color: var(--up); background: transparent; box-shadow: inset 0 0 0 1px rgb(19 137 92 / 0.5); }

/* Аватары и знаки авторов Pulse: светлые с тёмной буквой, тон гильдии оттенком (кроме экрана iPhone) */
html[data-theme='light'] .lp-root[data-look] .ava:not(.iphone *) { color: #101014; background: radial-gradient(circle at 30% 25%, #fff, #e9e7ee); box-shadow: inset 0 0 0 1px rgb(16 15 20 / 0.1); }
html[data-theme='light'] .lp-root[data-look] .ava.tone-1:not(.iphone *) { background: radial-gradient(circle at 30% 25%, #fff, #e4dbf6); }
html[data-theme='light'] .lp-root[data-look] .ava.tone-2:not(.iphone *) { background: radial-gradient(circle at 30% 25%, #fff, #e6e5ea); }
html[data-theme='light'] .lp-root[data-look] .ava.tone-3:not(.iphone *) { background: radial-gradient(circle at 30% 25%, #fff, #e3e7dc); }
html[data-theme='light'] .lp-root[data-look] .ava.tone-4:not(.iphone *) { background: radial-gradient(circle at 30% 25%, #fff, #dde4ec); }
html[data-theme='light'] .lp-root[data-look] .ava.tone-5:not(.iphone *) { background: radial-gradient(circle at 30% 25%, #fff, #ece3da); }
html[data-theme='light'] .lp-root[data-look] .ava.tone-9:not(.iphone *) { color: #fff; background: radial-gradient(circle at 30% 25%, #8f5cf0, #3b167f); box-shadow: none; }
html[data-theme='light'] .lp-root[data-look] .pls { color: #101014; }
html[data-theme='light'] .lp-root[data-look] .pls.tone-1 { background: linear-gradient(145deg, #fff, #e4dbf6); }
html[data-theme='light'] .lp-root[data-look] .pls.tone-2 { background: linear-gradient(145deg, #fff, #ece3da); }
html[data-theme='light'] .lp-root[data-look] .pls.tone-3 { background: linear-gradient(145deg, #fff, #dde9e3); }

/* Личные чаты: входящие белые с линией, исходящие лавандовые с тёмным текстом (экран iPhone не трогаем) */
html[data-theme='light'] .lp-root[data-look] .cb.in:not(.iphone *) { background: #fff; box-shadow: inset 0 0 0 1px var(--line-2); }
html[data-theme='light'] .lp-root[data-look] .cb.out:not(.iphone *) { background: rgb(123 63 242 / 0.09); box-shadow: inset 0 0 0 1px rgb(123 63 242 / 0.24); }
html[data-theme='light'] .lp-root[data-look] .gate { background: rgb(123 63 242 / 0.04); box-shadow: inset 0 0 0 1px rgb(123 63 242 / 0.25); }

/* Модерация: дневной свет вместо чёрной виньетки, карточки белые */
html[data-theme='light'] .lp-root[data-look] .mod .vignette { display: none; }
html[data-theme='light'] .lp-root[data-look] .mod .backdrop { opacity: 0.55; }
html[data-theme='light'] .lp-root[data-look] .mod .backdrop i { background: linear-gradient(90deg, transparent, rgb(255 255 255 / 0.9), transparent); }
html[data-theme='light'] .lp-root[data-look] .mod .backdrop::before { background: radial-gradient(closest-side, rgb(255 255 255 / 0.9), transparent); }
html[data-theme='light'] .lp-root[data-look] .mod .backdrop::after { background: radial-gradient(closest-side, rgb(220 222 228 / 0.5), transparent); }
html[data-theme='light'] .lp-root[data-look] .md-card { background: rgb(255 255 255 / 0.9); box-shadow: inset 0 0 0 1px var(--line-2), 0 1px 2px rgb(40 30 70 / 0.05), 0 18px 36px -28px rgb(40 42 50 / 0.3); }
html[data-theme='light'] .lp-root[data-look] .am-msg.blocked { background: rgb(207 63 76 / 0.04); box-shadow: inset 0 0 0 1px rgb(207 63 76 / 0.28); }
html[data-theme='light'] .lp-root[data-look] .am-msg.blocked p { text-decoration-color: rgb(207 63 76 / 0.6); }

/* Приглашение: QR на белом, тёмные модули */
html[data-theme='light'] .lp-root[data-look] :is(.qbg, .qb) { fill: #fff; }
html[data-theme='light'] .lp-root[data-look] .qbg { stroke: rgb(16 15 20 / 0.12); stroke-width: 0.12; }
html[data-theme='light'] .lp-root[data-look] :is(.qd rect, .qf) { fill: #101014; }
html[data-theme='light'] .lp-root[data-look] .iv-access button[aria-checked='true'] { background: rgb(123 63 242 / 0.05); box-shadow: inset 0 0 0 1px rgb(123 63 242 / 0.55); }

/* Финал: гербы на светлом фоне с мягкой нейтральной тенью */
html[data-theme='light'] .lp-root[data-look] .orbit .crest { box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.2), 0 20px 34px -18px rgb(40 42 50 / 0.45); }

/* Янтарь владельца и спонсорства: на белом темнее, чтобы читался; на экране iPhone прежний */
html[data-theme='light'] .lp-root[data-look] { --amber: #9a6a14; }
html[data-theme='light'] .lp-root[data-look] .iphone { --amber: #e6c27a; }
html[data-theme='light'] .lp-root[data-look] i.role-owner { box-shadow: inset 0 0 0 1px rgb(154 106 20 / 0.4); }
html[data-theme='light'] .lp-root[data-look] .chip.sp { border-color: rgb(154 106 20 / 0.4); }
html[data-theme='light'] .lp-root[data-look] .sp-sheet { background: rgb(154 106 20 / 0.04); box-shadow: inset 0 0 0 1px rgb(154 106 20 / 0.3); }

/* Доводка: гербы гильдий без цвета. Металлический кант по контуру, внутри эмаль (ночью) или шлифованное
   серебро (днём), буквы чеканные. Гильдии различаются формой: щит, круг, шестигранник, квадрат. */
.lp-root[data-look] .crest { position: relative; isolation: isolate; border-radius: 0; box-shadow: none; background: linear-gradient(150deg, #f4f2ee 0%, #a9a59e 45%, #e6e3dd 70%, #8e8a83 100%); color: #d9d5cd; text-shadow: 0 1px 0 rgb(0 0 0 / 0.6); }
.lp-root[data-look] .crest::before { content: ''; position: absolute; inset: 2px; z-index: -1; clip-path: inherit; background: radial-gradient(120% 90% at 30% 15%, #2b2a30, #0b0b0d 70%); }
html[data-theme='light'] .lp-root[data-look] .crest { color: #18171c; text-shadow: 0 1px 0 rgb(255 255 255 / 0.7); }
html[data-theme='light'] .lp-root[data-look] .crest::before { background: linear-gradient(160deg, #fdfdfc 0%, #e4e2de 55%, #f2f1ee 100%); }
.lp-root[data-look] .crest.c1 { clip-path: polygon(0 0, 100% 0, 100% 56%, 50% 100%, 0 56%); padding-bottom: 10%; }
.lp-root[data-look] .crest.c2 { clip-path: circle(50% at 50% 50%); }
.lp-root[data-look] .crest.c3 { clip-path: polygon(25% 2%, 75% 2%, 100% 50%, 75% 98%, 25% 98%, 0 50%); }
.lp-root[data-look] .crest.c4 { clip-path: inset(0 round 22%); }
.lp-root[data-look] :is(.gd-id .crest.lg, .dcrest, .orbit .crest) { box-shadow: none; }
.lp-root[data-look] .orbit .crest { opacity: 1; }
/* днём кант темнее, чтобы форма герба читалась на белом */
html[data-theme='light'] .lp-root[data-look] .crest { background: linear-gradient(150deg, #d6d3cd 0%, #77746e 48%, #c4c1ba 72%, #6c6963 100%); }