#supportOpen,#supportPanel,#supportPanel *{box-sizing:border-box;font-family:Arial,sans-serif}
#supportOpen{position:fixed;right:22px;bottom:22px;z-index:8000;display:flex;gap:10px;align-items:center;background:#171117;color:white;border:2px solid #e285ba;border-radius:40px;padding:12px 19px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 24px #0004;min-height:58px}
#supportOpen svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8}
#supportPanel[hidden]{display:none!important}
#supportPanel{position:fixed;right:22px;bottom:94px;z-index:8001;width:min(390px,calc(100vw - 28px));height:min(560px,calc(100dvh - 130px));display:flex;flex-direction:column;overflow:hidden;background:#101010;color:white;border:1px solid #666;border-radius:20px;box-shadow:0 20px 70px #0007;text-align:left;line-height:1.5}
#supportPanel .support-head{display:flex;align-items:center;gap:12px;flex-shrink:0;background:linear-gradient(110deg,#a72a6b,#633976);padding:18px 16px;color:white}
#supportPanel .support-avatar{width:40px;height:40px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;font-size:26px;font-weight:800}
#supportPanel .support-head strong{display:block;font-size:19px}#supportPanel .support-head small{display:block;font-size:13px}
#supportClose{margin-left:auto;width:40px;height:40px;border:0;background:transparent;color:white;font-size:30px;cursor:pointer}
#supportMessages{padding:16px;flex:1;overflow-y:auto;min-height:60px;overscroll-behavior:contain}
#supportPanel .support-bubble{background:#252525;border:1px solid #444;border-radius:16px 16px 16px 3px;padding:13px;margin:0 16px 14px 0;font-size:16px;overflow-wrap:anywhere;white-space:pre-wrap}
#supportPanel .support-bubble.user{background:#492743;border-color:#97537d;border-radius:16px 16px 3px 16px;margin:0 0 14px 30px}
#supportPanel .support-bubble a{display:block;color:#ffd0ed;text-decoration:underline;margin-top:9px;font-weight:700}
#supportPanel .support-options{display:flex;flex-wrap:wrap;gap:7px;padding:10px 13px;border-top:1px solid #333}
#supportPanel .support-options button{border:1px solid #b07298;background:transparent;color:white;border-radius:22px;padding:8px 12px;font-size:14px;cursor:pointer;min-height:40px}
#supportForm{display:flex;padding:10px 12px;gap:8px;border-top:1px solid #444}
#supportInput{flex:1;min-width:0;border:1px solid #777;background:#191919;color:#fff;border-radius:10px;padding:12px;font-size:16px}
#supportInput::placeholder{color:#ccc}
#supportForm button{width:44px;min-height:46px;border-radius:12px;background:#e8a0cd;color:#161116;border:0;font-size:25px;cursor:pointer}
#supportPanel .support-note{margin:0;padding:0 14px 12px;font-size:12px;color:#ddd}
#supportPanel .support-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#supportPanel button:focus-visible,#supportOpen:focus-visible,#supportInput:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){#supportOpen{bottom:calc(78px + env(safe-area-inset-bottom));right:14px;padding:10px 14px}#supportPanel{right:14px;bottom:calc(146px + env(safe-area-inset-bottom));height:min(540px,calc(100dvh - 165px - env(safe-area-inset-bottom)))}}
#supportPanel .support-whatsapp{display:block;padding:10px 14px;color:#b9f6ca;border-top:1px solid #444;text-decoration:underline;font-size:14px;flex-shrink:0}
/* Clear, bright support surface. */
#supportOpen{background:linear-gradient(115deg,#be246f,#7434a5);color:#fff;border:2px solid #fff;min-height:66px;box-shadow:0 7px 28px #872c7155;padding:13px 20px;gap:12px;text-align:left}
#supportOpen span{font-size:17px;line-height:1.4}#supportOpen small{display:block;font-size:12px;font-weight:400;opacity:.95}
#supportOpen svg{width:36px;height:36px;flex-shrink:0}
#supportOpen:hover{filter:brightness(1.12)}
#supportPanel{background:#fff;color:#35263c;border-color:#e6cfe0;box-shadow:0 15px 65px #46223b33;bottom:102px}
#supportPanel .support-head{background:linear-gradient(110deg,#bc286f,#7843a3)}
#supportMessages{background:#fffafc}
#supportPanel .support-bubble{background:#f1edf5;border-color:#e6dfea;color:#34253b;line-height:1.65}
#supportPanel .support-bubble.user{background:#fce3f0;border-color:#f2bfda;color:#52213e}
#supportPanel .support-bubble a{color:#7d2770}
#supportPanel .support-options{background:#fff;border-color:#ecdeea;flex-shrink:0}
#supportPanel .support-options button{background:#fff7fc;color:#702967;border-color:#dba9cc;min-height:44px;font-size:15px}
#supportPanel .support-options button:hover{background:#f8dced}
#supportForm{background:#fff;border-color:#ecdeea;flex-shrink:0}
#supportInput{background:#fff;color:#35263c;border-color:#c5aec1;padding:13px}
#supportInput::placeholder{color:#726374}
#supportForm button{background:#a62979;color:#fff}
#supportPanel .support-note{background:#fff;color:#67576b;flex-shrink:0;font-size:12px}
#supportPanel button:focus-visible,#supportOpen:focus-visible,#supportInput:focus-visible{outline-color:#712283}
@media(max-width:760px){#supportOpen{bottom:calc(78px + env(safe-area-inset-bottom));right:12px;padding:10px 14px}#supportPanel{bottom:calc(156px + env(safe-area-inset-bottom));height:min(560px,calc(100dvh - 174px - env(safe-area-inset-bottom)));right:12px}}
@media(max-height:500px){#supportPanel{bottom:12px;height:calc(100dvh - 24px);overflow-y:auto}#supportMessages{flex-shrink:0;min-height:100px}}
/* Compact mobile launcher leaves product controls visible. */
@media(max-width:760px){
 #supportOpen{width:56px;height:56px;min-height:56px;padding:10px;justify-content:center;right:12px;bottom:calc(82px + env(safe-area-inset-bottom,0px))}
 #supportOpen span{display:none}#supportOpen svg{width:30px;height:30px}
 #supportPanel{bottom:calc(148px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 164px - env(safe-area-inset-bottom,0px))}
 #supportClose{min-width:44px;min-height:44px}
}
@media(max-height:560px){#supportPanel{bottom:8px;top:8px;height:auto;max-height:calc(100dvh - 16px);overflow-y:auto}#supportPanel .support-head{padding:8px 12px}#supportPanel .support-options{padding:6px;gap:4px}}