/* Окно диалога «Ника». Цвета - только токены web/brand/theme.css; собственные переменные
   (--lc-*) задают геометрию и прозрачность, цветов не объявляют. Каждый прототип может
   переопределить --lc-radius и фон карточки. */
.lc{--lc-radius:18px;--lc-gap:12px;--lc-fs:16px;color:var(--w-ink);font-family:var(--w-f-body);font-size:var(--lc-fs);line-height:1.5;text-align:left}
.lc *{box-sizing:border-box}
.lc-card{background:color-mix(in srgb,var(--w-surf) 86%,transparent);border:1px solid var(--w-line);border-radius:var(--lc-radius);box-shadow:0 24px 60px -24px color-mix(in srgb,var(--w-ink) 38%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);overflow:hidden;max-width:100%}
.lc-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--w-line2)}
.lc-head>div:nth-child(2){flex:1;min-width:0}
.lc-avatar{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--w-acc) 55%,white),var(--w-acc) 60%,color-mix(in srgb,var(--w-acc) 60%,black));position:relative;flex:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--w-acc) 18%,transparent)}
.lc-avatar i{position:absolute;inset:-5px;border-radius:50%;border:1px solid color-mix(in srgb,var(--w-acc) 50%,transparent);animation:lcPulse 2.6s ease-out infinite}
@keyframes lcPulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.lc-name{font-weight:600;font-family:var(--w-f-display);letter-spacing:.02em}
.lc-role{font-size:12.5px;color:var(--w-ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-body{padding:18px}
.lc-stage[hidden],.lc [hidden]{display:none!important}
.lc-title{font-family:var(--w-f-display);font-weight:600;font-size:22px;line-height:1.2;margin:0 0 8px;letter-spacing:.01em}
.lc-lead{margin:0 0 16px;color:var(--w-ink2)}
.lc-row{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.lc-input{flex:1 1 220px;min-width:0;min-height:44px;padding:10px 14px;font:inherit;color:var(--w-ink);background:var(--w-surf);border:1px solid var(--w-edge);border-radius:calc(var(--lc-radius) - 6px)}
.lc-input::placeholder{color:var(--w-ink3)}
.lc-input:focus-visible,.lc-btn:focus-visible,.lc-ghost:focus-visible,.lc-chip:focus-visible,.lc-link:focus-visible,.lc-check input:focus-visible{outline:2px solid var(--w-acc);outline-offset:2px}
.lc-btn{min-height:44px;padding:10px 20px;font:inherit;font-weight:600;color:var(--w-on-acc);background:var(--w-acc);border:1px solid var(--w-acc);border-radius:calc(var(--lc-radius) - 6px);cursor:pointer;transition:transform .14s,filter .14s}
.lc-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.lc-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.lc-ghost{min-height:36px;padding:6px 12px;font:inherit;font-size:14px;color:var(--w-ink);background:transparent;border:1px solid var(--w-edge);border-radius:999px;cursor:pointer}
.lc-ghost:hover{background:var(--w-surf2)}
.lc-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.lc-chip{min-height:36px;padding:6px 12px;font:inherit;font-size:14px;color:var(--w-acc);background:var(--w-acc-soft);border:1px solid transparent;border-radius:999px;cursor:pointer;text-align:left}
.lc-chip:hover{border-color:var(--w-acc)}
.lc-link{background:none;border:0;padding:6px 0;font:inherit;font-size:14px;color:var(--w-acc);text-decoration:underline;cursor:pointer}
.lc-err{margin:10px 0 0;color:var(--w-err);font-size:14px}
.lc-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.lc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lc-log{display:flex;flex-direction:column;gap:10px;max-height:min(46vh,360px);min-height:140px;overflow:auto;padding:2px 2px 12px;scrollbar-width:thin}
.lc-msg{max-width:88%;padding:10px 14px;border-radius:16px;overflow-wrap:anywhere}
.lc-msg p{margin:0}
.lc-bot{align-self:flex-start;background:var(--w-surf2);border-bottom-left-radius:4px}
.lc-you{align-self:flex-end;background:var(--w-acc);color:var(--w-on-acc);border-bottom-right-radius:4px}
.lc-src{display:block;margin-top:6px;font-size:12.5px;color:var(--w-ink2);font-family:var(--w-f-mono)}
.lc-typing{display:flex;gap:4px;padding:14px}
.lc-typing i{width:7px;height:7px;border-radius:50%;background:var(--w-ink3);animation:lcDot 1s infinite}
.lc-typing i:nth-child(2){animation-delay:.15s}.lc-typing i:nth-child(3){animation-delay:.3s}
@keyframes lcDot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.lc-found{margin:0 0 10px;padding:8px 12px;font-size:13.5px;color:var(--w-acc);background:var(--w-acc-soft);border-radius:12px;display:flex;gap:8px;flex-wrap:wrap}
.lc-send{margin-top:2px}
.lc-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-top:6px;font-size:13px;color:var(--w-ink2)}
.lc-form{display:grid;gap:12px}
.lc-field{display:grid;gap:4px;font-size:14px;color:var(--w-ink2)}
.lc-field .lc-input{flex:none;width:100%}
.lc-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--w-ink2);cursor:pointer}
.lc-check input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--w-acc)}
.lc-check a{color:var(--w-acc)}
@media (prefers-reduced-motion:reduce){.lc-avatar i,.lc-typing i{animation:none}.lc-btn{transition:none}}
@media (max-width:520px){.lc-body{padding:14px}.lc-title{font-size:20px}.lc-msg{max-width:94%}.lc-btn{width:100%}}

/* второй круг: сжатый вид в первом экране и нажатие кнопки */
.lc-compact .lc-title,.lc-compact .lc-lead{display:none}
.lc-compact .lc-card{max-width:560px}
.lc-compact[data-view="intro"] .lc-head{display:none}
.lc-compact[data-view="intro"] .lc-body{padding:0}
.lc-compact[data-view="intro"] .lc-card{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.lc-btn:active,.lc-chip:active,.lc-ghost:active{transform:scale(.97)}
.lc-btn{transition:transform .16s cubic-bezier(.23,1,.32,1),filter .16s}
@media (hover:hover) and (pointer:fine){.lc-btn:hover{transform:translateY(-1px)}}