:root {
  --lc-dur-1: 120ms;
  --lc-dur-2: 200ms;
  --lc-ease: cubic-bezier(.2, 0, .2, 1);
}




html { background: var(--bg); color: var(--fg); -webkit-text-size-adjust: 100%; }
body { font-size: var(--fs-body); line-height: var(--lh-body); font-kerning: normal; }
h1, h2, h3, h4 { margin: 0; color: var(--white); font-weight: 700; text-wrap: balance; }
p { margin: 0; text-wrap: pretty; }
ul, ol { margin: 0; padding: 0; }
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; }
::selection { background: var(--lc-accent-wash); color: var(--white); }

a { color: inherit; text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: var(--hairline); text-underline-offset: var(--s-1); }
a:hover { color: var(--accent); text-decoration-thickness: var(--focus-width); }

:focus-visible { outline: var(--focus-width) solid var(--accent); outline-offset: var(--focus-width); }
:focus:not(:focus-visible) { outline: none; }

[hidden] { display: none !important; }


.t-label, .t-label-2 { color: var(--fg-dim); }
.t-label { text-transform: uppercase; }
.t-chrome { font-variant-numeric: tabular-nums; }
.t-quote { color: var(--fg); }
.t-display, .t-mega, .t-title { color: var(--white); text-wrap: balance; }


.lc-dim { color: var(--fg-dim); }
.lc-faint { color: var(--fg-faint); }
.lc-ink { color: var(--white); }
.lc-status { color: var(--amber); }
.lc-ok { color: var(--ok); }
.lc-err { color: var(--danger); }
.lc-measure { max-width: var(--measure-text); }
.lc-sr { position: absolute; width: var(--hairline); height: var(--hairline); overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.lc-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); }
.lc-row--3 { gap: var(--s-3); }
.lc-stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-3); align-content: start; }
.lc-stack--0 { gap: 0; }
.lc-stack--1 { gap: var(--s-1); }
.lc-stack--2 { gap: var(--s-2); }
.lc-stack--4 { gap: var(--s-4); }
.lc-stack--5 { gap: var(--s-5); }
.lc-span-all { grid-column: 1 / -1; }
.lc-grow-full { flex: 1 1 100%; }
.lc-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.lc-rule { border: 0; border-top: var(--hairline) solid var(--border); margin: 0; }
.lc-err-mark::before { content: "×× "; color: var(--danger); font-weight: 700; }


.field { width: auto; padding: 0; border: 0; background: none; outline: none; font-size: inherit; color: inherit; }
.comm::before, .alert::before, .alert--warn::before, .alert--err::before { content: none; }
.comm .comm__input { padding: 0; font-family: var(--font-data); font-size: var(--fs-body); color: var(--fg); }
.toast { position: static; inset: auto; z-index: auto; min-width: 0; }
.progress { font-family: inherit; font-size: inherit; align-items: stretch; }
.sec-head { margin-bottom: 0; }
.panel__head { border-bottom: 0; }
.index-row:hover { background: none; }
.btn--primary:hover { filter: none; }
.chip { letter-spacing: var(--tr-chip); }
@media (max-width: 768px) { .btn:not(.btn--block) { width: auto; } }



