#ask-syn{position:fixed;right:20px;bottom:20px;z-index:990;min-height:44px;padding:10px 18px;border:1px solid #cbd5dd;border-radius:24px;background:rgba(253,254,255,.96);color:#202a36;box-shadow:0 3px 12px #20334810;font:inherit;cursor:pointer}
#syn-help{box-sizing:border-box;width:min(570px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #d8e0e6;border-radius:14px;background:#fdfefd;color:#202a36;box-shadow:0 12px 50px #20334820}
#syn-help::backdrop{background:#20334828}#syn-help header{display:flex;align-items:start;justify-content:space-between;gap:16px}#syn-help h2{margin:0}#syn-help p{line-height:1.55}#syn-help input{display:block;width:100%;box-sizing:border-box;min-height:44px;padding:12px;margin:8px 0;border:1px solid #cbd5dd;border-radius:6px;background:#fff;color:#202a36;font:inherit}#syn-help button{min-height:44px;padding:8px 12px;font:inherit;border:1px solid #d8e0e6;border-radius:6px;background:#f7fafc;color:#202a36;cursor:pointer}#syn-help nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}#syn-answer{border-top:1px solid #e4e8ec;margin-top:18px}#syn-answer a{display:block;padding:8px 0;color:#205b99}#syn-help :focus-visible,#ask-syn:focus-visible{outline:2px solid #205b99;outline-offset:3px}
@supports(backdrop-filter:blur(12px)){#ask-syn{background:rgba(250,253,255,.86);backdrop-filter:blur(12px)}}
@media(max-width:800px){#ask-syn{bottom:76px;right:12px;padding:8px 14px}#syn-help{padding:18px}}@media(prefers-reduced-motion:reduce){#ask-syn,#syn-help{transition:none;animation:none}}
.syn-launcher{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:990;display:flex;flex-direction:column;align-items:center;gap:8px;width:174px;pointer-events:none}
.syn-launcher #ask-syn{position:static;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 12px 9px;border-radius:36px 36px 20px 20px;background:rgba(250,254,255,.92);border:1px solid #c7dfe5;box-shadow:0 3px 15px #52899c16,inset 0 1px 0 #fff;pointer-events:auto;font-size:13px;font-weight:600}
.syn-avatar{width:64px;height:64px;display:block;margin-top:4px;filter:drop-shadow(0 2px 4px #7abdc51a)}
.syn-greeting{position:relative;display:flex;align-items:center;gap:5px;padding:10px 7px 10px 12px;border:1px solid #cddfe4;border-radius:14px;background:rgba(252,254,255,.96);color:#334756;box-shadow:0 2px 12px #52899c0c;font-size:12px;line-height:1.45;pointer-events:auto}
.syn-greeting:after{content:'';position:absolute;bottom:-5px;left:calc(50% - 5px);width:8px;height:8px;background:#fcfeff;border-right:1px solid #cddfe4;border-bottom:1px solid #cddfe4;transform:rotate(45deg)}
.syn-greeting[hidden]{display:none}.syn-dismiss{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;min-height:44px;padding:0;border:0;background:transparent;color:#526878;font-size:20px;cursor:pointer;border-radius:8px}.syn-dismiss:focus-visible{outline:2px solid #205b99;outline-offset:1px}
.syn-obscured{visibility:hidden;pointer-events:none}
@supports(backdrop-filter:blur(12px)){.syn-greeting,.syn-launcher #ask-syn{backdrop-filter:blur(12px)}}
@media(max-width:800px){.syn-launcher{right:max(10px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));width:146px;gap:6px}.syn-avatar{width:48px;height:48px}.syn-greeting{font-size:11px;padding:7px 5px 7px 10px}.syn-launcher #ask-syn{font-size:12px;padding-bottom:7px}}
@media(max-height:480px){.syn-greeting,.syn-avatar{display:none}.syn-launcher{width:auto}.syn-launcher #ask-syn{min-height:44px;padding:8px 14px}}