.support-trigger[hidden]{display:none}
.support-trigger{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:14px 22px;border:0;border-radius:30px;background:#0066cc;color:#fff;box-shadow:0 8px 28px #00396a26;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .2s,transform .2s}
.support-trigger:hover{background:#0071e3;transform:translateY(-2px)}
.support-trigger svg{width:24px;height:24px;flex:none}
.support-trigger,.support-dialog button,.support-dialog textarea{font-family:inherit}
.support-trigger:focus-visible,.support-dialog button:focus-visible,.support-dialog textarea:focus-visible{outline:3px solid #0071e3;outline-offset:3px}
.support-open{overflow:hidden}
.support-dialog{position:fixed;inset:auto 24px calc(90px + env(safe-area-inset-bottom)) auto;margin:0;padding:0;width:430px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100dvh - 122px - env(safe-area-inset-bottom));border:1px solid #e5e5ea;border-radius:24px;background:#fff;color:#1d1d1f;box-shadow:0 24px 90px #0003;overflow:hidden}
.support-dialog[open]{display:flex;flex-direction:column;animation:support-in .18s ease-out}
.support-dialog::backdrop{background:#11182735;backdrop-filter:blur(3px)}
.support-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:20px 22px;border-bottom:1px solid #ececf0}
.support-heading{min-width:0;display:flex;align-items:center;gap:12px}
.support-icon{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:13px;background:#edf5ff;color:#0066cc}
.support-icon svg{width:24px;height:24px}
.support-header h2{margin:0;font-size:19px;line-height:1.35;font-weight:650;letter-spacing:-.4px}
.support-status{margin:5px 0 0;font-size:11px;color:#6e6e73;line-height:1.5}
.support-close{width:40px;height:40px;flex:none;border:0;border-radius:50%;background:transparent;color:#6e6e73;font-size:29px;line-height:1;cursor:pointer}
.support-close:hover{background:#f5f5f7}
.support-history{min-height:80px;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:22px;scrollbar-width:thin}
.support-message{margin:0 0 18px;display:flex;align-items:flex-start;flex-direction:column;gap:7px}
.support-message:last-child{margin-bottom:0}
.support-sender{font-size:11px;color:#86868b;padding:0 3px}
.support-message p{margin:0;padding:12px 15px;border-radius:4px 16px 16px 16px;background:#f5f5f7;max-width:94%;font-size:14px;line-height:1.75;overflow-wrap:anywhere;white-space:pre-wrap}
.support-mine{align-items:flex-end}
.support-mine p{background:#0066cc;color:white;border-radius:16px 4px 16px 16px}
.support-topics{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 16px;flex:none}
.support-topics button,.support-topics a{min-height:36px;padding:7px 12px;border:1px solid #d9e7f5;background:#fff;color:#0066cc;border-radius:22px;font-size:12px;line-height:1.4;cursor:pointer}
.support-topics button:hover,.support-topics a:hover{background:#edf5ff}
.support-form{padding:16px 22px 12px;margin:0;border-top:1px solid #ececf0;flex:none}
.support-compose{display:flex;gap:10px;align-items:flex-end}
.support-dialog textarea{display:block;width:100%;min-width:0;flex:1;height:66px;max-height:100px;resize:none;border:1px solid #e5e5ea;border-radius:12px;padding:11px 12px;background:#fafafb;color:#1d1d1f;font-size:16px;line-height:1.4}
.support-dialog textarea::placeholder{color:#86868b}
.support-send{border:0;background:#0066cc;color:#fff;padding:12px 16px;min-height:44px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer}
.support-send:disabled{background:#e9e9ed;color:#929297;cursor:default}
.support-note{font-size:10px;color:#86868b;line-height:1.55;margin:10px 0 0}
.support-note a{color:#0066cc;text-decoration:underline;text-underline-offset:2px}
footer{padding-bottom:100px}
@keyframes support-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.support-trigger{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));min-height:48px;padding:11px 17px;font-size:14px}.support-dialog{right:16px;bottom:calc(80px + env(safe-area-inset-bottom));height:580px;max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));border-radius:20px}.support-header{padding:16px}.support-history{padding:16px}.support-topics{padding:0 16px 12px;gap:6px}.support-topics button,.support-topics a{font-size:11px;min-height:34px;padding:7px 10px}.support-form{padding:13px 16px 12px}.support-header h2{font-size:18px}.support-status{font-size:10px}.support-message p{font-size:13px}.support-note{font-size:10px}}
@media(max-height:550px){.support-dialog{bottom:10px;max-height:calc(100dvh - 20px)}.support-header{padding:10px 16px}.support-history{padding:12px 16px}.support-topics{padding-bottom:8px}.support-form{padding-top:10px}.support-dialog textarea{height:48px}}
@media(prefers-reduced-motion:reduce){.support-dialog[open]{animation:none}.support-trigger{transition:none}}

.support-faq-link{display:inline-flex;align-items:center;text-decoration:none}
