.spark-support-root{--support-ink:#20334c;--support-green:#0e8c92;position:fixed;right:28px;bottom:calc(clamp(64px,10vh,88px) + env(safe-area-inset-bottom,0px));z-index:800;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--support-ink);text-align:left;line-height:1.6;font-size:14px}
.spark-support-root *{box-sizing:border-box}.spark-support-root [hidden]{display:none!important}.spark-support-root button,.spark-support-root select,.spark-support-root textarea{font:inherit;letter-spacing:normal;text-transform:none}.spark-support-root button{cursor:pointer}.spark-support-root :is(button,a,select,textarea):focus-visible{outline:3px solid #23a4b3;outline-offset:3px}
.spark-support-toggle{position:relative;display:grid;place-items:center;border:1px solid #b3e3de;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#0d8692,#1aa397);color:#fff;box-shadow:0 9px 27px #087d8b38,inset 0 1px #ffffff40;padding:12px;margin-left:auto;transition:transform .15s,box-shadow .15s}.spark-support-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 32px #087d8b47}.spark-support-toggle svg{width:36px;height:36px}.spark-support-tooltip{position:absolute;right:76px;white-space:nowrap;background:#fff;color:#466a81;border:1px solid #dce7f0;border-radius:10px;font-size:12px;padding:8px 12px;box-shadow:0 6px 18px #203d5b10;opacity:0;visibility:hidden;transition:opacity .15s}.spark-support-toggle:hover .spark-support-tooltip,.spark-support-toggle:focus-visible .spark-support-tooltip{opacity:1;visibility:visible}
.spark-support-card{position:absolute;right:0;bottom:80px;width:350px;max-width:calc(100vw - 34px);max-height:calc(100dvh - clamp(64px,10vh,88px) - 104px - env(safe-area-inset-bottom,0px));overflow:auto;background:linear-gradient(155deg,#fff,#f5f9fe);border:1px solid #dce7f1;border-radius:20px;box-shadow:0 20px 65px #1737562b,0 4px 12px #1737560d;overscroll-behavior:contain}
.spark-support-card>header{display:flex;align-items:center;gap:11px;padding:18px;background:radial-gradient(ellipse at 0 0,#29969755,transparent 80%),linear-gradient(125deg,#183a51,#192b46);border-bottom:1px solid #ffffff18}.spark-support-mark{color:#8fe1d0;width:32px;height:32px;flex-shrink:0}.spark-support-mark svg{width:100%;height:100%}.spark-support-card header small{display:block;font-size:8px;letter-spacing:2px;color:#97bed1;margin-bottom:4px}.spark-support-card h2{font-size:15px;font-weight:600;color:#edf8ff;margin:0;line-height:1.5;letter-spacing:0}.spark-support-close{display:grid;place-items:center;margin-left:auto;align-self:flex-start;width:44px;min-width:44px;height:44px;padding:0;border:1px solid #ffffff24;background:#ffffff0d;border-radius:12px;font-size:24px!important;color:#c7ddeb;line-height:1.2}.spark-support-close:hover{background:#ffffff1a}
.spark-support-content{padding:21px}.spark-support-content p{margin:0 0 15px;font-size:13px;line-height:1.8}.spark-support-greeting{color:#456a81}.spark-support-coming{background:linear-gradient(120deg,#eaf6f3,#eaf2fc);border:1px solid #d2e6ec;border-radius:11px;padding:12px 13px;color:#5c7f93;font-size:12px!important}.spark-support-hours{font-size:11px!important;color:#7b92a4}.spark-support-content label{display:block;margin:0 0 15px}.spark-support-content label>span{display:block;font-size:11px;color:#6a879b;margin-bottom:8px}.spark-support-content select,.spark-support-content textarea{display:block;width:100%;min-height:44px;border:1px solid #d8e5ef;border-radius:10px;padding:11px 12px;background:#f8fbfe;color:#3e637b;font-size:12px;line-height:1.5}.spark-support-content textarea{resize:vertical;min-height:82px;max-height:160px}.spark-support-content textarea::placeholder{color:#839aac}
.spark-support-contact,.spark-support-disabled{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:12px;border-radius:10px;text-align:center;text-decoration:none;font-size:12px!important;font-weight:550;border:1px solid transparent}.spark-support-contact{background:linear-gradient(120deg,#087e89,#169a92);border-color:#0d8891;color:#fff!important;box-shadow:0 5px 14px #0b889126}.spark-support-contact:hover{filter:brightness(1.06)}.spark-support-disabled{background:#eaf0f6;border-color:#dbe5ef;color:#7e92a4;cursor:default!important;opacity:1!important}.spark-support-note{display:block;font-size:10px;line-height:1.8;color:#7b94a7;margin-top:13px}.spark-support-note:empty{display:none}body:has(dialog[open]) .spark-support-root{visibility:hidden}
@media(max-width:600px){.spark-support-root{right:18px;bottom:calc(56px + env(safe-area-inset-bottom,0px))}.spark-support-toggle{width:58px;height:58px;border-radius:18px}.spark-support-toggle svg{width:32px;height:32px}.spark-support-card{bottom:74px;width:330px;max-height:calc(100dvh - 154px - env(safe-area-inset-bottom,0px))}.spark-support-content{padding:18px}.spark-support-card>header{padding:16px}.spark-support-tooltip{display:none}.spark-support-content :is(select,textarea){font-size:16px}}
@media(prefers-reduced-motion:reduce){.spark-support-toggle,.spark-support-tooltip{transition:none}}