.support-root{--support-ink:#1f2937;--support-muted:#687587;--support-line:#e0e7ee;--support-accent:#325d70;font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:var(--support-ink);position:relative;z-index:1600}
.support-root *{box-sizing:border-box}.support-root [hidden]{display:none!important}.support-root button,.support-root textarea,.support-root select{font:inherit}.support-root button{cursor:pointer}.support-root button:disabled{cursor:wait;opacity:.55}.support-root button:focus-visible,.support-root a:focus-visible,.support-root textarea:focus-visible,.support-root select:focus-visible{outline:3px solid #80b8ca;outline-offset:3px}
.support-launcher{position:fixed;right:22px;bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;min-height:48px;padding:0 17px;border:1px solid #254d5f;border-radius:28px;background:var(--support-accent);color:white;box-shadow:0 5px 20px #23334c26}.support-launcher svg{width:21px;height:21px}
.support-panel{position:fixed;right:22px;bottom:max(80px,calc(env(safe-area-inset-bottom) + 64px));width:390px;max-width:calc(100vw - 32px);height:min(620px,calc(100dvh - 112px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--support-line);border-radius:18px;box-shadow:0 16px 60px #22354b2b;overflow:hidden}
.support-header{display:flex;align-items:center;gap:10px;padding:17px 18px 12px}.support-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef4f5;color:var(--support-accent)}.support-header h2{margin:0;font-size:16px;font-weight:650;letter-spacing:0}.support-header p{margin:1px 0 0;color:var(--support-muted);font-size:11px}.support-icon{display:grid;place-items:center;background:transparent;border:0;border-radius:7px;padding:7px;color:var(--support-muted)}.support-close{margin-left:auto}.support-root .icon{width:18px;height:18px}
.support-tabs{display:flex;gap:5px;padding:0 14px 11px;border-bottom:1px solid var(--support-line)}.support-tabs button{border:0;background:transparent;padding:7px 10px;border-radius:8px;font-size:12px;color:var(--support-muted)}.support-tabs button[aria-pressed=true]{background:#edf3f5;color:var(--support-accent);font-weight:650}
.support-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px;background:#fafbfc}.support-welcome h3{margin:8px 0;font-size:20px;letter-spacing:-.4px}.support-welcome p{color:var(--support-muted);font-size:13px;margin:0 0 15px}.support-prompts{display:grid;gap:8px}.support-prompts button{background:white;text-align:left;border:1px solid var(--support-line);border-radius:10px;padding:11px 12px;color:#415b68;font-size:13px}.support-turn{margin:0 0 21px}.support-bubble{padding:11px 13px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.support-question{margin-left:27px;background:#eaf1f4;color:#254a5c;border-bottom-right-radius:3px}.support-answer{margin-top:10px;margin-right:12px;background:#fff;border:1px solid #e4e9ed;border-bottom-left-radius:3px}.support-answer-label{font-size:11px;color:var(--support-muted);margin:11px 0 4px;display:flex;align-items:center;gap:6px}.support-sources{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.support-sources a{font-size:11px;color:var(--support-accent);text-decoration:none;border-bottom:1px solid #bed0d6}.support-action{border:0;padding:4px 0;background:transparent;color:var(--support-accent);font-size:11px!important;margin-top:6px}.support-images{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.support-images img{width:100px;height:72px;object-fit:cover;border:1px solid var(--support-line);border-radius:8px}.support-status{font-size:11px;color:#526c5c;margin:8px 0 0}.support-empty{color:var(--support-muted);font-size:13px;padding:20px 0}
.support-composer{padding:12px 14px 13px;border-top:1px solid var(--support-line);background:white}.support-mode{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.support-mode select{max-width:180px;border:0;background:#f0f4f6;border-radius:6px;padding:4px 7px;font-size:12px;color:#355466}.support-composer textarea{display:block;width:100%;min-height:70px;max-height:135px;resize:vertical;border:0;padding:6px 2px;background:white;color:var(--support-ink);outline-offset:0}.support-composer textarea::placeholder{color:#8a96a3}.support-composer-footer{display:flex;align-items:center;gap:8px}.support-send{margin-left:auto;display:flex;align-items:center;gap:6px;background:var(--support-accent);color:white;border:0;border-radius:9px;padding:8px 13px;font-size:12px!important}.support-note{font-size:10px;color:#778594;margin:7px 0 0;line-height:1.5}.support-error{margin:0;padding:8px 14px;color:#9d3f31;background:#fff2ec;font-size:12px}.support-attachments{display:flex;gap:7px;margin-bottom:6px}.support-preview{position:relative}.support-preview img{width:64px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--support-line)}.support-preview button{position:absolute;right:-5px;top:-5px;border:1px solid var(--support-line);border-radius:50%;padding:2px;background:white}.support-preview .icon{width:12px;height:12px}.support-request{display:block;text-align:left;width:100%;margin-bottom:10px;padding:12px;background:#fff;border:1px solid var(--support-line);border-radius:10px;color:var(--support-ink)}.support-request p{font-size:13px;margin:7px 0;overflow-wrap:anywhere}.support-request small{color:var(--support-muted);font-size:11px}.support-request-state{font-size:10px;border-radius:20px;background:#fff4db;color:#876113;padding:3px 8px}.support-request-state[data-state=resolved]{background:#eaf3ec;color:#42694d}.support-receipt{border:1px solid #c9ded0;background:#f2f7f3;padding:10px;border-radius:9px;font-size:12px;margin-bottom:12px}.support-resolve{padding:8px 11px;border:1px solid var(--support-line);border-radius:8px;background:white;color:#325d70;font-size:12px!important}.support-consent{font-size:12px;color:#526270;margin-top:8px}.support-consent button{margin-right:8px}
body:has(.support-root) .tutorial-launcher{bottom:80px}body:has(.support-root) .tutorial-player{bottom:80px}body:has(.support-panel:not([hidden])) .tutorial-player{right:430px}body:has(.support-panel:not([hidden])) .tutorial-launcher{right:430px}
@media(max-width:850px){body:has(.support-panel:not([hidden])) .tutorial-player,body:has(.support-panel:not([hidden])) .tutorial-launcher{visibility:hidden;pointer-events:none}.support-panel{right:12px;bottom:max(75px,calc(env(safe-area-inset-bottom) + 62px));max-width:calc(100vw - 24px);height:min(620px,calc(100dvh - 94px))}.support-launcher{right:12px;bottom:max(14px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:no-preference){.support-panel{animation:support-enter .15s ease-out}@keyframes support-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}