.lc-app { container: app / inline-size; background: var(--bg); color: var(--fg); min-height: 100%; }
.lc-wrap { max-width: var(--measure); margin-inline: auto; padding-inline: var(--s-4); }
.lc-page { padding-block: var(--s-6) var(--s-7); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
.lc-page__head { display: grid; gap: var(--s-2); }
.lc-page__meta { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-3); align-items: center; color: var(--fg-faint); }
.lc-cols { display: grid; gap: var(--s-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lc-cols--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lc-cols--aside { grid-template-columns: minmax(0, 1fr) var(--lc-aside); align-items: start; }
.lc-cols--start { align-items: start; }
@container app (max-width: 720px) {
  .lc-wrap { padding-inline: var(--s-3); }
  .lc-page { padding-block: var(--s-4) var(--s-6); gap: var(--s-4); }
  .lc-cols, .lc-cols--3, .lc-cols--aside { grid-template-columns: minmax(0, 1fr); }
}



.lc-i {
  display: inline-block;
  flex: none;
  width: var(--icon);
  height: var(--icon);
  background-color: currentColor;
  -webkit-mask: var(--lc-i) center / contain no-repeat;
          mask: var(--lc-i) center / contain no-repeat;
}
.lc-i--sm { width: var(--icon-sm); height: var(--icon-sm); }
.lc-i--down { rotate: 90deg; }
.lc-i--up { rotate: -90deg; }
.lc-i--left { rotate: 180deg; }
.lc-i--telegram { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M2.75 9.25 17.25 2.75 13.25 17.25 9.25 11.25Z'/%3E%3Cpath d='M9.25 11.25 17.25 2.75'/%3E%3C/svg%3E"); }
.lc-i--mail { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M2.75 4.75h14.5v10.5H2.75z'/%3E%3Cpath d='m2.75 5.5 7.25 5.5 7.25-5.5'/%3E%3C/svg%3E"); }
.lc-i--copy { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6.75 6.75h10.5v10.5H6.75z'/%3E%3Cpath d='M13.25 6.75v-4H2.75v10.5h4'/%3E%3C/svg%3E"); }
.lc-i--external { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8.75 4.75h-4v10.5h10.5v-4'/%3E%3Cpath d='M11.75 3.25h5v5'/%3E%3Cpath d='m16.75 3.25-7.5 7.5'/%3E%3C/svg%3E"); }
.lc-i--edit { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='m3.75 16.25.75-3.75 9-9 3 3-9 9z'/%3E%3Cpath d='m11.75 5.25 3 3'/%3E%3C/svg%3E"); }
.lc-i--check { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='m3.75 10.25 4.25 4.25 8.25-8.75'/%3E%3C/svg%3E"); }
.lc-i--close { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='m4.75 4.75 10.5 10.5m0-10.5-10.5 10.5'/%3E%3C/svg%3E"); }
.lc-i--chevron { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='m7.75 4.75 5.25 5.25-5.25 5.25'/%3E%3C/svg%3E"); }
.lc-i--language { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M7 2.75h6L17.25 7v6L13 17.25H7L2.75 13V7z'/%3E%3Cpath d='M2.75 10h14.5'/%3E%3Cpath d='M10 2.75 7.5 6v8l2.5 3.25L12.5 14V6z'/%3E%3C/svg%3E"); }
.lc-i--theme { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3.75 3.75h12.5v12.5H3.75z'/%3E%3Cpath d='M16.25 3.75 3.75 16.25h12.5z' fill='currentColor'/%3E%3C/svg%3E"); }
.lc-i--info { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M2.75 2.75h14.5v14.5H2.75z'/%3E%3Cpath d='M10 9v5.25'/%3E%3Cpath d='M10 5.75v1'/%3E%3C/svg%3E"); }
.lc-i--warning { --lc-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M10 2.75 17.75 16.75H2.25z'/%3E%3Cpath d='M10 7.75v4'/%3E%3Cpath d='M10 13.75v1'/%3E%3C/svg%3E"); }




.lc-lockup { display: inline-flex; align-items: baseline; gap: var(--lockup-gap); font-weight: 700; letter-spacing: var(--tr-tight); color: var(--white); text-decoration: none; white-space: nowrap; }
.lc-lockup:hover { color: var(--white); }

.lc-sign { display: inline-block; height: var(--cap-height); width: auto; aspect-ratio: 1; vertical-align: baseline; fill: currentColor; overflow: visible; }
.lc-sign__a { opacity: var(--o-sign); }
.lc-lockup--header { font-size: var(--fs-lead); }

.lc-byline { display: inline-flex; align-items: baseline; gap: .5ch; font-family: var(--font-data); font-size: var(--fs-kicker); color: var(--fg-dim); text-decoration: none; white-space: nowrap; }
.lc-byline__name { color: var(--fg); }
.lc-byline:hover { color: var(--fg-dim); text-decoration: underline; text-decoration-color: var(--accent); }

.lc-seal-slot { width: calc(104px * 1.8); height: calc(104px * 1.8); display: flex; align-items: center; justify-content: center; flex: none; }
.lc-seal { color: var(--fg); --acc: var(--accent); --glow: none; display: block; line-height: 0; }
.lc-seal svg { width: 104px; height: 104px; display: block; transition: transform .22s ease; transform-origin: center; }
@media (hover: hover) { .lc-seal:hover svg { transform: scale(1.8); } }
@media (prefers-reduced-motion: reduce) { .lc-seal svg { transition: none; } }



.btn {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2);
  min-height: var(--lc-control-h);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border: var(--hairline) solid transparent;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--fg);
  font-size: var(--fs-button);
  font-weight: 600;
  line-height: var(--lh-ui);
  text-decoration: none;
  text-align: center;
  transition: filter var(--lc-dur-1) var(--lc-ease), background-color var(--lc-dur-1) var(--lc-ease), border-color var(--lc-dur-1) var(--lc-ease), color var(--lc-dur-1) var(--lc-ease);
}
.btn:hover { color: var(--fg); }
.btn--primary { background: var(--accent); border-color: var(--accent); color: var(--lc-on-accent); }
.btn--primary:hover { color: var(--lc-on-accent); background: var(--lc-accent-strong); border-color: var(--lc-accent-strong); }
.btn--outline { border-color: var(--lc-line-control); }
.btn--outline:hover { background: var(--lc-accent-wash); border-color: var(--fg); }
.btn--ghost { padding-inline: var(--s-2); }
.btn--ghost:hover { background: var(--lc-accent-wash); }
.btn--danger { border-color: var(--danger); color: var(--danger); }
.btn--danger:hover { color: var(--danger); background: var(--lc-accent-wash); }
.btn--block { display: flex; width: 100%; }
.btn--sm { min-height: var(--s-6); padding-block: var(--s-2); }
.btn:active { filter: brightness(.94); }
.btn:disabled, .btn[aria-disabled="true"] {
  cursor: not-allowed; filter: none; box-shadow: none;
  background: transparent; color: var(--fg-faint); border-color: var(--border-bright); border-style: dashed;
}
.btn:disabled .lc-i, .btn[aria-disabled="true"] .lc-i { opacity: var(--o-disabled); }

.btn[aria-busy="true"] { pointer-events: none; }
.btn[aria-busy="true"]::after {
  content: ""; position: absolute; left: 25%; right: 25%; bottom: var(--s-1); height: var(--lc-track); border-radius: var(--radius-pill);
  background: currentColor; animation: lc-breathe 1.2s ease-in-out infinite;
}


.lc-link { display: inline-flex; align-items: center; gap: var(--s-1); min-height: var(--tap); min-width: var(--tap); color: var(--fg); font-weight: 500; text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: var(--s-1); background: none; border: 0; padding: 0; cursor: pointer; }
.lc-link:hover { color: var(--accent); text-decoration-thickness: var(--focus-width); }
.lc-link--quiet { font-weight: 400; color: var(--fg-dim); text-decoration-color: var(--border-bright); }



.chip {
  display: inline-flex; align-items: center; gap: var(--s-1);
  padding: var(--s-1) var(--s-3);
  border: var(--hairline) solid var(--border-bright);
  border-radius: var(--radius);
  font-family: var(--font-text);
  font-size: var(--fs-micro);
  font-weight: 500;
  line-height: var(--lh-ui);
  color: var(--fg-dim);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.chip__dot { width: var(--lc-dot); height: var(--lc-dot); flex: none; border-radius: 50%; background: currentColor; }
.chip--ok { color: var(--ok); border-color: var(--ok); }
.chip--warn { color: var(--amber); border-color: var(--amber); }
.chip--err { color: var(--danger); border-color: var(--danger); }
.chip--err::before { content: "××"; font-weight: 700; }
.chip--solid { background: var(--accent); border-color: var(--accent); color: var(--lc-on-accent); }
.chip--community { color: var(--fg); border-color: var(--lc-line-control); }
.chip--required { color: var(--fg-dim); border-style: dashed; }
.chip--new { color: var(--amber); border-color: var(--amber); }


.lc-pro {
  display: inline-flex; align-items: center;
  padding: var(--s-1) var(--lc-pro-pad-x);
  border-radius: var(--lc-radius-pro);
  background: var(--lc-pro);
  color: var(--lc-pro-ink);
  font-family: var(--font-data);
  font-size: var(--lc-fs-pro);
  font-weight: 600;
  line-height: var(--lh-none);
  letter-spacing: var(--lc-tr-pro);
  text-transform: uppercase;
  white-space: nowrap;
}



.lc-avatar {
  display: inline-grid; place-items: center; flex: none;
  width: var(--avatar-m); height: var(--avatar-m);
  background: var(--bg-tint);
  border: 0;
  border-radius: 50%;
  color: var(--white);
  font-family: var(--font-text);
  font-weight: 600;
  font-size: var(--fs-body);
  letter-spacing: var(--tr-none);
  line-height: var(--lh-none);
  overflow: hidden;
}
.lc-avatar--s { width: var(--avatar-s); height: var(--avatar-s); font-size: var(--fs-micro); }
.lc-avatar--l { width: var(--avatar-l); height: var(--avatar-l); font-size: var(--fs-title); }
.lc-avatar img { width: 100%; height: 100%; object-fit: cover; }




.panel { border-radius: var(--radius-card); }
.panel--promoted { border: var(--hairline) solid var(--border-bright); }
.panel__head {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--s-1) var(--s-3);
  padding: var(--s-4) var(--s-4) 0;
}
.panel__label { font-family: var(--font-data); font-size: var(--lc-fs-label); font-weight: 700; line-height: var(--lh-ui); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-dim); }
.panel__meta { font-family: var(--font-text); font-size: var(--fs-kicker); font-weight: 500; color: var(--fg-faint); font-variant-numeric: tabular-nums; line-height: var(--lh-ui); }
.panel__body { padding: var(--s-4); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-4); }
.panel__foot { padding: var(--s-3) var(--s-4); border-top: var(--hairline) solid var(--border); display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; }
@container app (max-width: 720px) {
  .panel__head { padding: var(--s-3) var(--s-3) 0; }
  .panel__body { padding: var(--s-3); gap: var(--s-3); }
  .panel__foot { padding: var(--s-3); }
}

.sec-head { display: flex; align-items: center; gap: var(--s-2); }
.sec-head__label { font-family: var(--font-data); font-size: var(--lc-fs-label); font-weight: 700; line-height: var(--lh-ui); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-dim); white-space: nowrap; }
.sec-head__rule { flex: 1; min-width: var(--s-4); }
.sec-head__meta { font-family: var(--font-text); font-size: var(--fs-kicker); color: var(--fg-faint); white-space: nowrap; font-variant-numeric: tabular-nums;}

.index-row {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--s-3);
  min-height: var(--tap);
  padding: var(--s-3) var(--s-2);
  border-bottom: var(--hairline) solid var(--border);
  color: var(--fg); text-decoration: none;
}
.index-row__title { font-weight: 600; color: var(--white); }
.index-row__meta { font-size: var(--fs-small); color: var(--fg-dim); }
.index-row__go { color: var(--fg-dim); }
a.index-row:hover, button.index-row:hover { background: var(--lc-accent-wash); color: var(--fg); border-radius: var(--radius); }
a.index-row:hover .index-row__go { color: var(--accent); }
.index-row[aria-current="page"] .index-row__title { text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: var(--s-1); }



.field { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-2); align-content: start; min-width: 0; }
.field__label {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2);
  font-family: var(--font-text); font-size: var(--fs-kicker); font-weight: 500; line-height: var(--lh-ui); color: var(--fg-dim);
}
.field__control {
  width: 100%;
  min-height: var(--lc-control-h);
  padding: var(--s-2) var(--s-3);
  background: var(--bg-elev);
  border: var(--hairline) solid var(--lc-line-control);
  border-radius: var(--radius);
  color: var(--fg);
  font-family: var(--font-text);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  appearance: none;
}
.field__control::placeholder { color: var(--fg-faint); opacity: 1; }
.field__control:hover { border-color: var(--fg-dim); }
.field__control:focus-visible { border-color: var(--fg); }
textarea.field__control { min-height: calc(var(--tap) * 3); resize: vertical; }
select.field__control { padding-right: var(--s-6); cursor: pointer; }
.field__select { position: relative; }
.field__select .lc-i { position: absolute; right: var(--s-3); top: 50%; translate: 0 -50%; rotate: 90deg; pointer-events: none; color: var(--fg-dim); }
.field__help { font-size: var(--fs-small); line-height: var(--lh-small); color: var(--fg-dim); }
.field__meta { display: flex; justify-content: space-between; gap: var(--s-3); align-items: baseline; }
.field__counter { font-family: var(--font-data); font-size: var(--fs-small); color: var(--fg-faint); font-variant-numeric: tabular-nums; white-space: nowrap; margin-left: auto; }
.field__counter[data-over="true"] { color: var(--danger); }
.field__counter[data-over="true"]::before { content: "×× "; font-weight: 700; }
.field__error { display: none; font-size: var(--fs-small); line-height: var(--lh-small); color: var(--danger); }
.field__error::before { content: "×× "; font-weight: 700; }
.field[data-invalid="true"] .field__error { display: block; }
.field[data-invalid="true"] .field__control, .field__control[aria-invalid="true"] { border-color: var(--danger); }
.field__control:disabled { background: transparent; border-style: dashed; border-color: var(--border-bright); color: var(--fg-faint); cursor: not-allowed; }
.field__saved { display: none; font-family: var(--font-text); font-size: var(--fs-micro); color: var(--ok); }
.field__saved::before { content: "✓ "; }
.field[data-saved="true"] .field__saved { display: inline; }
.field__req { color: var(--fg-dim); font-weight: 400; }


.comm {
  display: flex; align-items: center;
  min-height: var(--tap);
  padding: 0 var(--s-3);
  background: var(--bg-elev);
  border: var(--hairline) solid var(--lc-line-control);
  border-radius: var(--radius);
}
.comm:focus-within { border-color: var(--fg); outline: var(--focus-width) solid var(--accent); outline-offset: var(--focus-width); }
.comm__input { font-family: var(--font-data); flex: 1; min-width: 0; min-height: var(--tap); border: 0; background: transparent; padding: 0; font-size: var(--fs-body); }
.comm__input:focus-visible { outline: none; box-shadow: none; }
.comm__input::placeholder { color: var(--fg-faint); opacity: 1; }



.lc-otp { display: grid; gap: var(--s-2); justify-items: start; }
.lc-otp__input {
  width: calc(6 * (1ch + var(--tr-code)) + 2 * var(--s-4));
  max-width: 100%;
  min-height: calc(var(--tap) + var(--s-3));
  padding: var(--s-2) var(--s-4);
  background: var(--bg-elev);
  border: var(--hairline) solid var(--lc-line-control);
  border-radius: var(--radius);
  color: var(--white);
  font-family: var(--font-data);
  font-size: var(--fs-display);
  font-weight: 600;
  line-height: var(--lh-none);
  letter-spacing: var(--tr-code);
  font-variant-numeric: tabular-nums;
  text-align: left;
}
.lc-otp__input::placeholder { color: var(--decor); opacity: 1; letter-spacing: var(--tr-code); }
.lc-otp__input:focus-visible { border-color: var(--fg); }
.lc-otp[data-state="wrong"] .lc-otp__input, .lc-otp[data-state="expired"] .lc-otp__input { border-color: var(--danger); }
.lc-otp[data-state="expired"] .lc-otp__input { color: var(--fg-faint); text-decoration: line-through; text-decoration-color: var(--danger); }
.lc-otp[data-state="verifying"] .lc-otp__input { border-style: dashed; color: var(--fg-dim); }
.lc-otp__status { min-height: var(--s-4); font-size: var(--fs-small); line-height: var(--lh-small); color: var(--fg-dim); }
.lc-otp[data-state="wrong"] .lc-otp__status, .lc-otp[data-state="expired"] .lc-otp__status { color: var(--danger); }
.lc-otp[data-state="wrong"] .lc-otp__status::before, .lc-otp[data-state="expired"] .lc-otp__status::before { content: "×× "; font-weight: 700; }
.lc-otp[data-state="ok"] .lc-otp__status { color: var(--ok); }
.lc-otp[data-state="ok"] .lc-otp__status::before { content: "✓ "; }
.lc-otp__resend { font-family: var(--font-data); font-size: var(--fs-small); color: var(--amber); font-variant-numeric: tabular-nums; }



.lc-doors { display: flex; flex-direction: column; gap: var(--s-4); }
.lc-doors[data-first="telegram"] .lc-doors__email { order: 3; }
.lc-doors[data-first="telegram"] .lc-doors__or { order: 2; }
.lc-doors[data-first="telegram"] .lc-doors__telegram { order: 1; }
.lc-doors__door { display: grid; gap: var(--s-2); }
.lc-doors__or {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--s-3);
  font-family: var(--font-text); font-size: var(--fs-kicker); color: var(--fg-faint);
}
.lc-doors__or::before, .lc-doors__or::after { content: ""; height: var(--hairline); background: var(--border); }
.lc-doors__note { font-size: var(--fs-small); color: var(--fg-dim); }




.lc-seg { display: inline-grid; max-width: 100%; justify-self: start; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--lc-gap-seg); padding: var(--lc-gap-seg); border: var(--hairline) solid var(--lc-line-control); border-radius: var(--radius-pill); background: var(--bg-elev); }
.lc-seg__opt {
  display: flex; align-items: center; justify-content: center; gap: var(--s-2);
  min-height: var(--tap);
  padding: var(--s-2) var(--s-4);
  border: 0; border-radius: var(--radius-pill);
  background: transparent; color: var(--fg);
  font-family: var(--font-text); font-size: var(--fs-body); font-weight: 500; line-height: var(--lh-ui);
  text-align: center; text-wrap: balance;
  cursor: pointer;
}
.lc-seg__opt:hover { background: var(--lc-accent-wash); }
.lc-seg__opt[aria-checked="true"] { background: var(--lc-accent-wash); box-shadow: inset 0 0 0 var(--hairline) var(--accent); font-weight: 600; }
.lc-seg__opt:focus-visible { position: relative; z-index: 1; }
.lc-seg__opt:disabled { cursor: not-allowed; color: var(--fg-faint); background: transparent; }
.lc-seg--sm .lc-seg__opt { font-size: var(--fs-button); }
.lc-seg__save { font-size: var(--fs-micro); font-weight: 500; color: var(--amber); }



.lc-switch { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-1) var(--s-4); align-items: center; }
.lc-switch__label { font-weight: 600; color: var(--white); }
.lc-switch__desc { grid-column: 1; font-size: var(--fs-small); color: var(--fg-dim); line-height: var(--lh-small); }
.lc-switch__btn {
  grid-column: 2; grid-row: 1 / span 2; align-self: center;
  position: relative; width: var(--tap); height: var(--tap); min-height: var(--tap);
  padding: 0; border: 0; background: none; cursor: pointer;
}
.lc-switch__btn::before {
  content: ""; position: absolute; left: 0; right: 0; top: 50%; height: calc(var(--s-4) + var(--s-1)); translate: 0 -50%;
  border: var(--hairline) solid var(--lc-line-control); border-radius: var(--radius-pill); background: var(--bg-elev);
}
.lc-switch__btn::after {
  content: ""; position: absolute; top: 50%; left: calc(var(--lc-gap-seg) + var(--hairline)); translate: 0 -50%;
  width: calc(var(--s-4) + var(--s-1) - 2 * (var(--lc-gap-seg) + var(--hairline))); aspect-ratio: 1;
  border-radius: 50%; background: var(--fg-dim); transition: left var(--lc-dur-2) var(--lc-ease);
}
.lc-switch__btn[aria-checked="true"]::before { background: var(--accent); border-color: var(--accent); }
.lc-switch__btn[aria-checked="true"]::after { background: var(--lc-on-accent); left: calc(var(--tap) - (var(--s-4) + var(--s-1)) + var(--lc-gap-seg) + var(--hairline)); }
.lc-switch__btn:disabled { cursor: not-allowed; }
.lc-switch__btn:disabled::before { border-style: dashed; }
.lc-switch__btn:disabled::after { background: var(--decor); }

.lc-radio-cards { display: grid; gap: var(--s-2); }
.lc-radio-card {
  position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--s-1) var(--s-3); align-items: start;
  padding: var(--s-3);
  min-height: var(--tap);
  background: var(--bg-elev);
  border: var(--hairline) solid var(--lc-line-control);
  border-radius: var(--radius);
  cursor: pointer;
}
.lc-radio-card:hover { background: var(--lc-accent-wash); }
.lc-radio-card__input { appearance: none; margin: 0; margin-top: var(--s-1); width: var(--lc-box); height: var(--lc-box); border: var(--hairline) solid var(--lc-line-control); border-radius: 50%; background: var(--bg-elev); display: grid; place-items: center; }
.lc-radio-card__input::before { content: ""; width: var(--lc-dot); height: var(--lc-dot); border-radius: 50%; background: var(--accent); scale: 0; }
.lc-radio-card__input:checked { border-color: var(--accent); }
.lc-radio-card__input:checked::before { scale: 1; }
.lc-radio-card__input:focus-visible { outline: var(--focus-width) solid var(--accent); outline-offset: var(--focus-width); }
.lc-radio-card__title { font-weight: 600; color: var(--white); }
.lc-radio-card__desc { grid-column: 2; font-size: var(--fs-small); line-height: var(--lh-small); color: var(--fg-dim); }

.lc-radio-card__meta { grid-column: 3; grid-row: 1; font-family: var(--font-data); font-size: var(--fs-small); color: var(--fg-dim); white-space: nowrap; }
.lc-radio-card:has(:checked) { border-color: var(--accent); background: var(--lc-accent-wash); }
.lc-radio-card:has(:disabled) { cursor: not-allowed; border-style: dashed; background: transparent; }
.lc-radio-card:has(:disabled) .lc-radio-card__title { color: var(--fg-faint); }

.lc-tags { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.lc-tag {
  display: inline-flex; align-items: center; gap: var(--s-1);
  min-height: var(--tap);
  padding: var(--s-2) var(--s-3);
  border: var(--hairline) solid var(--lc-line-control);
  border-radius: var(--radius-pill);
  background: var(--bg-elev);
  color: var(--fg);
  font-size: var(--fs-small); font-weight: 500; line-height: var(--lh-ui);
  cursor: pointer;
}
.lc-tag:hover { background: var(--lc-accent-wash); }
.lc-tag[aria-pressed="true"] { background: var(--lc-accent-wash); border-color: var(--accent); font-weight: 600; }
.lc-tag[aria-pressed="true"]::before { content: "✓"; }
.lc-tag--other { border-style: dashed; color: var(--fg-dim); }
.lc-tag--other::before { content: "+"; font-weight: 600; }
.lc-tag:disabled { cursor: not-allowed; color: var(--fg-faint); border-style: dashed; background: transparent; }
.lc-tags__other { display: flex; gap: var(--s-2); flex: 1 1 calc(2 * var(--s-8)); }

.lc-range { display: grid; gap: var(--s-2); }
.lc-range__head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s-3); }
.lc-range__value { font-family: var(--font-data); font-size: var(--fs-small); font-weight: 500; color: var(--white); font-variant-numeric: tabular-nums; white-space: nowrap; }
.lc-range__input { -webkit-appearance: none; appearance: none; width: 100%; height: var(--tap); margin: 0; background: transparent; cursor: pointer; }
.lc-range__input::-webkit-slider-runnable-track { height: var(--lc-track); border-radius: var(--radius-pill); background: var(--lc-line-control); }
.lc-range__input::-moz-range-track { height: var(--lc-track); background: var(--lc-line-control); }
.lc-range__input::-moz-range-progress { height: var(--lc-track); background: var(--accent); }
.lc-range__input::-webkit-slider-thumb { -webkit-appearance: none; box-sizing: border-box; width: var(--lc-thumb); height: var(--lc-thumb); margin-top: calc((var(--lc-track) - var(--lc-thumb)) / 2); background: var(--accent); border: var(--lc-gap-seg) solid var(--bg-elev); outline: var(--hairline) solid var(--accent); border-radius: 50%; }
.lc-range__input::-moz-range-thumb { box-sizing: border-box; width: var(--lc-thumb); height: var(--lc-thumb); background: var(--accent); border: var(--lc-gap-seg) solid var(--bg-elev); outline: var(--hairline) solid var(--accent); border-radius: 50%; }
.lc-range__input:focus-visible { outline: none; box-shadow: none; }
.lc-range__input:focus-visible::-webkit-slider-thumb { outline: var(--focus-width) solid var(--accent); outline-offset: var(--focus-width); }
.lc-range__input:focus-visible::-moz-range-thumb { outline: var(--focus-width) solid var(--accent); outline-offset: var(--focus-width); }
.lc-range__ends { display: flex; justify-content: space-between; gap: var(--s-3); font-size: var(--fs-small); color: var(--fg-dim); line-height: var(--lh-small); }
.lc-range__ends span:last-child { text-align: right; }
.lc-range__ticks { display: grid; grid-template-columns: repeat(10, 1fr); font-family: var(--font-data); font-size: var(--fs-micro); color: var(--fg-faint); text-align: center; margin-top: calc(-1 * var(--s-2)); }
.lc-range__input:disabled { cursor: not-allowed; }
.lc-range__input:disabled::-webkit-slider-thumb { background: var(--decor); outline-color: var(--decor); }



.lc-picker__trigger { display: flex; align-items: center; justify-content: space-between; gap: var(--s-2); text-align: left; cursor: pointer; }
.lc-picker__trigger .lc-i { rotate: 90deg; color: var(--fg-dim); }
.lc-picker__value { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-picker__value[data-empty="true"] { color: var(--fg-faint); }
.lc-picker__list { display: grid; max-height: var(--lc-list); overflow: auto; border-top: var(--hairline) solid var(--border); }
.lc-picker__opt {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 var(--s-3); align-items: center;
  min-height: var(--tap); padding: var(--s-2) var(--s-3);
  border-bottom: var(--hairline) solid var(--border); cursor: pointer;
}
.lc-picker__opt-meta { grid-column: 1; font-family: var(--font-text); font-size: var(--fs-micro); color: var(--fg-faint); }
.lc-picker__opt:hover, .lc-picker__opt[data-active="true"] { background: var(--lc-accent-wash); }
.lc-picker__opt[aria-selected="true"] { font-weight: 600; color: var(--white); }
.lc-picker__opt[aria-selected="true"]::after { content: "✓"; grid-column: 2; grid-row: 1 / span 2; }
.lc-picker__opt mark { background: none; color: var(--white); text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: var(--focus-width); }
.lc-picker__group { padding: var(--s-2) var(--s-3); font-family: var(--font-text); font-size: var(--fs-micro); font-weight: 500; color: var(--fg-dim); background: var(--bg-panel); border-bottom: var(--hairline) solid var(--border); }



.lc-scrim { position: absolute; inset: 0; background: var(--lc-scrim); z-index: var(--z-modal); }
.modal {
  position: relative; z-index: var(--z-modal);
  width: min(var(--lc-modal), 100%);
  margin: 0;
  padding: 0;
  background: var(--bg-elev);
  color: var(--fg);
  border: 0;
  border-radius: var(--radius-card);
  box-shadow: var(--lc-shadow-modal);
}
.modal__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); padding: var(--s-3) var(--s-3) 0 var(--s-4); }
.modal__title { font-size: var(--fs-title); font-weight: 600; color: var(--white); }
.modal__body { padding: var(--s-4); display: grid; gap: var(--s-4); }
.modal__foot { padding: 0 var(--s-4) var(--s-4); display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--s-2); }
.lc-close { display: inline-grid; place-items: center; flex: none; width: var(--tap); height: var(--tap); padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--fg); cursor: pointer; }
.lc-close:hover { background: var(--lc-accent-wash); }
.lc-sheet { width: 100%; border-end-start-radius: 0; border-end-end-radius: 0; }
.lc-sheet::before { content: ""; display: block; width: var(--s-6); height: var(--lc-gap-seg); margin: var(--s-2) auto 0; border-radius: var(--radius-pill); background: var(--decor); }
@container app (max-width: 720px) {
  .modal { width: 100%; }
  .modal__body { padding: var(--s-3); }
  .modal__foot { padding: 0 var(--s-3) var(--s-3); }
  .modal__foot .btn { flex: 1 1 auto; }
}



