.digital-guide[hidden]{display:none!important}.digital-guide{--voice:0;z-index:45;color:#f4ede0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#182833f5,#0c1823fa);border:1px solid #d0af6259;border-radius:22px;flex-direction:column;width:338px;max-height:calc(100dvh - 100px);animation:.4s ease-out guide-arrive;display:flex;position:fixed;bottom:24px;right:410px;overflow:hidden;box-shadow:0 24px 80px #0008}.guide-header{justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 10px;display:flex}.guide-kicker{letter-spacing:.22em;color:#d2b575;font:9px/1.8 sans-serif;display:block}.guide-header strong{font-size:15px;font-weight:500}.guide-close{color:#eee6d8;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:50%;width:30px;height:30px}.guide-portrait{background:radial-gradient(at 50% 75%,#aa865c25,#0000 65%);border-radius:14px;flex-shrink:1;height:230px;min-height:170px;margin:0 10px;position:relative;overflow:hidden}.guide-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#111e29);position:absolute;inset:0}.guide-portrait img{object-fit:cover;object-position:50% 18%;width:100%;height:100%;animation:6s ease-in-out infinite guide-breathe;position:absolute;transform:scale(1.025)}.guide-portrait .guide-talking{opacity:var(--voice);transition:opacity 70ms linear}.guide-badge{z-index:2;color:#e6d5ad;background:#09151bba;border:1px solid #d2b57540;border-radius:20px;padding:5px 9px;font-size:10px;position:absolute;bottom:12px;left:12px}.guide-presence{z-index:2;align-items:center;gap:4px;height:20px;display:flex;position:absolute;bottom:16px;right:12px}.guide-presence i{height:calc(4px + var(--voice) * 17px);background:#d5b66e;border-radius:5px;width:3px;transition:height 80ms;display:block}.guide-presence i:nth-child(2n){height:calc(4px + var(--voice) * 9px)}[data-mode=listening] .guide-presence i{background:#77c9bd;animation:.7s infinite alternate guide-listen}.guide-context{padding:9px 18px 8px}.guide-context small{color:#a9b4bd;margin-bottom:4px;font-size:10px;display:block}.guide-context strong{font-size:16px;font-weight:500}.guide-status{color:#cdb780;min-height:18px;margin:0 18px 8px;font-size:11px;line-height:1.6}.guide-messages{overscroll-behavior:contain;flex:auto;min-height:50px;max-height:155px;padding:0 16px;overflow:auto}.guide-message{white-space:pre-wrap;background:#ffffff07;border:1px solid #ffffff0c;border-radius:12px;margin:0 0 9px;padding:10px 12px;font-size:12px;line-height:1.85}.guide-message.user{background:#b99b491b;border-color:#d2b57538;margin-left:25px}.guide-tools,.guide-questions{gap:6px;padding:8px 16px 0;display:flex}.guide-tools button,.guide-questions button{color:#e6d7b6;font:inherit;cursor:pointer;background:0 0;border:1px solid #fff2;border-radius:20px;padding:6px 10px;font-size:10px}.guide-questions button{color:#b7c4ce}.guide-form{gap:6px;padding:12px 16px 8px;display:flex}.guide-form textarea{resize:none;color:#f4ede0;min-width:0;font:inherit;background:#070f1755;border:1px solid #ffffff25;border-radius:10px;flex:1;padding:10px;font-size:12px}.guide-form button{color:#18212a;cursor:pointer;background:#d1b16d;border:0;border-radius:10px;padding:0 12px}.guide-foot{justify-content:space-between;align-items:center;gap:8px;padding:0 16px 14px;display:flex}.guide-foot button{color:#dcc28b;font:inherit;cursor:pointer;background:#ffffff05;border:1px solid #d2b57566;border-radius:9px;padding:8px 12px;font-size:11px}.guide-foot button[aria-pressed=true]{color:#b4ede1;border-color:#6eb6a8}.guide-foot small{color:#83929c;font-size:9px}.digital-guide button:disabled{opacity:.45;cursor:wait}.digital-guide button:focus-visible,.digital-guide textarea:focus-visible{outline-offset:3px;outline:2px solid #dfc486}@keyframes guide-arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes guide-breathe{50%{transform:translateY(2px)scale(1.03)}}@keyframes guide-listen{to{height:18px}}@media (max-width:1100px){.digital-guide{width:300px;right:410px}.guide-portrait{height:195px}}@media (max-width:720px){.digital-guide{z-index:85;width:min(338px,100vw - 24px);max-height:calc(100dvh - 82px);bottom:12px;right:12px}.guide-portrait{height:180px;min-height:120px}.guide-messages{max-height:140px}.guide-form textarea{font-size:16px}.guide-foot button{min-height:44px}}@media (prefers-reduced-motion:reduce){.digital-guide,.guide-portrait img,.guide-presence i{animation:none}}
