/* ==========================================================================
   TCN App (app.html) — native-style screens, navigation stacks, components.
   Design tokens (--tx-*) come from /tcn-app.css. Every class here is
   prefixed ax- so nothing collides with the old site's styles.
   ========================================================================== */

html.ax, html.ax body { height: 100%; }
html.ax body { margin: 0; overflow: hidden; position: fixed; inset: 0; background: var(--tx-bg); color: var(--tx-label-2); font-family: var(--tx-font); -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; }
html.ax input, html.ax textarea, html.ax [contenteditable], html.ax .ax-selectable { -webkit-user-select: text; user-select: text; }
/* Zero-specificity resets (:where) so component classes always win. */
:where(html.ax) a { color: inherit; text-decoration: none; }
:where(html.ax) button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
:where(html.ax) * { box-sizing: border-box; }

/* --- Stage + screens ------------------------------------------------------- */
.ax-stage { position: fixed; inset: 0; overflow: hidden; z-index: 1; }
.ax-screen { position: absolute; inset: 0; display: flex; flex-direction: column; background: transparent; will-change: transform; }
.ax-screen[hidden] { display: none; }
.ax-screen.ax-under { pointer-events: none; }
.ax-screen-bg { position: absolute; inset: 0; z-index: -1; background:
    radial-gradient(70% 45% at 0% -6%, rgba(224,28,255,.14), transparent 70%),
    radial-gradient(60% 40% at 105% 4%, rgba(34,227,255,.08), transparent 70%),
    var(--tx-bg); }
.ax-screen.ax-pushed .ax-screen-bg { box-shadow: -12px 0 30px rgba(0,0,0,.6); }

.ax-scroll { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch;
  padding: calc(var(--tx-safe-t) + 52px) 16px calc(var(--tx-safe-b) + 108px); }
.ax-screen.ax-notabs .ax-scroll { padding-bottom: calc(var(--tx-safe-b) + 28px); }
.ax-screen.ax-has-footer .ax-scroll { padding-bottom: 16px; }
.ax-content { max-width: 680px; margin: 0 auto; }

/* Transitions */
.ax-anim-push-in { animation: ax-push-in .42s var(--tx-ease-drawer) both; }
.ax-anim-push-out { animation: ax-push-out .42s var(--tx-ease-drawer) both; }
.ax-anim-pop-in { animation: ax-pop-in .38s var(--tx-ease-drawer) both; }
.ax-anim-pop-out { animation: ax-pop-out .38s var(--tx-ease-drawer) both; }
.ax-anim-fade-in { animation: ax-fade-in .26s ease both; }
@keyframes ax-push-in { from { transform: translateX(100%); } }
@keyframes ax-push-out { to { transform: translateX(-28%); opacity: .6; } }
@keyframes ax-pop-in { from { transform: translateX(-28%); opacity: .6; } }
@keyframes ax-pop-out { to { transform: translateX(100%); } }
@keyframes ax-fade-in { from { opacity: 0; transform: scale(.995); } }