.alert {
  display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-1) var(--s-3); align-items: start;
  padding: var(--s-3);
  border: var(--hairline) solid var(--border-bright);
  border-radius: var(--radius);
  background: var(--bg-panel);
  font-size: var(--fs-small);
  line-height: var(--lh-small);
  color: var(--fg);
}
.alert__mark { font-family: var(--font-text); font-weight: 700; color: var(--fg-dim); line-height: var(--lh-small); }
.alert__title { font-weight: 600; color: var(--white); }
.alert__body { display: grid; gap: var(--s-2); }
.alert--ok { border-color: var(--ok); }
.alert--ok .alert__mark { color: var(--ok); }
.alert--warn { border-color: var(--amber); }
.alert--warn .alert__mark { color: var(--amber); }
.alert--err { border-color: var(--danger); }
.alert--err .alert__mark { color: var(--danger); }

.toast {
  display: flex; align-items: center; gap: var(--s-3);
  min-height: var(--tap);
  padding: var(--s-2) var(--s-2) var(--s-2) var(--s-3);
  background: var(--bg-elev);
  border: var(--hairline) solid var(--border-bright);
  border-radius: var(--radius);
  box-shadow: var(--lc-shadow-toast);
  font-size: var(--fs-small);
  color: var(--fg);
  max-width: var(--lc-toast);
}
.toast__mark { color: var(--ok); font-weight: 700; }
.toast--err .toast__mark { color: var(--danger); }
.toast__text { flex: 1; }

