.qa-backdrop,.qa-sheet{display:none}
@media(max-width:1023px){
  .qa-backdrop{position:fixed;inset:0;z-index:88;display:block;background:rgba(8,12,18,.58);opacity:0;pointer-events:none;transition:opacity .2s ease;backdrop-filter:blur(3px)}
  .qa-backdrop.on{opacity:1;pointer-events:auto}
  .qa-sheet{position:fixed;z-index:89;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 34px);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(7,13,24,.4);transform:translateY(calc(100% + 50px));opacity:0;transition:transform .24s cubic-bezier(.2,.75,.25,1),opacity .18s ease}
  .qa-sheet.on{transform:translateY(0);opacity:1}
  .qa-grab{flex:0 0 auto;width:40px;height:5px;margin:10px auto 5px;border-radius:999px;background:#d4d9e0}
  .qa-head{display:flex;align-items:center;gap:11px;padding:6px 18px 10px}
  .qa-mark{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ff735f,#ef3340);color:#fff;box-shadow:0 7px 17px rgba(239,51,64,.25)}
  .qa-mark svg{width:22px;height:22px}.qa-head h2{margin:0;font-size:20px;line-height:1.2;color:#111827}.qa-close{display:grid;width:38px;height:38px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:11px;background:#f4f6f8;color:#718096}.qa-close svg{width:20px;height:20px}
  .qa-search{display:flex;align-items:center;gap:9px;margin:0 18px 12px;padding:0 13px;border:1px solid #d6dce5;border-radius:15px;background:#fff}.qa-search svg{flex:0 0 19px;width:19px;height:19px;color:#607086}.qa-search input{width:100%;min-width:0;height:44px;padding:0;border:0;outline:0;background:transparent;color:#111827;font-size:16px}.qa-search input::placeholder{color:#98a2b3}
  .qa-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 18px 24px;-webkit-overflow-scrolling:touch}.qa-group{margin:8px 0 18px}.qa-group h3{margin:0 0 10px;color:#718096;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.qa-note{margin:-2px 0 12px;color:#8a96a8;font-size:12px;line-height:1.45}
  .qa-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 8px}.qa-item{position:relative;min-width:0;text-align:center}.qa-link{display:flex;align-items:center;flex-direction:column;gap:6px;color:#182132;text-decoration:none}.qa-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:var(--qa-bg,#edf4ff);color:var(--qa-fg,#276bd6)}.qa-icon svg{width:22px;height:22px}.qa-label{display:block;width:100%;overflow:hidden;color:#273143;font-size:10px;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
  .qa-star{position:absolute;top:-6px;right:calc(50% - 34px);display:grid;width:24px;height:24px;padding:0;place-items:center;border:0;border-radius:50%;background:#fff;color:#65748a;box-shadow:0 1px 4px rgba(17,24,39,.1)}.qa-star svg{width:15px;height:15px;fill:#fff}.qa-star.on{color:#f3a400}.qa-star.on svg{fill:#fff4ce}
  .qa-empty{grid-column:1/-1;padding:18px 8px;border-radius:14px;background:#f7f9fb;color:#667085;font-size:13px;text-align:center}
  body.qa-open{overflow:hidden}body.qa-open #dsk-sup-btn{opacity:0!important;pointer-events:none!important}.tb-fab.qa-holding{transform:translateX(-50%) scale(.9);box-shadow:0 0 0 7px rgba(198,240,60,.24),0 6px 18px rgba(10,10,10,.34)}
}
@media(max-width:360px){.qa-sheet{left:8px;right:8px}.qa-head,.qa-scroll{padding-left:14px;padding-right:14px}.qa-search{margin-left:14px;margin-right:14px}.qa-grid{gap:13px 5px}.qa-icon{width:41px;height:41px}}
@media(prefers-reduced-motion:reduce){.qa-backdrop,.qa-sheet{transition:none}}