/* --- Nav bar --------------------------------------------------------------- */
.ax-nav { position: absolute; top: 0; left: 0; right: 0; z-index: 5; padding-top: var(--tx-safe-t); border-bottom: .5px solid transparent; transition: background-color .2s, border-color .2s; }
.ax-nav.ax-solid { background: rgba(8,7,13,.74); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); border-bottom-color: rgba(255,255,255,.08); }
.ax-nav-in { height: 52px; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; padding: 0 8px; gap: 6px; }
.ax-nav-l, .ax-nav-r { display: flex; align-items: center; gap: 4px; min-width: 0; }
.ax-nav-r { justify-content: flex-end; }
.ax-nav-t { font: 700 17px/1.2 var(--tx-font-display); color: #fff; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 56vw; text-align: center; transition: opacity .2s; }
.ax-nav.ax-large-mode:not(.ax-solid) .ax-nav-t { opacity: 0; }
.ax-back { display: inline-flex; align-items: center; color: var(--tx-cyan); font: 500 17px/1 var(--tx-font); padding: 8px 6px 8px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40vw; }
.ax-back svg { width: 28px; height: 28px; flex: none; stroke-width: 2.3; margin-right: -2px; }
.ax-navbtn { min-width: 38px; height: 38px; padding: 0 9px; border-radius: 19px; display: inline-grid; place-items: center; color: var(--tx-cyan); font: 600 16px/1 var(--tx-font); }
.ax-navbtn svg { width: 24px; height: 24px; stroke-width: 2; }
.ax-navbtn.ax-circle { background: rgba(255,255,255,.08); color: #fff; padding: 0; width: 36px; height: 36px; }
.ax-navbtn.ax-circle svg { width: 20px; height: 20px; }

.ax-large { padding: 2px 4px 14px; }
.ax-kicker { font: 600 13px/1.2 var(--tx-font); text-transform: uppercase; letter-spacing: .03em; color: var(--tx-label-3); margin-bottom: 2px; }
.ax-large h1 { margin: 0; font: 800 34px/1.12 var(--tx-font-display); letter-spacing: -.026em; color: #fff; }
.ax-large p { margin: 6px 0 0; font-size: 15px; color: var(--tx-label-3); }

/* --- Tab bar --------------------------------------------------------------- */
.ax-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; pointer-events: none; padding: 8px 14px calc(var(--tx-safe-b) + 10px); transition: transform .38s var(--tx-ease-drawer), opacity .25s; }
.ax-tabbar.ax-hidden { transform: translateY(120%); opacity: 0; }
.ax-tabbar::before { content: ""; position: absolute; inset: -34px 0 0; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(5,4,9,.88) 62%); }

/* --- Text ------------------------------------------------------------------ */
.ax-h2 { font: 800 22px/1.2 var(--tx-font-display); letter-spacing: -.02em; color: #fff; margin: 0; }
.ax-h3 { font: 700 17px/1.25 var(--tx-font-display); letter-spacing: -.01em; color: #fff; margin: 0; }
.ax-sub { font-size: 14px; line-height: 1.45; color: var(--tx-label-3); }
.ax-body { font-size: 16px; line-height: 1.55; color: var(--tx-label-2); white-space: pre-wrap; }
.ax-grad-text { background: var(--tx-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.ax-section-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 26px 4px 10px; }
.ax-section-h h2 { margin: 0; font: 800 20px/1.2 var(--tx-font-display); letter-spacing: -.02em; color: #fff; }
.ax-section-h a, .ax-section-h button { font: 500 15px/1 var(--tx-font); color: var(--tx-cyan); }
.ax-group-label { font: 600 13px/1 var(--tx-font); text-transform: uppercase; letter-spacing: .04em; color: var(--tx-label-3); margin: 22px 16px 8px; }
.ax-footnote { font-size: 13px; line-height: 1.4; color: var(--tx-label-3); margin: 8px 16px 0; }

/* --- Cards ----------------------------------------------------------------- */
.ax-card { position: relative; border-radius: var(--tx-radius); background: linear-gradient(180deg, var(--tx-raised-2), var(--tx-raised)); border: 1px solid var(--tx-line);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 48px -30px rgba(0,0,0,.95); padding: 18px; overflow: hidden; }
.ax-card + .ax-card { margin-top: 12px; }
.ax-card.ax-tap { transition: transform .16s var(--tx-ease); cursor: pointer; display: block; }
.ax-card.ax-tap:active { transform: scale(.98); }
.ax-card-glow { background:
    radial-gradient(120% 90% at 0% 0%, rgba(224,28,255,.3), transparent 55%),
    radial-gradient(120% 90% at 100% 100%, rgba(34,227,255,.2), transparent 55%),
    linear-gradient(160deg, #1a1030, #0b0d1c 60%, #071422);
  border-color: rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 30px 60px -30px rgba(120,40,255,.55); }
.ax-hscroll { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -16px; padding: 2px 16px 6px; scrollbar-width: none; }
.ax-hscroll::-webkit-scrollbar { display: none; }
.ax-hscroll > * { scroll-snap-align: start; flex: none; }

/* --- Grouped lists (iOS inset grouped) -------------------------------------- */
.ax-list { border-radius: 16px; overflow: hidden; background: var(--tx-raised); border: 1px solid var(--tx-line); }
.ax-row { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 50px; padding: 11px 14px; text-align: left; color: #fff; font: 400 16px/1.25 var(--tx-font); background: none; cursor: pointer; transition: background-color .15s; }
.ax-row:active { background: rgba(255,255,255,.07); }
.ax-row + .ax-row::before { content: ""; position: absolute; top: 0; right: 0; left: 56px; height: .5px; background: rgba(255,255,255,.09); }
.ax-row.ax-noicon + .ax-row::before, .ax-list.ax-noicons .ax-row + .ax-row::before { left: 14px; }
.ax-row-ic { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; flex: none; color: #fff; }
.ax-row-ic svg { width: 18px; height: 18px; stroke-width: 2; }
.ax-row-main { flex: 1; min-width: 0; }
.ax-row-title { display: block; color: #fff; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ax-row-sub { display: block; margin-top: 3px; font-size: 13.5px; color: var(--tx-label-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ax-row-sub.ax-wrap { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ax-row-val { color: var(--tx-label-3); font-size: 15px; white-space: nowrap; }
.ax-row-chev { width: 16px; height: 16px; color: rgba(235,235,245,.28); flex: none; stroke-width: 2.6; }
.ax-row.ax-danger, .ax-row.ax-danger .ax-row-title { color: #ff453a; }
.ax-row.ax-unread .ax-row-title { font-weight: 700; }

/* --- Avatars + badges ------------------------------------------------------- */
.ax-avatar { --s: 44px; width: var(--s); height: var(--s); border-radius: 50%; flex: none; display: grid; place-items: center; color: #fff; font: 700 calc(var(--s) * .38)/1 var(--tx-font); letter-spacing: .01em; position: relative; overflow: hidden; }
.ax-avatar img { width: 100%; height: 100%; object-fit: cover; }
.ax-avatar.ax-ring { padding: 2px; background: var(--tx-grad); }
.ax-avatar.ax-ring > span { width: 100%; height: 100%; border-radius: 50%; background: #0d0c15; display: grid; place-items: center; }
.ax-badge { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #ff2d55; color: #fff; font: 700 12px/1 var(--tx-font); }
.ax-badge.ax-blue { background: var(--tx-blue); }
.ax-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--tx-blue); flex: none; box-shadow: 0 0 8px rgba(31,143,255,.8); }
.ax-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 999px; font: 600 12.5px/1 var(--tx-font); background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.08); white-space: nowrap; }
.ax-pill svg { width: 14px; height: 14px; }
.ax-pill.ax-green { background: rgba(48,209,88,.15); color: #30d158; border-color: rgba(48,209,88,.25); }
.ax-pill.ax-red { background: rgba(255,69,58,.15); color: #ff6961; border-color: rgba(255,69,58,.25); }
.ax-pill.ax-amber { background: rgba(255,179,26,.15); color: #ffc04d; border-color: rgba(255,179,26,.25); }
.ax-pill.ax-purple { background: rgba(176,90,255,.16); color: #d1a6ff; border-color: rgba(176,90,255,.28); }
.ax-pill.ax-live i { width: 7px; height: 7px; border-radius: 50%; background: #ff2d55; box-shadow: 0 0 8px #ff2d55; animation: ax-live 1.6s ease-in-out infinite; }
@keyframes ax-live { 50% { transform: scale(1.5); opacity: .6; } }

/* --- Buttons ---------------------------------------------------------------- */
.ax-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 22px; border-radius: 999px; font: 700 16px/1 var(--tx-font) !important; letter-spacing: -.01em; color: #fff; transition: transform .16s var(--tx-ease), opacity .2s; }
.ax-btn:active { transform: scale(.97); }
.ax-btn:disabled { opacity: .45; pointer-events: none; }
.ax-btn svg { width: 20px; height: 20px; stroke-width: 2.1; }
.ax-btn-primary { background: var(--tx-grad); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(0,0,0,.2), 0 14px 30px -14px rgba(176,40,255,.85); }
.ax-btn-secondary { background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.ax-btn-danger { background: rgba(255,69,58,.14); color: #ff6961; border: 1px solid rgba(255,69,58,.25); }
.ax-btn-block { display: flex; width: 100%; }
.ax-btn-sm { min-height: 36px; padding: 0 14px; font-size: 14px !important; }
.ax-btns { display: flex; gap: 10px; }
.ax-btns > * { flex: 1; }

/* --- Segmented control ------------------------------------------------------ */
.ax-seg { position: relative; display: flex; padding: 3px; border-radius: 12px; background: rgba(118,118,128,.2); margin: 0 0 14px; }
.ax-seg button { position: relative; z-index: 1; flex: 1; min-height: 34px; border-radius: 9px; font: 600 14px/1 var(--tx-font) !important; color: var(--tx-label-2); transition: color .2s; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.ax-seg button.ax-on { color: #fff; }
.ax-seg-ind { position: absolute; top: 3px; bottom: 3px; left: 3px; border-radius: 9px; background: linear-gradient(180deg, #3a3948, #2b2a37); box-shadow: 0 3px 8px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.1); transition: transform .35s var(--tx-ease-drawer); }

/* --- Forms ------------------------------------------------------------------ */
.ax-field { width: 100%; min-height: 48px; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.055); border: 1px solid var(--tx-line); color: #fff; font: 400 16px/1.35 var(--tx-font); outline: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.4); transition: border-color .16s, box-shadow .16s; -webkit-appearance: none; appearance: none; }
.ax-field:focus { border-color: rgba(176,90,255,.65); box-shadow: inset 0 1px 2px rgba(0,0,0,.4), 0 0 0 4px rgba(176,90,255,.16); }
.ax-field::placeholder { color: rgba(235,235,245,.32); }
textarea.ax-field { resize: none; min-height: 110px; }
select.ax-field { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 40px; }
.ax-label { display: block; margin: 0 4px 7px; font: 600 13px/1 var(--tx-font); color: var(--tx-label-3); }
.ax-form-row + .ax-form-row { margin-top: 14px; }

/* --- Empty / loading -------------------------------------------------------- */
.ax-empty { text-align: center; padding: 44px 24px; color: var(--tx-label-3); }
.ax-empty svg { width: 46px; height: 46px; stroke-width: 1.5; color: rgba(235,235,245,.28); margin-bottom: 12px; }
.ax-empty h3 { margin: 0 0 6px; color: #fff; font: 700 19px/1.2 var(--tx-font-display); }
.ax-empty p { margin: 0; font-size: 15px; line-height: 1.45; }
.ax-skel { position: relative; overflow: hidden; border-radius: 14px; background: rgba(255,255,255,.05); }
.ax-skel::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent); animation: tx-shimmer 1.3s infinite; }
.ax-skel-row { height: 62px; margin-bottom: 8px; }
.ax-skel-card { height: 140px; border-radius: var(--tx-radius); margin-bottom: 12px; }
.ax-spinner { width: 26px; height: 26px; border-radius: 50%; border: 2.5px solid rgba(255,255,255,.15); border-top-color: var(--tx-cyan); animation: tx-rot .8s linear infinite; margin: 30px auto; }

/* --- Sheets / action sheets -------------------------------------------------- */
.ax-scrim { position: fixed; inset: 0; z-index: 80; background: rgba(0,0,0,.5); opacity: 0; transition: opacity .3s; }
.ax-scrim.ax-open { opacity: 1; }
.ax-sheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; max-width: 600px; margin: 0 auto; max-height: calc(100dvh - var(--tx-safe-t) - 24px); display: flex; flex-direction: column;
  border-radius: 28px 28px 0 0; background: linear-gradient(180deg, #17161f, #0e0d15); border: 1px solid rgba(255,255,255,.09); border-bottom: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 -30px 60px -20px rgba(0,0,0,.8); transform: translateY(105%); transition: transform .45s var(--tx-ease-drawer); }
.ax-sheet.ax-open { transform: none; }
.ax-sheet.ax-full { height: calc(100dvh - var(--tx-safe-t) - 12px); }
.ax-sheet-head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 14px 14px 8px; }
.ax-sheet-head .ax-nav-t { max-width: 60vw; }
.ax-sheet-head > :last-child { justify-self: end; }
.ax-sheet-grab { position: absolute; top: 7px; left: 50%; width: 38px; height: 5px; margin-left: -19px; border-radius: 3px; background: rgba(255,255,255,.22); }
.ax-sheet-body { flex: 1; min-height: 0; overflow-y: auto; padding: 8px 16px calc(var(--tx-safe-b) + 20px); overscroll-behavior: contain; }
.ax-actions { position: fixed; left: 8px; right: 8px; bottom: calc(var(--tx-safe-b) + 8px); z-index: 90; max-width: 520px; margin: 0 auto; transform: translateY(120%); transition: transform .4s var(--tx-ease-drawer); }
.ax-actions.ax-open { transform: none; }
.ax-actions-group { border-radius: 16px; overflow: hidden; background: rgba(36,35,48,.92); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); }
.ax-actions-group + .ax-actions-group { margin-top: 8px; }
.ax-actions-title { padding: 14px 16px; text-align: center; font-size: 13px; color: var(--tx-label-3); border-bottom: .5px solid rgba(255,255,255,.1); }
.ax-action { display: block; width: 100%; min-height: 56px; font: 400 19px/1 var(--tx-font) !important; color: var(--tx-cyan); text-align: center; }
.ax-action + .ax-action { border-top: .5px solid rgba(255,255,255,.1); }
.ax-action.ax-danger { color: #ff453a; }
.ax-action.ax-cancel { font-weight: 600 !important; }

/* --- Toast ------------------------------------------------------------------ */
.ax-toast { position: fixed; left: 50%; top: calc(var(--tx-safe-t) + 10px); z-index: 120; transform: translate(-50%, -150%); transition: transform .45s var(--tx-ease-drawer);
  display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 999px; background: rgba(32,31,44,.94); border: 1px solid rgba(255,255,255,.12);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); color: #fff; font: 600 14px/1.2 var(--tx-font); box-shadow: 0 20px 40px -16px rgba(0,0,0,.8); max-width: calc(100vw - 32px); }
.ax-toast.ax-open { transform: translate(-50%, 0); }
.ax-toast svg { width: 18px; height: 18px; flex: none; }

/* --- Footer (composer etc.) -------------------------------------------------- */
.ax-footer { position: relative; z-index: 6; padding: 8px 12px calc(var(--tx-safe-b) + 8px); background: rgba(10,9,16,.86); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); border-top: .5px solid rgba(255,255,255,.09); }

/* --- Stats ------------------------------------------------------------------ */
.ax-ring { position: relative; width: var(--s, 84px); height: var(--s, 84px); flex: none; }
.ax-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.ax-ring circle { fill: none; stroke-width: 9; stroke-linecap: round; }
.ax-ring .ax-ring-track { stroke: rgba(255,255,255,.08); }
.ax-ring .ax-ring-val { transition: stroke-dashoffset 1.2s var(--tx-ease); }
.ax-ring-label { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; font: 800 17px/1 var(--tx-font-display); color: #fff; letter-spacing: -.02em; }
.ax-ring-label small { display: block; font: 600 10px/1 var(--tx-font); color: var(--tx-label-3); letter-spacing: .02em; margin-top: 3px; }
.ax-statnum { font: 800 30px/1.05 var(--tx-font-display); letter-spacing: -.03em; color: #fff; }
.ax-statlbl { font: 600 12px/1 var(--tx-font); letter-spacing: .05em; text-transform: uppercase; color: var(--tx-label-3); }
.ax-bar { height: 8px; border-radius: 4px; background: rgba(255,255,255,.08); overflow: hidden; }
.ax-bar > i { display: block; height: 100%; border-radius: 4px; background: var(--tx-grad); box-shadow: 0 0 12px rgba(176,90,255,.6); transition: width 1s var(--tx-ease); }
.ax-up { color: #30d158; }
.ax-down { color: #ff453a; }

/* --- Pull to refresh (inside .ax-scroll) -------------------------------------- */
.ax-ptr { position: absolute; left: 50%; top: calc(var(--tx-safe-t) + 58px); z-index: 4; width: 36px; height: 36px; margin-left: -18px; border-radius: 50%; display: grid; place-items: center;
  background: rgba(26,25,36,.95); border: 1px solid var(--tx-line-strong); opacity: 0; transform: translateY(-50px) scale(.6); pointer-events: none; }
.ax-ptr svg { width: 20px; height: 20px; color: #c58bff; }
.ax-ptr.ax-spin svg { animation: tx-rot .8s linear infinite; }

@media (prefers-reduced-motion: reduce) {
  .ax-anim-push-in, .ax-anim-push-out, .ax-anim-pop-in, .ax-anim-pop-out, .ax-anim-fade-in { animation-duration: .01s; }
}
@media (min-width: 760px) {
  .ax-scroll { padding-left: 24px; padding-right: 24px; }
}

.ax-embed { display: block; width: 100%; height: calc(100dvh - var(--tx-safe-t) - 52px); border: 0; background: var(--tx-bg); }
.ax-embed + * { display: none; }
.ax-embed.ax-embed-tabs { height: calc(100dvh - var(--tx-safe-t) - 52px - var(--tx-tab-h) - 24px - var(--tx-safe-b)); }