.lgcz {
  --lgcz-bg: #f4f0e7;
  --lgcz-surface: #fffdf7;
  --lgcz-surface-alt: #eae5da;
  --lgcz-ink: #0c2233;
  --lgcz-muted: #64717a;
  --lgcz-accent: #f26424;
  --lgcz-accent-hover: #d94d12;
  --lgcz-line: #cfc8bb;
  --lgcz-success: #31a66b;
  --lgcz-radius: 18px;
  --lgcz-button-radius: 9px;
  --lgcz-text-scale: 1;
  --lgcz-texture: .08;
  --lgcz-avatar-x: 50%;
  --lgcz-avatar-y: 50%;
  position: relative;
  box-sizing: border-box;
  isolation: isolate;
  overflow-x: hidden;
  overflow-x: clip;
  max-width: 100%;
  width: 100%;
  padding: 56px 28px;
  direction: rtl;
  color: var(--lgcz-ink);
  background: var(--lgcz-bg);
  font-family: Calibri, "Noto Sans Hebrew", Arial, sans-serif;
  line-height: 1.55;
  text-align: right;
}

.lgcz *, .lgcz *::before, .lgcz *::after { box-sizing: border-box; }
.lgcz button, .lgcz input, .lgcz textarea { font: inherit; }
.lgcz button, .lgcz a { -webkit-tap-highlight-color: transparent; }
.lgcz button { display: inline-flex; align-items: center; justify-content: center; color: inherit; border-color: transparent; }
.lgcz-overlay-open { overflow: hidden; }
.lgcz img { display: block; max-width: 100%; }
.lgcz [hidden] { display: none !important; }

.lgcz__texture {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: var(--lgcz-texture);
  pointer-events: none;
  background-image:
    linear-gradient(rgba(12, 34, 51, .18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(12, 34, 51, .18) 1px, transparent 1px),
    radial-gradient(circle at 20% 10%, var(--lgcz-accent) 0 1px, transparent 1.5px);
  background-size: 32px 32px, 32px 32px, 9px 9px;
}

.lgcz__inner { width: 100%; max-width: 1320px; margin-inline: auto; }

.lgcz-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 300px;
  margin-bottom: 24px;
  padding: clamp(32px, 5vw, 72px);
  overflow: hidden;
  color: #fff;
  background: var(--lgcz-ink);
  border-radius: calc(var(--lgcz-radius) + 6px);
}

.lgcz-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: transparent;
}

.lgcz-hero::after {
  content: "";
  position: absolute;
  inset-inline-start: -7%;
  bottom: -45%;
  width: 52%;
  aspect-ratio: 1;
  border: clamp(28px, 5vw, 70px) solid var(--lgcz-accent);
  border-radius: 50%;
  opacity: .92;
  z-index: 1;
}

