/* Support center: a full page (header, scrolling middle, footer). No sticky elements, so iPhone Safari draws it cleanly. */
.tkp { --a: var(--acc, #8f82ec); --hot: #f87171; --card: rgba(255,255,255,.04); --line: rgba(255,255,255,.08); --mut: rgba(255,255,255,.55);
  position: fixed; inset: 0; z-index: 170; display: none; flex-direction: column; color: #fff;
  background: radial-gradient(120% 50% at 50% -10%, color-mix(in srgb, var(--a) 22%, transparent), transparent 70%), var(--bg, #07070b);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif; }
.tkp.on { display: flex; animation: tkin .28s cubic-bezier(.2,.9,.3,1); }
@keyframes tkin { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.tkp svg { fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.tkp button { font: inherit; }
.tkp-in { width: 100%; max-width: 640px; margin: 0 auto; box-sizing: border-box; padding: 0 16px; }

/* header */
.tkp-h { flex: none; display: grid; grid-template-columns: 76px 1fr 76px; align-items: center; height: 54px; padding: env(safe-area-inset-top, 0px) 10px 0; box-sizing: content-box; }
.tkp-ib { all: unset; cursor: pointer; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.08); }
.tkp-ib svg { width: 19px; height: 19px; stroke-width: 2.3; }
.tkp-t { text-align: center; font-size: 16px; font-weight: 700; letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tkp-r { justify-self: end; }
.tkp-txt { all: unset; cursor: pointer; height: 32px; padding: 0 12px; border-radius: 99px; font-size: 13.5px; font-weight: 650; color: rgba(255,255,255,.75); background: rgba(255,255,255,.07); white-space: nowrap; }
.tkp-txt.arm { background: #ef4444; color: #fff; }

/* body + footer */
.tkp-sc { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 6px 0 28px; }
.tkp-f { flex: none; padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px)); background: rgba(10,10,16,.92); border-top: 1px solid var(--line); }
.tkp-f .tkp-in { display: flex; flex-direction: column; gap: 8px; }
.tkp-cta { all: unset; cursor: pointer; box-sizing: border-box; width: 100%; height: 52px; border-radius: 16px; display: flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--a); color: var(--on-acc, #fff); font-size: 16px; font-weight: 700; box-shadow: 0 10px 26px -12px var(--a); transition: transform .12s, opacity .15s; }
.tkp-cta:active { transform: scale(.98); }
.tkp-cta:disabled { opacity: .5; }
.tkp-cta svg { width: 19px; height: 19px; stroke-width: 2.3; }
.tkp-cta.g { background: rgba(255,255,255,.08); color: #fff; box-shadow: none; }
.tkp-load { display: grid; place-items: center; padding: 80px 0; }
.tkp-load span { width: 28px; height: 28px; border-radius: 50%; border: 3px solid rgba(255,255,255,.12); border-top-color: var(--a); animation: tkspin .8s linear infinite; }
@keyframes tkspin { to { transform: rotate(360deg); } }

/* section headings */
.tkp-sh { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 28px 2px 10px; }
.tkp-sh b { font-size: 19px; font-weight: 800; letter-spacing: -.02em; }
.tkp-pri { font-style: normal; display: inline-block; padding: 2px 6px; margin-right: 6px; border-radius: 6px; font-size: 10.5px; font-weight: 800; letter-spacing: .02em; background: rgba(248,113,113,.16); color: #fca5a5; vertical-align: 1px; }

/* hero */
.tkh { position: relative; overflow: hidden; margin-top: 4px; padding: 20px 18px 16px; border-radius: 24px; border: 1px solid var(--line);
  background: linear-gradient(155deg, color-mix(in srgb, var(--a) 26%, transparent), rgba(255,255,255,.03) 60%); }
.tkh:after { content: ""; position: absolute; right: -40px; top: -50px; width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--a) 45%, transparent), transparent 70%); pointer-events: none; }
.tkh > small { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.tkh h1 { position: relative; z-index: 1; margin: 6px 0 16px; font-size: 27px; line-height: 1.12; font-weight: 800; letter-spacing: -.03em; }
.tkh-times { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tkh-times div { display: flex; align-items: flex-start; gap: 9px; padding: 11px; border-radius: 15px; background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.06); }
.tkh-times svg { flex: none; width: 18px; height: 18px; margin-top: 1px; color: rgba(255,255,255,.7); }
.tkh-times .hot svg { color: var(--hot); fill: rgba(248,113,113,.25); }
.tkh-times b { display: block; font-size: 14px; font-weight: 700; }
.tkh-times small { display: block; margin-top: 2px; font-size: 12px; line-height: 1.3; color: var(--mut); }
.tkh-note { position: relative; z-index: 1; margin: 12px 2px 0; font-size: 12.5px; line-height: 1.45; color: rgba(255,255,255,.55); }

/* topic grid */
.tkg { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.tkg-i { all: unset; cursor: pointer; position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); transition: transform .12s, background .15s; }
.tkg-i:active { transform: scale(.97); background: rgba(255,255,255,.07); }
.tkg-i .tki { margin-bottom: 8px; }
.tkg-i b { font-size: 14.5px; font-weight: 700; line-height: 1.25; }
.tkg-i small { font-size: 12px; line-height: 1.35; color: var(--mut); }
.tkg-i .tkp-pri { position: absolute; top: 14px; right: 12px; margin: 0; }
.tkg-i.pri { border-color: rgba(248,113,113,.25); background: linear-gradient(160deg, rgba(248,113,113,.08), var(--card)); }

/* topic icons */
.tki { flex: none; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb, var(--a) 18%, transparent); color: color-mix(in srgb, var(--a) 60%, #fff); }
.tki svg { width: 20px; height: 20px; }
.tki.t-fake { background: rgba(248,113,113,.15); color: #f87171; }
.tki.t-order { background: rgba(79,163,247,.15); color: #6cb4ff; }
.tki.t-report { background: rgba(251,191,36,.14); color: #fbbf24; }
.tki.t-bug { background: rgba(74,222,128,.13); color: #4ade80; }
.tki.t-account { background: rgba(167,139,250,.16); color: #c4b5fd; }

/* segmented control */
.tkseg { display: inline-flex; padding: 3px; border-radius: 12px; background: rgba(255,255,255,.06); }
.tkseg button { all: unset; cursor: pointer; height: 30px; padding: 0 12px; border-radius: 9px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 650; color: rgba(255,255,255,.6); }
.tkseg button.on { background: rgba(255,255,255,.14); color: #fff; }
.tkseg i { font-style: normal; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 99px; display: inline-grid; place-items: center; font-size: 11px; font-weight: 800; background: var(--a); color: var(--on-acc, #fff); }
.tkseg.wide { display: flex; margin: 14px 0 12px; }
.tkseg.wide button { flex: 1; justify-content: center; padding: 0 4px; }

/* ticket list */
.tkl { display: flex; flex-direction: column; border-radius: 20px; overflow: hidden; background: var(--card); border: 1px solid var(--line); }
.tkc { all: unset; cursor: pointer; position: relative; display: flex; align-items: center; gap: 12px; padding: 13px 14px; }
.tkc + .tkc { border-top: 1px solid rgba(255,255,255,.06); }
.tkc:active { background: rgba(255,255,255,.05); }
.tkc.pri:before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: var(--hot); }
.tkc.new:after { content: ""; position: absolute; left: 6px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: var(--a); box-shadow: 0 0 8px var(--a); }
.tkc-m { flex: 1; min-width: 0; }
.tkc-1 { display: flex; align-items: center; gap: 8px; }
.tkc-1 b { flex: 1; min-width: 0; font-size: 15px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tkc.new .tkc-1 b { font-weight: 800; }
.tkc small { display: block; margin-top: 3px; font-size: 12.5px; color: var(--mut); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tkc .ch { flex: none; width: 16px; height: 16px; color: rgba(255,255,255,.3); }
.tkc .tkc-1 .tkp-pri { margin: 0; }
.tks { flex: none; font-style: normal; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 99px; background: rgba(255,255,255,.08); color: rgba(255,255,255,.6); white-space: nowrap; }
.tks.s-open, .tks.s-wait { background: rgba(251,191,36,.13); color: #fcd34d; }
.tks.s-ans { background: rgba(74,222,128,.13); color: #6ee7a0; }
.tks.s-new { background: var(--a); color: var(--on-acc, #fff); }

/* empty */
.tke { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 30px 20px; border-radius: 20px; background: var(--card); border: 1px dashed rgba(255,255,255,.12); text-align: center; }
.tke svg { width: 30px; height: 30px; color: rgba(255,255,255,.35); margin-bottom: 6px; }
.tke b { font-size: 15px; }
.tke span { font-size: 13px; color: var(--mut); }
.tke.sm { padding: 18px; }

/* quick answers */
.tkfaq { border-radius: 20px; overflow: hidden; background: var(--card); border: 1px solid var(--line); }
.tkfaq details + details { border-top: 1px solid rgba(255,255,255,.06); }
.tkfaq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 16px; font-size: 14.5px; font-weight: 600; }
.tkfaq summary::-webkit-details-marker { display: none; }
.tkfaq summary svg { flex: none; width: 16px; height: 16px; color: rgba(255,255,255,.4); transition: transform .2s; }
.tkfaq details[open] summary svg { transform: rotate(90deg); }
.tkfaq p { margin: -4px 16px 16px; font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.7); }
.tkv { all: unset; cursor: pointer; box-sizing: border-box; width: 100%; display: flex; align-items: center; gap: 12px; margin-top: 12px; padding: 14px 16px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); }
.tkv > svg:first-child { flex: none; width: 22px; height: 22px; color: var(--a); }
.tkv span { flex: 1; }
.tkv b { display: block; font-size: 14.5px; }
.tkv small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--mut); }
.tkv .ch { flex: none; width: 16px; height: 16px; color: rgba(255,255,255,.3); }

/* admin stats */
.tkst { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 6px; }
.tkst div { padding: 14px 12px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); }
.tkst b { display: block; font-size: 26px; font-weight: 800; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.tkst small { display: block; margin-top: 2px; font-size: 12px; line-height: 1.3; color: var(--mut); }
.tkst .hot { background: linear-gradient(160deg, rgba(248,113,113,.16), var(--card)); border-color: rgba(248,113,113,.3); }
.tkst .hot b { color: #fca5a5; }

/* new ticket */
.tkn-bar { display: flex; align-items: center; gap: 6px; margin: 4px 0 18px; }
.tkn-bar i { width: 34px; height: 5px; border-radius: 9px; background: rgba(255,255,255,.12); }
.tkn-bar i.on { background: var(--a); }
.tkn-bar span { margin-left: 6px; font-size: 12.5px; font-weight: 600; color: var(--mut); }
.tkn-h { margin: 0 2px 14px; font-size: 24px; line-height: 1.2; font-weight: 800; letter-spacing: -.03em; }
.tkn-sel { all: unset; cursor: pointer; box-sizing: border-box; width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); }
.tkn-sel > span:not(.tki) { flex: 1; }
.tkn-sel small { display: block; font-size: 12px; color: var(--mut); }
.tkn-sel b { display: block; font-size: 15.5px; }
.tkn-sel em { font-style: normal; font-size: 13.5px; font-weight: 650; color: var(--a); }
.tkn-eta { display: flex; align-items: center; gap: 10px; margin: 12px 0 0; padding: 11px 13px; border-radius: 14px; background: rgba(255,255,255,.04); font-size: 13px; line-height: 1.4; color: rgba(255,255,255,.7); }
.tkn-eta svg { flex: none; width: 18px; height: 18px; color: rgba(255,255,255,.55); }
.tkn-eta.hot { background: rgba(248,113,113,.08); color: #fecaca; }
.tkn-eta.hot svg { color: var(--hot); fill: rgba(248,113,113,.25); }
.tkn-steps { margin-top: 12px; padding: 14px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); }
.tkn-steps b { display: block; font-size: 14.5px; margin-bottom: 10px; }
.tkn-steps ol { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 9px; }
.tkn-steps li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; line-height: 1.4; color: rgba(255,255,255,.78); }
.tkn-steps li span { flex: none; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; background: rgba(248,113,113,.16); color: #fca5a5; }
.tkf { display: block; position: relative; margin-top: 16px; }
.tkf > span { display: block; margin: 0 4px 7px; font-size: 13px; font-weight: 650; color: rgba(255,255,255,.7); }
.tkf input, .tkf textarea { box-sizing: border-box; width: 100%; border-radius: 16px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.05); color: #fff; font: 16px/1.4 -apple-system, system-ui, sans-serif; padding: 14px 15px; outline: 0; transition: border-color .15s, background .15s; }
.tkf textarea { min-height: 150px; resize: vertical; padding-bottom: 28px; }
.tkf input:focus, .tkf textarea:focus { border-color: var(--a); background: rgba(255,255,255,.07); }
.tkf-cash { position: relative; }
.tkf-cash i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-style: normal; font-weight: 800; font-size: 16px; color: #4ade80; }
.tkf-cash input { padding-left: 30px; }
.tkf-c { position: absolute; right: 14px; bottom: 11px; font-style: normal; font-size: 11.5px; color: rgba(255,255,255,.35); font-variant-numeric: tabular-nums; }
.tkf-err { margin: 12px 4px 0; padding: 11px 13px; border-radius: 12px; background: rgba(239,68,68,.12); color: #fca5a5; font-size: 13.5px; line-height: 1.4; }

/* sent */
.tkd { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 50px 6px 10px; }
.tkd-ok { width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center; background: var(--a); color: var(--on-acc, #fff); box-shadow: 0 16px 40px -12px var(--a); animation: tkpop .5s cubic-bezier(.2,1.5,.4,1); }
.tkd-ok svg { width: 38px; height: 38px; stroke-width: 2.6; }
@keyframes tkpop { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
.tkd h2 { margin: 20px 0 8px; font-size: 26px; font-weight: 800; letter-spacing: -.03em; }
.tkd p { margin: 0 0 6px; max-width: 320px; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.7); }
.tkd p b { color: #fff; }
.tkd .tkn-eta { margin-top: 16px; text-align: left; }

/* conversation */
.tkt { margin-top: 4px; padding: 14px; border-radius: 20px; background: var(--card); border: 1px solid var(--line); }
.tkt.pri { border-color: rgba(248,113,113,.3); background: linear-gradient(160deg, rgba(248,113,113,.07), var(--card)); }
.tkt-1 { display: flex; align-items: flex-start; gap: 12px; }
.tkt-1 > div { flex: 1; min-width: 0; }
.tkt-1 small { display: block; font-size: 12.5px; color: var(--mut); }
.tkt-1 small b { color: #fff; }
.tkt-1 h2 { margin: 3px 0; font-size: 18px; line-height: 1.25; font-weight: 750; letter-spacing: -.01em; overflow-wrap: anywhere; }
.tkt-steps { display: flex; margin: 14px 0 0; padding: 0; list-style: none; }
.tkt-steps li { flex: 1; position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 650; color: rgba(255,255,255,.4); }
.tkt-steps li i { position: relative; z-index: 1; width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,.14); }
.tkt-steps li + li:before { content: ""; position: absolute; top: 5px; right: 50%; width: 100%; height: 2px; background: rgba(255,255,255,.12); }
.tkt-steps li.on { color: #fff; }
.tkt-steps li.on i { background: var(--a); box-shadow: 0 0 0 4px color-mix(in srgb, var(--a) 25%, transparent); }
.tkt-steps li.on + li.on:before { background: var(--a); }
.tkt-cash { display: flex; align-items: center; gap: 10px; margin-top: 14px; padding: 10px 12px; border-radius: 14px; background: rgba(0,214,50,.08); border: 1px solid rgba(0,214,50,.22); }
.tkt-cash span { flex: 1; font-size: 13px; color: rgba(255,255,255,.65); }
.tkt-cash b { font-size: 15px; font-weight: 800; color: #4ade80; -webkit-user-select: all; user-select: all; }
.tkt-cash button { all: unset; cursor: pointer; height: 28px; padding: 0 10px; border-radius: 8px; font-size: 12.5px; font-weight: 700; background: rgba(74,222,128,.18); color: #bbf7d0; }
.tkt .tkn-eta { margin-top: 12px; }
.tkms { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.tkm-day { display: flex; justify-content: center; margin: 8px 0 4px; }
.tkm-day span { font-size: 11.5px; font-weight: 650; color: rgba(255,255,255,.45); padding: 3px 10px; border-radius: 99px; background: rgba(255,255,255,.05); }
.tkm { display: flex; align-items: flex-end; gap: 8px; max-width: 86%; align-self: flex-start; animation: tkmsg .25s ease-out; }
@keyframes tkmsg { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.tkm.me { align-self: flex-end; flex-direction: row-reverse; }
.tkm-av { flex: none; width: 28px; height: 28px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: #1c1c26; }
.tkm-av img { width: 100%; height: 100%; object-fit: cover; }
.tkm-av.u { background: #5865f2; font-size: 13px; font-weight: 700; }
.tkm-b { min-width: 0; padding: 9px 13px 7px; border-radius: 20px 20px 20px 6px; background: rgba(255,255,255,.08); }
.tkm.staff:not(.me) .tkm-b { background: color-mix(in srgb, var(--a) 18%, rgba(255,255,255,.04)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--a) 30%, transparent); }
.tkm.me .tkm-b { border-radius: 20px 20px 6px 20px; background: var(--a); color: var(--on-acc, #fff); }
.tkm-who { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 700; color: color-mix(in srgb, var(--a) 55%, #fff); }
.tkm p { margin: 0; font-size: 15px; line-height: 1.42; white-space: pre-wrap; overflow-wrap: anywhere; }
.tkm-t { display: block; margin-top: 3px; text-align: right; font-size: 10.5px; opacity: .55; }
.tkm-load { margin: 20px 0; text-align: center; font-size: 13.5px; color: var(--mut); }
.tkx { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; font-size: 13.5px; color: var(--mut); text-align: center; }
.tkx svg { flex: none; width: 16px; height: 16px; }
.tkq { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px; }
.tkq::-webkit-scrollbar { display: none; }
.tkq button { all: unset; cursor: pointer; flex: none; height: 30px; padding: 0 12px; border-radius: 99px; font-size: 12.5px; font-weight: 650; background: rgba(255,255,255,.07); color: rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.08); }
.tkcmp { display: flex; align-items: flex-end; gap: 8px; padding: 5px 5px 5px 15px; border-radius: 24px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); }
.tkcmp textarea { flex: 1; min-height: 22px; max-height: 140px; margin: 0; padding: 9px 0; border: 0; background: none; color: #fff; font: 16px/1.35 -apple-system, system-ui, sans-serif; resize: none; outline: 0; }
.tkcmp-s { all: unset; cursor: pointer; flex: none; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--a); color: var(--on-acc, #fff); transition: opacity .15s, transform .12s; }
.tkcmp-s:disabled { opacity: .35; cursor: default; }
.tkcmp-s:not(:disabled):active { transform: scale(.92); }
.tkcmp-s svg { width: 18px; height: 18px; stroke-width: 2.2; }

/* You tab badges */
.tk-badge { background: var(--acc, #8f82ec) !important; color: var(--on-acc, #fff) !important; padding: 2px 8px; border-radius: 99px; font-size: 12px !important; font-weight: 800; }
.tk-badge.hot { background: #ef4444 !important; color: #fff !important; }

@media (min-width: 700px) {
  .tkp-h { padding-left: calc(50% - 320px); padding-right: calc(50% - 320px); }
  .tkh h1 { font-size: 32px; }
  .tkg { grid-template-columns: repeat(3, 1fr); }
}

/* Admin: flagged wallets sheet */
.fg-r { margin-top: 10px; padding: 14px; border-radius: 18px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); }
.fg-t b { display: block; font-size: 15.5px; }
.fg-t small { color: rgba(255,255,255,.5); font-size: 12.5px; }
.fg-n { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.fg-n span { padding: 9px 11px; border-radius: 12px; background: rgba(0,0,0,.25); }
.fg-n small { display: block; font-size: 11.5px; color: rgba(255,255,255,.5); }
.fg-n b { font-size: 16px; font-variant-numeric: tabular-nums; }
#shc .fg p.fg-why { margin: 10px 2px 0; font-size: 12.5px; color: #fca5a5; }
.fg-a { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.fg-a .pbtn { margin: 0; justify-content: center; }
.fg-a .pbtn.arm { background: #ef4444; color: #fff; }
.fg-none { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 28px 12px; margin-top: 8px; border-radius: 18px; border: 1px dashed rgba(255,255,255,.14); text-align: center; }
.fg-none b { font-size: 15px; } .fg-none span { font-size: 13px; color: rgba(255,255,255,.5); }

/* popup when support replies */
#tkpop { position: fixed; z-index: 1002; left: 50%; top: calc(env(safe-area-inset-top, 0px) + 10px); width: min(94vw, 430px); box-sizing: border-box; display: flex; align-items: stretch;
  border-radius: 22px; background: rgba(28,28,38,.92); -webkit-backdrop-filter: saturate(180%) blur(24px); backdrop-filter: saturate(180%) blur(24px);
  border: 1px solid rgba(255,255,255,.12); box-shadow: 0 18px 50px -12px rgba(0,0,0,.8); transform: translate(-50%, calc(-100% - 30px)); transition: transform .45s cubic-bezier(.2,1.1,.3,1); }
#tkpop.on { transform: translate(-50%, 0); }
#tkpop svg { fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.tkpop-main { all: unset; cursor: pointer; flex: 1; min-width: 0; display: flex; align-items: flex-start; gap: 12px; padding: 13px 4px 13px 14px; font-family: -apple-system, system-ui, sans-serif; }
.tkpop-av { position: relative; flex: none; width: 40px; height: 40px; }
.tkpop-av img { width: 40px; height: 40px; border-radius: 12px; display: block; }
.tkpop-av i { position: absolute; right: -3px; top: -3px; width: 12px; height: 12px; border-radius: 50%; background: var(--acc, #8f82ec); border: 2px solid #1c1c26; }
.tkpop-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.tkpop-tx small { font-size: 11.5px; font-weight: 600; color: rgba(255,255,255,.5); }
.tkpop-tx b { font-size: 14.5px; font-weight: 700; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tkpop-tx em { font-style: normal; font-size: 13px; line-height: 1.35; color: rgba(255,255,255,.72); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tkpop-x { all: unset; cursor: pointer; flex: none; width: 40px; display: grid; place-items: center; color: rgba(255,255,255,.45); }
.tkpop-x svg { width: 16px; height: 16px; }
.tkh-times>div:only-child{grid-column:1/-1}