.lc-notice {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-2) var(--s-4); align-items: center;
  padding: var(--s-4);
  border: 0;
  border-radius: var(--radius-card);
  background: var(--bg-panel);
}
.lc-notice__text { display: grid; gap: var(--s-1); }
.lc-notice__title { font-weight: 600; color: var(--white); display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; }
.lc-notice__body { font-size: var(--fs-small); color: var(--fg-dim); line-height: var(--lh-small); }
.lc-notice--warn { border: var(--hairline) solid var(--amber); }
.lc-notice--danger { border: var(--hairline) solid var(--danger); }
@container app (max-width: 720px) {
  .lc-notice { grid-template-columns: minmax(0, 1fr); padding: var(--s-3); }
}



.progress { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--lc-gap-seg); height: var(--lc-dot); }
.progress__seg { background: var(--border); border-radius: var(--radius-pill); }
.progress__seg[data-done="true"] { background: var(--accent); }
.progress__label { display: flex; justify-content: space-between; gap: var(--s-3); font-family: var(--font-text); font-size: var(--fs-small); color: var(--fg-dim); font-variant-numeric: tabular-nums; }
.progress__label b { color: var(--white); font-weight: 600; }

.lc-checklist { display: grid; }
.lc-checklist__item {
  display: grid; grid-template-columns: var(--s-4) minmax(0, 1fr) auto; gap: var(--s-2); align-items: baseline;
  min-height: var(--tap); padding: var(--s-2) 0;
  border-bottom: var(--hairline) solid var(--border);
  color: var(--fg); text-decoration: none;
}
.lc-checklist__item::before { content: ""; align-self: center; width: var(--lc-box); height: var(--lc-box); border: var(--hairline) solid var(--lc-line-control); border-radius: 50%; }
.lc-checklist__item[data-done="true"]::before { content: "✓"; width: auto; height: auto; border: 0; color: var(--ok); }
.lc-checklist__item[data-done="true"] .lc-checklist__text { color: var(--fg-dim); }
a.lc-checklist__item:hover .lc-checklist__text { color: var(--accent); text-decoration: underline; text-decoration-color: var(--accent); }
.lc-checklist__req { font-family: var(--font-text); font-size: var(--fs-micro); color: var(--fg-dim); }

.lc-quota { display: inline-flex; align-items: center; gap: var(--s-2); font-family: var(--font-text); font-size: var(--fs-small); color: var(--fg-dim); font-variant-numeric: tabular-nums; }
.lc-quota__slots { display: inline-flex; gap: var(--lc-gap-seg); }
.lc-quota__slot { width: var(--lc-slot); height: var(--lc-dot); border-radius: var(--radius-pill); background: var(--border); }
.lc-quota__slot[data-used="true"] { background: var(--accent); }
.lc-quota__slot[data-locked="true"] { background: none; box-shadow: inset 0 0 0 var(--hairline) var(--border-bright); }



.lc-tabs { display: flex; gap: var(--s-4); border-bottom: var(--hairline) solid var(--border); overflow-x: auto; scrollbar-width: none; }
.lc-tab {
  position: relative; display: inline-flex; align-items: center; gap: var(--s-2);
  min-height: var(--tap); padding: 0; border: 0; background: none; cursor: pointer;
  font-family: var(--font-text); font-size: var(--fs-small); font-weight: 500;
  color: var(--fg-dim); white-space: nowrap;
}
.lc-tab:hover { color: var(--fg); }
.lc-tab[aria-selected="true"] { color: var(--white); }
.lc-tab[aria-selected="true"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: calc(-1 * var(--hairline)); height: var(--lc-rule-strong); background: var(--accent); }
.lc-tab__count { font-weight: 500; color: var(--fg-faint); }



.table { width: 100%; border-collapse: collapse; font-size: var(--fs-small); }
.table th {
  text-align: left; padding: var(--s-2) var(--s-3); border-bottom: var(--hairline) solid var(--border-bright);
  font-family: var(--font-text); font-size: var(--fs-micro); font-weight: 500; color: var(--fg-dim); white-space: nowrap;
}
.table th[aria-sort] button { all: unset; cursor: pointer; display: inline-flex; gap: var(--s-1); align-items: center; min-height: var(--tap); min-width: var(--tap); }
.table th[aria-sort] button:focus-visible { outline: var(--focus-width) solid var(--accent); outline-offset: var(--focus-width); }
.table th[aria-sort="ascending"] .lc-i { rotate: -90deg; }
.table th[aria-sort="descending"] .lc-i { rotate: 90deg; }
.table td { padding: var(--s-3); border-bottom: var(--hairline) solid var(--border); vertical-align: top; line-height: var(--lh-small); }
.table td.num, .table th.num { text-align: right; font-family: var(--font-data); font-variant-numeric: tabular-nums; }
.table tbody tr:hover { background: var(--lc-accent-wash); }
.table tr[aria-selected="true"] { background: var(--lc-accent-wash); }
.table__week { font-family: var(--font-data); color: var(--fg-dim); white-space: nowrap; font-variant-numeric: tabular-nums; }
.table__who { display: flex; align-items: center; gap: var(--s-2); min-width: 0; }
.table__who b { color: var(--white); font-weight: 600; }
.table__sub { display: block; color: var(--fg-dim); }
@container app (max-width: 720px) {
  .table--stack thead { display: none; }
  .table--stack, .table--stack tbody, .table--stack tr, .table--stack td { display: block; width: 100%; }
  .table--stack tr { padding: var(--s-3) 0; border-bottom: var(--hairline) solid var(--border-bright); }
  .table--stack td { display: grid; grid-template-columns: var(--s-8) minmax(0, 1fr); gap: var(--s-2); padding: var(--s-1) 0; border: 0; text-align: left; }
  .table--stack td.num { text-align: left; }
  .table--stack td::before { content: attr(data-label); font-family: var(--font-text); font-size: var(--fs-micro); font-weight: 500; color: var(--fg-dim); padding-top: var(--s-1); }
  .table--stack td[data-label=""]::before { content: none; }
}



