.salem-guide{position:fixed;right:22px;bottom:18px;z-index:10010;width:104px;font:13px/1.5 system-ui,sans-serif;color:#28302a;pointer-events:none;isolation:isolate;padding:0;border:0;overflow:visible}
.salem-guide [hidden]{display:none!important}
.salem-guide button{font:inherit;cursor:pointer;pointer-events:auto;color:inherit}
.salem-cat{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:104px;border:0;background:transparent;padding:0;gap:3px}
.salem-cat img{object-fit:contain;width:104px;height:104px;transform-origin:50% 95%;animation:salem-breathe 5s ease-in-out infinite;filter:drop-shadow(0 5px 5px #20221e22)}
.salem-cat>span{padding:3px 12px;border:1px solid #b9c2b0;border-radius:20px;background:#f4f3ed;color:#485541;font-size:10px;letter-spacing:.05em}
.salem-cat:hover img{animation:salem-greet .7s ease-in-out}
.salem-cat:focus-visible,.salem-guide button:focus-visible{outline:2px solid #647855;outline-offset:4px;border-radius:12px}
.salem-bubble{position:absolute;right:4px;bottom:140px;width:290px;max-width:calc(100vw - 36px);padding:17px 18px 12px;background:#f7f6ef;border:1px solid #cbd1c3;border-radius:18px 18px 4px 18px;box-shadow:0 12px 40px #242b1d14;pointer-events:auto;animation:salem-enter .25s ease-out}
.salem-bubble-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.salem-bubble-head strong{font-size:10px;letter-spacing:.14em;font-weight:600}
.salem-bubble-head strong span{font-weight:400;color:#76806e;letter-spacing:0;margin-left:8px}
.salem-dismiss{background:none;border:0;font-size:20px!important;line-height:1;padding:3px 7px}
.salem-message{margin:12px 0 15px;font-size:13px;line-height:1.55;letter-spacing:0;font-weight:400}
.salem-options{display:flex;gap:14px;border-top:1px solid #dce0d3;padding-top:9px}
.salem-options button{background:none;border:0;padding:3px 0;font-size:10px;color:#68735e}
.salem-options button:hover{text-decoration:underline}
.salem-restore{background:#f4f3ed;border:1px solid #b9c2b0;padding:6px 12px;border-radius:20px;font-size:11px!important}
@keyframes salem-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.015)}}
@keyframes salem-greet{0%,100%{transform:rotate(0)}35%{transform:rotate(-5deg)}70%{transform:rotate(3deg)}}
@keyframes salem-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.salem-guide{right:12px;bottom:12px;width:76px}.salem-cat{width:76px}.salem-cat img{width:76px;height:76px}.salem-bubble{bottom:110px;width:260px;padding:14px}.salem-cat>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.salem-guide *{animation:none!important;transition:none!important}}
@media(max-width:800px){#lightbox[open] .salem-guide{top:76px;bottom:auto;right:12px;width:60px}#lightbox[open] .salem-cat,#lightbox[open] .salem-cat img{width:60px;height:60px}#lightbox[open] .salem-bubble{top:90px;bottom:auto}}




#lightbox[open] .salem-guide.salem-image-mode{top:auto;bottom:0;right:14px;width:90px}
#lightbox[open] .salem-image-mode .salem-cat{width:90px;gap:0;min-height:44px}
#lightbox[open] .salem-image-mode .salem-cat img{display:block;width:90px;height:auto;filter:none;animation:none;transform:none}
#lightbox[open] .salem-image-mode .salem-cat>span{display:none}
#lightbox[open] .salem-image-mode .salem-bubble{top:auto;bottom:66px}
@media(max-width:650px){#lightbox[open] .salem-guide.salem-image-mode{right:8px;width:70px}#lightbox[open] .salem-image-mode .salem-cat,#lightbox[open] .salem-image-mode .salem-cat img{width:70px}#lightbox[open] .salem-image-mode .salem-bubble{bottom:54px}}

#lightbox[open] .salem-image-mode .salem-cat{overflow:hidden}#lightbox[open] .salem-image-mode .salem-cat img{transform:translateY(6%)}
