.chat{position:fixed;z-index:40;right:max(20px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;pointer-events:none}.chat>*{pointer-events:auto}@media (max-width:767px){.chat-key{width:52px;height:52px}.chat{z-index:34;transition:translate .42s cubic-bezier(.16,1,.3,1)}.chat.is-away{translate:0 calc(100% + var(--tabs-h) + 40px + env(safe-area-inset-bottom));transition-duration:.36s;transition-timing-function:cubic-bezier(.55,0,.75,.2)}.chat.is-away,.chat.is-away>*{pointer-events:none}}@media (prefers-reduced-motion:reduce){.chat{transition:none}}.chat-key{position:relative;flex:none;display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:var(--key-pink);box-shadow:0 5px 0 var(--key-pink-lip),0 10px 28px rgba(0,0,0,.45),0 0 26px rgba(247,36,169,.35);color:var(--white);cursor:pointer;transition:scale .2s cubic-bezier(.34,1.56,.64,1),transform .07s ease-out,box-shadow .07s ease-out,background-color .15s ease}.chat-key:hover{background:#ff3cb6;scale:1.08}.chat-key:active{transform:translateY(5px);box-shadow:0 0 0 var(--key-pink-lip),0 6px 18px rgba(0,0,0,.45)}.chat-key:focus-visible{outline:3px solid var(--white);outline-offset:3px}.chat-key.is-loading svg{animation:chat-wait .9s ease-in-out infinite}@keyframes chat-wait{50%{opacity:.45}}@media (max-width:767px){.chat{right:max(14px,env(safe-area-inset-right));bottom:calc(var(--tabs-h) + 26px + env(safe-area-inset-bottom))}.chat-key{width:52px;height:52px}}.chat-note{position:relative;display:flex;align-items:center;max-width:min(300px,calc(100vw - 110px));border-radius:16px 16px 4px 16px;background:var(--white);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.05);color:#1d1d1f}.chat-note:after{content:"";position:absolute;right:-6px;bottom:12px;width:12px;height:12px;background:var(--white);rotate:45deg;border-radius:2px}.chat-note-text{position:relative;z-index:1;min-height:44px;padding:10px 4px 10px 16px;border:0;background:none;color:inherit;font:inherit;font-size:14px;font-weight:700;line-height:1.3;text-align:left;cursor:pointer}.chat-note-text:hover{color:var(--key-pink)}.chat-note-x{position:relative;z-index:1;flex:none;width:36px;min-height:44px;border:0;background:none;color:#6b6b70;font-size:20px;line-height:1;cursor:pointer}.chat-note-x:hover{color:#1d1d1f}.chat-note :focus-visible{outline:2px solid var(--key-pink);outline-offset:-2px;border-radius:12px}html.rv .chat-note{animation:chat-note-in .55s cubic-bezier(.34,1.56,.64,1) backwards;transform-origin:100% 100%}@keyframes chat-note-in{0%{opacity:0;scale:.6;translate:16px 0}}@media (prefers-reduced-motion:reduce){.chat-key:hover{scale:1}.chat-key.is-loading svg{animation:none}}.chat-badge{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--white);color:var(--key-pink);box-shadow:0 0 0 2px var(--key-pink),0 4px 10px rgba(0,0,0,.4);font:800 12px/1 var(--font,Inter,system-ui,sans-serif);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}html.rv .chat-badge{animation:chat-badge-in .5s cubic-bezier(.34,1.56,.64,1) backwards,chat-badge-pulse 1.6s ease-out .5s 2}@keyframes chat-badge-in{0%{scale:.2;opacity:0}}@keyframes chat-badge-pulse{0%{box-shadow:0 0 0 2px var(--key-pink),0 0 0 0 rgba(255,255,255,.55),0 4px 10px rgba(0,0,0,.4)}to{box-shadow:0 0 0 2px var(--key-pink),0 0 0 12px rgba(255,255,255,0),0 4px 10px rgba(0,0,0,.4)}}@media (prefers-reduced-motion:reduce){.chat-badge{animation:none!important}}