.lc-header { position: sticky; top: 0; z-index: var(--z-header); background: var(--bg); border-bottom: var(--hairline) solid var(--border); }
.lc-header__in { max-width: var(--measure); margin-inline: auto; padding-inline: var(--s-4); min-height: var(--s-7); display: flex; align-items: center; gap: var(--s-4); }
.lc-header__brand { display: flex; align-items: baseline; gap: var(--s-3); flex-wrap: wrap; }
.lc-header__nav { display: flex; align-items: center; gap: var(--s-1); margin-left: auto; }
.lc-header__tools { display: flex; align-items: center; gap: var(--s-2); }
.lc-header__menu { display: none; }
.lc-nav__a {
  display: inline-flex; align-items: center; min-height: var(--tap); padding: 0 var(--s-2);
  font-family: var(--font-text); font-size: var(--fs-small); font-weight: 500; border-radius: var(--radius-pill);
  color: var(--fg-dim); text-decoration: none; white-space: nowrap; position: relative;
}
.lc-nav__a:hover { color: var(--white); background: var(--lc-accent-wash); }
.lc-nav__a[aria-current="page"] { color: var(--white); }
.lc-nav__a[aria-current="page"] { font-weight: 600; }
.lc-nav__a[aria-current="page"]::after { content: ""; position: absolute; left: var(--s-2); right: var(--s-2); bottom: var(--s-2); height: var(--lc-rule-strong); border-radius: var(--radius-pill); background: var(--accent); }
.lc-me { display: inline-flex; align-items: center; gap: var(--s-2); min-height: var(--tap); padding: 0 var(--s-1) 0 var(--s-2); border: var(--hairline) solid transparent; border-radius: var(--radius-pill); background: none; cursor: pointer; }
.lc-me:hover { border-color: var(--border-bright); }
@container app (max-width: 900px) {
  .lc-header__nav, .lc-header__tools--wide { display: none; }
  .lc-header__menu { display: inline-flex; margin-left: auto; }
  .lc-header__in { padding-inline: var(--s-3); min-height: var(--s-6); gap: var(--s-2); }
  .lc-header__brand .lc-byline { display: none; }
  .lc-header__brand--guest .lc-byline { display: inline-flex; }
}
@container app (max-width: 480px) {
  .lc-header__brand--guest { flex-direction: column; align-items: flex-start; gap: 0; padding-block: var(--s-2); }
  .lc-header__brand--guest .lc-byline { font-size: var(--fs-micro); }
}

.lc-drawer { background: var(--bg); border-left: var(--hairline) solid var(--border-bright); display: grid; align-content: start; }
.lc-drawer__head { display: flex; align-items: center; justify-content: space-between; min-height: var(--s-6); padding: 0 var(--s-1) 0 var(--s-3); border-bottom: var(--hairline) solid var(--border); }
.lc-drawer__nav { padding: var(--s-2) var(--s-3); }
.lc-drawer__nav .index-row { padding-inline: 0; }
.lc-drawer__foot { padding: var(--s-4) var(--s-3); display: grid; gap: var(--s-3); border-top: var(--hairline) solid var(--border); }

.lc-drawer--overlay { position: fixed; top: 0; right: 0; bottom: 0; width: min(100%, 420px); z-index: var(--z-modal); overflow-y: auto; }
.lc-drawer--overlay:not(:target):not([data-open="true"]) { display: none; }

a.lc-me, a.lc-close { text-decoration: none; }
a.lc-me { color: inherit; }


.lc-toggle { display: inline-flex; gap: var(--s-1); }
.lc-toggle__opt {
  min-width: var(--tap); min-height: var(--tap); padding: 0 var(--s-2); border: 0; border-radius: var(--radius-pill); background: transparent; cursor: pointer;
  font-family: var(--font-text); font-size: var(--fs-small); font-weight: 500; color: var(--fg-dim);
}
.lc-toggle__opt:hover { color: var(--white); background: var(--lc-accent-wash); }
.lc-toggle__opt[aria-pressed="true"] { color: var(--white); font-weight: 600; text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: var(--s-1); }

.lc-footer { border-top: var(--hairline) solid var(--border); background: var(--bg); }
.lc-footer__in { max-width: var(--measure); margin-inline: auto; padding: var(--s-6) var(--s-4) var(--s-4); display: grid; gap: var(--s-5); }
.lc-footer__top { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: var(--s-4); }
.lc-footer__brand { display: grid; gap: var(--s-2); align-content: start; justify-items: start; }
.lc-footer__slogan { font-size: var(--fs-small); color: var(--fg-dim); }
.lc-footer__col { display: grid; gap: var(--s-1); align-content: start; }
.lc-footer__col a { color: var(--fg); text-decoration: none; font-size: var(--fs-small); min-height: var(--s-5); display: inline-flex; align-items: center; }
.lc-footer__col a:hover { color: var(--accent); text-decoration: underline; }

.lc-footer__bottom { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: var(--s-3); padding-top: var(--s-3); border-top: var(--hairline) solid var(--border); }
.lc-footer__bottom > :last-child { justify-self: end; text-align: right; }
.lc-footer__legal { font-family: var(--font-text); font-size: var(--fs-kicker); color: var(--fg-faint); }
@container app (max-width: 720px) {
  .lc-footer__in { padding: var(--s-5) var(--s-3) var(--s-4); gap: var(--s-4); }
  .lc-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lc-footer__brand { grid-column: 1 / -1; }
  .lc-footer__col a { min-height: var(--tap); }
  .lc-footer__bottom { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; }
  .lc-footer__bottom > .lc-seal-slot { order: -1; }
  .lc-footer__bottom > :last-child { justify-self: center; text-align: center; }
}



.lc-copy { display: inline-flex; align-items: center; gap: var(--s-1); min-height: var(--tap); min-width: var(--tap); justify-content: center; padding: 0 var(--s-3); border: var(--hairline) solid var(--lc-line-control); border-radius: var(--radius-pill); background: transparent; cursor: pointer; color: var(--fg); font-family: var(--font-text); font-size: var(--fs-small); font-weight: 500; white-space: nowrap; }
.lc-copy:hover { background: var(--lc-accent-wash); border-color: var(--fg); }
.lc-copy__done { display: none; color: var(--ok); }
.lc-copy[data-state="copied"] { border-color: var(--ok); }
.lc-copy[data-state="copied"] .lc-copy__idle { display: none; }
.lc-copy[data-state="copied"] .lc-copy__done { display: inline-flex; align-items: center; gap: var(--s-1); }
.lc-copy__idle { display: inline-flex; align-items: center; gap: var(--s-1); }
.lc-copy--icon { padding: 0; }
.lc-copy--icon .lc-copy__idle span:not(.lc-i), .lc-copy--icon .lc-copy__done span:not(.lc-i) { position: absolute; width: var(--hairline); height: var(--hairline); overflow: hidden; clip-path: inset(50%); }



.lc-skeleton { display: grid; gap: var(--s-2); }
.lc-skeleton__line { display: block; height: 0.9em; margin-block: .3em; border-radius: var(--radius-pill); background: var(--border); }
.lc-skeleton__line--title { height: 1.2em; width: 60%; }
.lc-skeleton__line--short { width: 40%; }
.lc-skeleton__line--mid { width: 72%; }
.lc-skeleton__block { display: block; border-radius: var(--radius); background: var(--border); }
.lc-skeleton[aria-busy="true"] .lc-skeleton__line { animation: lc-breathe 1.6s ease-in-out infinite; }
@keyframes lc-breathe { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }

.lc-empty { display: grid; gap: var(--s-3); justify-items: start; padding: var(--s-5) var(--s-4); border: var(--hairline) dashed var(--border-bright); border-radius: var(--radius-card); }
.lc-empty__glyph { font-family: var(--font-data); font-size: var(--fs-title); font-weight: 600; color: var(--decor); line-height: var(--lh-none); }
.lc-empty__title { font-size: var(--fs-lead); font-weight: 600; color: var(--white); }
.lc-empty__body { color: var(--fg-dim); max-width: var(--measure-text); }
.lc-empty--error { border-style: solid; border-color: var(--danger); }
.lc-empty--error .lc-empty__glyph { color: var(--danger); }



