.onda-support-launcher{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:1100;width:54px;height:54px;border:1px solid #adbbce36;border-radius:20px;background:linear-gradient(135deg,#ff874c23,#829fff24);color:var(--ink);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;box-shadow:inset 0 1px #ffffff35,0 8px 30px #0001;transition:transform .25s,box-shadow .25s}
.onda-support-launcher:hover{transform:translateY(-3px);box-shadow:0 5px 25px #a58cfc28,inset 0 1px #ffffff55}.onda-support-launcher svg{width:32px;height:32px;display:block;margin:auto}.onda-support-launcher[data-unread="true"]:after{content:'';position:absolute;right:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#ff783f}
.onda-support-panel{position:fixed;z-index:1101;right:22px;bottom:88px;width:min(360px,calc(100vw - 28px));height:min(520px,calc(100dvh - 110px));aspect-ratio:9/13;border-radius:32px;padding:22px;display:flex;flex-direction:column;gap:12px;isolation:isolate;overflow:hidden;color:var(--ink);background:linear-gradient(135deg,#ff8c4210,#8eaef512),#fffaf2e8;border:1px solid #aab5ca60;box-shadow:inset 0 1px #fff9,0 20px 75px #0002;backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);font:14px/1.45 var(--body);animation:support-enter .28s cubic-bezier(.2,.7,.2,1)}
.onda-support-panel[hidden]{display:none!important}.onda-support-panel:before{content:'';position:absolute;inset:-100px 0 auto;z-index:-1;height:220px;background:radial-gradient(ellipse,#ff8c4b20,transparent 60%),radial-gradient(ellipse at right,#88b6ff35,transparent 65%);pointer-events:none}
html[data-theme="dark"] .onda-support-panel{background:linear-gradient(135deg,#ff8c4210,#8eaef512),#101219eb;border-color:#acbadd38;box-shadow:inset 0 1px #fff3,0 20px 75px #0006}
.onda-support-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.onda-support-head strong{font-size:17px}.onda-support-close{width:32px;height:32px;border:0;border-radius:50%;background:#9199b316;color:inherit;font-size:25px;line-height:1;cursor:pointer}.onda-support-intro{margin:0;font-size:14px;opacity:.8}.support-messages{flex:1;min-height:60px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:9px;padding:5px 2px;scrollbar-width:thin}.support-message{margin:0;padding:10px 12px;border-radius:16px 16px 16px 5px;background:#909ab01c;max-width:94%;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px}.support-message[data-role="visitor"]{align-self:flex-end;border-radius:16px 16px 5px 16px;background:linear-gradient(110deg,#ff86452c,#8bafff29)}.support-message small{display:block;font-size:10px;opacity:.65;margin-bottom:4px}.support-compose{display:grid;gap:9px}.support-compose label{font-size:12px;display:grid;gap:4px}.support-compose input,.support-compose textarea{width:100%;min-width:0;border:1px solid #929bac40;border-radius:13px;background:#ffffff0b;color:inherit;padding:10px 12px;font:14px/1.4 var(--body)}.support-compose textarea{resize:none;min-height:62px;max-height:120px}.support-compose input::placeholder,.support-compose textarea::placeholder{color:inherit;opacity:.6}.support-compose .support-consent{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.4}.support-consent input{width:15px;height:15px;flex:0 0 15px;margin-top:2px;accent-color:#ff783e}.support-consent a{text-decoration:underline}.support-send{border:1px solid #a5b7d33b;border-radius:14px;padding:12px;color:inherit;background:linear-gradient(110deg,#ff864540,#8bafff36);cursor:pointer;font:600 14px var(--body);transition:filter .2s,transform .2s}.support-send:hover{filter:brightness(1.15);transform:translateY(-1px)}.support-send:disabled{opacity:.5;cursor:default;transform:none}.support-status{font-size:11px;min-height:16px;margin:0;opacity:.8}.support-sparks{width:32px;height:26px;position:absolute;right:65px;top:23px;pointer-events:none}.support-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);opacity:0;pointer-events:none}
@keyframes support-enter{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.onda-support-panel [hidden]{display:none!important}
.support-active .onda-support-intro,.support-active .support-sparks{display:none}
.support-active .support-messages{min-height:0}
.support-active .support-compose{margin-top:auto;grid-template-columns:minmax(0,1fr) auto;align-items:end;flex-shrink:0}
.support-active .support-compose textarea{min-height:48px;height:48px;max-height:100px;padding:13px 12px}
.support-active .support-send{height:48px;padding:10px 13px}
.support-active .support-status{font-size:10px;flex-shrink:0}
.onda-support-panel.support-keyboard{top:calc(var(--support-visible-top) + 8px);bottom:auto;height:calc(var(--support-visible-height) - 16px);max-height:none;gap:8px;padding:12px}
.support-keyboard .support-messages{min-height:0}
.support-keyboard .support-compose{max-height:70%;overflow:auto;overscroll-behavior:contain}
.support-keyboard .onda-support-intro,.support-keyboard .support-sparks{display:none}
.onda-invite{position:fixed;z-index:1090;width:152px;pointer-events:none;color:var(--ink);font:500 12px/1.2 var(--body);text-align:center;animation:onda-invite-in .4s ease-out both;filter:drop-shadow(0 2px 8px var(--paper))}
.onda-invite svg{width:80px;height:46px;display:block;margin:-2px 0 3px auto;overflow:visible;animation:onda-invite-nudge 1.4s ease-in-out 2}
.onda-invite path{stroke:#ff794b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:180;animation:onda-invite-draw .7s ease-out both}
.onda-invite span{display:inline-block;padding:4px 8px;border-radius:10px;background:color-mix(in srgb,var(--paper) 72%,transparent)}
.onda-invite-bee{transform:translateX(35px)}
@keyframes onda-invite-in{from{opacity:0}to{opacity:1}}
@keyframes onda-invite-draw{from{stroke-dashoffset:180}to{stroke-dashoffset:0}}
@keyframes onda-invite-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.onda-invite,.onda-invite svg,.onda-invite path{animation:none}}
@media(max-width:600px){.onda-support-launcher{width:44px;height:44px;border-radius:16px;right:12px;bottom:max(32px,calc(env(safe-area-inset-bottom) + 20px))}.onda-support-launcher svg{width:27px;height:27px}.onda-support-panel{right:14px;bottom:max(84px,calc(env(safe-area-inset-bottom) + 72px));padding:18px;border-radius:28px;height:min(520px,calc(100dvh - 165px))}}
@media(prefers-reduced-motion:reduce){.onda-support-panel{animation:none}.onda-support-launcher,.support-send{transition:none}}