#pip-companion{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:400 14px/1.6 Arial,Helvetica,sans-serif;color:#292929;max-width:calc(100vw - 32px)}
#pip-companion [hidden],#pip-welcome [hidden]{display:none!important}
#pip-whisper{background:#fff;color:#333;border:1px solid #e2e8e4;border-radius:16px 16px 4px 16px;padding:9px 16px;margin-right:12px;min-height:44px;font:400 15px/1.5 Arial,sans-serif;box-shadow:0 3px 14px #1830260d;cursor:pointer}
#pip-whisper:hover{background:#f6f9f7;border-color:#a8bcb0}
#pip-toggle{position:relative;display:block;flex:none;width:88px;height:88px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transform-origin:50% 92%}
#pip-toggle img{display:block;width:84px;height:84px;object-fit:contain}
#pip-companion.pip-arriving #pip-toggle{animation:pip-moonwalk-arrival 4.2s cubic-bezier(.37,0,.23,1) both;will-change:transform,opacity}
#pip-welcome{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-width:460px;max-height:calc(100dvh - 32px);margin:auto;padding:28px 30px 24px;border:1px solid #e2e8e4;border-radius:24px;background:#fff;color:#292929;box-shadow:0 24px 90px #0002;overflow:auto;overscroll-behavior:contain;text-align:center;font:400 15px/1.5 Arial,Helvetica,sans-serif}
#pip-welcome[open]{animation:pip-hello .2s ease-out}
#pip-welcome::backdrop{background:#00000061;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#pip-welcome .pip-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #8b918d;border-radius:50%;background:#fff;color:#555;font:26px/1 Arial,sans-serif;cursor:pointer}
#pip-welcome .pip-close:hover{background:#f5f7f5;border-color:#365e51}
#pip-welcome .pip-portrait{display:block;width:104px;height:104px;object-fit:contain;margin:0 auto 4px}
#pip-welcome #pip-intro{font:400 13px/1.5 Arial,Helvetica,sans-serif;color:#666;margin:0 0 14px}
#pip-welcome h2{font:400 32px/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.8px;margin:0 0 10px;color:#292929}
#pip-welcome #pip-description{font:400 15px/1.5 Arial,Helvetica,sans-serif;color:#666;max-width:290px;margin:0 auto 22px}
#pip-welcome a{color:#333;text-decoration:underline;text-underline-offset:3px}
#pip-welcome .pip-preview{padding:14px 16px;background:#f7f8f6;border-radius:12px;text-align:left;margin-bottom:18px;overflow-wrap:anywhere}
#pip-welcome .pip-preview strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:500;line-height:1.5}
#pip-welcome .pip-preview span{display:block;margin-top:5px;font-size:12px;color:#707070;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pip-welcome .pip-native{width:100%;min-height:48px;margin:0 0 12px;padding:12px 16px;border:1px solid #365e51;border-radius:12px;background:#365e51;color:#fff;font:400 15px/1.4 Arial,Helvetica,sans-serif;cursor:pointer}
#pip-welcome .pip-native:hover{background:#294b40}
#pip-welcome .pip-share-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#pip-welcome .pip-share-options :is(a,button){display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 8px;border:1px solid #dce2de;border-radius:12px;background:#fff;color:#292929;font:400 15px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer}
#pip-welcome .pip-share-options :is(a,button):hover{background:#f5f7f5;border-color:#a8bcb0}
#pip-welcome button:disabled{opacity:.65;cursor:wait}
#pip-welcome .pip-status{font:400 13px/1.5 Arial,Helvetica,sans-serif;color:#555;margin:12px 0 0}
#pip-welcome .pip-status:empty{margin:0}
#pip-welcome .pip-copy-fallback{text-align:left;font-size:13px;margin-top:12px}
#pip-welcome .pip-copy-fallback input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #a8bcb0;border-radius:8px;background:#fff;color:#292929;font:400 16px/1.4 Arial,sans-serif;margin-top:6px}
#pip-welcome .pip-credit{font:400 12px/1.5 Arial,Helvetica,sans-serif;color:#707070;margin:18px 0 0}
#pip-companion button:focus-visible,#pip-welcome :is(a,button,input):focus-visible{outline:2px solid #555;outline-offset:3px}
@keyframes pip-hello{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes pip-moonwalk-arrival{0%{opacity:0;transform:translate3d(-48px,0,0) rotate(-2deg)}12%{opacity:1}80%,100%{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@media(max-width:600px){#pip-companion{right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}#pip-toggle{width:66px;height:66px}#pip-toggle img{width:64px;height:64px}#pip-welcome{padding:24px;border-radius:20px}#pip-welcome h2{font-size:29px}#pip-welcome .pip-portrait{width:92px;height:92px}body{padding-bottom:72px}}
@media(prefers-reduced-motion:reduce){#pip-welcome[open],#pip-companion.pip-arriving #pip-toggle,#pip-companion.pip-arriving #pip-whisper{animation:none}}
@media print{#pip-companion,#pip-welcome{display:none!important}#pip-welcome::backdrop{display:none}body{padding-bottom:0}}

#pip-welcome .pip-dialog-whisper{display:table;margin:0 auto 12px;padding:9px 16px;border:1px solid #e2e8e4;border-radius:16px 16px 4px 16px;background:#fff;color:#333;font:400 15px/1.5 Arial,sans-serif;box-shadow:0 3px 14px #1830260d}