.lc-locked { position: relative; isolation: isolate; container: locked / inline-size; }
.lc-locked__content { position: relative; }
.lc-locked[data-locked="true"] .lc-locked__content { user-select: none; }
.lc-locked[data-locked="true"] .lc-locked__content::after {
  content: ""; position: absolute; inset: calc(-1 * var(--s-1)); z-index: var(--z-veil);
  background: var(--lc-veil);
}
.lc-locked__note { display: none; }
.lc-locked[data-locked="true"] .lc-locked__note {
  position: relative; z-index: calc(var(--z-veil) + 1);
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-2) var(--s-3); align-items: center;
  margin-bottom: var(--s-3);
  padding: var(--s-3);
  background: var(--bg-panel);
  border: var(--hairline) solid var(--border-bright);
  border-radius: var(--radius);
}
.lc-locked__text { font-size: var(--fs-small); line-height: var(--lh-small); color: var(--fg); }
.lc-locked__text b { color: var(--white); }
@container locked (max-width: 560px) {
  .lc-locked[data-locked="true"] .lc-locked__note { grid-template-columns: minmax(0, 1fr); }
  .lc-locked[data-locked="true"] .lc-locked__note .btn { grid-column: 1 / -1; justify-self: start; }
}
.lc-locked--row[data-locked="true"] .lc-locked__note { margin: 0; padding: var(--s-2) var(--s-3); border-color: var(--border-bright); }



.lc-week { background: var(--bg-tint); border: 0; border-radius: var(--radius-card); container: week / inline-size; }
.lc-week__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-2) var(--s-3); padding: var(--s-4) var(--s-4) 0; }
.lc-week__title-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-1) var(--s-3); }
.lc-week__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--s-3) var(--s-5); align-items: center; padding: var(--s-4); }
.lc-week__body .lc-seg { justify-self: end; }
.lc-week__q { font-size: var(--fs-title); font-weight: 600; color: var(--white); line-height: var(--lh-title); }
.lc-week__consequence { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--s-2) var(--s-4); font-size: var(--fs-small); line-height: var(--lh-small); color: var(--fg-dim); }
.lc-week__consequence b { color: var(--white); font-weight: 600; }
.lc-week[data-state="in"] .lc-week__consequence > span:first-child::before { content: "✓ "; color: var(--fg); font-weight: 600; }
.lc-week[data-state="paused"] { background: var(--bg-panel); border: var(--hairline) dashed var(--border-bright); }

.lc-week .chip--ok, .lc-plan[data-current="true"] .chip--ok { color: var(--fg); border-color: var(--lc-line-control); }

.lc-week .panel__meta { color: var(--fg-dim); }
.lc-week[data-state="paused"] .lc-week__q { color: var(--fg-dim); }
@container week (max-width: 620px) {
  .lc-week__head { padding: var(--s-3) var(--s-3) 0; }
  .lc-week__body { grid-template-columns: minmax(0, 1fr); padding: var(--s-3); gap: var(--s-3); }
  .lc-week__body .lc-seg { justify-self: start; }
}

.lc-cycle { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); container: cycle / inline-size; counter-reset: step; }
.lc-cycle__step { position: relative; display: grid; gap: var(--s-1); align-content: start; counter-increment: step; }
.lc-cycle__when::before { content: counter(step) ". "; }
.lc-cycle__when { font-family: var(--font-text); font-size: var(--fs-kicker); font-weight: 500; color: var(--fg-dim); }
.lc-cycle__title { font-size: var(--fs-lead); font-weight: 600; color: var(--white); line-height: var(--lh-ui); }
.lc-cycle__text { font-size: var(--fs-small); line-height: var(--lh-small); color: var(--fg-dim); }
.lc-cycle__step[aria-current="step"] .lc-cycle__when { color: var(--amber); }
.lc-cycle__step[aria-current="step"] .lc-cycle__when::after { content: " · now"; }
@container cycle (max-width: 640px) {
  .lc-cycle { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
}



.lc-partner { background: var(--bg-panel); border: 0; border-radius: var(--radius-card); container: partner / inline-size; display: grid; }
.lc-partner__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--s-1) var(--s-3); padding: var(--s-4) var(--s-4) 0; }
.lc-partner__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-4) var(--s-5); padding: var(--s-4); }
.lc-partner__who { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-3); align-items: start; }
.lc-partner__name { font-size: var(--fs-title); font-weight: 600; color: var(--white); line-height: var(--lh-title); }
.lc-partner__role { color: var(--fg); }
.lc-partner__where { display: block; font-family: var(--font-text); font-size: var(--fs-small); color: var(--fg-dim); font-variant-numeric: tabular-nums; }
.lc-partner__where > span + span::before { content: " · "; color: var(--fg-faint); white-space: pre; }
.lc-partner__time { color: var(--white); font-family: var(--font-data); font-size: var(--fs-kicker); }
.lc-partner__why { display: grid; gap: var(--s-2); align-content: start; }
.lc-partner__why p { font-size: var(--fs-lead); line-height: var(--lh-quote); color: var(--fg); max-width: 60ch; }
.lc-partner__actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-3); align-items: center; }
.lc-partner__foot { border-top: var(--hairline) solid var(--border); }
.lc-partner__body--single { grid-template-columns: minmax(0, 1fr); }
.lc-partner--compact .lc-partner__body { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
.lc-partner--compact .lc-partner__why p { font-size: var(--fs-body); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@container partner (max-width: 640px) {
  .lc-partner__head { padding: var(--s-3) var(--s-3) 0; }
  .lc-partner__body { grid-template-columns: minmax(0, 1fr); padding: var(--s-3); gap: var(--s-3); }
  .lc-partner__why p { font-size: var(--fs-body); }
  .lc-partner__actions .btn { flex: 1 1 100%; }
}

.lc-contact { display: grid; gap: var(--s-2); padding: var(--s-3); border-radius: var(--radius); background: var(--bg-tint); }
.lc-contact__state { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-2); }
.lc-contact__line { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-1) var(--s-2); font-size: var(--fs-small); line-height: var(--lh-small); color: var(--fg); }
.lc-contact__handle { font-family: var(--font-text); font-weight: 600; letter-spacing: var(--tr-none); color: var(--white); overflow-wrap: anywhere; }
.lc-contact__actions { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.lc-contact[data-state="stale"] { box-shadow: inset 0 0 0 var(--hairline) var(--amber); }
.lc-contact[data-state="relay"] { background: var(--bg-panel); box-shadow: inset 0 0 0 var(--hairline) var(--border-bright); }
@container partner (max-width: 640px) { .lc-contact__actions .btn { flex: 1 1 auto; } }

.lc-contact .chip { border-color: transparent; padding-inline: 0; }
.lc-contact .chip--ok { color: var(--fg); }
.lc-contact .chip--ok .chip__dot { display: none; }
.lc-contact .chip--ok::before { content: "✓"; }

.lc-ice { list-style: none; display: grid; }
.lc-ice__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-3); align-items: start; padding: var(--s-3) 0; border-bottom: var(--hairline) solid var(--border); }
.lc-ice__item:first-child { border-top: var(--hairline) solid var(--border); }
.lc-ice__q { font-size: var(--fs-lead); line-height: var(--lh-quote); color: var(--fg); max-width: 60ch; }

.lc-template { display: grid; gap: var(--s-2); padding: var(--s-4); border-radius: var(--radius-card); background: var(--bg-panel); }
.lc-template__text { font-size: var(--fs-small); line-height: var(--lh-quote); white-space: pre-wrap; color: var(--fg); }
.lc-template__foot { display: flex; justify-content: space-between; gap: var(--s-2); align-items: center; }