.lgcz-hero__grid {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: .12;
  background-image: linear-gradient(rgba(255,255,255,.4) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.4) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(90deg, transparent, #000);
}

.lgcz-hero__content { position: relative; z-index: 2; max-width: 780px; }
.lgcz-eyebrow { margin-bottom: 14px; color: var(--lgcz-accent); font-family: Consolas, monospace; font-size: calc(12px * var(--lgcz-text-scale, 1)); font-weight: 700; letter-spacing: .14em; direction: ltr; text-align: right; }
.lgcz-hero__title { margin: 0; color: inherit; font-size: clamp(calc(38px * var(--lgcz-text-scale, 1)), calc(5vw * var(--lgcz-text-scale, 1)), calc(74px * var(--lgcz-text-scale, 1))); font-weight: 800; line-height: .97; letter-spacing: -.045em; }
.lgcz-hero__subtitle { max-width: 650px; margin: 20px 0 26px; color: rgba(255,255,255,.78); font-size: clamp(calc(17px * var(--lgcz-text-scale, 1)), calc(2vw * var(--lgcz-text-scale, 1)), calc(22px * var(--lgcz-text-scale, 1))); }
.lgcz-online { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-radius: 999px; font-size: calc(13px * var(--lgcz-text-scale, 1)); }
.lgcz-online__dot { width: 8px; height: 8px; background: var(--lgcz-success); border-radius: 50%; box-shadow: 0 0 0 5px rgba(49,166,107,.16); animation: lgcz-pulse 2s infinite; }
.lgcz-hero__mark { position: relative; z-index: 2; display: grid; place-items: center; width: 170px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.2); transform: rotate(-4deg); }
.lgcz-hero__mark::before, .lgcz-hero__mark::after { content: ""; position: absolute; width: 28px; height: 28px; border-color: var(--lgcz-accent); border-style: solid; }
.lgcz-hero__mark::before { top: -1px; right: -1px; border-width: 3px 3px 0 0; }
.lgcz-hero__mark::after { bottom: -1px; left: -1px; border-width: 0 0 3px 3px; }
.lgcz-hero__mark span { position: absolute; top: -14px; padding: 3px 10px; color: var(--lgcz-ink); background: var(--lgcz-accent); font-size: calc(12px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-hero__mark b { direction: ltr; color: rgba(255,255,255,.84); font-family: Consolas, monospace; font-size: calc(18px * var(--lgcz-text-scale, 1)); line-height: 1.55; letter-spacing: .18em; text-align: left; }

.lgcz-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 22px; align-items: start; width: 100%; max-width: 100%; min-width: 0; counter-reset: lgcz-module; }
.lgcz-grid--masonry { grid-auto-rows: 8px; }
.lgcz-span-12 { grid-column: span 12; }
.lgcz-span-8 { grid-column: span 8; }
.lgcz-span-6 { grid-column: span 6; }
.lgcz-span-4 { grid-column: span 4; }

.lgcz-module {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  counter-increment: lgcz-module;
  scroll-margin-top: calc(var(--lgcz-nav-height, 0px) + 16px);
}

.lgcz-module:not(.lgcz-module--plain) {
  position: relative;
  padding: 24px;
  background: var(--lgcz-surface);
  border: 1px solid var(--lgcz-line);
  border-radius: var(--lgcz-radius);
}

.lgcz-module--accent:not(.lgcz-module--plain) { border-top: 5px solid var(--lgcz-accent); }
.lgcz-module--dark:not(.lgcz-module--plain) { color: #fff; background: var(--lgcz-ink); border-color: var(--lgcz-ink); }
.lgcz-module--dark .lgcz-module__title, .lgcz-module--dark .lgcz-module__intro { color: inherit; }
.lgcz-module--plain { padding: 0; }
.lgcz-module__head { display: flex; align-items: center; gap: 11px; margin-bottom: 18px; }
.lgcz-module__index { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; color: #fff; background: var(--lgcz-accent); border-radius: 50%; font-family: Consolas, monospace; font-size: calc(11px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-module__index::before { content: counter(lgcz-module, decimal-leading-zero); }
.lgcz-module__title { margin: 0; color: var(--lgcz-ink); font-size: clamp(calc(22px * var(--lgcz-text-scale, 1)), calc(2vw * var(--lgcz-text-scale, 1)), calc(30px * var(--lgcz-text-scale, 1))); font-weight: 800; line-height: 1.1; letter-spacing: -.025em; }
.lgcz-module__intro { margin: -5px 0 18px; color: var(--lgcz-muted); }
.lgcz-empty { grid-column: 1 / -1; padding: 50px; color: var(--lgcz-muted); text-align: center; border: 1px dashed var(--lgcz-line); border-radius: var(--lgcz-radius); }

.lgcz-nav { display: flex; gap: 8px; width: 100%; padding: 8px; overflow-x: auto; scrollbar-width: thin; background: var(--lgcz-ink); border-radius: calc(var(--lgcz-radius) - 2px); transform-origin: center top; transition-property: background, border-color, box-shadow, transform; transition-timing-function: ease; }
.lgcz-nav__item { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; padding: 10px 15px; color: rgba(255,255,255,.72); background: transparent; border: 0; border-radius: var(--lgcz-button-radius); cursor: pointer; font-weight: 700; transition: .2s ease; }
.lgcz-nav__item small { display: grid; place-items: center; width: 20px; height: 20px; color: var(--lgcz-ink); background: var(--lgcz-accent); border-radius: 50%; font-family: Consolas, monospace; font-size: calc(8px * var(--lgcz-text-scale, 1)); }
.lgcz-nav__item:hover, .lgcz-nav__item:focus-visible, .lgcz-nav__item.is-active { color: #fff; background: var(--lgcz-accent); outline: none; }

.lgcz-avatar, .lgcz-profile__avatar { object-fit: cover; object-position: var(--lgcz-avatar-x, 50%) var(--lgcz-avatar-y, 50%); background: var(--lgcz-surface-alt); border-radius: 50%; transition: border-color .2s ease; }
.lgcz-avatar { flex: 0 0 auto; width: 48px; height: 48px; }
.lgcz-avatar--fallback { display: grid; place-items: center; color: #fff; background: var(--lgcz-accent); font-size: calc(18px * var(--lgcz-text-scale, 1)); font-weight: 800; }

.lgcz-composer__identity { display: flex; align-items: center; gap: 11px; margin-bottom: 14px; }
.lgcz-composer__identity div { display: grid; }
.lgcz-composer__identity strong { font-weight: 800; }
.lgcz-composer__identity span { color: var(--lgcz-muted); font-size: calc(12px * var(--lgcz-text-scale, 1)); }
.lgcz-composer { width: 100%; max-width: 100%; min-width: 0; }
.lgcz-composer__text, .lgcz-help-form textarea { display: block; width: 100%; min-height: 116px; padding: 16px; resize: vertical; color: var(--lgcz-ink); background: #fff; border: 1px solid var(--lgcz-line); border-radius: 12px; outline: none; transition: border .2s, box-shadow .2s; }
.lgcz-composer__text:focus, .lgcz-help-form textarea:focus, .lgcz-search input:focus, .lgcz-comments__form input:focus, .lgcz-poll input:focus { border-color: var(--lgcz-accent); box-shadow: 0 0 0 3px rgba(242,100,36,.14); }
.lgcz-composer__preview { position: relative; height: 190px; margin-top: 12px; overflow: hidden; background: var(--lgcz-surface-alt); border-radius: 12px; }
.lgcz-composer__preview img { width: 100%; height: 100%; object-fit: cover; }
.lgcz-composer__remove-image { position: absolute; top: 10px; left: 10px; display: grid; place-items: center; width: 30px; height: 30px; color: #fff; background: rgba(12,34,51,.8); border: 0; border-radius: 50%; cursor: pointer; }
.lgcz-composer__types { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.lgcz-composer__topics-heading { margin: 14px 0 0; color: var(--lgcz-ink); font-size: calc(13px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-chip, .lgcz-filter { padding: 7px 11px; color: var(--lgcz-muted); background: transparent; border: 1px solid transparent; border-radius: 999px; cursor: pointer; font-size: calc(13px * var(--lgcz-text-scale, 1)); font-weight: 700; transition: .2s; }
.lgcz-chip:hover, .lgcz-filter:hover, .lgcz-chip.is-active, .lgcz-filter.is-active { color: #fff; background: var(--lgcz-ink); border-color: transparent; }
.lgcz-composer__actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.lgcz-composer__tools { display: flex; flex-wrap: wrap; gap: 5px; }
.lgcz-tool { display: inline-flex; align-items: center; gap: 6px; padding: 8px 9px; color: var(--lgcz-muted); background: transparent; border: 1px solid transparent; border-radius: 8px; cursor: pointer; font-size: calc(13px * var(--lgcz-text-scale, 1)); font-weight: 700; }
.lgcz-tool:hover { color: var(--lgcz-accent); background: var(--lgcz-surface-alt); }
.lgcz-tool__icon { display: inline-grid; flex: 0 0 auto; place-items: center; color: inherit; line-height: 1; }
.lgcz-tool__icon svg, .lgcz-tool__icon i { width: 15px; height: 15px; fill: currentColor; }
.lgcz-tool__label { color: inherit; }
.lgcz-tool input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.lgcz-poll { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; padding: 12px; background: var(--lgcz-surface-alt); border-radius: 10px; }
.lgcz-poll input, .lgcz-comments__form input { width: 100%; padding: 9px 11px; color: var(--lgcz-ink); background: #fff; border: 1px solid var(--lgcz-line); border-radius: 8px; outline: none; }
.lgcz-poll__add { grid-column: 1 / -1; justify-self: start; color: var(--lgcz-accent); background: none; border: 0; cursor: pointer; font-weight: 800; }

.lgcz-poll-overlay { position: fixed; inset: 0; z-index: 10001; display: grid; place-items: center; padding: 20px; background: rgba(5, 17, 27, .84); backdrop-filter: blur(7px); }
.lgcz-poll-overlay__panel { position: relative; width: min(620px, 100%); max-height: calc(100vh - 40px); padding: clamp(24px, 5vw, 42px); overflow-y: auto; color: var(--lgcz-ink); background: var(--lgcz-surface); border: 1px solid transparent; border-radius: 20px; box-shadow: 0 30px 100px rgba(0,0,0,.35); }
.lgcz-poll-overlay__close { position: absolute; top: 14px; left: 14px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; color: #fff; background: var(--lgcz-ink); border: 1px solid transparent; border-radius: 50%; cursor: pointer; font-size: calc(23px * var(--lgcz-text-scale, 1)); }
.lgcz-poll-overlay__kicker { display: block; color: var(--lgcz-accent); font-family: Consolas, monospace; font-size: calc(10px * var(--lgcz-text-scale, 1)); font-weight: 800; letter-spacing: .12em; direction: ltr; text-align: right; }
.lgcz-poll-overlay h4 { margin: 6px 0 8px; color: var(--lgcz-ink); font-size: calc(32px * var(--lgcz-text-scale, 1)); line-height: 1.05; }
.lgcz-poll-overlay__panel > p { margin: 0; color: var(--lgcz-muted); }
.lgcz-poll-overlay__actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }

.lgcz-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 16px; border: 1px solid transparent; border-radius: var(--lgcz-button-radius); cursor: pointer; font-weight: 800; line-height: 1.1; text-decoration: none; transition: transform .18s, background .18s, color .18s, border .18s; }
.lgcz-btn:hover { transform: translateY(-1px); }
.lgcz-btn--primary { color: #fff; background: var(--lgcz-accent); border-color: transparent; }
.lgcz-btn--primary:hover { background: var(--lgcz-accent-hover); border-color: transparent; }
.lgcz-btn--ghost { color: var(--lgcz-ink); background: transparent; border-color: transparent; }
.lgcz-btn--ghost:hover { color: #fff; background: var(--lgcz-ink); border-color: transparent; }

.lgcz-feed-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.lgcz-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.lgcz-search { display: flex; align-items: center; gap: 7px; min-width: min(210px, 100%); padding: 0 11px; color: var(--lgcz-muted); background: #fff; border: 1px solid var(--lgcz-line); border-radius: 999px; }
.lgcz-search input { width: 100%; padding: 8px 0; color: var(--lgcz-ink); background: transparent !important; border: 0 !important; outline: 0; box-shadow: none !important; }
.lgcz-feed { display: grid; width: 100%; max-width: 100%; min-width: 0; gap: 15px; }
.lgcz-feed__empty { padding: 36px; color: var(--lgcz-muted); text-align: center; border: 1px dashed var(--lgcz-line); border-radius: 12px; }
.lgcz-load-more { grid-column: 1 / -1; width: 100%; max-width: 100%; margin-top: 0; }

.lgcz-post { position: relative; overflow: hidden; background: var(--lgcz-surface); border: 1px solid var(--lgcz-line); border-radius: 14px; transition: transform .2s, box-shadow .2s, opacity .2s; }
.lgcz-post:hover { box-shadow: 0 12px 32px rgba(12,34,51,.08); }
.lgcz-post.is-hidden { display: none; }
.lgcz-post.is-new { animation: lgcz-arrive .45s ease both; border-color: var(--lgcz-accent); }
.lgcz-post__pinned { padding: 6px 18px; color: #fff; background: var(--lgcz-ink); font-size: calc(11px * var(--lgcz-text-scale, 1)); font-weight: 800; letter-spacing: .02em; }
.lgcz-post__header { display: flex; align-items: center; gap: 11px; padding: 20px 20px 0; }
.lgcz-post__identity { display: grid; min-width: 0; margin-inline-end: auto; }
.lgcz-post__author { overflow: hidden; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.lgcz-post__meta { color: var(--lgcz-muted); font-size: calc(12px * var(--lgcz-text-scale, 1)); }
.lgcz-post__category { flex: 0 0 auto; padding: 5px 9px; border-radius: 999px; font-size: calc(11px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-post__category--process { color: #8a4517; background: #fbe1ce; }
.lgcz-post__category--question { color: #17557a; background: #dbeef9; }
.lgcz-post__category--showcase { color: #246d49; background: #d9f1e5; }
.lgcz-post__category--tip { color: #62438d; background: #eae0f7; }
.lgcz-more { flex: 0 0 auto; padding: 6px; color: var(--lgcz-muted); background: transparent; border: 0; cursor: pointer; letter-spacing: 2px; }
.lgcz-post__body { padding: 14px 20px 8px; }
.lgcz-post__text { margin: 0 0 13px; color: var(--lgcz-ink); font-size: calc(16px * var(--lgcz-text-scale, 1)); line-height: 1.62; }
.lgcz-post__image { position: relative; width: 100%; margin: 0 0 12px; overflow: hidden; background: var(--lgcz-surface-alt); border-radius: 11px; aspect-ratio: 16 / 9; }
.lgcz-post__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.lgcz-post__header .lgcz-avatar { object-position: var(--lgcz-post-avatar-x, var(--lgcz-avatar-x, 50%)) var(--lgcz-post-avatar-y, var(--lgcz-avatar-y, 50%)); }
.lgcz-post__image img { object-position: var(--lgcz-post-image-x, 50%) var(--lgcz-post-image-y, 50%); }
.lgcz-post:hover .lgcz-post__image img { transform: scale(1.018); }
.lgcz-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.lgcz-tag { padding: 4px 8px; color: var(--lgcz-ink); background: var(--lgcz-surface-alt); border-radius: 6px; font-size: calc(11px * var(--lgcz-text-scale, 1)); font-weight: 700; }
.lgcz-post__actions { display: flex; align-items: center; gap: 4px; padding: 8px 16px 16px; border-top: 1px solid color-mix(in srgb, var(--lgcz-line) 65%, transparent); }
.lgcz-action { display: inline-flex; align-items: center; gap: 5px; padding: 7px 9px; color: var(--lgcz-muted); background: transparent; border: 0; border-radius: 8px; cursor: pointer; font-size: calc(12px * var(--lgcz-text-scale, 1)); font-weight: 700; transition: .2s; }
.lgcz-action:hover, .lgcz-action.is-active { color: var(--lgcz-accent); background: color-mix(in srgb, var(--lgcz-accent) 9%, transparent); }
.lgcz-action__icon { display: inline-grid; flex: 0 0 auto; place-items: center; order: -1; font-size: calc(18px * var(--lgcz-text-scale, 1)); line-height: 1; }
.lgcz-action__icon svg, .lgcz-action__icon i { width: 18px; height: 18px; fill: currentColor; }
.lgcz-action__label { color: inherit; font-size: inherit; }
.lgcz-action b { color: inherit; font-size: calc(11px * var(--lgcz-text-scale, 1)); }
.lgcz-comments { padding: 13px 20px 18px; background: var(--lgcz-surface-alt); border-top: 1px solid var(--lgcz-line); }
.lgcz-comments__list { display: grid; gap: 10px; margin-bottom: 12px; }
.lgcz-comment { padding: 8px 10px; background: var(--lgcz-surface); border-radius: 8px; font-size: calc(13px * var(--lgcz-text-scale, 1)); }
.lgcz-comments__form { display: flex; gap: 7px; }
.lgcz-comments__send { padding: 0 13px; color: #fff; background: var(--lgcz-ink); border: 0; border-radius: 8px; cursor: pointer; font-weight: 800; }
.lgcz-fabricated-comment { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 10px; padding: 11px; background: var(--lgcz-surface); border: 1px solid color-mix(in srgb, var(--lgcz-line) 70%, transparent); border-radius: 10px; }
.lgcz-fabricated-comment.is-highlighted { background: #fff0e6; border-color: color-mix(in srgb, var(--lgcz-accent) 55%, var(--lgcz-line)); }
.lgcz-fabricated-comment .lgcz-avatar { width: 36px; height: 36px; object-position: var(--lgcz-comment-avatar-x, var(--lgcz-avatar-x, 50%)) var(--lgcz-comment-avatar-y, var(--lgcz-avatar-y, 50%)); }
.lgcz-fabricated-comment__body { min-width: 0; }
.lgcz-fabricated-comment__head { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.lgcz-fabricated-comment__head strong { font-size: calc(12px * var(--lgcz-text-scale, 1)); }
.lgcz-fabricated-comment__head span { padding: 2px 5px; color: #fff; background: var(--lgcz-accent); border-radius: 4px; font-size: calc(8px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-fabricated-comment__head small { width: 100%; color: var(--lgcz-muted); font-size: calc(9px * var(--lgcz-text-scale, 1)); }
.lgcz-fabricated-comment__body em { display: block; margin-top: 3px; color: var(--lgcz-accent); font-size: calc(9px * var(--lgcz-text-scale, 1)); font-style: normal; font-weight: 800; }
.lgcz-fabricated-comment__text { margin: 6px 0; color: var(--lgcz-ink); font-size: calc(12px * var(--lgcz-text-scale, 1)); line-height: 1.5; }
.lgcz-fabricated-comment__like { padding: 2px 0; color: var(--lgcz-muted); background: transparent; border: 0; cursor: pointer; font-size: calc(10px * var(--lgcz-text-scale, 1)); }
.lgcz-fabricated-comment__like.is-active { color: var(--lgcz-accent); }
.lgcz-live-poll { display: grid; gap: 7px; margin-top: 12px; }
.lgcz-live-poll__option { --vote: 0%; position: relative; display: flex; justify-content: space-between; gap: 10px; width: 100%; padding: 10px 12px; overflow: hidden; color: var(--lgcz-ink); text-align: right; background: var(--lgcz-surface-alt); border: 1px solid transparent; border-radius: 8px; cursor: pointer; }
.lgcz-live-poll__option::before { content: ""; position: absolute; inset: 0; width: var(--vote); background: color-mix(in srgb, var(--lgcz-accent) 18%, transparent); transition: width .55s ease; }
.lgcz-live-poll__option span, .lgcz-live-poll__option b { position: relative; z-index: 1; }
.lgcz-live-poll__option.is-selected { border-color: transparent; }

.lgcz-profile { margin: -24px; overflow: hidden; border-radius: calc(var(--lgcz-radius) - 1px); }
.lgcz-profile__cover { height: 122px; overflow: hidden; background: var(--lgcz-ink); }
.lgcz-profile__cover img { width: 100%; height: 100%; object-fit: cover; object-position: var(--lgcz-profile-cover-x, 50%) var(--lgcz-profile-cover-y, 50%); }
.lgcz-profile__main { padding: 0 24px 24px; }
.lgcz-profile__avatar-wrap { position: relative; display: inline-block; margin-top: -42px; }
.lgcz-profile__avatar { width: 86px; height: 86px; border: 5px solid var(--lgcz-surface); }
.lgcz-profile__avatar { object-position: var(--lgcz-profile-avatar-x, var(--lgcz-avatar-x, 50%)) var(--lgcz-profile-avatar-y, var(--lgcz-avatar-y, 50%)); }
.lgcz-profile__level { position: absolute; inset-inline-end: 66px; bottom: 4px; width: max-content; padding: 4px 8px; color: #fff; background: var(--lgcz-accent); border-radius: 999px; font-size: calc(10px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-profile h4 { margin: 10px 0 0; color: var(--lgcz-ink); font-size: calc(24px * var(--lgcz-text-scale, 1)); line-height: 1.1; }
.lgcz-profile__handle { display: block; color: var(--lgcz-muted); direction: ltr; text-align: right; font-size: calc(12px * var(--lgcz-text-scale, 1)); }
.lgcz-profile__role { display: inline-block; margin-top: 8px; padding: 4px 8px; color: #fff; background: var(--lgcz-ink); border-radius: 5px; font-size: calc(11px * var(--lgcz-text-scale, 1)); }
.lgcz-profile p { margin: 12px 0; color: var(--lgcz-muted); font-size: calc(14px * var(--lgcz-text-scale, 1)); }
.lgcz-profile__progress > div { display: flex; justify-content: space-between; margin-bottom: 5px; color: var(--lgcz-muted); font-size: calc(11px * var(--lgcz-text-scale, 1)); }
.lgcz-profile__progress i, .lgcz-progress i { display: block; width: 100%; height: 7px; overflow: hidden; background: var(--lgcz-surface-alt); border-radius: 999px; }
.lgcz-profile__progress i span, .lgcz-progress i span { display: block; height: 100%; background: var(--lgcz-accent); border-radius: inherit; }
.lgcz-profile__progress > small { display: block; margin-top: 5px; color: var(--lgcz-muted); font-family: Consolas, monospace; font-size: calc(9px * var(--lgcz-text-scale, 1)); direction: ltr; text-align: right; }
.lgcz-points-tip { display: grid; grid-template-columns: auto 1fr; gap: 10px; margin-top: 13px; padding: 11px; color: var(--lgcz-ink); background: #fff1e8; border: 1px solid color-mix(in srgb, var(--lgcz-accent) 35%, var(--lgcz-line)); border-radius: 10px; }
.lgcz-points-tip > span { display: grid; place-items: center; width: 31px; height: 31px; color: #fff; background: var(--lgcz-accent); border-radius: 50%; }
.lgcz-points-tip svg, .lgcz-points-tip i { width: 14px; height: 14px; }
.lgcz-points-tip div { min-width: 0; }
.lgcz-points-tip strong { display: block; font-size: calc(12px * var(--lgcz-text-scale, 1)); }
.lgcz-points-tip p { margin: 2px 0 5px; color: inherit; font-size: calc(10px * var(--lgcz-text-scale, 1)); line-height: 1.45; }
.lgcz-points-rules-trigger { padding: 0; color: var(--lgcz-accent); background: transparent; border: 0; cursor: pointer; font-size: calc(10px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-profile__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 18px 0; }
.lgcz-profile__stats div { display: grid; padding: 10px 4px; text-align: center; background: var(--lgcz-surface-alt); border-radius: 8px; }
.lgcz-profile__stats b { font-size: calc(18px * var(--lgcz-text-scale, 1)); }
.lgcz-profile__stats span { color: var(--lgcz-muted); font-size: calc(10px * var(--lgcz-text-scale, 1)); }
.lgcz-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }
.lgcz-badge { display: flex; align-items: center; gap: 5px; padding: 6px 8px; color: var(--lgcz-ink); background: #f9dfce; border-radius: 7px; }
.lgcz-badge svg, .lgcz-badge i { width: 13px; height: 13px; color: var(--lgcz-accent); }
.lgcz-badge small { font-size: calc(10px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-edit-profile { width: 100%; }

.lgcz-points-overlay { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 20px; background: rgba(5, 17, 27, .84); backdrop-filter: blur(7px); }
.lgcz-points-overlay__panel { position: relative; width: min(720px, 100%); max-height: min(760px, calc(100vh - 40px)); padding: clamp(24px, 5vw, 44px); overflow-y: auto; color: var(--lgcz-ink); background: var(--lgcz-surface); border: 1px solid var(--lgcz-line); border-radius: 20px; box-shadow: 0 30px 100px rgba(0,0,0,.35); }
.lgcz-points-overlay__close { position: absolute; top: 14px; left: 14px; display: grid; place-items: center; width: 34px; height: 34px; color: #fff; background: var(--lgcz-ink); border: 0; border-radius: 50%; cursor: pointer; font-size: calc(23px * var(--lgcz-text-scale, 1)); }
.lgcz-points-overlay__kicker { color: var(--lgcz-accent); font-family: Consolas, monospace; font-size: calc(10px * var(--lgcz-text-scale, 1)); font-weight: 800; letter-spacing: .12em; direction: ltr; text-align: right; }
.lgcz-points-overlay h3 { margin: 6px 0 10px; color: var(--lgcz-ink); font-size: clamp(calc(27px * var(--lgcz-text-scale, 1)), calc(4vw * var(--lgcz-text-scale, 1)), calc(42px * var(--lgcz-text-scale, 1))); line-height: 1; }
.lgcz-points-overlay__intro { margin: 0 0 20px; color: var(--lgcz-muted); }
.lgcz-points-rules { display: grid; gap: 8px; }
.lgcz-points-rule { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 12px; background: var(--lgcz-surface-alt); border-radius: 10px; }
.lgcz-points-rule > span { display: grid; place-items: center; width: 34px; height: 34px; color: #fff; background: var(--lgcz-ink); border-radius: 8px; }
.lgcz-points-rule svg, .lgcz-points-rule i { width: 14px; height: 14px; }
.lgcz-points-rule div { display: grid; }
.lgcz-points-rule strong { font-size: calc(13px * var(--lgcz-text-scale, 1)); }
.lgcz-points-rule small { color: var(--lgcz-muted); font-size: calc(10px * var(--lgcz-text-scale, 1)); }
.lgcz-points-rule > b { color: var(--lgcz-accent); font-family: Consolas, monospace; font-size: calc(18px * var(--lgcz-text-scale, 1)); direction: ltr; }
.lgcz-points-overlay footer { margin-top: 16px; padding-top: 13px; color: var(--lgcz-muted); border-top: 1px solid var(--lgcz-line); font-size: calc(11px * var(--lgcz-text-scale, 1)); font-weight: 700; }

.lgcz-help__topics { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.lgcz-help-topic { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 11px; text-align: right; background: transparent; border: 1px solid transparent; border-radius: 10px; cursor: pointer; transition: .2s; }
.lgcz-help-topic > span { display: grid; flex: 0 0 auto; place-items: center; width: 32px; height: 32px; color: var(--lgcz-accent); background: color-mix(in srgb, var(--lgcz-accent) 12%, transparent); border-radius: 8px; }
.lgcz-help-topic svg, .lgcz-help-topic i { width: 15px; height: 15px; }
.lgcz-help-topic div { display: grid; min-width: 0; }
.lgcz-help-topic b { font-size: calc(13px * var(--lgcz-text-scale, 1)); }
.lgcz-help-topic small { overflow: hidden; color: var(--lgcz-muted); font-size: calc(10px * var(--lgcz-text-scale, 1)); text-overflow: ellipsis; white-space: nowrap; }
.lgcz-help-topic:hover, .lgcz-help-topic.is-active { color: #fff; background: var(--lgcz-ink); border-color: transparent; }
.lgcz-help-topic.is-active small, .lgcz-help-topic:hover small { color: rgba(255,255,255,.65); }
.lgcz-help-form { display: grid; gap: 8px; margin-top: 16px; }
.lgcz-help-form label { font-size: calc(13px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-help-form .lgcz-btn { justify-self: start; }

.lgcz-faq { display: grid; gap: 8px; }
.lgcz-faq__item { overflow: hidden; border: 1px solid var(--lgcz-line); border-radius: 10px; }
.lgcz-faq__item.is-open { border-color: color-mix(in srgb, var(--lgcz-accent) 55%, var(--lgcz-line)); }
.lgcz-faq__question { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 14px 16px; text-align: right; background: transparent; border: 0; cursor: pointer; }
.lgcz-faq__question > span { display: grid; }
.lgcz-faq__question small { display: inline-block; align-self: start; color: var(--lgcz-accent); font-size: calc(9px * var(--lgcz-text-scale, 1)); font-weight: 800; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; transition: color .2s, background-color .2s, border-color .2s; }
.lgcz-faq__question b { color: var(--lgcz-ink); font-size: calc(14px * var(--lgcz-text-scale, 1)); }
.lgcz-faq__toggle { display: grid; flex: 0 0 auto; place-items: center; width: 28px; height: 28px; color: #fff; background: var(--lgcz-ink); border-radius: 50%; font-style: normal; font-weight: 400; transition: transform .25s, background .25s; }
.lgcz-faq__item.is-open .lgcz-faq__toggle { background: var(--lgcz-accent); transform: rotate(45deg); }
.lgcz-faq__answer { width: 100%; max-width: 100%; padding: 0 16px 16px; color: var(--lgcz-muted); font-size: calc(13px * var(--lgcz-text-scale, 1)); }
.lgcz-faq__answer p { margin: 0; }

.lgcz-challenges { display: grid; gap: 12px; }
.lgcz-challenge { display: grid; grid-template-columns: minmax(180px, 35%) 1fr; overflow: hidden; background: var(--lgcz-surface-alt); border-radius: 13px; }
.lgcz-challenge__image { position: relative; min-height: 220px; background: var(--lgcz-ink); }
.lgcz-challenge__image img { width: 100%; height: 100%; object-fit: cover; }
.lgcz-challenge__image span { position: absolute; top: 12px; right: 12px; padding: 5px 8px; color: #fff; background: var(--lgcz-accent); border-radius: 5px; font-size: calc(10px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-challenge__content { align-self: center; padding: 24px; }
.lgcz-challenge__content > small { display: inline-block; align-self: flex-start; color: var(--lgcz-accent); font-family: Consolas, monospace; font-size: calc(10px * var(--lgcz-text-scale, 1)); font-weight: 800; line-height: 1.2; direction: ltr; }
.lgcz-challenge h4 { margin: 5px 0 8px; color: var(--lgcz-ink); font-size: calc(27px * var(--lgcz-text-scale, 1)); line-height: 1; }
.lgcz-challenge p { margin: 0 0 14px; color: var(--lgcz-muted); font-size: calc(13px * var(--lgcz-text-scale, 1)); }
.lgcz-progress { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; margin-bottom: 15px; }
.lgcz-progress b { font-size: calc(11px * var(--lgcz-text-scale, 1)); }

.lgcz-members { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.lgcz-member { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 10px; background: var(--lgcz-surface-alt); border-radius: 10px; }
.lgcz-member__avatar { position: relative; flex: 0 0 auto; }
.lgcz-member__avatar .lgcz-avatar { width: 42px; height: 42px; }
.lgcz-member__avatar .lgcz-avatar { object-position: var(--lgcz-member-avatar-x, var(--lgcz-avatar-x, 50%)) var(--lgcz-member-avatar-y, var(--lgcz-avatar-y, 50%)); }
.lgcz-status { position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; background: #9ca3a8; border: 2px solid var(--lgcz-surface-alt); border-radius: 50%; }
.lgcz-status--online { background: var(--lgcz-success); }
.lgcz-status--busy { background: var(--lgcz-accent); }
.lgcz-member > div:not(.lgcz-member__avatar) { display: grid; min-width: 0; margin-inline-end: auto; }
.lgcz-member b, .lgcz-member span, .lgcz-member small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lgcz-member b { font-size: calc(13px * var(--lgcz-text-scale, 1)); }
.lgcz-member span { color: var(--lgcz-muted); font-size: calc(11px * var(--lgcz-text-scale, 1)); }
.lgcz-member small { color: var(--lgcz-muted); font-size: calc(9px * var(--lgcz-text-scale, 1)); }
.lgcz-member__follow { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; color: #fff; background: var(--lgcz-ink); border: 0; border-radius: 50%; cursor: pointer; font-size: calc(18px * var(--lgcz-text-scale, 1)); }
.lgcz-member__follow.is-active { color: var(--lgcz-ink); background: var(--lgcz-success); }

.lgcz-resources { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.lgcz-resource, .lgcz-resource:link, .lgcz-resource:visited { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; padding: 14px; color: var(--lgcz-ink) !important; background: var(--lgcz-surface-alt); border-radius: 11px; text-decoration: none !important; transition: transform .2s, background .2s; }
.lgcz-resource:hover, .lgcz-resource:focus-visible { color: #fff !important; background: var(--lgcz-ink); transform: translateY(-2px); }
.lgcz-resource > span { display: grid; place-items: center; width: 35px; height: 35px; color: #fff; background: var(--lgcz-accent); border-radius: 8px; }
.lgcz-resource svg, .lgcz-resource i { width: 16px; height: 16px; }
.lgcz-resource div { display: grid; }
.lgcz-resource b { color: inherit !important; font-size: calc(14px * var(--lgcz-text-scale, 1)); }
.lgcz-resource small { color: var(--lgcz-muted); font-size: calc(10px * var(--lgcz-text-scale, 1)); }
.lgcz-resource:hover small { color: rgba(255,255,255,.65); }
.lgcz-resource em { grid-column: 1 / -1; color: var(--lgcz-accent); font-size: calc(10px * var(--lgcz-text-scale, 1)); font-style: normal; font-weight: 800; }

.lgcz-activity { display: grid; gap: 9px; }
.lgcz-stat { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 11px; padding: 11px; background: var(--lgcz-surface-alt); border-radius: 10px; }
.lgcz-stat > span { display: grid; grid-row: 1 / 3; place-items: center; width: 38px; height: 38px; color: var(--lgcz-accent); background: var(--lgcz-surface); border-radius: 9px; }
.lgcz-stat svg, .lgcz-stat i { width: 16px; height: 16px; }
.lgcz-stat b { align-self: end; font-size: calc(20px * var(--lgcz-text-scale, 1)); line-height: 1; }
.lgcz-stat small { align-self: start; color: var(--lgcz-muted); font-size: calc(10px * var(--lgcz-text-scale, 1)); }
.lgcz-activity__pulse { display: flex; align-items: center; gap: 7px; margin-top: 12px; padding: 9px; color: #fff; background: var(--lgcz-ink); border-radius: 8px; font-size: calc(10px * var(--lgcz-text-scale, 1)); }
.lgcz-activity__pulse span { width: 7px; height: 7px; background: var(--lgcz-success); border-radius: 50%; animation: lgcz-pulse 2s infinite; }

.lgcz-side-cards { display: grid; gap: 12px; }
.lgcz-side-card { --lgcz-side-card-accent: var(--lgcz-accent); overflow: hidden; color: var(--lgcz-ink); background: var(--lgcz-surface-alt); border: 1px solid var(--lgcz-line); border-radius: 12px; }
.lgcz-side-card--accent { color: #fff; background: var(--lgcz-side-card-accent); border-color: var(--lgcz-side-card-accent); }
.lgcz-side-card--dark { color: #fff; background: var(--lgcz-ink); border-color: var(--lgcz-ink); }
.lgcz-side-card--outline { background: transparent; border: 2px solid var(--lgcz-side-card-accent); }
.lgcz-side-card__image { height: 160px; overflow: hidden; background: var(--lgcz-ink); }
.lgcz-side-card__image img { width: 100%; height: 100%; object-fit: cover; }
.lgcz-side-card__content { padding: 15px; }
.lgcz-side-card__top { display: flex; align-items: center; gap: 7px; margin-bottom: 9px; }
.lgcz-side-card__top > span { display: grid; place-items: center; width: 29px; height: 29px; color: #fff; background: var(--lgcz-side-card-accent); border-radius: 7px; }
.lgcz-side-card--accent .lgcz-side-card__top > span { color: var(--lgcz-side-card-accent); background: #fff; }
.lgcz-side-card__top svg, .lgcz-side-card__top i { width: 13px; height: 13px; }
.lgcz-side-card__top small { color: var(--lgcz-side-card-accent); font-family: Consolas, monospace; font-size: calc(9px * var(--lgcz-text-scale, 1)); font-weight: 800; letter-spacing: .09em; direction: ltr; }
.lgcz-side-card--accent .lgcz-side-card__top small, .lgcz-side-card--dark .lgcz-side-card__top small { color: rgba(255,255,255,.72); }
.lgcz-side-card h4 { margin: 0 0 6px; color: inherit; font-size: calc(19px * var(--lgcz-text-scale, 1)); line-height: 1.08; }
.lgcz-side-card p { margin: 0 0 10px; color: inherit; opacity: .72; font-size: calc(12px * var(--lgcz-text-scale, 1)); }
.lgcz-side-card__number { display: block; margin-bottom: 7px; color: var(--lgcz-side-card-accent); font-family: Consolas, monospace; font-size: calc(42px * var(--lgcz-text-scale, 1)); line-height: 1; }
.lgcz-side-card__progress { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; }
.lgcz-side-card__progress i { display: block; height: 7px; overflow: hidden; background: rgba(12,34,51,.14); border-radius: 999px; }
.lgcz-side-card__progress i span { display: block; height: 100%; background: var(--lgcz-side-card-accent); }
.lgcz-side-card__progress b { font-size: calc(10px * var(--lgcz-text-scale, 1)); }
.lgcz-side-card__button { margin-top: 7px; color: #fff; background: var(--lgcz-side-card-accent); }

.lgcz-live-rooms { display: grid; gap: 12px; }
.lgcz-live-room { --lgcz-room-accent: var(--lgcz-accent); padding: 15px; background: var(--lgcz-surface-alt); border: 1px solid var(--lgcz-line); border-right: 4px solid var(--lgcz-room-accent); border-radius: 12px; }
.lgcz-live-room > header { display: flex; align-items: center; justify-content: space-between; }
.lgcz-live-room__status { display: inline-flex; align-items: center; gap: 6px; color: var(--lgcz-room-accent); font-size: calc(9px * var(--lgcz-text-scale, 1)); font-weight: 900; }
.lgcz-live-room__status i { width: 7px; height: 7px; background: var(--lgcz-room-accent); border-radius: 50%; animation: lgcz-pulse 1.6s infinite; }
.lgcz-live-room--scheduled .lgcz-live-room__status i { animation: none; }
.lgcz-live-room__type { display: grid; place-items: center; width: 27px; height: 27px; color: #fff; background: var(--lgcz-ink); border-radius: 7px; }
.lgcz-live-room h4 { margin: 10px 0 5px; color: var(--lgcz-ink); font-size: calc(18px * var(--lgcz-text-scale, 1)); line-height: 1.08; }
.lgcz-live-room > p { margin: 0 0 12px; color: var(--lgcz-muted); font-size: calc(11px * var(--lgcz-text-scale, 1)); }
.lgcz-live-room__host { display: flex; align-items: center; gap: 9px; padding: 9px; background: var(--lgcz-surface); border-radius: 9px; }
.lgcz-live-room__host .lgcz-avatar { width: 38px; height: 38px; object-position: var(--lgcz-live-avatar-x, var(--lgcz-avatar-x, 50%)) var(--lgcz-live-avatar-y, var(--lgcz-avatar-y, 50%)); }
.lgcz-live-room__host > div:not(.lgcz-wave) { display: grid; min-width: 0; margin-inline-end: auto; }
.lgcz-live-room__host small { color: var(--lgcz-room-accent); font-size: calc(8px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-live-room__host b { overflow: hidden; font-size: calc(11px * var(--lgcz-text-scale, 1)); text-overflow: ellipsis; white-space: nowrap; }
.lgcz-live-room__host span { color: var(--lgcz-muted); font-size: calc(8px * var(--lgcz-text-scale, 1)); }
.lgcz-wave { display: flex !important; align-items: center; gap: 2px; height: 21px; }
.lgcz-wave i { width: 3px; height: 35%; background: var(--lgcz-room-accent); border-radius: 9px; animation: lgcz-wave .8s ease-in-out infinite alternate; }
.lgcz-wave i:nth-child(2) { animation-delay: -.2s; height: 80%; }.lgcz-wave i:nth-child(3) { animation-delay: -.45s; height: 55%; }.lgcz-wave i:nth-child(4) { animation-delay: -.1s; height: 100%; }
.lgcz-live-room__footer { display: flex; align-items: center; justify-content: space-between; margin: 11px 0; }
.lgcz-live-room__participants { display: flex; align-items: center; padding-right: 7px; }
.lgcz-live-room__participants .lgcz-avatar { width: 28px; height: 28px; margin-right: -7px; object-position: var(--lgcz-live-avatar-x, var(--lgcz-avatar-x, 50%)) var(--lgcz-live-avatar-y, var(--lgcz-avatar-y, 50%)); border: 2px solid var(--lgcz-surface-alt); }
.lgcz-live-room__participants > span { display: grid; place-items: center; width: 28px; height: 28px; margin-right: -7px; color: #fff; background: var(--lgcz-ink); border: 2px solid var(--lgcz-surface-alt); border-radius: 50%; font-size: calc(8px * var(--lgcz-text-scale, 1)); }
.lgcz-live-room__footer > small { color: var(--lgcz-muted); font-size: calc(9px * var(--lgcz-text-scale, 1)); }
.lgcz-live-room__join { width: 100%; color: #fff; background: var(--lgcz-room-accent); border-color: transparent; }
.lgcz-live-room__join.is-connected { background: var(--lgcz-success); border-color: transparent; }
.lgcz-call-dock { position: sticky; z-index: 10; bottom: 10px; display: grid; grid-template-columns: 1fr auto auto auto; align-items: center; gap: 7px; margin-top: 12px; padding: 10px; color: #fff; background: var(--lgcz-ink); border-radius: 12px; box-shadow: 0 15px 35px rgba(12,34,51,.22); }
.lgcz-call-dock__status { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 7px; min-width: 0; }
.lgcz-call-dock__status i { grid-row: 1 / 3; width: 8px; height: 8px; background: var(--lgcz-success); border-radius: 50%; }
.lgcz-call-dock__status span, .lgcz-call-dock__status b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lgcz-call-dock__status span { color: var(--lgcz-success); font-size: calc(8px * var(--lgcz-text-scale, 1)); font-weight: 800; }.lgcz-call-dock__status b { font-size: calc(10px * var(--lgcz-text-scale, 1)); }
.lgcz-call-dock__control, .lgcz-call-dock__leave { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; color: #fff; background: rgba(255,255,255,.1); border: 0; border-radius: 8px; cursor: pointer; font-size: calc(14px * var(--lgcz-text-scale, 1)); }
.lgcz-call-dock__control small, .lgcz-call-dock__leave small { display: none; }
.lgcz-call-dock__control.is-off { color: var(--lgcz-accent); background: rgba(242,100,36,.18); }
.lgcz-call-dock__leave { background: #b93b32; }

.lgcz-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.lgcz-gallery-card, .lgcz-gallery-card:link, .lgcz-gallery-card:visited { position: relative; display: block; min-width: 0; overflow: hidden; color: #fff !important; background: var(--lgcz-ink); border: 1px solid transparent; border-radius: 12px; aspect-ratio: 4 / 3; text-decoration: none !important; }
.lgcz-gallery-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.lgcz-gallery-card:hover img { transform: scale(1.045); }
.lgcz-gallery-card__content { position: absolute; inset: auto 0 0; display: grid; padding: 34px 14px 14px; color: #fff; background: linear-gradient(0deg, rgba(5,17,27,.94), transparent); }
.lgcz-gallery-card__content span { justify-self: start; margin-bottom: 4px; padding: 3px 6px; color: var(--lgcz-ink); background: var(--lgcz-accent); border-radius: 4px; font-size: calc(8px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-gallery-card h4 { margin: 0; color: #fff; font-size: calc(17px * var(--lgcz-text-scale, 1)); line-height: 1.1; }
.lgcz-gallery-card small { color: rgba(255,255,255,.7); font-size: calc(10px * var(--lgcz-text-scale, 1)); }

.lgcz-notices { display: grid; gap: 10px; }
.lgcz-notice { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 12px; padding: 14px; background: var(--lgcz-surface-alt); border: 1px solid transparent; border-right: 4px solid var(--lgcz-accent); border-radius: 11px; }
.lgcz-notice--info { border-right-color: #2876a8; }.lgcz-notice--success { border-right-color: var(--lgcz-success); }.lgcz-notice--dark { color: #fff; background: var(--lgcz-ink); border-right-color: var(--lgcz-accent); }
.lgcz-notice__icon { display: grid; place-items: center; width: 36px; height: 36px; color: #fff; background: var(--lgcz-accent); border-radius: 8px; }
.lgcz-notice__icon svg, .lgcz-notice__icon i { width: 16px; height: 16px; }
.lgcz-notice > div { min-width: 0; }
.lgcz-notice small { color: var(--lgcz-muted); font-size: calc(9px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-notice h4 { margin: 2px 0 4px; color: var(--lgcz-ink); font-size: calc(17px * var(--lgcz-text-scale, 1)); }
.lgcz-notice p { margin: 0 0 9px; color: var(--lgcz-muted); font-size: calc(12px * var(--lgcz-text-scale, 1)); }
.lgcz-notice--dark h4, .lgcz-notice--dark p, .lgcz-notice--dark small { color: inherit; }
.lgcz-notice__button { color: #fff; background: var(--lgcz-accent); }

.lgcz-leaderboard { display: grid; gap: 8px; }
.lgcz-leader { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: center; gap: 10px; min-width: 0; padding: 10px; background: var(--lgcz-surface-alt); border: 1px solid transparent; border-radius: 10px; }
.lgcz-leader__rank { display: grid; place-items: center; width: 29px; height: 29px; color: #fff; background: var(--lgcz-ink); border-radius: 50%; font-family: Consolas, monospace; }
.lgcz-leader:nth-child(1) .lgcz-leader__rank { color: var(--lgcz-ink); background: var(--lgcz-accent); }
.lgcz-leader .lgcz-avatar { width: 42px; height: 42px; }
.lgcz-leader__identity { display: grid; min-width: 0; }
.lgcz-leader__identity b, .lgcz-leader__identity span, .lgcz-leader__identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lgcz-leader__identity b { font-size: calc(13px * var(--lgcz-text-scale, 1)); }.lgcz-leader__identity span { color: var(--lgcz-muted); font-size: calc(10px * var(--lgcz-text-scale, 1)); }.lgcz-leader__identity small { color: var(--lgcz-accent); font-size: calc(9px * var(--lgcz-text-scale, 1)); font-weight: 800; }
.lgcz-leader__points { color: var(--lgcz-accent); font-family: Consolas, monospace; font-size: calc(17px * var(--lgcz-text-scale, 1)); direction: ltr; white-space: nowrap; }.lgcz-leader__points small { font-size: .6em; }

.lgcz-a11y { display: none; }
.lgcz-action-template { display: none !important; }

.lgcz-toast { position: fixed; z-index: 9999; bottom: 24px; left: 50%; max-width: calc(100vw - 30px); padding: 12px 18px; color: #fff; background: var(--lgcz-ink); border-right: 4px solid var(--lgcz-accent); border-radius: 8px; box-shadow: 0 15px 45px rgba(12,34,51,.25); opacity: 0; pointer-events: none; transform: translate(-50%, 20px); transition: .28s ease; }
.lgcz-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

@keyframes lgcz-pulse { 50% { box-shadow: 0 0 0 7px rgba(49,166,107,0); } }
@keyframes lgcz-arrive { from { opacity: 0; transform: translateY(-16px); } }
@keyframes lgcz-wave { from { transform: scaleY(.45); } to { transform: scaleY(1); } }

@media (max-width: 1024px) {
  .lgcz-hide-tablet { display: none !important; }
  .lgcz-span-8, .lgcz-span-4 { grid-column: span 6; }
  .lgcz-hero__mark { width: 130px; }
  .lgcz-feed-toolbar { align-items: stretch; flex-direction: column; }
  .lgcz-search { width: 100%; }
  .lgcz-resources { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .lgcz-members { grid-template-columns: 1fr; }
  .lgcz-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1025px) { .lgcz-hide-desktop { display: none !important; } }

@media (max-width: 767px) {
  .elementor-widget-little-garage-community-zone,
  .elementor-widget-little-garage-community-zone > .elementor-widget-container,
  .lgcz {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .lgcz { padding: 28px 14px; overflow-x: hidden; overflow-x: clip; }
  .lgcz .lgcz__inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  .lgcz .lgcz-grid,
  .lgcz .lgcz-grid.lgcz-grid--masonry {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    column-gap: 0 !important;
  }
  .lgcz .lgcz-grid > .lgcz-module,
  .lgcz .lgcz-grid > .lgcz-span-12,
  .lgcz .lgcz-grid > .lgcz-span-8,
  .lgcz .lgcz-grid > .lgcz-span-6,
  .lgcz .lgcz-grid > .lgcz-span-4 {
    flex: 0 0 auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
  }
  .lgcz .lgcz-composer,
  .lgcz .lgcz-feed,
  .lgcz .lgcz-post,
  .lgcz .lgcz-profile,
  .lgcz .lgcz-help,
  .lgcz .lgcz-faq,
  .lgcz .lgcz-resources,
  .lgcz .lgcz-members,
  .lgcz .lgcz-challenges,
  .lgcz .lgcz-side-cards,
  .lgcz .lgcz-live-rooms,
  .lgcz .lgcz-gallery,
  .lgcz .lgcz-notices,
  .lgcz .lgcz-leaderboard {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .lgcz button, .lgcz .lgcz-btn, .lgcz .lgcz-tool, .lgcz input, .lgcz textarea, .lgcz select { max-width: 100%; }
  .lgcz input, .lgcz textarea, .lgcz select { width: 100%; min-width: 0; }
  .lgcz h1, .lgcz h2, .lgcz h3, .lgcz h4, .lgcz h5, .lgcz h6, .lgcz p, .lgcz span, .lgcz small, .lgcz b, .lgcz strong, .lgcz a { max-width: 100%; overflow-wrap: anywhere; }
  .lgcz-hide-mobile { display: none !important; }
  .lgcz-grid { gap: 14px; }
  .lgcz-module:not(.lgcz-module--plain) { padding: 18px; }
  .lgcz .lgcz-hero { grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 250px; padding: 30px 22px; }
  .lgcz .lgcz-hero__content { width: 100%; max-width: 100%; min-width: 0; }
  .lgcz-hero__title { font-size: clamp(calc(36px * var(--lgcz-text-scale, 1)), calc(12vw * var(--lgcz-text-scale, 1)), calc(54px * var(--lgcz-text-scale, 1))); }
  .lgcz-hero__mark { display: none; }
  .lgcz-hero::after { inset-inline-start: -30%; bottom: -23%; width: 78%; border-width: 30px; opacity: .65; }
  .lgcz-online { font-size: calc(11px * var(--lgcz-text-scale, 1)); }
  .lgcz-nav { border-radius: 12px; }
  .lgcz-scroll-nav-yes .lgcz-nav { flex-wrap: nowrap; justify-content: flex-start; }
  .lgcz-module__title { font-size: calc(23px * var(--lgcz-text-scale, 1)); }
  .lgcz .lgcz-composer__actions { align-items: stretch !important; flex-direction: column !important; }
  .lgcz-composer__actions .lgcz-btn { width: 100%; }
  .lgcz-composer__tools, .lgcz-composer__types { width: 100%; max-width: 100%; flex-wrap: wrap; }
  .lgcz-chip, .lgcz-tool { min-width: 0; white-space: normal; }
  .lgcz .lgcz-poll { grid-template-columns: minmax(0, 1fr) !important; }
  .lgcz-feed-toolbar { gap: 9px; }
  .lgcz-filters { flex-wrap: nowrap; padding-bottom: 3px; overflow-x: auto; }
  .lgcz-filter { flex: 0 0 auto; }
  .lgcz-post__header { align-items: flex-start; padding: 16px 14px 0; }
  .lgcz-post__body { padding: 12px 14px 6px; }
  .lgcz-post__category { position: absolute; top: 69px; right: 14px; }
  .lgcz-post__text { padding-top: 19px; font-size: calc(15px * var(--lgcz-text-scale, 1)); }
  .lgcz-post__actions { justify-content: space-around; padding: 7px 8px 12px; }
  .lgcz-action { min-width: 0; padding: 7px 6px; white-space: normal; }
  .lgcz-stack-actions-yes .lgcz-action { flex: 1; justify-content: center; }
  .lgcz-hide-post-meta-yes .lgcz-post__meta { display: none; }
  .lgcz-profile { margin: -18px; }
  .lgcz-profile__main { padding: 0 18px 18px; }
  .lgcz .lgcz-help__topics,
  .lgcz .lgcz-challenge,
  .lgcz .lgcz-members,
  .lgcz .lgcz-resources,
  .lgcz .lgcz-gallery {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .lgcz .lgcz-challenge__image { width: 100% !important; min-height: 180px; }
  .lgcz .lgcz-challenge__content { width: 100%; max-width: 100%; min-width: 0; }
  .lgcz-leader { grid-template-columns: auto auto minmax(0, 1fr); }
  .lgcz-leader__points { grid-column: 3; justify-self: start; }
  .lgcz-points-overlay { padding: 10px; }
  .lgcz-points-overlay__panel { max-height: calc(100vh - 20px); padding: 24px 18px; border-radius: 14px; }
  .lgcz-points-rule { grid-template-columns: auto 1fr; }
  .lgcz-points-rule > b { grid-column: 2; }
  .lgcz-call-dock { grid-template-columns: 1fr auto auto auto; }
  .lgcz-a11y { position: fixed; z-index: 10020; bottom: 20px; left: 14px; display: grid; justify-items: end; gap: 8px; }
  .lgcz-a11y-toggle { display: grid; place-items: center; width: 52px; height: 52px; padding: 0; color: #fff; background: var(--lgcz-accent); border: 1px solid transparent; border-radius: 50%; box-shadow: 0 10px 30px rgba(12,34,51,.24); cursor: pointer; }
  .lgcz-a11y-toggle svg, .lgcz-a11y-toggle i { width: 23px; height: 23px; }
  .lgcz-a11y-panel { width: max-content; max-width: calc(100vw - 28px); padding: 10px; color: #fff; background: var(--lgcz-ink); border: 1px solid rgba(255,255,255,.16); border-radius: 12px; box-shadow: 0 12px 36px rgba(12,34,51,.26); }
  .lgcz-a11y-panel strong { display: block; margin-bottom: 7px; font-size: 12px; text-align: center; }
  .lgcz-a11y-panel > div { display: flex; gap: 6px; direction: ltr; }
  .lgcz-a11y-panel button { min-width: 42px; min-height: 34px; padding: 6px 9px; color: #fff; background: rgba(255,255,255,.1); border: 1px solid transparent; border-radius: 7px; cursor: pointer; font-weight: 800; }
}

@media (max-width: 420px) {
  .lgcz-post__header .lgcz-avatar { width: 40px; height: 40px; }
  .lgcz-post__meta { font-size: calc(10px * var(--lgcz-text-scale, 1)); }
  .lgcz-action { gap: 3px; font-size: calc(10px * var(--lgcz-text-scale, 1)); }
  .lgcz-action__icon { font-size: calc(16px * var(--lgcz-text-scale, 1)); }
  .lgcz-profile__stats { gap: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  .lgcz *, .lgcz *::before, .lgcz *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}