/* Проводник: логотип в шапке чата — кнопка режимов; свечение = режим, пульс = агент думает / пишет / говорит */
.guide-logo { --gl: 245,166,35; position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
    border: 0; padding: 2px; margin: 0 8px 0 0; background: none; border-radius: 12px; line-height: 0; cursor: default; -webkit-tap-highlight-color: transparent; }
.guide-logo .chat-header-avatar { margin: 0 !important; transition: filter .5s ease, opacity .5s ease; }
.guide-logo.on { cursor: pointer; }
.guide-logo.on::before { content: ''; position: absolute; inset: -6px; border-radius: 50%; pointer-events: none; opacity: 0;
    background: radial-gradient(circle, rgba(var(--gl),.34) 0%, rgba(var(--gl),.12) 45%, rgba(var(--gl),0) 70%); transition: opacity .5s ease; }
.guide-logo.on[data-mode="guide"] img { animation: glogo-breathe 4s ease-in-out infinite; }
.guide-logo.on[data-mode="guide"]::before { opacity: .75; }
.guide-logo.on[data-mode="quiet"] img { filter: drop-shadow(0 0 2px rgba(var(--gl),.55)) drop-shadow(0 0 5px rgba(var(--gl),.25)); }
.guide-logo.on[data-mode="quiet"]::before { opacity: .28; }
.guide-logo.on[data-mode="off"] { --gl: 214,220,230; }
.guide-logo.on[data-mode="off"] img { filter: grayscale(1); opacity: .62; }
.guide-logo.on[data-act="think"] img { opacity: 1; animation: glogo-pulse 1.8s ease-in-out infinite; }
.guide-logo.on[data-act="think"]::before { animation: glogo-halo 1.8s ease-in-out infinite; }
.guide-logo.on[data-act="write"] img { opacity: 1; animation: glogo-pulse .8s ease-in-out infinite; }
.guide-logo.on[data-act="write"]::before { animation: glogo-halo .8s ease-in-out infinite; }
.guide-logo.on[data-act="speak"] img { opacity: 1; animation: glogo-speak 1.2s linear infinite; }
.guide-logo.on[data-act="speak"]::before { animation: glogo-speak-halo 1.2s linear infinite; }
.guide-logo.flash img { animation: glogo-flash .7s ease-out 1 !important; }
.guide-logo:focus-visible { outline: 2px solid #f5a623; outline-offset: 2px; }
@media (max-width: 767px) {
    .chat-header .guide-logo.on .chat-header-avatar { display: block; width: 26px; height: 28px; }
    .chat-header .guide-logo { margin-right: 4px; }
}
@keyframes glogo-breathe {
    0%,100% { filter: drop-shadow(0 0 2px rgba(var(--gl),.8)) drop-shadow(0 0 5px rgba(var(--gl),.45)); }
    50%     { filter: drop-shadow(0 0 3px rgba(var(--gl),1)) drop-shadow(0 0 10px rgba(var(--gl),.8)); } }
@keyframes glogo-pulse {
    0%,100% { transform: scale(1);    filter: drop-shadow(0 0 2px rgba(var(--gl),.7)) drop-shadow(0 0 4px rgba(var(--gl),.35)); }
    50%     { transform: scale(1.06); filter: drop-shadow(0 0 4px rgba(var(--gl),1)) drop-shadow(0 0 13px rgba(var(--gl),.9)); } }
@keyframes glogo-halo { 0%,100% { opacity: .25; transform: scale(.85); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes glogo-speak {
    0%   { transform: scale(1);    filter: drop-shadow(0 0 2px rgba(var(--gl),.7)) drop-shadow(0 0 4px rgba(var(--gl),.3)); }
    12%  { transform: scale(1.08); filter: drop-shadow(0 0 4px rgba(var(--gl),1)) drop-shadow(0 0 14px rgba(var(--gl),.9)); }
    24%  { transform: scale(1.02); filter: drop-shadow(0 0 3px rgba(var(--gl),.8)) drop-shadow(0 0 7px rgba(var(--gl),.5)); }
    38%  { transform: scale(1.1);  filter: drop-shadow(0 0 5px rgba(var(--gl),1)) drop-shadow(0 0 16px rgba(var(--gl),1)); }
    52%  { transform: scale(1);    filter: drop-shadow(0 0 2px rgba(var(--gl),.7)) drop-shadow(0 0 4px rgba(var(--gl),.3)); }
    66%  { transform: scale(1.06); filter: drop-shadow(0 0 4px rgba(var(--gl),1)) drop-shadow(0 0 12px rgba(var(--gl),.85)); }
    80%  { transform: scale(1.03); filter: drop-shadow(0 0 3px rgba(var(--gl),.85)) drop-shadow(0 0 8px rgba(var(--gl),.55)); }
    100% { transform: scale(1);    filter: drop-shadow(0 0 2px rgba(var(--gl),.7)) drop-shadow(0 0 4px rgba(var(--gl),.3)); } }
@keyframes glogo-speak-halo {
    0%,52%,100% { opacity: .3; transform: scale(.9); } 12%,66% { opacity: .9; transform: scale(1.18); } 38% { opacity: 1; transform: scale(1.25); } 24%,80% { opacity: .55; transform: scale(1.02); } }
@keyframes glogo-flash {
    0%   { transform: scale(.85); filter: drop-shadow(0 0 0 rgba(var(--gl),0)); }
    40%  { transform: scale(1.18); filter: drop-shadow(0 0 6px #fff1c9) drop-shadow(0 0 18px rgba(var(--gl),1)); }
    100% { transform: scale(1); } }

#guide-pop { position: fixed; top: 56px; left: 50%; transform: translate(-50%, -6px) scale(.98); width: min(340px, calc(100vw - 24px)); z-index: 1200;
    background: rgba(14,14,16,.96); border: 1px solid rgba(245,166,35,.28); border-radius: 14px; padding: 14px 14px 12px;
    box-shadow: 0 18px 50px rgba(0,0,0,.55), 0 0 24px rgba(245,166,35,.12); color: #ececf0; opacity: 0; pointer-events: none;
    transition: opacity .18s ease, transform .18s ease; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
#guide-pop.open { opacity: 1; pointer-events: auto; transform: translate(-50%, 0) scale(1); }
#guide-pop .gp-title { font-size: 13px; font-weight: 600; letter-spacing: .02em; margin-bottom: 10px; color: #f5c45a; }
#guide-pop .gp-seg { display: flex; gap: 0; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; padding: 3px; }
#guide-pop .gp-seg button { flex: 1 1 0; white-space: nowrap; border: 0; background: none; color: #b9bcc6; font: inherit; font-size: 13px; padding: 7px 4px; border-radius: 8px; cursor: pointer; transition: background .2s, color .2s, box-shadow .2s; }
#guide-pop .gp-seg button.on { background: linear-gradient(180deg, #f5b13c, #e0951a); color: #120d04; font-weight: 600; box-shadow: 0 0 12px rgba(245,166,35,.45); }
#guide-pop .gp-seg button[data-m="off"].on { background: linear-gradient(180deg, #e6e9ef, #b9bec8); box-shadow: 0 0 10px rgba(220,226,235,.35); }
#guide-pop .gp-desc { font-size: 13px; margin: 10px 2px 4px; color: #e2e3e8; }
#guide-pop .gp-hint { font-size: 11.5px; color: #8b8e98; margin: 0 2px; }
.guide-welcome .guide-note { margin-top: 14px; font-size: 12px; opacity: .55; }

html[data-theme="light"] #guide-pop { background: rgba(255,252,245,.97); color: #2a2620; border-color: rgba(200,140,30,.35); box-shadow: 0 18px 44px rgba(60,40,10,.18); }
html[data-theme="light"] #guide-pop .gp-title { color: #b06f05; }
html[data-theme="light"] #guide-pop .gp-seg { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.08); }
html[data-theme="light"] #guide-pop .gp-seg button { color: #6b665c; }
html[data-theme="light"] #guide-pop .gp-desc { color: #3a352c; }
@media (prefers-reduced-motion: reduce) {
    .guide-logo img, .guide-logo::before { animation: none !important; transform: none !important; }
    .guide-logo.on[data-mode="guide"] img, .guide-logo.on:not([data-act="idle"]) img { filter: drop-shadow(0 0 3px rgba(var(--gl),1)) drop-shadow(0 0 9px rgba(var(--gl),.7)); }
    .guide-logo.on:not([data-act="idle"])::before { opacity: 1; }
    #guide-pop { transition: none; }
}