.lc-feedback { display: grid; gap: var(--s-3); padding: var(--s-4); }
.lc-feedback__q { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--s-1) var(--s-3); }
.lc-feedback__title { font-weight: 600; color: var(--white); }
.lc-feedback__recorded { font-family: var(--font-text); font-size: var(--fs-small); color: var(--fg-dim); }
.lc-feedback__recorded::before { content: "✓ "; color: var(--ok); }
.lc-feedback__answers { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.lc-feedback__answers .lc-tag { font-size: var(--fs-body); font-weight: 600; }
.lc-rating { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--lc-gap-seg); padding: var(--lc-gap-seg); border: var(--hairline) solid var(--lc-line-control); border-radius: var(--radius); background: var(--bg-elev); }
.lc-rating__opt { min-height: var(--tap); padding: var(--s-2); border: 0; border-radius: calc(var(--radius) - var(--lc-gap-seg)); background: transparent; cursor: pointer; font-size: var(--fs-small); font-weight: 600; text-align: center; text-wrap: balance; color: var(--fg); display: grid; gap: var(--lc-gap-seg); justify-items: center; }
.lc-rating__opt:hover { background: var(--lc-accent-wash); }
.lc-rating__opt[aria-checked="true"] { background: var(--lc-accent-wash); box-shadow: inset 0 0 0 var(--hairline) var(--accent); }
.lc-rating__n { font-family: var(--font-data); font-size: var(--fs-micro); font-weight: 500; color: var(--fg-dim); }
.lc-feedback__thanks { display: grid; gap: var(--s-1); }
.lc-feedback__thanks b { color: var(--white); }
.lc-feedback__thanks b::before { content: "✓ "; color: var(--ok); }
@container partner (max-width: 640px) { .lc-feedback { padding: var(--s-3); } .lc-rating { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.lc-days { display: grid; grid-template-columns: max-content repeat(7, minmax(0, 1fr)); gap: var(--lc-gap-seg); font-family: var(--font-text); font-size: var(--fs-micro); align-items: center; }
.lc-days__h { text-align: center; color: var(--fg-faint); padding-bottom: var(--s-1); }
.lc-days__who { color: var(--fg-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lc-days__c { height: var(--s-4); border-radius: var(--lc-radius-box); background: var(--bg); }
.lc-days__c[data-on="true"] { background: var(--bg-tint); }
.lc-days__c[data-both="true"] { background: var(--fg); }
.lc-days__legend { grid-column: 1 / -1; padding-top: var(--s-2); font-size: var(--fs-small); color: var(--fg-dim); }

.lc-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: var(--radius-card); background: var(--bg-panel); }
.lc-compare__col { padding: var(--s-4); display: grid; gap: var(--s-2); align-content: start; }
.lc-compare__col + .lc-compare__col { border-left: var(--hairline) solid var(--border); }
.lc-compare__list { list-style: none; display: grid; gap: var(--s-2); }
.lc-compare__list li { display: grid; grid-template-columns: var(--s-4) minmax(0, 1fr); font-size: var(--fs-small); line-height: var(--lh-small); }
.lc-compare__list li::before { content: "="; color: var(--fg-faint); font-weight: 600; }
.lc-compare__col--differ .lc-compare__list li::before { content: "≠"; color: var(--white); }
@container app (max-width: 720px) { .lc-compare { grid-template-columns: minmax(0, 1fr); } .lc-compare__col + .lc-compare__col { border-left: 0; border-top: var(--hairline) solid var(--border); } .lc-compare__col { padding: var(--s-3); } }



.lc-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); align-items: stretch; }
.lc-plan { display: grid; grid-template-rows: auto auto 1fr auto; gap: var(--s-3); padding: var(--s-4); background: var(--bg-panel); border: 0; border-radius: var(--radius-card); container: plan / inline-size; }
.lc-plan[data-current="true"] { background: var(--bg-tint); }
.lc-plan__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--s-2); }
.lc-plan__name { font-size: var(--fs-title); font-weight: 600; color: var(--white); }
.lc-plan__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-1) var(--s-2); font-family: var(--font-data); font-variant-numeric: tabular-nums; }
.lc-plan__amount { font-size: var(--fs-display); font-weight: 600; color: var(--white); letter-spacing: var(--tr-tight); line-height: var(--lh-none); }
.lc-plan__per { font-size: var(--fs-small); color: var(--fg-dim); }
.lc-plan__was { font-size: var(--fs-small); color: var(--fg-faint); text-decoration: line-through; }
.lc-plan__list { list-style: none; display: grid; gap: var(--s-2); align-content: start; }
.lc-plan__list li { display: grid; grid-template-columns: var(--s-4) minmax(0, 1fr); font-size: var(--fs-small); line-height: var(--lh-small); }
.lc-plan__list li::before { content: "·"; font-weight: 600; color: var(--fg-dim); }
.lc-plan__list li[data-soon="true"]::after { content: "soon"; grid-column: 2; font-family: var(--font-text); font-size: var(--fs-micro); color: var(--amber); }
.lc-plan__current { font-family: var(--font-text); font-size: var(--fs-small); font-weight: 600; color: var(--white); display: inline-flex; gap: var(--s-1); align-items: center; min-height: var(--tap); }
.lc-plan__current::before { content: "✓"; color: var(--fg); }
.lc-plan__slot { padding: var(--s-2) var(--s-3); border: var(--hairline) dashed var(--lc-line-control); border-radius: var(--radius); font-size: var(--fs-small); color: var(--fg); line-height: var(--lh-small); }
.lc-plan__slot-label { display: block; font-family: var(--font-text); font-size: var(--fs-micro); color: var(--fg-dim); }
@container app (max-width: 900px) { .lc-plans { grid-template-columns: minmax(0, 1fr); } }



.lc-member-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--s-3); align-items: center; min-height: var(--tap); padding: var(--s-2) 0; border-bottom: var(--hairline) solid var(--border); }
.lc-member-row__name { font-weight: 600; color: var(--white); display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-2); align-items: center; }
.lc-member-row__meta { font-size: var(--fs-small); color: var(--fg-dim); }
.lc-member-row__actions { display: flex; gap: var(--s-2); flex-wrap: wrap; justify-content: flex-end; }
@container app (max-width: 720px) { .lc-member-row { grid-template-columns: auto minmax(0, 1fr); } .lc-member-row__actions { grid-column: 1 / -1; justify-content: flex-start; } }

.lc-admin { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-4); padding: var(--s-4); border-radius: var(--radius-card); background: var(--bg-panel); align-content: start; }
.lc-admin .lc-member-row { grid-template-columns: auto minmax(0, 1fr); }
.lc-admin .lc-member-row__actions { grid-column: 1 / -1; justify-content: flex-start; }
.lc-admin__label { display: flex; justify-content: space-between; align-items: center; gap: var(--s-2); }
.lc-admin__tag { font-family: var(--font-text); font-size: var(--fs-micro); font-weight: 500; padding: var(--s-1) var(--s-3); border-radius: var(--radius-pill); background: var(--bg-tint); color: var(--fg); }

.lc-stat { display: grid; gap: var(--s-1); }
.lc-stat__n { font-family: var(--font-data); font-size: var(--fs-mega); font-weight: 600; letter-spacing: var(--tr-display); line-height: var(--lh-none); color: var(--white); font-variant-numeric: tabular-nums; }
.lc-stat__l { font-family: var(--font-text); font-size: var(--fs-small); color: var(--fg-dim); }
@container app (max-width: 720px) { .lc-stat__n { font-size: var(--fs-display); } }



.lc-autosave { display: inline-flex; align-items: center; gap: var(--s-2); font-family: var(--font-text); font-size: var(--fs-small); color: var(--fg-dim); font-variant-numeric: tabular-nums; min-height: var(--tap); }
.lc-autosave[data-state="saving"]::before { content: ""; width: var(--s-4); height: var(--lc-track); border-radius: var(--radius-pill); background: currentColor; animation: lc-breathe 1.2s ease-in-out infinite; }
.lc-autosave[data-state="saved"]::before { content: "✓"; color: var(--ok); }
.lc-autosave[data-state="error"] { color: var(--danger); }
.lc-autosave[data-state="error"]::before { content: "××"; font-weight: 600; }
.lc-section-tick { font-family: var(--font-text); font-size: var(--fs-micro); color: var(--ok); }
.lc-section-tick::before { content: "✓ "; }



.lc-hero {
  display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  grid-template-areas: "copy rules" "cta rules" "proof rules";
  gap: var(--s-4) var(--s-7); align-items: start; padding-block: var(--s-8) var(--s-7);
}
.lc-hero__copy { grid-area: copy; display: grid; gap: var(--s-4); align-content: start; }
.lc-hero__rules { grid-area: rules; display: grid; gap: var(--s-3); align-content: start; padding: var(--s-4); border-radius: var(--radius-card); background: var(--bg-panel); }
.lc-hero__title { font-size: var(--fs-mega); font-weight: 600; letter-spacing: var(--tr-display); line-height: 1.08; color: var(--white); text-wrap: balance; }
.lc-hero__lead { font-size: var(--fs-lead); font-weight: 400; line-height: var(--lh-lead); color: var(--fg); max-width: 60ch; }
.lc-hero__cta { grid-area: cta; display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-3); align-items: center; }
.lc-hero__proof { grid-area: proof; font-family: var(--font-text); font-size: var(--fs-small); color: var(--fg-dim); font-variant-numeric: tabular-nums; }
.lc-rules { list-style: none; display: grid; }
.lc-rules__item { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-1); padding: var(--s-2) 0; border-bottom: var(--hairline) solid var(--border); }
.lc-rules__item:last-child { border-bottom: 0; }
.lc-rules__t { font-weight: 600; color: var(--white); }
.lc-rules__d { font-size: var(--fs-small); color: var(--fg-dim); line-height: var(--lh-small); }
.lc-section { display: grid; gap: var(--s-5); padding-block: var(--s-7); }
.lc-section__head { display: grid; gap: var(--s-2); max-width: var(--measure-text); }
.lc-section__title { font-size: var(--fs-display); font-weight: 600; line-height: 1.15; color: var(--white); letter-spacing: var(--tr-tight); }
.lc-faq { display: grid; padding: 0 var(--s-4); border-radius: var(--radius-card); background: var(--bg-panel); }
.lc-faq details { border-bottom: var(--hairline) solid var(--border); }
.lc-faq details:last-child { border-bottom: 0; }
.lc-faq summary { display: flex; justify-content: space-between; align-items: center; gap: var(--s-3); min-height: var(--tap); padding: var(--s-3) 0; cursor: pointer; font-weight: 600; color: var(--white); list-style: none; }
.lc-faq summary::-webkit-details-marker { display: none; }
.lc-faq summary::after { content: "+"; font-weight: 400; color: var(--fg-dim); font-size: var(--fs-title); }
.lc-faq details[open] summary::after { content: "−"; }
.lc-faq summary:focus-visible { outline-offset: 0; }
.lc-faq__a { padding: 0 0 var(--s-4); color: var(--fg-dim); max-width: var(--measure-text); display: grid; gap: var(--s-2); }
.lc-quote-slot { display: grid; gap: var(--s-2); margin: 0; padding: var(--s-4); border: var(--hairline) dashed var(--border-bright); border-radius: var(--radius-card); }
.lc-quote-slot__text { font-size: var(--fs-lead); line-height: var(--lh-quote); color: var(--fg-dim); }
.lc-quote-slot__who { font-family: var(--font-text); font-size: var(--fs-small); color: var(--fg-faint); }
@container app (max-width: 720px) {
  .lc-hero { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "rules" "cta" "proof"; gap: var(--s-4); padding-block: var(--s-4) var(--s-5); }
  .lc-hero__rules .lc-rules__d { display: none; }
  .lc-hero__rules .lc-rules__item { padding: var(--s-1) 0; }
  .lc-hero__title { font-size: 32px; line-height: 1.15; letter-spacing: var(--tr-tight); }
  .lc-hero__lead { font-size: var(--fs-body); }
  .lc-hero__cta .btn { flex: 1 1 100%; }
  .lc-section { padding-block: var(--s-6); gap: var(--s-4); }
  .lc-section__title { font-size: var(--fs-title); }
  .lc-hero__rules { padding: var(--s-3); }
  .lc-faq { padding: 0 var(--s-3); }
}



