#pepe-bolla,#pepe-box{--pepe-blu:#035c84;--pepe-aqua:#98d1d0;font-family:inherit;box-sizing:border-box}
#pepe-box *,#pepe-bolla *{box-sizing:border-box}
#pepe-bolla{position:fixed;right:16px;bottom:16px;z-index:99990;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}
#pepe-bolla>*{pointer-events:auto}
.pepe-fumetto{position:relative;max-width:260px;font-size:15.5px;background:#fff;color:#13303d;border-radius:16px 16px 4px 16px;padding:10px 30px 10px 14px;font-size:14px;line-height:1.35;box-shadow:0 6px 22px rgba(0,0,0,.18);cursor:pointer;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .3s,transform .3s;visibility:hidden}
.pepe-fumetto.pepe-su{opacity:1;transform:none;visibility:visible}
.pepe-fumetto b{color:#035c84}
.pepe-x{position:absolute;top:2px;right:2px;width:28px;height:28px;border:0;background:transparent;color:#5b7480;font-size:18px;cursor:pointer;border-radius:50%}
.pepe-cane{position:relative;width:150px;height:150px;border:0;background:transparent;padding:0;cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18));animation:pepe-salta 3.2s ease-in-out infinite}
.pepe-cane svg{width:100%;height:100%}
.pepe-orecchia-sx{transform-origin:34px 40px;animation:pepe-orecchia 3.2s ease-in-out infinite}
.pepe-orecchia-dx{transform-origin:86px 40px;animation:pepe-orecchia 3.2s ease-in-out infinite reverse}
.pepe-tasto{position:relative;display:flex;align-items:center;gap:10px;background:var(--pepe-blu);color:#fff;border:0;border-radius:999px;padding:16px 26px 16px 18px;font-size:18px;animation:pepe-pulsa 2.4s ease-out infinite;font-weight:700;cursor:pointer;box-shadow:0 6px 20px rgba(3,92,132,.35)}
.pepe-tasto svg{width:26px;height:26px;color:var(--pepe-aqua)}
@keyframes pepe-salta{0%,70%,100%{transform:translateY(0)}78%{transform:translateY(-8px) rotate(-4deg)}86%{transform:translateY(0) rotate(3deg)}}
@keyframes pepe-orecchia{0%,70%,100%{transform:rotate(0)}80%{transform:rotate(8deg)}}
@media (prefers-reduced-motion:reduce){.pepe-cane,.pepe-orecchia-sx,.pepe-orecchia-dx{animation:none}.pepe-fumetto{transition:none}}
#pepe-bolla[hidden],#pepe-box[hidden]{display:none!important}
#pepe-box{position:fixed;right:18px;bottom:18px;z-index:99991;width:360px;max-width:calc(100vw - 24px);height:540px;max-height:calc(100vh - 36px);background:#fff;color:#13303d;border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden;font-size:15px;line-height:1.45}
.pepe-testa{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--pepe-blu);color:#fff}
.pepe-testa b{display:block;font-size:15px}.pepe-testa small{display:block;font-size:12px;opacity:.85}
.pepe-avatar{width:42px;height:42px;border-radius:50%;background:var(--pepe-aqua);display:grid;place-items:center;flex:none;overflow:hidden}
.pepe-avatar svg{width:38px;height:38px;margin-top:4px}
.pepe-chiudi{margin-left:auto;background:transparent;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;width:40px;height:40px;border-radius:50%}
.pepe-chiudi:hover{background:rgba(255,255,255,.15)}
.pepe-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#f4f9f9}
.pepe-m{max-width:82%;padding:9px 12px;border-radius:15px;word-wrap:break-word}
.pepe-bot{align-self:flex-start;background:#fff;border:1px solid #d3e3e4;border-bottom-left-radius:5px}
.pepe-bot strong{color:#b4532a}
.pepe-io{align-self:flex-end;background:var(--pepe-blu);color:#fff;border-bottom-right-radius:5px}
.pepe-attesa{color:#5b7480;font-style:italic}
.pepe-form{display:flex;gap:8px;padding:10px;border-top:1px solid #d3e3e4;background:#fff}
.pepe-form input{flex:1;min-width:0;font:inherit;font-size:16px;border:1px solid #d3e3e4;border-radius:999px;padding:10px 14px;background:#fff;color:#13303d}
.pepe-form button{font:inherit;font-weight:700;border:0;border-radius:999px;padding:10px 16px;background:var(--pepe-blu);color:#fff;cursor:pointer}
.pepe-form button:disabled{opacity:.5}
.pepe-form input:focus-visible,.pepe-form button:focus-visible,#pepe-bolla:focus-visible,.pepe-chiudi:focus-visible{outline:2px solid var(--pepe-aqua);outline-offset:2px}
.pepe-nota{margin:0;padding:6px 12px 10px;font-size:11.5px;color:#5b7480;background:#fff}
.pepe-nota a{color:var(--pepe-blu)}
@media (max-width:480px){#pepe-box{right:0;bottom:0;width:100vw;max-width:100vw;height:85vh;max-height:85vh;border-radius:18px 18px 0 0}#pepe-bolla{right:10px;bottom:10px}.pepe-cane{width:104px;height:104px}.pepe-tasto{padding:13px 20px 13px 15px;font-size:16px}}
.pepe-m a{color:#035c84;font-weight:700;text-decoration:underline}.pepe-io a{color:#fff}
.pepe-badge{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;border-radius:12px;background:#e5484d;color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
@keyframes pepe-pulsa{0%{box-shadow:0 6px 20px rgba(3,92,132,.35),0 0 0 0 rgba(152,209,208,.8)}70%{box-shadow:0 6px 20px rgba(3,92,132,.35),0 0 0 18px rgba(152,209,208,0)}100%{box-shadow:0 6px 20px rgba(3,92,132,.35),0 0 0 0 rgba(152,209,208,0)}}
@media (prefers-reduced-motion:reduce){.pepe-tasto{animation:none}}