.lc-page__title { font-size: var(--fs-display); font-weight: 600; letter-spacing: var(--tr-tight); line-height: var(--lh-display); color: var(--white); }
.lc-page__lead { font-size: var(--fs-lead); font-weight: 400; line-height: var(--lh-lead); max-width: 60ch; }
.lc-back { display: inline-flex; align-items: center; gap: var(--s-1); min-height: var(--tap); font-family: var(--font-text); font-size: var(--fs-small); font-weight: 500; color: var(--fg-dim); text-decoration: none; }
.lc-back:hover { color: var(--white); }
.lc-back .lc-i { rotate: 180deg; }


.lc-signin { display: grid; justify-items: center; padding-block: var(--s-7) var(--s-8); }
.lc-signin__panel { width: min(100%, var(--lc-modal)); }

.lc-signin__panel.panel--promoted { border: 0; }
.lc-signin__panel .panel__head { flex-direction: column; align-items: flex-start; gap: var(--s-1); }
.lc-signin__panel .panel__label { font-size: var(--fs-title); font-weight: 600; color: var(--white); }
.lc-signin__title { font-size: var(--fs-title); font-weight: 600; color: var(--white); line-height: var(--lh-title); }
.lc-signin__text { color: var(--fg-dim); font-size: var(--fs-small); line-height: var(--lh-small); }
.lc-signin__text b { color: var(--white); font-weight: 600; }
.lc-steps { list-style: none; display: grid; counter-reset: step; }
.lc-steps li { display: grid; grid-template-columns: var(--s-6) minmax(0, 1fr); gap: var(--s-2); align-items: baseline; padding: var(--s-2) 0; border-bottom: var(--hairline) solid var(--border); font-size: var(--fs-small); }
.lc-steps li::before { counter-increment: step; content: counter(step) "."; font-family: var(--font-data); color: var(--fg-faint); }
.lc-steps li[data-done="true"]::before { content: "✓"; color: var(--ok); }
@container app (max-width: 720px) { .lc-signin { padding-block: var(--s-4) var(--s-6); } }


.lc-check { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-1) var(--s-3); align-items: start; min-height: var(--tap); padding: var(--s-2) 0; cursor: pointer; font-size: var(--fs-small); line-height: var(--lh-small); }
.lc-check__box { appearance: none; margin: 0; width: var(--s-4); height: var(--s-4); border: var(--hairline) solid var(--lc-line-control); border-radius: var(--lc-radius-box); background: var(--bg-elev); display: grid; place-items: center; cursor: pointer; }
.lc-check__box::before { content: "✓"; font-weight: 600; color: var(--lc-on-accent); scale: 0; line-height: var(--lh-none); }
.lc-check__box:checked { background: var(--accent); border-color: var(--accent); }
.lc-check__box:checked::before { scale: 1; }
.lc-check__box:focus-visible { outline: var(--focus-width) solid var(--accent); outline-offset: var(--focus-width); }
.lc-check__req { font-family: var(--font-text); font-size: var(--fs-micro); color: var(--fg-dim); }


.lc-dash__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--s-2) var(--s-4); }
.lc-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); align-items: start; }
.lc-two__head { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--s-2); }
@container app (max-width: 900px) { .lc-two { grid-template-columns: minmax(0, 1fr); } }
.lc-summary { display: grid; }
.lc-summary__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-3); align-items: baseline; min-height: var(--tap); padding: var(--s-2) 0; border-bottom: var(--hairline) solid var(--border); font-size: var(--fs-small); }
.lc-summary__k { color: var(--fg-dim); }
.lc-summary__v { font-family: var(--font-data); font-size: var(--fs-kicker); color: var(--white); text-align: right; font-variant-numeric: tabular-nums; }
.lc-me-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-3); align-items: start; }
.lc-me-card__name { font-size: var(--fs-lead); font-weight: 600; color: var(--white); }
.lc-me-card__desc { font-size: var(--fs-small); color: var(--fg-dim); line-height: var(--lh-small); max-width: var(--measure-text); }


.lc-person { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, var(--lc-toast)); gap: var(--s-4) var(--s-5); align-items: start; padding-bottom: var(--s-4); }
.lc-person__main { display: grid; gap: var(--s-2); }
.lc-person__name { font-size: var(--fs-display); font-weight: 600; letter-spacing: var(--tr-tight); line-height: var(--lh-display); color: var(--white); }
.lc-person__role { font-size: var(--fs-lead); font-weight: 400; color: var(--fg); }
.lc-person__facts { display: block; font-family: var(--font-text); font-size: var(--fs-small); color: var(--fg-dim); font-variant-numeric: tabular-nums; }
.lc-person__facts > * + *::before { content: " · "; color: var(--fg-faint); text-decoration: none; display: inline-block; white-space: pre; }
.lc-person__facts b { color: var(--white); font-weight: 600; }
.lc-person__contact { container: partner / inline-size; }
.lc-why { display: grid; gap: var(--s-3); }
.lc-why__text { font-size: var(--fs-lead); line-height: var(--lh-quote); color: var(--fg); max-width: 60ch; }
.lc-why__note { font-size: var(--fs-small); color: var(--fg-faint); }
@container app (max-width: 1000px) { .lc-person { grid-template-columns: auto minmax(0, 1fr); } .lc-person__contact { grid-column: 1 / -1; } }
@container app (max-width: 720px) { .lc-person__name { font-size: var(--fs-title); } .lc-person__role { font-size: var(--fs-body); } .lc-why__text { font-size: var(--fs-body); } }


.lc-form-layout { display: grid; grid-template-columns: minmax(0, 1fr) var(--lc-aside); grid-template-areas: "main aside"; gap: var(--s-5); align-items: start; }
.lc-form-layout__aside { grid-area: aside; position: sticky; top: calc(var(--s-7) + var(--s-3)); display: grid; gap: var(--s-4); }
.lc-form-layout__main { grid-area: main; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
@container app (max-width: 900px) {
  .lc-form-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "aside" "main"; gap: var(--s-4); }
  .lc-form-layout__aside { position: static; }
}
.lc-fsec { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-4); padding-bottom: var(--s-5); border-bottom: var(--hairline) solid var(--border); }
.lc-fsec__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); }
.lc-fsec__title { font-size: var(--fs-lead); font-weight: 600; color: var(--white); }
.lc-fsec__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
.lc-fsec__note { font-size: var(--fs-small); color: var(--fg-dim); line-height: var(--lh-small); max-width: var(--measure-text); }
@container app (max-width: 720px) { .lc-fsec__grid { grid-template-columns: minmax(0, 1fr); } .lc-fsec { gap: var(--s-3); padding-bottom: var(--s-4); } }
.lc-acct { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--s-3); align-items: center; min-height: var(--tap); padding: var(--s-2) 0; border-bottom: var(--hairline) solid var(--border); }
.lc-acct__name { font-weight: 600; color: var(--white); }
.lc-acct__meta { display: block; font-size: var(--fs-small); color: var(--fg-dim); overflow-wrap: anywhere; }
.lc-acct__act { display: flex; gap: var(--s-2); align-items: center; }
.lc-setting { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-3); padding-bottom: var(--s-5); border-bottom: var(--hairline) solid var(--border); }
.lc-setting__when { font-family: var(--font-text); font-size: var(--fs-small); color: var(--amber); }


.lc-comm-head { display: grid; gap: var(--s-2); }
.lc-comm-stats { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-5); font-family: var(--font-data); font-size: var(--fs-small); color: var(--fg-dim); font-variant-numeric: tabular-nums; }
.lc-comm-stats b { color: var(--white); font-size: var(--fs-title); font-weight: 600; margin-right: var(--s-1); }
.lc-invite { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-2); align-items: center; padding: var(--s-2) 0; border-bottom: var(--hairline) solid var(--border); font-size: var(--fs-small); }
.lc-invite__url { font-family: var(--font-data); letter-spacing: var(--tr-none); color: var(--white); overflow-wrap: anywhere; }
.lc-invite__meta { display: block; color: var(--fg-faint); font-size: var(--fs-micro); }
.lc-invite[data-disabled="true"] .lc-invite__url { color: var(--fg-faint); text-decoration: line-through; }


.lc-doc { display: grid; gap: var(--s-5); max-width: var(--measure-text); }
.lc-doc h2 { font-size: var(--fs-title); line-height: var(--lh-title); }
.lc-doc p, .lc-doc li { line-height: var(--lh-body); }
.lc-doc ul { padding-left: var(--s-4); display: grid; gap: var(--s-2); }
.lc-rule-big { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-1); padding: var(--s-4) 0; border-bottom: var(--hairline) solid var(--border); }
.lc-rule-big__t { font-size: var(--fs-title); font-weight: 600; color: var(--white); letter-spacing: var(--tr-tight); line-height: var(--lh-title); }
.lc-rule-big__d { color: var(--fg-dim); }
@container app (max-width: 720px) { .lc-rule-big__t { font-size: var(--fs-lead); } }


.lc-numbers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); }
.lc-quotes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
.lc-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-6); align-items: start; }
.lc-teaser { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); }
.lc-teaser__item { display: grid; gap: var(--s-2); align-content: start; padding: var(--s-4); border-radius: var(--radius-card); background: var(--bg-panel); }
.lc-teaser__name { font-size: var(--fs-lead); font-weight: 600; color: var(--white); display: flex; gap: var(--s-2); align-items: center; }
.lc-teaser__price { font-family: var(--font-text); font-size: var(--fs-small); color: var(--fg-dim); }
.lc-final { display: grid; gap: var(--s-4); justify-items: start; }
@container app (max-width: 720px) {
  .lc-numbers { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
  .lc-quotes, .lc-split { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); }
  .lc-teaser { grid-template-columns: minmax(0, 1fr); }
  .lc-teaser__item { padding: var(--s-3); }
  .lc-final .btn { width: 100%; }
}



@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}