/* AUTO-GENERATED by theme/gen-theme.js — monochrome colour remap of app.css + market-v2.css. */

/* app.css → dark */
html.hub-mono.theme-dark {
  --bg: rgb(23, 23, 23);
  --bg-deep: rgb(16, 16, 16);
  --ink: rgb(247, 247, 247);
  --muted: rgb(151, 151, 151);
  --accent: rgb(247, 247, 247);
  --accent-2: rgb(247, 247, 247);
  --accent-ink: rgb(22, 22, 22);
  --accent-dim: rgba(247, 247, 247, 0.18);
  --star: rgb(247, 247, 247);
  --violet: rgb(247, 247, 247);
  --panel: rgba(45, 45, 45, 0.92);
  --panel-2: rgb(55, 55, 55);
  --panel-solid: rgb(45, 45, 45);
  --ok: rgb(71, 212, 124);
  --ok-ink: rgb(69, 211, 108);
  --ok-glow: rgba(71, 212, 124, 0.35);
  --danger: rgb(223, 122, 117);
}
html.hub-mono.theme-dark .atmosphere {
  background: radial-gradient(70% 45% at 15% 0%, rgba(247, 247, 247, 0.22), transparent 55%),
    radial-gradient(80% 50% at 90% 8%, rgba(247, 247, 247, 0.2), transparent 52%),
    radial-gradient(60% 40% at 50% 100%, rgba(247, 247, 247, 0.08), transparent 50%),
    linear-gradient(165deg, rgb(37, 37, 37) 0%, var(--bg) 42%, var(--bg-deep) 100%);
}
html.hub-mono.theme-dark .blob-a {
  background: rgba(247, 247, 247, 0.45);
}
html.hub-mono.theme-dark .blob-b {
  background: rgba(247, 247, 247, 0.4);
}
html.hub-mono.theme-dark .blob-c {
  background: rgba(247, 247, 247, 0.22);
}
html.hub-mono.theme-dark .brand-mark {
  background: linear-gradient(120deg, rgb(255, 255, 255) 10%, var(--accent-2) 45%, var(--star) 90%);
  filter: drop-shadow(0 8px 24px rgba(255, 255, 255, 0.063));
}
html.hub-mono.theme-dark .profile-avatar-wrap {
  filter: drop-shadow(0 10px 22px rgba(255, 255, 255, 0.07));
}
html.hub-mono.theme-dark .profile-avatar {
  color: rgb(20, 20, 20);
}
html.hub-mono.theme-dark .signal {
  background: linear-gradient(160deg, rgba(247, 247, 247, 0.16), transparent 45%),
    linear-gradient(320deg, rgba(247, 247, 247, 0.12), transparent 40%),
    rgba(36, 36, 36, 0.92);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.02);
}
html.hub-mono.theme-dark .signal-glow {
  background: radial-gradient(circle, rgba(247, 247, 247, 0.35), transparent 68%);
}
html.hub-mono.theme-dark .signal-live em {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.125);
}
html.hub-mono.theme-dark .signal-sum {
  text-shadow: 0 8px 30px rgba(255, 255, 255, 0.05);
}
html.hub-mono.theme-dark .wallet-pill {
  background: rgba(23, 23, 23, 0.45);
}
html.hub-mono.theme-dark .bento-tile.gold {
  border-color: rgba(247, 247, 247, 0.35);
  background: linear-gradient(160deg, rgba(247, 247, 247, 0.18), rgba(0, 0, 0, 0.15));
}
html.hub-mono.theme-dark .bento-tile.action {
  border-color: rgba(71, 212, 124, 0.35);
  background: linear-gradient(160deg, rgba(71, 212, 124, 0.14), rgba(0, 0, 0, 0.15));
}
html.hub-mono.theme-dark .btn.primary,
html.hub-mono.theme-dark button.primary:not(.chip),
html.hub-mono.theme-dark .btn-link.primary {
  background: linear-gradient(135deg, var(--accent-2), var(--accent) 55%, rgb(247, 247, 247));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}
html.hub-mono.theme-dark .btn.danger {
  border-color: rgba(223, 122, 117, 0.35);
  background: rgba(223, 122, 117, 0.14);
  color: rgb(228, 146, 139);
}
html.hub-mono.theme-dark .btn.ok {
  background: linear-gradient(135deg, rgb(101, 219, 146), var(--ok));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
html.hub-mono.theme-dark .cta-deal {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.18), transparent 40%),
    linear-gradient(135deg, var(--accent-2), var(--accent) 60%, rgb(105, 105, 105));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.087);
}
html.hub-mono.theme-dark .market-home-gate .market-cats-entry {
  background: rgba(28, 28, 28, 0.92);
}
html.hub-mono.theme-dark .market-cat-list {
  background: rgba(28, 28, 28, 0.92);
}
html.hub-mono.theme-dark .market-cat-ico {
  color: rgba(247, 247, 247, 0.92);
}
html.hub-mono.theme-dark .market-cat strong {
  color: rgba(247, 247, 247, 0.96);
}
html.hub-mono.theme-dark .market-sell-fab {
  box-shadow: 0 10px 28px rgba(255, 255, 255, 0.07);
}
html.hub-mono.theme-dark .market-all-cats-btn {
  border: 1px solid rgba(247, 247, 247, 0.35);
  background: rgba(247, 247, 247, 0.12);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-all-cats-btn:active {
  background: rgba(247, 247, 247, 0.2);
}
html.hub-mono.theme-dark .market-all-cats-ico {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-search input:focus {
  border-color: rgba(247, 247, 247, 0.45);
}
html.hub-mono.theme-dark .market-cats-backdrop {
  background: rgba(9, 9, 9, 0.62);
}
html.hub-mono.theme-dark .market-cats-panel {
  background: linear-gradient(180deg, rgba(247, 247, 247, 0.08), transparent 28%),
    rgb(27, 27, 27);
}
html.hub-mono.theme-dark .market-cats-overlay .market-cat.is-on {
  background: rgba(247, 247, 247, 0.1);
}
html.hub-mono.theme-dark .market-cats-overlay .market-cat.is-on strong {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-price-btn.is-on {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-price-btn.is-on svg {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-sort-menu {
  background: rgb(31, 31, 31);
}
html.hub-mono.theme-dark .market-sort-opt.is-on {
  background: rgba(247, 247, 247, 0.12);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-filters {
  background: rgba(26, 26, 26, 0.72);
}
html.hub-mono.theme-dark .market-price-field input:focus {
  border-color: rgba(247, 247, 247, 0.45);
}
html.hub-mono.theme-dark .market-price-presets .chip.active {
  border-color: rgba(247, 247, 247, 0.55);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-card {
  background: rgba(36, 36, 36, 0.88);
}
html.hub-mono.theme-dark .market-card-media {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), transparent),
    var(--lot-bg, rgb(37, 37, 37));
}
html.hub-mono.theme-dark .market-card-badge {
  background: rgba(12, 12, 12, 0.72);
}
html.hub-mono.theme-dark .market-card-promo {
  color: rgb(16, 16, 16);
  background: linear-gradient(135deg, rgb(139, 228, 190), rgb(247, 247, 247));
  box-shadow: 0 4px 14px rgba(255, 255, 255, 0.087);
}
html.hub-mono.theme-dark .market-card-promo.is-vip {
  background: linear-gradient(135deg, rgb(247, 247, 247), rgb(247, 247, 247));
  box-shadow: 0 4px 14px rgba(255, 255, 255, 0.1);
}
html.hub-mono.theme-dark .market-card.is-promoted {
  border-color: rgba(247, 247, 247, 0.45);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.055), 0 10px 28px rgba(0, 0, 0, 0.28);
}
html.hub-mono.theme-dark .market-card.is-promoted .market-card-media::after {
  background: linear-gradient(180deg, rgba(247, 247, 247, 0.12), transparent 42%);
}
html.hub-mono.theme-dark .market-card-qty {
  background: rgba(247, 247, 247, 0.2);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-soon-mark {
  box-shadow: 0 12px 28px rgba(255, 255, 255, 0.07);
}
html.hub-mono.theme-dark .market-item-gallery {
  background: rgb(30, 30, 30);
}
html.hub-mono.theme-dark .market-item-gallery .lot-fallback {
  background: linear-gradient(145deg, rgb(40, 40, 40), rgb(25, 25, 25));
}
html.hub-mono.theme-dark .market-thumbs button {
  background: rgb(37, 37, 37);
}
html.hub-mono.theme-dark .market-seller-av {
  background: linear-gradient(145deg, rgba(247, 247, 247, 0.35), rgba(247, 247, 247, 0.35));
}
html.hub-mono.theme-dark .market-tool-btn {
  background: rgba(26, 26, 26, 0.72);
}
html.hub-mono.theme-dark .market-promo-pack.is-picked {
  border-color: rgba(247, 247, 247, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.063);
}
html.hub-mono.theme-dark .market-card-fav {
  color: rgb(228, 139, 161);
}
html.hub-mono.theme-dark .market-item-desc {
  color: rgba(247, 247, 247, 0.88);
}
html.hub-mono.theme-dark .market-card-archive {
  color: rgb(255, 255, 255);
  background: rgba(26, 26, 26, 0.82);
}
html.hub-mono.theme-dark .market-status-chip.is-archived {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-status-chip.is-top {
  color: rgb(16, 16, 16);
  background: linear-gradient(135deg, rgb(139, 228, 190), rgb(247, 247, 247));
}
html.hub-mono.theme-dark .market-status-chip.is-vip {
  color: rgb(16, 16, 16);
  background: linear-gradient(135deg, rgb(247, 247, 247), rgb(247, 247, 247));
}
html.hub-mono.theme-dark .market-promo-pack {
  background: rgba(26, 26, 26, 0.88);
}
html.hub-mono.theme-dark .market-promo-pack.is-vip {
  border-color: rgba(247, 247, 247, 0.45);
  background: linear-gradient(135deg, rgba(247, 247, 247, 0.14), rgba(26, 26, 26, 0.92));
}
html.hub-mono.theme-dark .market-promo-pack-main span {
  color: rgba(247, 247, 247, 0.62);
}
html.hub-mono.theme-dark .market-promo-pack.is-vip .market-promo-pack-price {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-buy-qty {
  background: rgba(26, 26, 26, 0.72);
}
html.hub-mono.theme-dark .market-buy-total strong {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-photo-thumb button {
  background: rgba(0, 0, 0, 0.65);
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-dark .market-card-ex-side {
  color: var(--text, rgb(255, 255, 255));
}
html.hub-mono.theme-dark .msell-ccy-field > span {
  color: var(--muted, rgb(162, 162, 162));
}
html.hub-mono.theme-dark .msell-ccy-chip {
  color: var(--text, rgb(255, 255, 255));
}
html.hub-mono.theme-dark .msell-ccy-chip.is-on {
  border-color: rgba(247, 247, 247, 0.55);
  background: rgba(247, 247, 247, 0.16);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .msell-swap {
  color: var(--muted, rgb(162, 162, 162));
}
html.hub-mono.theme-dark .market-card-ex {
  color: var(--accent, rgb(125, 211, 160));
}
html.hub-mono.theme-dark .market-card.market-card-exrow.is-promoted {
  border-color: rgba(247, 247, 247, 0.35);
  background: rgba(247, 247, 247, 0.06);
}
html.hub-mono.theme-dark .exrow-promo,
html.hub-mono.theme-dark .exrow-archive {
  background: rgba(247, 247, 247, 0.18);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .exrow-promo.is-vip {
  background: rgba(247, 247, 247, 0.2);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .exrow-fav {
  color: rgb(227, 135, 154);
}
html.hub-mono.theme-dark .exrow-amt {
  color: var(--text, rgb(255, 255, 255));
}
html.hub-mono.theme-dark .exrow-side.is-get .exrow-amt {
  color: var(--accent-2, rgb(247, 247, 247));
}
html.hub-mono.theme-dark .exrow-rate {
  color: var(--accent, rgb(125, 211, 160));
}
html.hub-mono.theme-dark .exrow-method {
  color: var(--text, rgb(255, 255, 255));
}
html.hub-mono.theme-dark .market-card.market-card-mrow.is-promoted {
  border-color: rgba(247, 247, 247, 0.35);
  background: rgba(247, 247, 247, 0.06);
}
html.hub-mono.theme-dark .mrow-price {
  color: var(--accent-2, rgb(247, 247, 247));
}
html.hub-mono.theme-dark .mrow-title {
  color: var(--text, rgb(255, 255, 255));
}
html.hub-mono.theme-dark .menu-list {
  background: rgba(45, 45, 45, 0.88);
}
html.hub-mono.theme-dark .menu-ico {
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-dark .menu-ico.blue {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .menu-ico.teal {
  background: rgb(102, 102, 102);
}
html.hub-mono.theme-dark .menu-ico.purple {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .menu-ico.orange {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .menu-ico.green {
  background: rgb(69, 211, 121);
}
html.hub-mono.theme-dark .menu-ico.pink {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .menu-ico.slate {
  background: rgb(120, 120, 120);
}
html.hub-mono.theme-dark .menu-row:hover,
html.hub-mono.theme-dark .menu-row.selected {
  background: rgba(247, 247, 247, 0.06);
}
html.hub-mono.theme-dark button.back:active {
  border-color: rgba(247, 247, 247, 0.35);
}
html.hub-mono.theme-dark .wallet-chip {
  background: rgba(23, 23, 23, 0.55);
}
html.hub-mono.theme-dark .wallet-chip.active {
  border-color: rgba(247, 247, 247, 0.55);
  background: linear-gradient(180deg, rgba(247, 247, 247, 0.16), rgba(247, 247, 247, 0.05));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}
html.hub-mono.theme-dark #rep-filters .chip[data-rep-filter="positive"].active {
  border-color: rgba(73, 207, 107, 0.45);
}
html.hub-mono.theme-dark #rep-filters .chip[data-rep-filter="negative"].active {
  border-color: rgba(218, 102, 95, 0.45);
}
html.hub-mono.theme-dark .field input:focus,
html.hub-mono.theme-dark .field textarea:focus {
  border-color: rgba(247, 247, 247, 0.5);
}
html.hub-mono.theme-dark .choice-btn {
  background: rgba(23, 23, 23, 0.55);
}
html.hub-mono.theme-dark .choice-btn.active {
  border-color: rgba(247, 247, 247, 0.55);
  background: linear-gradient(180deg, rgba(247, 247, 247, 0.14), rgba(247, 247, 247, 0.04));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}
html.hub-mono.theme-dark .choice-btn.pos-choice.active {
  border-color: rgba(73, 207, 107, 0.5);
  background: linear-gradient(180deg, rgba(73, 207, 107, 0.14), rgba(73, 207, 107, 0.04));
}
html.hub-mono.theme-dark .choice-btn.neg-choice.active {
  border-color: rgba(218, 102, 95, 0.45);
  background: linear-gradient(180deg, rgba(218, 102, 95, 0.12), rgba(218, 102, 95, 0.04));
}
html.hub-mono.theme-dark .notice {
  color: rgb(139, 228, 160);
  background: rgba(73, 207, 107, 0.1);
}
html.hub-mono.theme-dark .review-cta {
  border: 1px solid rgba(247, 247, 247, 0.22);
  background: rgba(247, 247, 247, 0.08);
}
html.hub-mono.theme-dark .support-top .support-back {
  border-color: rgba(247, 247, 247, 0.32);
  background: rgba(247, 247, 247, 0.12);
}
html.hub-mono.theme-dark .support-top .support-close-btn {
  color: rgb(228, 145, 139);
  border-color: rgba(223, 122, 117, 0.42);
  background: rgba(223, 122, 117, 0.14);
}
html.hub-mono.theme-dark .support-stars button {
  color: rgb(103, 103, 103);
}
html.hub-mono.theme-dark .support-stars button.on {
  color: rgb(247, 247, 247);
  background: rgba(247, 247, 247, 0.14);
}
html.hub-mono.theme-dark .support-closed {
  border: 1px solid rgba(71, 212, 124, 0.28);
  background: rgba(71, 212, 124, 0.1);
  color: rgb(139, 228, 160);
}
html.hub-mono.theme-dark .support-thread {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.015);
  background: radial-gradient(120% 80% at 10% 0%, rgba(247, 247, 247, 0.06), transparent 55%),
    rgba(0, 0, 0, 0.28);
}
html.hub-mono.theme-dark .support-bubble.mine {
  background: rgb(93, 93, 93);
  color: rgb(139, 228, 196);
  border: 1px solid rgba(247, 247, 247, 0.45);
}
html.hub-mono.theme-dark .support-bubble.mine .support-who {
  color: rgb(139, 228, 192);
}
html.hub-mono.theme-dark .support-bubble.mine .support-text a.support-link {
  color: rgb(139, 228, 192);
}
html.hub-mono.theme-dark .support-bubble img.support-shot {
  background: rgb(16, 16, 16);
}
html.hub-mono.theme-dark .support-preview-x {
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-dark .deal-tip {
  background: rgba(247, 247, 247, 0.1);
  border: 1px solid rgba(247, 247, 247, 0.42);
}
html.hub-mono.theme-dark .deal-tip-title {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .deal-tip ul {
  color: color-mix(in srgb, var(--ink) 88%, rgb(247, 247, 247));
}
html.hub-mono.theme-dark .deal-tip li::marker {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .deal-tip.compact p {
  color: color-mix(in srgb, var(--ink) 88%, rgb(247, 247, 247));
}
html.hub-mono.theme-dark .deal.tone-success {
  background: linear-gradient(90deg, rgba(73, 207, 107, 0.1), var(--panel) 40%);
}
html.hub-mono.theme-dark .deal.tone-danger {
  background: linear-gradient(90deg, rgba(218, 102, 95, 0.1), var(--panel) 40%);
}
html.hub-mono.theme-dark .deal.tone-warn {
  background: linear-gradient(90deg, rgba(247, 247, 247, 0.1), var(--panel) 40%);
}
html.hub-mono.theme-dark .deal.tone-wait {
  background: linear-gradient(90deg, rgba(247, 247, 247, 0.1), var(--panel) 40%);
}
html.hub-mono.theme-dark .deal.tone-work {
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.063);
  background: linear-gradient(90deg, rgba(247, 247, 247, 0.1), var(--panel) 40%);
}
html.hub-mono.theme-dark .wd-item.tone-success,
html.hub-mono.theme-dark .wd-item.tone-in {
  background: linear-gradient(90deg, rgba(73, 207, 107, 0.12), var(--panel) 42%);
}
html.hub-mono.theme-dark .wd-item.tone-out {
  background: linear-gradient(90deg, rgba(218, 102, 95, 0.12), var(--panel) 42%);
}
html.hub-mono.theme-dark .wd-item.tone-danger {
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.063);
  background: linear-gradient(90deg, rgba(247, 247, 247, 0.14), var(--panel) 42%);
}
html.hub-mono.theme-dark .wd-item.tone-warn,
html.hub-mono.theme-dark .wd-item.tone-wait {
  background: linear-gradient(90deg, rgba(247, 247, 247, 0.12), var(--panel) 42%);
}
html.hub-mono.theme-dark .wd-item.tone-work {
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.063);
  background: linear-gradient(90deg, rgba(247, 247, 247, 0.12), var(--panel) 42%);
}
html.hub-mono.theme-dark .wd-item.tone-muted {
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.138);
  background: linear-gradient(90deg, rgba(173, 173, 173, 0.1), var(--panel) 42%);
}
html.hub-mono.theme-dark .hist-amt.in {
  color: rgb(101, 219, 146);
}
html.hub-mono.theme-dark .hist-amt.out {
  color: rgb(225, 133, 127);
}
html.hub-mono.theme-dark .hist-card.tone-wait .hist-amt.in,
html.hub-mono.theme-dark .hist-card.tone-wait .hist-amt.out {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .hist-card.tone-danger .hist-amt {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .confirm-warn {
  background: rgba(218, 102, 95, 0.1);
  border: 1.5px solid rgba(218, 102, 95, 0.9);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.055);
}
html.hub-mono.theme-dark .confirm-warn-title {
  color: rgb(225, 134, 129);
}
html.hub-mono.theme-dark .confirm-warn .confirm-body {
  color: color-mix(in srgb, var(--ink) 92%, rgb(225, 134, 129));
}
html.hub-mono.theme-dark .pay-banner {
  background: rgba(247, 247, 247, 0.08);
  border: 1px solid rgba(247, 247, 247, 0.22);
}
html.hub-mono.theme-dark .party-chip.is-done {
  border-color: rgba(71, 212, 124, 0.35);
  background: rgba(71, 212, 124, 0.1);
}
html.hub-mono.theme-dark .party-chip.is-done .party-chip-state {
  color: rgb(139, 228, 170);
}
html.hub-mono.theme-dark .party-chip.is-wait .party-chip-mark {
  color: rgb(117, 117, 117);
}
html.hub-mono.theme-dark .user-link.cp-name {
  border: 1px solid rgba(247, 247, 247, 0.35);
  background: rgba(247, 247, 247, 0.12);
}
html.hub-mono.theme-dark .confirm-sheet {
  background: linear-gradient(180deg, rgba(247, 247, 247, 0.12), transparent 55%), var(--panel);
}
html.hub-mono.theme-dark .confirm-sheet.confirm-danger {
  background: linear-gradient(180deg, rgba(218, 102, 95, 0.12), transparent 55%), var(--panel);
}
html.hub-mono.theme-dark .deal-detail.tone-success {
  background: linear-gradient(180deg, rgba(73, 207, 107, 0.1), transparent 40%), var(--panel);
}
html.hub-mono.theme-dark .deal-detail.tone-danger {
  background: linear-gradient(180deg, rgba(218, 102, 95, 0.1), transparent 40%), var(--panel);
}
html.hub-mono.theme-dark .deal-detail.tone-warn {
  background: linear-gradient(180deg, rgba(247, 247, 247, 0.1), transparent 40%), var(--panel);
}
html.hub-mono.theme-dark .deal-detail.tone-wait {
  background: linear-gradient(180deg, rgba(247, 247, 247, 0.1), transparent 40%), var(--panel);
}
html.hub-mono.theme-dark .deal-detail.tone-work {
  background: linear-gradient(180deg, rgba(247, 247, 247, 0.1), transparent 40%), var(--panel);
}
html.hub-mono.theme-dark .notice-warn {
  color: rgb(247, 247, 247) !important;
  background: rgba(247, 247, 247, 0.1) !important;
}
html.hub-mono.theme-dark .dispute-msg.dispute-me {
  background: rgba(73, 207, 107, 0.12);
}
html.hub-mono.theme-dark .dispute-msg.dispute-arbiter {
  background: rgba(247, 247, 247, 0.12);
}
html.hub-mono.theme-dark .market-deal-banner {
  background: rgba(247, 247, 247, 0.1);
}
html.hub-mono.theme-dark .purchase-body .money {
  color: var(--accent, rgb(247, 247, 247));
}
html.hub-mono.theme-dark .market-buy-confirm-sum {
  color: var(--accent, rgb(247, 247, 247));
}
html.hub-mono.theme-dark .dispute-shot-wrap {
  background: rgb(20, 20, 20);
}
html.hub-mono.theme-dark .dispute-shot {
  background: rgb(20, 20, 20);
}
html.hub-mono.theme-dark .dispute-file-btn {
  border: 1px dashed color-mix(in srgb, var(--accent, rgb(247, 247, 247)) 55%, var(--line));
  background: rgba(247, 247, 247, 0.08);
  color: var(--accent, rgb(247, 247, 247));
}
html.hub-mono.theme-dark .dispute-attach-remove {
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-dark .dispute-attach-add {
  border: 1px dashed color-mix(in srgb, var(--accent, rgb(247, 247, 247)) 55%, var(--line));
  background: rgba(247, 247, 247, 0.08);
  color: var(--accent, rgb(247, 247, 247));
}
html.hub-mono.theme-dark .status-pill.tone-success,
html.hub-mono.theme-dark .status-pill.tone-in {
  color: rgb(139, 228, 160);
  background: rgba(73, 207, 107, 0.12);
}
html.hub-mono.theme-dark .status-pill.tone-success .status-dot,
html.hub-mono.theme-dark .status-pill.tone-in .status-dot {
  background: rgb(73, 207, 107);
}
html.hub-mono.theme-dark .status-pill.tone-out {
  color: rgb(228, 146, 139);
  background: rgba(218, 102, 95, 0.14);
}
html.hub-mono.theme-dark .status-pill.tone-out .status-dot {
  background: rgb(218, 102, 95);
}
html.hub-mono.theme-dark .status-pill.tone-danger {
  color: rgb(247, 247, 247);
  background: rgba(247, 247, 247, 0.14);
}
html.hub-mono.theme-dark .status-pill.tone-danger .status-dot {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .status-pill.tone-warn,
html.hub-mono.theme-dark .status-pill.tone-wait {
  color: rgb(247, 247, 247);
  background: rgba(247, 247, 247, 0.14);
}
html.hub-mono.theme-dark .status-pill.tone-work {
  color: rgb(247, 247, 247);
  background: rgba(247, 247, 247, 0.12);
}
html.hub-mono.theme-dark .status-pill.tone-work .status-dot {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .tabbar {
  background: rgba(24, 24, 24, 0.96);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.015) inset;
}
html.hub-mono.theme-dark .tab-pill {
  box-shadow: 0 6px 16px rgba(255, 255, 255, 0.1);
}
html.hub-mono.theme-dark .user-link {
  text-decoration-color: rgba(247, 247, 247, 0.35);
}
html.hub-mono.theme-dark .rep-card-wrap {
  background: rgb(35, 35, 35);
}
html.hub-mono.theme-dark .rep-card-wrap.is-loading::after {
  background: linear-gradient(
    110deg,
    transparent 20%,
    rgba(247, 247, 247, 0.08) 45%,
    transparent 70%
  );
}
html.hub-mono.theme-dark .entry-proof {
  background: rgba(247, 247, 247, 0.12);
}
html.hub-mono.theme-dark .entry-media {
  background: rgb(20, 20, 20);
}
html.hub-mono.theme-dark .entry-shot {
  background: rgb(20, 20, 20);
}
html.hub-mono.theme-dark .entry-media-badge {
  background: rgba(12, 12, 12, 0.72);
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-dark .media-lightbox-x {
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-dark .rep-dispute-thumb {
  background: rgb(22, 22, 22);
}
html.hub-mono.theme-dark .rep-dispute-thumb button {
  background: rgba(0, 0, 0, 0.65);
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-dark .ex-pane[data-side="to"] {
  border-color: rgba(247, 247, 247, 0.22);
  background: linear-gradient(165deg, rgba(247, 247, 247, 0.1), rgba(255, 255, 255, 0.02));
}
html.hub-mono.theme-dark .ex-max,
html.hub-mono.theme-dark .ex-est {
  background: rgba(247, 247, 247, 0.14);
}
html.hub-mono.theme-dark .ex-amount::placeholder {
  color: rgba(247, 247, 247, 0.28);
}
html.hub-mono.theme-dark .ex-swap {
  background: rgb(30, 30, 30);
}
html.hub-mono.theme-dark .ex-arrow {
  background: rgb(30, 30, 30);
}
html.hub-mono.theme-dark .ex-asset-fixed {
  border: 1px solid rgba(247, 247, 247, 0.35);
  background: rgba(247, 247, 247, 0.12);
}
html.hub-mono.theme-dark .ex-form input,
html.hub-mono.theme-dark .ex-select {
  background: rgba(23, 23, 23, 0.72);
}
html.hub-mono.theme-dark .ex-bank-grid .ex-bank-btn {
  background: rgba(23, 23, 23, 0.72);
}
html.hub-mono.theme-dark .ex-bank-grid .ex-bank-btn.active {
  border-color: rgba(247, 247, 247, 0.55);
  background: rgba(247, 247, 247, 0.14);
}
html.hub-mono.theme-dark .ex-dd-trigger {
  background: rgba(23, 23, 23, 0.72)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237af0df' d='M1.1 1.2 6 6.1l4.9-4.9'/%3E%3C/svg%3E")
    no-repeat right 14px center;
}
html.hub-mono.theme-dark .ex-dd-trigger[aria-expanded="true"] {
  border-color: rgba(247, 247, 247, 0.45);
}
html.hub-mono.theme-dark .ex-dd-menu {
  background: rgb(34, 34, 34);
}
html.hub-mono.theme-dark .ex-dd-option:active,
html.hub-mono.theme-dark .ex-dd-option.active {
  background: rgba(247, 247, 247, 0.14);
}
html.hub-mono.theme-dark .ex-form input::placeholder {
  color: rgba(247, 247, 247, 0.32);
}
html.hub-mono.theme-dark .ex-terms-box {
  background: rgba(17, 17, 17, 0.85);
  color: rgba(247, 247, 247, 0.88);
}
html.hub-mono.theme-dark .ex-agree input {
  accent-color: var(--accent-2, rgb(247, 247, 247));
}
html.hub-mono.theme-dark .tab-qr-ring {
  border: 5px solid rgb(24, 24, 24);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.138),
    0 10px 24px rgba(255, 255, 255, 0.087),
    0 6px 16px rgba(0, 0, 0, 0.5);
}
html.hub-mono.theme-dark .qr-wallet.is-active {
  border-color: var(--accent, rgb(247, 247, 247));
  background: rgba(247, 247, 247, 0.12);
}
html.hub-mono.theme-dark .qr-status.is-bad {
  color: rgb(228, 139, 139);
}
html.hub-mono.theme-dark .tab-community .tab-ico {
  color: rgb(23, 23, 23);
  box-shadow: 0 5px 20px rgba(255, 255, 255, 0.011);
}
html.hub-mono.theme-dark .tab-community.active .tab-ico {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.009),0 5px 20px rgba(255, 255, 255, 0.015);
}
html.hub-mono.theme-dark .ring-gold {
  --ring: conic-gradient(from 0deg, rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247));
}
html.hub-mono.theme-dark .ring-vip {
  --ring: conic-gradient(from 0deg, rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247));
}
html.hub-mono.theme-dark .ring-admin {
  --ring: conic-gradient(from 0deg, rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247));
}
html.hub-mono.theme-dark .rep-telegram-link {
  border: 1px solid rgba(247, 247, 247, 0.231);
  background: rgba(247, 247, 247, 0.043);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .rep-telegram-link:active {
  background: rgba(247, 247, 247, 0.102);
}
html.hub-mono.theme-dark .community-referrals-open {
  border: 1px solid rgba(255, 255, 255, 0.141);
  background: rgba(255, 255, 255, 0.024);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .community-referral-backdrop {
  background: rgba(12, 12, 12, 0.702);
}
html.hub-mono.theme-dark .community-referral-panel {
  background: rgb(33, 33, 33);
  border: 1px solid rgba(255, 255, 255, 0.094);
  box-shadow: 0 -12px 60px rgba(0, 0, 0, 0.467);
}
html.hub-mono.theme-dark .community-referral-head button {
  border: 1px solid rgba(255, 255, 255, 0.078);
  background: rgba(255, 255, 255, 0.02);
}
html.hub-mono.theme-dark .community-ref-stats>div {
  border: 1px solid rgba(247, 247, 247, 0.141);
  background: rgba(247, 247, 247, 0.02);
}
html.hub-mono.theme-dark .community-ref-stats span {
  color: rgb(179, 179, 179);
}
html.hub-mono.theme-dark .community-ref-stats strong {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .community-ref-hint,
html.hub-mono.theme-dark .community-ref-footnote {
  color: rgb(164, 164, 164);
}
html.hub-mono.theme-dark .community-invite {
  border: 1px solid rgba(255, 255, 255, 0.063);
  background: rgba(255, 255, 255, 0.012);
}
html.hub-mono.theme-dark .community-invite-copy {
  color: rgb(247, 247, 247);
  background: rgba(247, 247, 247, 0.043);
}
html.hub-mono.theme-dark .community-top-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.047);
}
html.hub-mono.theme-dark .community-top-place {
  border: 1px solid rgba(247, 247, 247, 0.153);
  color: rgb(247, 247, 247);
  background: rgba(247, 247, 247, 0.031);
}
html.hub-mono.theme-dark .community-top-row>strong {
  color: rgb(247, 247, 247);
}

/* app.css → light */
html.hub-mono.theme-light {
  --bg: rgb(23, 23, 23);
  --bg-deep: rgb(15, 15, 15);
  --ink: rgb(247, 247, 247);
  --muted: rgb(151, 151, 151);
  --accent: rgb(247, 247, 247);
  --accent-2: rgb(247, 247, 247);
  --accent-ink: rgb(21, 21, 21);
  --accent-dim: rgba(8, 8, 8, 0.18);
  --star: rgb(247, 247, 247);
  --violet: rgb(247, 247, 247);
  --line: rgba(0, 0, 0, 0.08);
  --panel: rgba(210, 210, 210, 0.92);
  --panel-2: rgb(55, 55, 55);
  --panel-solid: rgb(45, 45, 45);
  --ok: rgb(48, 207, 108);
  --ok-ink: rgb(48, 207, 92);
  --ok-glow: rgba(43, 184, 96, 0.35);
  --danger: rgb(207, 56, 48);
}
html.hub-mono.theme-light .atmosphere {
  background: radial-gradient(70% 45% at 15% 0%, rgba(8, 8, 8, 0.22), transparent 55%),
    radial-gradient(80% 50% at 90% 8%, rgba(8, 8, 8, 0.2), transparent 52%),
    radial-gradient(60% 40% at 50% 100%, rgba(8, 8, 8, 0.08), transparent 50%),
    linear-gradient(165deg, rgb(37, 37, 37) 0%, var(--bg) 42%, var(--bg-deep) 100%);
}
html.hub-mono.theme-light .blob-a {
  background: rgba(8, 8, 8, 0.45);
}
html.hub-mono.theme-light .blob-b {
  background: rgba(8, 8, 8, 0.4);
}
html.hub-mono.theme-light .blob-c {
  background: rgba(8, 8, 8, 0.22);
}
html.hub-mono.theme-light .brand-mark {
  background: linear-gradient(120deg, rgb(255, 255, 255) 10%, var(--accent-2) 45%, var(--star) 90%);
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.03));
}
html.hub-mono.theme-light .view.is-swiping {
  box-shadow: -18px 0 48px rgba(0, 0, 0, 0.144);
}
html.hub-mono.theme-light .profile-avatar-wrap {
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.034));
}
html.hub-mono.theme-light .profile-avatar {
  color: rgb(19, 19, 19);
}
html.hub-mono.theme-light .signal {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: linear-gradient(160deg, rgba(8, 8, 8, 0.16), transparent 45%),
    linear-gradient(320deg, rgba(8, 8, 8, 0.12), transparent 40%),
    rgba(219, 219, 219, 0.92);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.128),
    inset 0 1px 0 rgba(0, 0, 0, 0.01);
}
html.hub-mono.theme-light .signal-glow {
  background: radial-gradient(circle, rgba(8, 8, 8, 0.35), transparent 68%);
}
html.hub-mono.theme-light .signal-live em {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .signal-sum {
  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.024);
}
html.hub-mono.theme-light .wallet-pill {
  background: rgba(232, 232, 232, 0.45);
}
html.hub-mono.theme-light .bento-tile {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.22);
}
html.hub-mono.theme-light .bento-tile.gold {
  border-color: rgba(8, 8, 8, 0.35);
  background: linear-gradient(160deg, rgba(8, 8, 8, 0.18), rgba(255, 255, 255, 0.15));
}
html.hub-mono.theme-light .bento-tile.action {
  border-color: rgba(43, 184, 96, 0.35);
  background: linear-gradient(160deg, rgba(43, 184, 96, 0.14), rgba(255, 255, 255, 0.15));
}
html.hub-mono.theme-light .btn.primary,
html.hub-mono.theme-light button.primary:not(.chip),
html.hub-mono.theme-light .btn-link.primary {
  background: linear-gradient(135deg, var(--accent-2), var(--accent) 55%, rgb(247, 247, 247));
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.026);
}
html.hub-mono.theme-light .btn.secondary,
html.hub-mono.theme-light button.secondary:not(.chip) {
  border-color: rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.05);
}
html.hub-mono.theme-light .btn.danger {
  border-color: rgba(138, 37, 32, 0.35);
  background: rgba(138, 37, 32, 0.14);
  color: rgb(207, 61, 48);
}
html.hub-mono.theme-light .btn.ok {
  background: linear-gradient(135deg, rgb(48, 207, 109), var(--ok));
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.024);
}
html.hub-mono.theme-light .cta-deal {
  background: linear-gradient(120deg, rgba(0, 0, 0, 0.18), transparent 40%),
    linear-gradient(135deg, var(--accent-2), var(--accent) 60%, rgb(104, 104, 104));
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.042);
}
html.hub-mono.theme-light .cta-deal::after {
  background: linear-gradient(110deg, transparent 30%, rgba(0, 0, 0, 0.28) 48%, transparent 62%);
}
html.hub-mono.theme-light .action-btn {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.02));
}
html.hub-mono.theme-light .action-btn.ghost {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  background: rgba(0, 0, 0, 0.03) !important;
}
html.hub-mono.theme-light .market-home-gate .market-cats-entry {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(227, 227, 227, 0.92);
}
html.hub-mono.theme-light .market-home-gate .market-cats-entry:active {
  background: rgba(0, 0, 0, 0.05);
}
html.hub-mono.theme-light .market-cat-list {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(227, 227, 227, 0.92);
}
html.hub-mono.theme-light .market-cat {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
html.hub-mono.theme-light .market-cat:active {
  background: rgba(0, 0, 0, 0.05);
}
html.hub-mono.theme-light .market-cat-ico {
  color: rgba(8, 8, 8, 0.92);
}
html.hub-mono.theme-light .market-cat strong {
  color: rgba(8, 8, 8, 0.96);
}
html.hub-mono.theme-light .market-cat .market-cat-chev {
  color: rgba(0, 0, 0, 0.28);
}
html.hub-mono.theme-light .market-sell-fab {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.034);
}
html.hub-mono.theme-light .market-all-cats-btn {
  border: 1px solid rgba(8, 8, 8, 0.35);
  background: rgba(8, 8, 8, 0.12);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-all-cats-btn:active {
  background: rgba(8, 8, 8, 0.2);
}
html.hub-mono.theme-light .market-all-cats-ico {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-search input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.04);
}
html.hub-mono.theme-light .market-search input:focus {
  border-color: rgba(8, 8, 8, 0.45);
}
html.hub-mono.theme-light .market-cats-backdrop {
  background: rgba(246, 246, 246, 0.62);
}
html.hub-mono.theme-light .market-cats-panel {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.08), transparent 28%),
    rgb(27, 27, 27);
  box-shadow: 0 -18px 40px rgba(0, 0, 0, 0.144);
}
html.hub-mono.theme-light .market-cats-panel-head {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .market-cats-close {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.05);
}
html.hub-mono.theme-light .market-cats-overlay .market-cat.is-on {
  background: rgba(8, 8, 8, 0.1);
}
html.hub-mono.theme-light .market-cats-overlay .market-cat.is-on strong {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-view-btn {
  color: rgba(0, 0, 0, 0.38);
}
html.hub-mono.theme-light .market-view-btn.is-on {
  color: rgba(0, 0, 0, 0.92);
  background: rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .market-price-btn {
  color: rgba(0, 0, 0, 0.88);
}
html.hub-mono.theme-light .market-price-btn svg {
  color: rgba(0, 0, 0, 0.55);
}
html.hub-mono.theme-light .market-price-btn.is-on {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-price-btn.is-on svg {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-price-btn:active {
  background: rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .market-sort-btn {
  color: rgba(0, 0, 0, 0.88);
}
html.hub-mono.theme-light .market-sort-btn svg {
  color: rgba(0, 0, 0, 0.55);
}
html.hub-mono.theme-light .market-sort-btn.is-open,
html.hub-mono.theme-light .market-sort-btn:active {
  background: rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .market-sort-caret {
  color: rgba(0, 0, 0, 0.45);
}
html.hub-mono.theme-light .market-sort-menu {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgb(31, 31, 31);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.144);
}
html.hub-mono.theme-light .market-sort-opt {
  color: rgba(0, 0, 0, 0.88);
}
html.hub-mono.theme-light .market-sort-opt.is-on {
  background: rgba(8, 8, 8, 0.12);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-sort-opt:active {
  background: rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .market-filters {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(229, 229, 229, 0.72);
}
html.hub-mono.theme-light .market-filters-label {
  color: rgba(0, 0, 0, 0.45);
}
html.hub-mono.theme-light .market-price-field input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.04);
}
html.hub-mono.theme-light .market-price-field input:focus {
  border-color: rgba(8, 8, 8, 0.45);
}
html.hub-mono.theme-light .market-price-sep {
  color: rgba(0, 0, 0, 0.35);
}
html.hub-mono.theme-light .market-price-presets .chip.active {
  border-color: rgba(8, 8, 8, 0.55);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(219, 219, 219, 0.88);
}
html.hub-mono.theme-light .market-card-media {
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.06), transparent),
    var(--lot-bg, rgb(37, 37, 37));
}
html.hub-mono.theme-light .market-card-media .lot-fallback .market-cat-ico,
html.hub-mono.theme-light .market-item-gallery .lot-fallback .market-cat-ico {
  color: rgba(0, 0, 0, 0.55);
}
html.hub-mono.theme-light .market-card-badge {
  background: rgba(243, 243, 243, 0.72);
}
html.hub-mono.theme-light .market-card-promo {
  color: rgb(16, 16, 16);
  background: linear-gradient(135deg, rgb(48, 207, 139), rgb(247, 247, 247));
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.042);
}
html.hub-mono.theme-light .market-card-promo.is-vip {
  background: linear-gradient(135deg, rgb(247, 247, 247), rgb(247, 247, 247));
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.048);
}
html.hub-mono.theme-light .market-card.is-promoted {
  border-color: rgba(8, 8, 8, 0.45);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.026), 0 10px 28px rgba(0, 0, 0, 0.09);
}
html.hub-mono.theme-light .market-card.is-promoted .market-card-media::after {
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.12), transparent 42%);
}
html.hub-mono.theme-light .market-card-qty {
  background: rgba(8, 8, 8, 0.2);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-soon-mark {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.034);
}
html.hub-mono.theme-light .market-item-gallery {
  background: rgb(30, 30, 30);
}
html.hub-mono.theme-light .market-item-gallery .lot-fallback {
  background: linear-gradient(145deg, rgb(40, 40, 40), rgb(25, 25, 25));
}
html.hub-mono.theme-light .market-thumbs button {
  background: rgb(37, 37, 37);
}
html.hub-mono.theme-light .market-seller {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .market-seller-av {
  background: linear-gradient(145deg, rgba(8, 8, 8, 0.35), rgba(8, 8, 8, 0.35));
}
html.hub-mono.theme-light .market-tool-btn {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(229, 229, 229, 0.72);
}
html.hub-mono.theme-light .market-promo-pack.is-picked {
  border-color: rgba(8, 8, 8, 0.55);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03);
}
html.hub-mono.theme-light .market-card-fav {
  color: rgb(207, 48, 88);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.144);
}
html.hub-mono.theme-light .market-item-desc {
  color: rgba(8, 8, 8, 0.88);
}
html.hub-mono.theme-light .market-card-archive {
  color: rgb(255, 255, 255);
  background: rgba(229, 229, 229, 0.82);
}
html.hub-mono.theme-light .market-status-chip.is-archived {
  color: rgb(247, 247, 247);
  background: rgba(0, 0, 0, 0.16);
}
html.hub-mono.theme-light .market-status-chip.is-top {
  color: rgb(16, 16, 16);
  background: linear-gradient(135deg, rgb(48, 207, 139), rgb(247, 247, 247));
}
html.hub-mono.theme-light .market-status-chip.is-vip {
  color: rgb(15, 15, 15);
  background: linear-gradient(135deg, rgb(247, 247, 247), rgb(247, 247, 247));
}
html.hub-mono.theme-light .market-promo-pack {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(229, 229, 229, 0.88);
}
html.hub-mono.theme-light .market-promo-pack.is-vip {
  border-color: rgba(8, 8, 8, 0.45);
  background: linear-gradient(135deg, rgba(8, 8, 8, 0.14), rgba(229, 229, 229, 0.92));
}
html.hub-mono.theme-light .market-promo-pack-main span {
  color: rgba(8, 8, 8, 0.62);
}
html.hub-mono.theme-light .market-promo-pack.is-vip .market-promo-pack-price {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-buy-qty {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(229, 229, 229, 0.72);
}
html.hub-mono.theme-light .market-buy-qty-label {
  color: rgba(0, 0, 0, 0.45);
}
html.hub-mono.theme-light .market-buy-step {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.05);
}
html.hub-mono.theme-light .market-buy-stepper input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.04);
}
html.hub-mono.theme-light .market-buy-total strong {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-photo-thumb {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
html.hub-mono.theme-light .market-photo-thumb button {
  background: rgba(255, 255, 255, 0.65);
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-light .market-photo-add {
  border: 1px dashed rgba(0, 0, 0, 0.22);
  background: rgba(0, 0, 0, 0.03);
}
html.hub-mono.theme-light .msell-exchange {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
html.hub-mono.theme-light .market-card-ex-side {
  color: var(--text, rgb(255, 255, 255));
  background: rgba(0, 0, 0, 0.12);
}
html.hub-mono.theme-light .msell-ccy-field > span {
  color: var(--muted, rgb(161, 161, 161));
}
html.hub-mono.theme-light .msell-ccy-chip {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.04);
  color: var(--text, rgb(255, 255, 255));
}
html.hub-mono.theme-light .msell-ccy-chip.is-on {
  border-color: rgba(8, 8, 8, 0.55);
  background: rgba(8, 8, 8, 0.16);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .msell-swap {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.06);
  color: var(--muted, rgb(161, 161, 161));
}
html.hub-mono.theme-light .market-card-ex {
  color: var(--accent, rgb(64, 191, 116));
}
html.hub-mono.theme-light .market-card.market-card-exrow {
  background: rgba(0, 0, 0, 0.035);
}
html.hub-mono.theme-light .market-card.market-card-exrow.is-promoted {
  border-color: rgba(8, 8, 8, 0.35);
  background: rgba(8, 8, 8, 0.06);
}
html.hub-mono.theme-light .exrow-promo,
html.hub-mono.theme-light .exrow-archive {
  background: rgba(8, 8, 8, 0.18);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .exrow-promo.is-vip {
  background: rgba(8, 8, 8, 0.2);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .exrow-archive {
  background: rgba(0, 0, 0, 0.1);
}
html.hub-mono.theme-light .exrow-fav {
  color: rgb(207, 48, 81);
}
html.hub-mono.theme-light .exrow-amt {
  color: var(--text, rgb(255, 255, 255));
}
html.hub-mono.theme-light .exrow-side.is-get .exrow-amt {
  color: var(--accent-2, rgb(247, 247, 247));
}
html.hub-mono.theme-light .exrow-arrow {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
html.hub-mono.theme-light .exrow-mid {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .exrow-rate {
  color: var(--accent, rgb(64, 191, 116));
}
html.hub-mono.theme-light .exrow-method {
  color: var(--text, rgb(255, 255, 255));
}
html.hub-mono.theme-light .market-card.market-card-mrow {
  background: rgba(0, 0, 0, 0.035);
}
html.hub-mono.theme-light .market-card.market-card-mrow.is-promoted {
  border-color: rgba(8, 8, 8, 0.35);
  background: rgba(8, 8, 8, 0.06);
}
html.hub-mono.theme-light .mrow-price {
  color: var(--accent-2, rgb(247, 247, 247));
}
html.hub-mono.theme-light .mrow-title {
  color: var(--text, rgb(255, 255, 255));
}
html.hub-mono.theme-light .mrow-cat,
html.hub-mono.theme-light .mrow-qty {
  background: rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .mrow-thumb {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
html.hub-mono.theme-light .market-card.market-card-mrow .market-card-meta {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .market-ex-card {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
html.hub-mono.theme-light .menu-list {
  background: rgba(210, 210, 210, 0.88);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09);
}
html.hub-mono.theme-light .menu-ico {
  color: rgb(255, 255, 255);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
html.hub-mono.theme-light .menu-ico.blue {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-light .menu-ico.teal {
  background: rgb(102, 102, 102);
}
html.hub-mono.theme-light .menu-ico.purple {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-light .menu-ico.orange {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-light .menu-ico.green {
  background: rgb(48, 207, 107);
}
html.hub-mono.theme-light .menu-ico.pink {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-light .menu-ico.slate {
  background: rgb(119, 119, 119);
}
html.hub-mono.theme-light .menu-row i {
  border-right: 2px solid rgba(0, 0, 0, 0.28);
  border-top: 2px solid rgba(0, 0, 0, 0.28);
}
html.hub-mono.theme-light .menu-row:active {
  background: rgba(0, 0, 0, 0.04);
}
html.hub-mono.theme-light .menu-row:hover,
html.hub-mono.theme-light .menu-row.selected {
  background: rgba(8, 8, 8, 0.06);
}
html.hub-mono.theme-light button.back {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.04);
}
html.hub-mono.theme-light button.back:active {
  background: rgba(0, 0, 0, 0.07);
  border-color: rgba(8, 8, 8, 0.35);
}
html.hub-mono.theme-light .wallet-chip {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(232, 232, 232, 0.55);
}
html.hub-mono.theme-light .wallet-chip.active {
  border-color: rgba(8, 8, 8, 0.55);
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.16), rgba(8, 8, 8, 0.05));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.012);
}
html.hub-mono.theme-light #rep-filters .chip[data-rep-filter="positive"].active {
  border-color: rgba(53, 202, 90, 0.45);
}
html.hub-mono.theme-light #rep-filters .chip[data-rep-filter="negative"].active {
  border-color: rgba(160, 44, 37, 0.45);
}
html.hub-mono.theme-light .field input:focus,
html.hub-mono.theme-light .field textarea:focus {
  border-color: rgba(8, 8, 8, 0.5);
}
html.hub-mono.theme-light .choice-btn {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(232, 232, 232, 0.55);
}
html.hub-mono.theme-light .choice-btn.active {
  border-color: rgba(8, 8, 8, 0.55);
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.14), rgba(8, 8, 8, 0.04));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.012);
}
html.hub-mono.theme-light .choice-btn.pos-choice.active {
  border-color: rgba(53, 202, 90, 0.5);
  background: linear-gradient(180deg, rgba(53, 202, 90, 0.14), rgba(53, 202, 90, 0.04));
}
html.hub-mono.theme-light .choice-btn.neg-choice.active {
  border-color: rgba(160, 44, 37, 0.45);
  background: linear-gradient(180deg, rgba(160, 44, 37, 0.12), rgba(160, 44, 37, 0.04));
}
html.hub-mono.theme-light .notice {
  color: rgb(48, 207, 84);
  background: rgba(53, 202, 90, 0.1);
}
html.hub-mono.theme-light .review-cta {
  border: 1px solid rgba(8, 8, 8, 0.22);
  background: rgba(8, 8, 8, 0.08);
}
html.hub-mono.theme-light .support-top .support-nav-btn,
html.hub-mono.theme-light .support-top .support-back,
html.hub-mono.theme-light .support-top .support-close-btn {
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .support-top .support-back {
  border-color: rgba(8, 8, 8, 0.32);
  background: rgba(8, 8, 8, 0.12);
}
html.hub-mono.theme-light .support-top .support-close-btn {
  color: rgb(207, 59, 48);
  border-color: rgba(138, 37, 32, 0.42);
  background: rgba(138, 37, 32, 0.14);
}
html.hub-mono.theme-light .support-stars button {
  color: rgb(102, 102, 102);
}
html.hub-mono.theme-light .support-stars button.on {
  color: rgb(247, 247, 247);
  background: rgba(8, 8, 8, 0.14);
}
html.hub-mono.theme-light .support-closed {
  border: 1px solid rgba(43, 184, 96, 0.28);
  background: rgba(43, 184, 96, 0.1);
  color: rgb(48, 207, 84);
}
html.hub-mono.theme-light .support-thread {
  border: 1px solid rgba(0, 0, 0, 0.14);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.007);
  background: radial-gradient(120% 80% at 10% 0%, rgba(8, 8, 8, 0.06), transparent 55%),
    rgba(255, 255, 255, 0.28);
}
html.hub-mono.theme-light .support-bubble {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.064);
}
html.hub-mono.theme-light .support-bubble.mine {
  background: rgb(92, 92, 92);
  color: rgb(48, 207, 149);
  border: 1px solid rgba(8, 8, 8, 0.45);
}
html.hub-mono.theme-light .support-bubble.theirs {
  border: 1px solid rgba(0, 0, 0, 0.16);
}
html.hub-mono.theme-light .support-bubble.mine .support-who {
  color: rgb(48, 207, 144);
}
html.hub-mono.theme-light .support-bubble.mine .support-text a.support-link {
  color: rgb(48, 207, 144);
}
html.hub-mono.theme-light .support-bubble img.support-shot {
  background: rgb(15, 15, 15);
  border: 1px solid rgba(0, 0, 0, 0.18);
}
html.hub-mono.theme-light .support-preview {
  background: rgba(255, 255, 255, 0.25);
}
html.hub-mono.theme-light .support-preview img {
  border: 1px solid rgba(0, 0, 0, 0.14);
}
html.hub-mono.theme-light .support-preview-x {
  background: rgba(255, 255, 255, 0.55);
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-light .support-composer {
  border: 1px solid rgba(0, 0, 0, 0.14);
}
html.hub-mono.theme-light .deal-card-terms {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .deal-tip {
  background: rgba(8, 8, 8, 0.1);
  border: 1px solid rgba(8, 8, 8, 0.42);
}
html.hub-mono.theme-light .deal-tip-title {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .deal-tip ul {
  color: color-mix(in srgb, var(--ink) 88%, rgb(247, 247, 247));
}
html.hub-mono.theme-light .deal-tip li::marker {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .deal-tip.compact p {
  color: color-mix(in srgb, var(--ink) 88%, rgb(247, 247, 247));
}
html.hub-mono.theme-light .deal.tone-success {
  background: linear-gradient(90deg, rgba(53, 202, 90, 0.1), var(--panel) 40%);
}
html.hub-mono.theme-light .deal.tone-danger {
  background: linear-gradient(90deg, rgba(160, 44, 37, 0.1), var(--panel) 40%);
}
html.hub-mono.theme-light .deal.tone-warn {
  background: linear-gradient(90deg, rgba(8, 8, 8, 0.1), var(--panel) 40%);
}
html.hub-mono.theme-light .deal.tone-wait {
  background: linear-gradient(90deg, rgba(8, 8, 8, 0.1), var(--panel) 40%);
}
html.hub-mono.theme-light .deal.tone-work {
  box-shadow: inset 3px 0 0 rgba(0, 0, 0, 0.038);
  background: linear-gradient(90deg, rgba(8, 8, 8, 0.1), var(--panel) 40%);
}
html.hub-mono.theme-light .wd-item.tone-success,
html.hub-mono.theme-light .wd-item.tone-in {
  background: linear-gradient(90deg, rgba(53, 202, 90, 0.12), var(--panel) 42%);
}
html.hub-mono.theme-light .wd-item.tone-out {
  background: linear-gradient(90deg, rgba(160, 44, 37, 0.12), var(--panel) 42%);
}
html.hub-mono.theme-light .wd-item.tone-danger {
  box-shadow: inset 3px 0 0 rgba(0, 0, 0, 0.038);
  background: linear-gradient(90deg, rgba(8, 8, 8, 0.14), var(--panel) 42%);
}
html.hub-mono.theme-light .wd-item.tone-warn,
html.hub-mono.theme-light .wd-item.tone-wait {
  background: linear-gradient(90deg, rgba(8, 8, 8, 0.12), var(--panel) 42%);
}
html.hub-mono.theme-light .wd-item.tone-work {
  box-shadow: inset 3px 0 0 rgba(0, 0, 0, 0.038);
  background: linear-gradient(90deg, rgba(8, 8, 8, 0.12), var(--panel) 42%);
}
html.hub-mono.theme-light .wd-item.tone-muted {
  box-shadow: inset 3px 0 0 rgba(0, 0, 0, 0.066);
  background: linear-gradient(90deg, rgba(82, 82, 82, 0.1), var(--panel) 42%);
}
html.hub-mono.theme-light .hist-amt.in {
  color: rgb(48, 207, 109);
}
html.hub-mono.theme-light .hist-amt.out {
  color: rgb(207, 58, 48);
}
html.hub-mono.theme-light .hist-card.tone-wait .hist-amt.in,
html.hub-mono.theme-light .hist-card.tone-wait .hist-amt.out {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .hist-card.tone-danger .hist-amt {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .deal-terms-block {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.07);
}
html.hub-mono.theme-light .confirm-terms {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.07);
}
html.hub-mono.theme-light .confirm-warn {
  background: rgba(160, 44, 37, 0.1);
  border: 1.5px solid rgba(160, 44, 37, 0.9);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.026);
}
html.hub-mono.theme-light .confirm-warn-title {
  color: rgb(207, 56, 48);
}
html.hub-mono.theme-light .confirm-warn .confirm-body {
  color: color-mix(in srgb, var(--ink) 92%, rgb(207, 56, 48));
}
html.hub-mono.theme-light .pay-chip {
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
html.hub-mono.theme-light .pay-banner {
  background: rgba(8, 8, 8, 0.08);
  border: 1px solid rgba(8, 8, 8, 0.22);
}
html.hub-mono.theme-light .party-status {
  background: rgba(255, 255, 255, 0.18);
}
html.hub-mono.theme-light .party-chip {
  background: rgba(0, 0, 0, 0.03);
}
html.hub-mono.theme-light .party-chip.is-done {
  border-color: rgba(43, 184, 96, 0.35);
  background: rgba(43, 184, 96, 0.1);
}
html.hub-mono.theme-light .party-chip.is-done .party-chip-state {
  color: rgb(48, 207, 103);
}
html.hub-mono.theme-light .party-chip.is-wait .party-chip-mark {
  color: rgb(117, 117, 117);
  background: rgba(0, 0, 0, 0.08);
}
html.hub-mono.theme-light .cp-block {
  background: rgba(255, 255, 255, 0.16);
}
html.hub-mono.theme-light .user-link.cp-name {
  border: 1px solid rgba(8, 8, 8, 0.35);
  background: rgba(8, 8, 8, 0.12);
}
html.hub-mono.theme-light .cp-chip {
  background: rgba(0, 0, 0, 0.05);
}
html.hub-mono.theme-light .confirm-sheet {
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.12), transparent 55%), var(--panel);
}
html.hub-mono.theme-light .confirm-sheet.confirm-danger {
  background: linear-gradient(180deg, rgba(160, 44, 37, 0.12), transparent 55%), var(--panel);
}
html.hub-mono.theme-light .deal-detail.tone-success {
  background: linear-gradient(180deg, rgba(53, 202, 90, 0.1), transparent 40%), var(--panel);
}
html.hub-mono.theme-light .deal-detail.tone-danger {
  background: linear-gradient(180deg, rgba(160, 44, 37, 0.1), transparent 40%), var(--panel);
}
html.hub-mono.theme-light .deal-detail.tone-warn {
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.1), transparent 40%), var(--panel);
}
html.hub-mono.theme-light .deal-detail.tone-wait {
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.1), transparent 40%), var(--panel);
}
html.hub-mono.theme-light .deal-detail.tone-work {
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.1), transparent 40%), var(--panel);
}
html.hub-mono.theme-light .notice-warn {
  color: rgb(247, 247, 247) !important;
  background: rgba(8, 8, 8, 0.1) !important;
}
html.hub-mono.theme-light .dispute-thread {
  background: rgba(255, 255, 255, 0.22);
}
html.hub-mono.theme-light .dispute-msg.dispute-me {
  background: rgba(53, 202, 90, 0.12);
}
html.hub-mono.theme-light .dispute-msg.dispute-arbiter {
  background: rgba(8, 8, 8, 0.12);
}
html.hub-mono.theme-light .dispute-msg.dispute-peer {
  background: rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .market-deal-banner {
  background: rgba(8, 8, 8, 0.1);
}
html.hub-mono.theme-light .purchase-thumb-empty {
  background: rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .purchase-body .money {
  color: var(--accent, rgb(247, 247, 247));
}
html.hub-mono.theme-light .market-buy-confirm-photo {
  background: rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .market-buy-confirm-sum {
  color: var(--accent, rgb(247, 247, 247));
}
html.hub-mono.theme-light .dispute-shot-wrap {
  background: rgb(20, 20, 20);
}
html.hub-mono.theme-light .dispute-shot {
  background: rgb(20, 20, 20);
}
html.hub-mono.theme-light .dispute-file-btn {
  border: 1px dashed color-mix(in srgb, var(--accent, rgb(247, 247, 247)) 55%, var(--line));
  background: rgba(8, 8, 8, 0.08);
  color: var(--accent, rgb(247, 247, 247));
}
html.hub-mono.theme-light .dispute-attach-item {
  background: rgba(255, 255, 255, 0.25);
}
html.hub-mono.theme-light .dispute-attach-remove {
  background: rgba(255, 255, 255, 0.7);
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-light .dispute-attach-add {
  border: 1px dashed color-mix(in srgb, var(--accent, rgb(247, 247, 247)) 55%, var(--line));
  background: rgba(8, 8, 8, 0.08);
  color: var(--accent, rgb(247, 247, 247));
}
html.hub-mono.theme-light .status-pill {
  background: rgba(0, 0, 0, 0.05);
}
html.hub-mono.theme-light .status-pill.tone-success,
html.hub-mono.theme-light .status-pill.tone-in {
  color: rgb(48, 207, 84);
  background: rgba(53, 202, 90, 0.12);
}
html.hub-mono.theme-light .status-pill.tone-success .status-dot,
html.hub-mono.theme-light .status-pill.tone-in .status-dot {
  background: rgb(53, 202, 90);
}
html.hub-mono.theme-light .status-pill.tone-out {
  color: rgb(207, 61, 48);
  background: rgba(160, 44, 37, 0.14);
}
html.hub-mono.theme-light .status-pill.tone-out .status-dot {
  background: rgb(207, 57, 48);
}
html.hub-mono.theme-light .status-pill.tone-danger {
  color: rgb(247, 247, 247);
  background: rgba(8, 8, 8, 0.14);
}
html.hub-mono.theme-light .status-pill.tone-danger .status-dot {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-light .status-pill.tone-warn,
html.hub-mono.theme-light .status-pill.tone-wait {
  color: rgb(247, 247, 247);
  background: rgba(8, 8, 8, 0.14);
}
html.hub-mono.theme-light .status-pill.tone-work {
  color: rgb(247, 247, 247);
  background: rgba(8, 8, 8, 0.12);
}
html.hub-mono.theme-light .status-pill.tone-work .status-dot {
  background: rgb(247, 247, 247);
}
html.hub-mono.theme-light .tabbar {
  background: rgba(231, 231, 231, 0.96);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.144),
    0 0 0 1px rgba(0, 0, 0, 0.007) inset;
}
html.hub-mono.theme-light .tab-pill {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.048);
}
html.hub-mono.theme-light .tab-ico {
  background: rgba(0, 0, 0, 0.03);
}
html.hub-mono.theme-light .user-link {
  text-decoration-color: rgba(8, 8, 8, 0.35);
}
html.hub-mono.theme-light .rep-card-wrap {
  background: rgb(34, 34, 34);
}
html.hub-mono.theme-light .rep-card-wrap.is-loading::after {
  background: linear-gradient(
    110deg,
    transparent 20%,
    rgba(8, 8, 8, 0.08) 45%,
    transparent 70%
  );
}
html.hub-mono.theme-light .entry-proof {
  background: rgba(8, 8, 8, 0.12);
}
html.hub-mono.theme-light .entry-media {
  background: rgb(20, 20, 20);
}
html.hub-mono.theme-light .entry-shot {
  background: rgb(20, 20, 20);
}
html.hub-mono.theme-light .entry-media-badge {
  background: rgba(243, 243, 243, 0.72);
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-light .media-lightbox {
  background: rgba(255, 255, 255, 0.92);
}
html.hub-mono.theme-light .media-lightbox-x {
  background: rgba(0, 0, 0, 0.14);
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-light .media-lightbox-hint {
  color: rgba(0, 0, 0, 0.55);
}
html.hub-mono.theme-light .rep-dispute-thumb {
  background: rgb(22, 22, 22);
}
html.hub-mono.theme-light .rep-dispute-thumb button {
  background: rgba(255, 255, 255, 0.65);
  color: rgb(255, 255, 255);
}
html.hub-mono.theme-light .ex-wallet-field {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.16);
}
html.hub-mono.theme-light .ex-pane {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: linear-gradient(165deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.02));
}
html.hub-mono.theme-light .ex-pane[data-side="to"] {
  border-color: rgba(8, 8, 8, 0.22);
  background: linear-gradient(165deg, rgba(8, 8, 8, 0.1), rgba(0, 0, 0, 0.02));
}
html.hub-mono.theme-light .ex-max,
html.hub-mono.theme-light .ex-est {
  background: rgba(8, 8, 8, 0.14);
}
html.hub-mono.theme-light .ex-est {
  background: rgba(0, 0, 0, 0.06);
}
html.hub-mono.theme-light .ex-amount::placeholder {
  color: rgba(8, 8, 8, 0.28);
}
html.hub-mono.theme-light .ex-asset {
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: rgba(255, 255, 255, 0.28)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237af0df' d='M1.1 1.2 6 6.1l4.9-4.9'/%3E%3C/svg%3E")
    no-repeat right 12px center;
}
html.hub-mono.theme-light .ex-swap {
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: rgb(29, 29, 29);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.112);
}
html.hub-mono.theme-light .ex-arrow {
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: rgb(29, 29, 29);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.096);
}
html.hub-mono.theme-light .ex-asset-fixed {
  border: 1px solid rgba(8, 8, 8, 0.35);
  background: rgba(8, 8, 8, 0.12);
}
html.hub-mono.theme-light .ex-meta {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.18);
}
html.hub-mono.theme-light .ex-form input,
html.hub-mono.theme-light .ex-select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(232, 232, 232, 0.72);
}
html.hub-mono.theme-light .ex-bank-grid .ex-bank-btn {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(232, 232, 232, 0.72);
}
html.hub-mono.theme-light .ex-bank-grid .ex-bank-btn.active {
  border-color: rgba(8, 8, 8, 0.55);
  background: rgba(8, 8, 8, 0.14);
}
html.hub-mono.theme-light .ex-dd-trigger {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(232, 232, 232, 0.72)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237af0df' d='M1.1 1.2 6 6.1l4.9-4.9'/%3E%3C/svg%3E")
    no-repeat right 14px center;
}
html.hub-mono.theme-light .ex-dd-trigger[aria-expanded="true"] {
  border-color: rgba(8, 8, 8, 0.45);
}
html.hub-mono.theme-light .ex-dd-menu {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: rgb(33, 33, 33);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.144);
}
html.hub-mono.theme-light .ex-dd-option:active,
html.hub-mono.theme-light .ex-dd-option.active {
  background: rgba(8, 8, 8, 0.14);
}
html.hub-mono.theme-light .ex-form input::placeholder {
  color: rgba(8, 8, 8, 0.32);
}
html.hub-mono.theme-light .ex-terms-box {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(238, 238, 238, 0.85);
  color: rgba(8, 8, 8, 0.88);
}
html.hub-mono.theme-light .ex-agree input {
  accent-color: var(--accent-2, rgb(247, 247, 247));
}
html.hub-mono.theme-light .ex-terms-summary {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.18);
}
html.hub-mono.theme-light .tab-qr-ring {
  border: 5px solid rgb(24, 24, 24);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.066),
    0 10px 24px rgba(0, 0, 0, 0.042),
    0 6px 16px rgba(0, 0, 0, 0.16);
}
html.hub-mono.theme-light .qr-wallet {
  background: rgba(0, 0, 0, 0.04);
}
html.hub-mono.theme-light .qr-wallet.is-active {
  border-color: var(--accent, rgb(247, 247, 247));
  background: rgba(8, 8, 8, 0.12);
}
html.hub-mono.theme-light .qr-status {
  background: rgba(0, 0, 0, 0.04);
}
html.hub-mono.theme-light .qr-status.is-bad {
  color: rgb(207, 48, 48);
}
html.hub-mono.theme-light .tab-community .tab-ico {
  color: rgb(22, 22, 22);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.006);
}
html.hub-mono.theme-light .tab-community.active .tab-ico {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.005),0 5px 20px rgba(0, 0, 0, 0.009);
}
html.hub-mono.theme-light .ring-gold {
  --ring: conic-gradient(from 0deg, rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247));
}
html.hub-mono.theme-light .ring-vip {
  --ring: conic-gradient(from 0deg, rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247));
}
html.hub-mono.theme-light .ring-admin {
  --ring: conic-gradient(from 0deg, rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247), rgb(247, 247, 247));
}
html.hub-mono.theme-light .rep-telegram-link {
  border: 1px solid rgba(247, 247, 247, 0.231);
  background: rgba(247, 247, 247, 0.043);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .rep-telegram-link:active {
  background: rgba(247, 247, 247, 0.102);
}
html.hub-mono.theme-light .community-referrals-open {
  border: 1px solid rgba(255, 255, 255, 0.141);
  background: rgba(255, 255, 255, 0.024);
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .community-referral-backdrop {
  background: rgba(11, 11, 11, 0.702);
}
html.hub-mono.theme-light .community-referral-panel {
  background: rgb(33, 33, 33);
  border: 1px solid rgba(255, 255, 255, 0.094);
  box-shadow: 0 -12px 60px rgba(0, 0, 0, 0.048);
}
html.hub-mono.theme-light .community-referral-head button {
  border: 1px solid rgba(255, 255, 255, 0.078);
  background: rgba(255, 255, 255, 0.02);
}
html.hub-mono.theme-light .community-ref-stats>div {
  border: 1px solid rgba(247, 247, 247, 0.141);
  background: rgba(247, 247, 247, 0.02);
}
html.hub-mono.theme-light .community-ref-stats span {
  color: rgb(178, 178, 178);
}
html.hub-mono.theme-light .community-ref-stats strong {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .community-ref-hint,
html.hub-mono.theme-light .community-ref-footnote {
  color: rgb(164, 164, 164);
}
html.hub-mono.theme-light .community-invite {
  border: 1px solid rgba(255, 255, 255, 0.063);
  background: rgba(255, 255, 255, 0.012);
}
html.hub-mono.theme-light .community-invite-copy {
  color: rgb(247, 247, 247);
  background: rgba(247, 247, 247, 0.043);
}
html.hub-mono.theme-light .community-top-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.047);
}
html.hub-mono.theme-light .community-top-place {
  border: 1px solid rgba(247, 247, 247, 0.153);
  color: rgb(247, 247, 247);
  background: rgba(247, 247, 247, 0.031);
}
html.hub-mono.theme-light .community-top-row>strong {
  color: rgb(247, 247, 247);
}

/* market-v2.css → dark */
html.hub-mono.theme-dark body.market-mode {
  --bg: rgb(17, 17, 17);
  --ink: rgb(242, 242, 242);
  --muted: rgb(165, 165, 165);
  --accent: rgb(247, 247, 247);
  --accent-2: rgb(247, 247, 247);
  --accent-ink: rgb(24, 24, 24);
  --accent-dim: rgba(247, 247, 247, 0.082);
  --line: rgba(255, 255, 255, 0.071);
  --panel: rgb(29, 29, 29);
  --panel-solid: rgb(29, 29, 29);
  --panel-2: rgb(41, 41, 41);
  --mk-surface: rgb(27, 27, 27);
  --mk-field: rgb(35, 35, 35);
  --mk-border: rgb(52, 52, 52);
  --mk-hero: rgb(38, 38, 38);
}
html.hub-mono.theme-dark .market-mode :is(button,a,input,textarea,select):focus-visible,
html.hub-mono.theme-dark .mk-dialog :focus-visible {
  outline: 2px solid var(--accent,rgb(247, 247, 247));
}
html.hub-mono.theme-dark .mk-icon-btn {
  border: 1px solid var(--mk-border,rgb(52, 52, 52));
  background: var(--mk-field,rgb(35, 35, 35));
  color: var(--ink,rgb(255, 255, 255));
}
html.hub-mono.theme-dark .market-mode .market-sort-menu {
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.267);
}
html.hub-mono.theme-dark .mk-card-placeholder {
  background: linear-gradient(135deg,transparent 45%,rgba(255, 255, 255, 0.024) 45%,rgba(255, 255, 255, 0.024) 47%,transparent 47%),var(--mk-field);
}
html.hub-mono.theme-dark .mk-card[data-category="learn"] .mk-card-placeholder {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .mk-card[data-category="sim"] .mk-card-placeholder {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .mk-card[data-category="trade"] .mk-card-placeholder {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .mk-card-fav {
  border: 1px solid rgba(255, 255, 255, 0.145);
  color: rgb(255, 255, 255);
  background: rgba(24, 24, 24, 0.851);
}
html.hub-mono.theme-dark .mk-card-fav[aria-pressed="true"] {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .mk-card-badge {
  background: rgb(247, 247, 247);
  color: rgb(24, 24, 24);
}
html.hub-mono.theme-dark .mk-card-status.is-hidden {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-mode .market-card-exrow.is-promoted {
  border-color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-mode .field :is(input,textarea,select),
html.hub-mono.theme-dark .market-mode select,
html.hub-mono.theme-dark .mk-dialog :is(input,textarea,select) {
  border: 1px solid var(--mk-border,rgb(52, 52, 52));
  background: var(--mk-field,rgb(35, 35, 35));
  color: var(--ink,rgb(242, 242, 242));
}
html.hub-mono.theme-dark .mk-admin-row .mk-warning {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .mk-dialog {
  border: 1px solid var(--mk-border,rgb(52, 52, 52));
  background: var(--mk-surface,rgb(27, 27, 27));
  color: var(--ink,rgb(242, 242, 242));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.533);
}
html.hub-mono.theme-dark .mk-dialog::backdrop {
  background: rgba(7, 7, 7, 0.722);
}
html.hub-mono.theme-dark .mk-dialog p {
  color: var(--muted,rgb(165, 165, 165));
}
html.hub-mono.theme-dark .mk-check input {
  accent-color: rgb(247, 247, 247);
}
html.hub-mono.theme-dark .market-mode #tabbar {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* market-v2.css → light */
html.hub-mono.theme-light body.market-mode {
  --bg: rgb(17, 17, 17);
  --ink: rgb(241, 241, 241);
  --muted: rgb(165, 165, 165);
  --accent: rgb(247, 247, 247);
  --accent-2: rgb(247, 247, 247);
  --accent-ink: rgb(23, 23, 23);
  --accent-dim: rgba(247, 247, 247, 0.082);
  --line: rgba(255, 255, 255, 0.071);
  --panel: rgb(29, 29, 29);
  --panel-solid: rgb(29, 29, 29);
  --panel-2: rgb(40, 40, 40);
  --mk-surface: rgb(27, 27, 27);
  --mk-field: rgb(35, 35, 35);
  --mk-border: rgb(52, 52, 52);
  --mk-hero: rgb(37, 37, 37);
}
html.hub-mono.theme-light .market-mode :is(button,a,input,textarea,select):focus-visible,
html.hub-mono.theme-light .mk-dialog :focus-visible {
  outline: 2px solid var(--accent,rgb(247, 247, 247));
}
html.hub-mono.theme-light .mk-icon-btn {
  border: 1px solid var(--mk-border,rgb(52, 52, 52));
  background: var(--mk-field,rgb(35, 35, 35));
  color: var(--ink,rgb(255, 255, 255));
}
html.hub-mono.theme-light .market-mode .market-sort-menu {
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.027);
}
html.hub-mono.theme-light .mk-card-placeholder {
  background: linear-gradient(135deg,transparent 45%,rgba(255, 255, 255, 0.024) 45%,rgba(255, 255, 255, 0.024) 47%,transparent 47%),var(--mk-field);
}
html.hub-mono.theme-light .mk-card[data-category="learn"] .mk-card-placeholder {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .mk-card[data-category="sim"] .mk-card-placeholder {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .mk-card[data-category="trade"] .mk-card-placeholder {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .mk-card-fav {
  border: 1px solid rgba(255, 255, 255, 0.145);
  color: rgb(255, 255, 255);
  background: rgba(24, 24, 24, 0.851);
}
html.hub-mono.theme-light .mk-card-fav[aria-pressed="true"] {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .mk-card-badge {
  background: rgb(247, 247, 247);
  color: rgb(23, 23, 23);
}
html.hub-mono.theme-light .mk-card-status.is-hidden {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-mode .market-card-exrow.is-promoted {
  border-color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-mode .field :is(input,textarea,select),
html.hub-mono.theme-light .market-mode select,
html.hub-mono.theme-light .mk-dialog :is(input,textarea,select) {
  border: 1px solid var(--mk-border,rgb(52, 52, 52));
  background: var(--mk-field,rgb(35, 35, 35));
  color: var(--ink,rgb(241, 241, 241));
}
html.hub-mono.theme-light .mk-admin-row .mk-warning {
  color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .mk-dialog {
  border: 1px solid var(--mk-border,rgb(52, 52, 52));
  background: var(--mk-surface,rgb(27, 27, 27));
  color: var(--ink,rgb(241, 241, 241));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.055);
}
html.hub-mono.theme-light .mk-dialog::backdrop {
  background: rgba(6, 6, 6, 0.722);
}
html.hub-mono.theme-light .mk-dialog p {
  color: var(--muted,rgb(165, 165, 165));
}
html.hub-mono.theme-light .mk-check input {
  accent-color: rgb(247, 247, 247);
}
html.hub-mono.theme-light .market-mode #tabbar {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.02);
}

/* —— manual layer —— */
/* HUB MONO — design layer inspired by the HUB | REPUTATION lockup. */
html.hub-mono.theme-dark {
  --m-bg: #000000; --m-surface: #0e0e0f; --m-surface-2: #17171a; --m-raise: #1f1f22;
  --m-ink: #ffffff; --m-ink-2: #d6d6d8; --m-muted: #9a9aa0; --m-line: rgba(255, 255, 255, 0.14); --m-line-strong: rgba(255, 255, 255, 0.36);
  --m-btn: #1c1c1f; --m-btn-press: #2a2a2e;
  --m-glass: rgba(14, 14, 15, 0.82); --m-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
}
html.hub-mono.theme-light {
  --m-bg: #ffffff; --m-surface: #f6f6f5; --m-surface-2: #ececea; --m-raise: #ffffff;
  --m-ink: #0b0b0b; --m-ink-2: #2a2a2a; --m-muted: #636368; --m-line: rgba(0, 0, 0, 0.14); --m-line-strong: rgba(0, 0, 0, 0.34);
  --m-btn: #f1f1ef; --m-btn-press: #e4e4e1;
  --m-glass: rgba(255, 255, 255, 0.86); --m-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
}
html.hub-mono.theme-dark, html.hub-mono.theme-light {
  --bg: var(--m-bg); --bg-deep: var(--m-bg); --ink: var(--m-ink); --text: var(--m-ink); --muted: var(--m-muted);
  --accent: var(--m-ink); --accent-2: var(--m-ink); --accent-ink: var(--m-bg); --accent-dim: var(--m-line);
  --gold: var(--m-ink); --gold-2: var(--m-ink); --gold-dim: var(--m-line); --yellow: var(--m-ink); --yellow-2: var(--m-ink); --yellow-ink: var(--m-bg); --yellow-dim: var(--m-line);
  --star: var(--m-ink); --violet: var(--m-ink); --line: var(--m-line);
  --panel: var(--m-surface); --panel-2: var(--m-surface-2); --panel-solid: var(--m-surface);
  --display: "Outfit", "Inter", system-ui, sans-serif; --ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --radius: 18px; --radius-sm: 12px;
  color-scheme: light dark;
}
html.hub-mono.theme-light { color-scheme: light; }
html.hub-mono.theme-dark { color-scheme: dark; }
html.hub-mono body { background: var(--m-bg); color: var(--m-ink); font-family: var(--ui); letter-spacing: -0.005em; }
html.hub-mono .atmosphere, html.hub-mono .blob, html.hub-mono .grain, html.hub-mono .cursor-ember, html.hub-mono .signal-glow { display: none !important; }

/* —— Brand lockup: line·dot  HUB | REPUTATION  dot·line —— */
html.hub-mono .brand-mark { background: none !important; -webkit-text-fill-color: currentColor; color: var(--m-ink); filter: none !important; font: inherit; letter-spacing: 0; line-height: 1; }
.hub-lockup { display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; color: var(--m-ink, #fff); }
.hub-lockup b { font-family: var(--display); font-weight: 600; font-size: 40px; letter-spacing: 0.01em; line-height: 1; }
.hub-lockup-sep { width: 1px; align-self: stretch; margin: 2px 2px; background: currentColor; opacity: 0.55; }
.hub-lockup-sub { font-family: var(--ui); font-weight: 400; font-size: 12px; letter-spacing: 0.42em; margin-right: -0.42em; text-transform: uppercase; }
.hub-lockup-rule { position: relative; flex: 1; max-width: 64px; height: 1px; background: currentColor; opacity: 0.5; }
.hub-lockup-rule::after { content: ""; position: absolute; top: -2px; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.hub-lockup-rule:first-child::after { right: -2px; }
.hub-lockup-rule:last-child::after { left: -2px; }
html.hub-mono .brand-mark-sm .hub-lockup b { font-size: 26px; }
html.hub-mono .brand-mark-sm .hub-lockup-sub { font-size: 9.5px; letter-spacing: 0.38em; }
html.hub-mono .brand-mark-sm .hub-lockup { gap: 10px; }
html.hub-mono .boot .hub-lockup { animation: hubFade .5s ease both; }

/* —— Typography —— */
html.hub-mono h1, html.hub-mono h2, html.hub-mono h3 { font-family: var(--display); letter-spacing: -0.02em; color: var(--m-ink); }
html.hub-mono .view-head h1 { font-size: 30px; font-weight: 600; letter-spacing: -0.03em; }
html.hub-mono .muted, html.hub-mono .field-note { color: var(--m-muted); }
html.hub-mono .index-head, html.hub-mono .signal-head, html.hub-mono .bento-k, html.hub-mono .wallet-pill-k, html.hub-mono .signal-tag,
html.hub-mono .signal-live, html.hub-mono .market-kicker, html.hub-mono .market-ex-label {
  font-family: var(--ui); text-transform: uppercase; letter-spacing: 0.22em; font-size: 10.5px; font-weight: 500; color: var(--m-muted);
}
html.hub-mono .index-rule { height: 1px; background: var(--m-line-strong); position: relative; }
html.hub-mono .index-rule::before, html.hub-mono .index-rule::after { content: ""; position: absolute; top: -2px; width: 5px; height: 5px; border-radius: 50%; background: var(--m-muted); }
html.hub-mono .index-rule::before { left: 0; } html.hub-mono .index-rule::after { right: 0; }
html.hub-mono strong, html.hub-mono b { color: inherit; }

/* —— Surfaces —— */
html.hub-mono .panel, html.hub-mono .signal, html.hub-mono .bento-tile, html.hub-mono .wallet-pill, html.hub-mono .result, html.hub-mono .gate {
  background: var(--m-surface) !important; border: 1px solid var(--m-line) !important; box-shadow: none !important; backdrop-filter: none;
}
html.hub-mono .signal { border-radius: 22px; }
html.hub-mono .bento-tile, html.hub-mono .wallet-pill { border-radius: 16px; }
html.hub-mono .wallet-pill strong, html.hub-mono .bento-tile strong { font-family: var(--display); font-weight: 600; letter-spacing: -0.02em; color: var(--m-ink); }
html.hub-mono .bento-tile.gold { background: var(--m-ink) !important; color: var(--m-bg) !important; border-color: var(--m-ink) !important; }
html.hub-mono .bento-tile.gold .bento-k, html.hub-mono .bento-tile.gold strong, html.hub-mono .bento-tile.gold .bento-hint { color: var(--m-bg) !important; opacity: 1; }

/* —— Buttons —— */
html.hub-mono .btn, html.hub-mono .action-btn, html.hub-mono .choice-btn, html.hub-mono .cta-deal, html.hub-mono .btn-link {
  font-family: var(--ui); font-weight: 600; letter-spacing: -0.005em; border-radius: 14px; box-shadow: none !important; text-shadow: none !important;
  transition: transform .15s cubic-bezier(.2, 1.3, .4, 1), background-color .18s, color .18s, border-color .18s;
}
html.hub-mono .btn:active, html.hub-mono .action-btn:active, html.hub-mono .choice-btn:active, html.hub-mono .cta-deal:active, html.hub-mono .chip:active { transform: scale(.97); }
html.hub-mono .btn.primary, html.hub-mono .cta-deal, html.hub-mono .btn-link.primary {
  background: var(--m-ink) !important; color: var(--m-bg) !important; border: 1px solid var(--m-ink) !important;
}
html.hub-mono .cta-deal { min-height: 56px; font-size: 16px; letter-spacing: 0.01em; }
html.hub-mono .btn.secondary, html.hub-mono .btn:not(.primary), html.hub-mono .action-btn, html.hub-mono .choice-btn {
  background: transparent !important; color: var(--m-ink) !important; border: 1px solid var(--m-line-strong) !important;
}
html.hub-mono .choice-btn.active, html.hub-mono .choice-btn.is-active, html.hub-mono .choice-btn[aria-pressed="true"] { background: var(--m-ink) !important; color: var(--m-bg) !important; border-color: var(--m-ink) !important; }
html.hub-mono .chip { background: transparent !important; color: var(--m-ink) !important; border: 1px solid var(--m-line-strong) !important; box-shadow: none !important; font-weight: 500; }
html.hub-mono .chip.active, html.hub-mono .chip.green { background: var(--m-ink) !important; color: var(--m-bg) !important; border-color: var(--m-ink) !important; }
html.hub-mono .back { color: var(--m-ink) !important; }

/* —— Fields —— */
html.hub-mono .field { color: var(--m-muted); font-size: 12px; letter-spacing: 0.02em; }
html.hub-mono input:not([type=checkbox]):not([type=radio]):not([type=range]), html.hub-mono textarea, html.hub-mono select {
  background: var(--m-surface) !important; color: var(--m-ink) !important; border: 1px solid var(--m-line) !important; box-shadow: none !important; border-radius: 12px;
}
html.hub-mono input:focus, html.hub-mono textarea:focus, html.hub-mono select:focus { border-color: var(--m-ink) !important; outline: none; }
html.hub-mono input::placeholder, html.hub-mono textarea::placeholder { color: var(--m-muted) !important; }
html.hub-mono .tgc input, html.hub-mono .tgc textarea, html.hub-mono .tgc-profile-layer input { background: none !important; border: 0 !important; border-radius: 0; }

/* —— Tab bar —— */
html.hub-mono #tabbar.tabbar { background: var(--m-glass) !important; border: 1px solid var(--m-line) !important; box-shadow: var(--m-shadow) !important; backdrop-filter: blur(22px) saturate(1.2); }
html.hub-mono .tab { color: var(--m-muted) !important; font-family: var(--ui); }
html.hub-mono .tab.active { color: var(--m-ink) !important; }
html.hub-mono .tab-pill { background: var(--m-surface-2) !important; box-shadow: none !important; }
html.hub-mono .tab:not(.tab-community) .tab-ico { color: inherit !important; background: transparent !important; box-shadow: none !important; }
html.hub-mono .tab:not(.tab-community) .tab-ico svg { stroke: currentColor !important; }
html.hub-mono .tab-community .tab-ico { background: var(--m-ink) !important; color: var(--m-bg) !important; box-shadow: none !important; }
html.hub-mono .tab-community { color: var(--m-ink) !important; }
html.hub-mono .tab-qr-ring { background: var(--m-ink) !important; color: var(--m-bg) !important; box-shadow: 0 0 0 4px var(--m-bg), var(--m-shadow) !important; }

/* —— Profile hero on home —— */
html.hub-mono .profile-frame { display: none; }
html.hub-mono .profile-avatar { background: var(--m-surface-2) !important; color: var(--m-ink) !important; box-shadow: 0 0 0 1px var(--m-line-strong), 0 0 0 6px var(--m-bg), 0 0 0 7px var(--m-line) !important; }
html.hub-mono .profile-avatar-img:not([src]), html.hub-mono .profile-avatar-img[src=""] { display: none !important; }
html.hub-mono #profile-avatar-letter { font-family: var(--display); font-weight: 600; font-size: 34px; color: var(--m-ink); }
html.hub-mono .profile-name { font-family: var(--display); font-weight: 600; letter-spacing: -0.02em; color: var(--m-ink); }
html.hub-mono .profile-handle { color: var(--m-muted); letter-spacing: 0.08em; }

/* —— Deal cards & status pills —— */
html.hub-mono .deal { background: var(--m-surface) !important; background-image: none !important; border: 1px solid var(--m-line) !important; border-radius: 18px !important; box-shadow: none !important; position: relative; overflow: hidden; transition: transform .15s cubic-bezier(.2, 1.3, .4, 1), border-color .18s; }
html.hub-mono .deal::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 2px; border-radius: 2px; background: transparent; }
html.hub-mono .deal.tone-warn::before, html.hub-mono .deal.tone-info::before { background: var(--m-ink); }
html.hub-mono .deal.tone-danger::before { background: #e5484d; }
html.hub-mono .deal:active { transform: scale(.985); border-color: var(--m-line-strong) !important; }
html.hub-mono .deal-card-id { font-family: var(--display); font-weight: 600; letter-spacing: -0.01em; color: var(--m-ink) !important; }
html.hub-mono .deal-amount { font-family: var(--display); font-weight: 600; letter-spacing: -0.02em; color: var(--m-ink) !important; }
html.hub-mono .deal-card-role, html.hub-mono .deal-card-cp { color: var(--m-muted) !important; }
html.hub-mono .deal-card-pay { color: var(--m-ink-2) !important; }
html.hub-mono .deal-card-terms { border-top: 1px solid var(--m-line) !important; }
html.hub-mono .deal-card-terms span { text-transform: uppercase; letter-spacing: 0.2em; font-size: 9.5px; color: var(--m-muted) !important; }
html.hub-mono .deal-card-terms p { color: var(--m-ink) !important; }
html.hub-mono .status-pill { background: transparent !important; color: var(--m-ink) !important; border: 1px solid var(--m-line-strong) !important; box-shadow: none !important; font-weight: 500; letter-spacing: 0.01em; }
html.hub-mono .status-pill .status-dot { background: var(--m-muted) !important; box-shadow: none !important; }
html.hub-mono .status-pill.tone-ok .status-dot { background: #30a46c !important; }
html.hub-mono .status-pill.tone-warn .status-dot, html.hub-mono .status-pill.tone-info .status-dot { background: var(--m-ink) !important; }
html.hub-mono .status-pill.tone-danger { border-color: rgba(229, 72, 77, 0.5) !important; color: #e5484d !important; }
html.hub-mono .status-pill.tone-danger .status-dot { background: #e5484d !important; }

/* —— Notices / tips —— */
html.hub-mono .deal-tip, html.hub-mono .review-cta, html.hub-mono .field-warn, html.hub-mono .notice {
  background: var(--m-surface) !important; background-image: none !important; border: 1px solid var(--m-line) !important; border-left: 2px solid var(--m-ink) !important; color: var(--m-ink-2) !important; box-shadow: none !important; border-radius: 14px;
}
html.hub-mono .deal-tip-title { color: var(--m-ink) !important; letter-spacing: 0.22em !important; font-size: 10.5px !important; font-weight: 600; text-transform: uppercase; }
html.hub-mono .deal-tip li, html.hub-mono .deal-tip p { color: var(--m-ink-2) !important; }
html.hub-mono .deal-tip li::marker { color: var(--m-muted); }
html.hub-mono .review-cta-btn { background: var(--m-ink) !important; color: var(--m-bg) !important; border: 0 !important; }

/* —— Button visibility pass: every tappable thing reads as a button —— */
html.hub-mono .btn.secondary, html.hub-mono .btn:not(.primary), html.hub-mono .action-btn, html.hub-mono .choice-btn, html.hub-mono .btn-link:not(.primary) {
  background: var(--m-btn) !important; color: var(--m-ink) !important; border: 1.5px solid var(--m-line-strong) !important; font-weight: 600 !important;
}
html.hub-mono .action-btn { min-height: 50px; font-size: 15px; }
html.hub-mono .btn:not(.primary):active, html.hub-mono .action-btn:active, html.hub-mono .choice-btn:active { background: var(--m-btn-press) !important; }
html.hub-mono .btn.primary, html.hub-mono .cta-deal, html.hub-mono .btn-link.primary { border-width: 1.5px !important; font-weight: 700 !important; }
html.hub-mono .btn:disabled, html.hub-mono .action-btn:disabled, html.hub-mono .cta-deal:disabled { opacity: 0.45; }
html.hub-mono .chip { background: var(--m-btn) !important; border: 1.5px solid var(--m-line-strong) !important; font-weight: 600; }
html.hub-mono .chip.active, html.hub-mono .chip.green { border-color: var(--m-ink) !important; background: var(--m-ink) !important; color: var(--m-bg) !important; }
html.hub-mono .back { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 14px !important; border-radius: 19px !important;
  background: var(--m-btn) !important; border: 1.5px solid var(--m-line-strong) !important; color: var(--m-ink) !important; font-weight: 600 !important; box-shadow: none !important; }
html.hub-mono .back:active { background: var(--m-btn-press) !important; transform: scale(.96); }
html.hub-mono .ghost, html.hub-mono .home-deals-all { color: var(--m-ink) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
html.hub-mono .market-view-btn, html.hub-mono .market-price-btn, html.hub-mono .market-sort-btn, html.hub-mono .ex-dd-trigger, html.hub-mono .market-sort-opt, html.hub-mono .support-nav-btn {
  background: var(--m-btn) !important; color: var(--m-ink) !important; border: 1.5px solid var(--m-line-strong) !important; box-shadow: none !important;
}
html.hub-mono .market-view-btn.is-on, html.hub-mono .market-sort-opt.is-on, html.hub-mono .market-sort-opt.active { background: var(--m-ink) !important; color: var(--m-bg) !important; border-color: var(--m-ink) !important; }
html.hub-mono .deal, html.hub-mono .signal, html.hub-mono .bento-tile:not(.gold), html.hub-mono .wallet-pill, html.hub-mono .panel, html.hub-mono .result { border: 1.5px solid var(--m-line) !important; }
html.hub-mono.theme-light .deal, html.hub-mono.theme-light .bento-tile:not(.gold), html.hub-mono.theme-light .wallet-pill { background: #f3f3f1 !important; }
html.hub-mono input:not([type=checkbox]):not([type=radio]):not([type=range]), html.hub-mono textarea, html.hub-mono select { border-width: 1.5px !important; border-color: var(--m-line-strong) !important; }
html.hub-mono .tgc input, html.hub-mono .tgc textarea, html.hub-mono .tgc-profile-layer input { border: 0 !important; }
html.hub-mono .tab { font-weight: 600; }
html.hub-mono .tab:not(.active):not(.tab-community) { color: var(--m-ink-2) !important; opacity: 0.75; }
/* chat icon buttons */
html.hub-mono .tgc .tgc-head-btn, html.hub-mono .tgc .community-referrals-open { color: var(--m-ink) !important; background: transparent !important; border: 0 !important; }
html.hub-mono .tgc .tgc-head-btn:active { background: var(--m-btn-press) !important; }
html.hub-mono .tgc .tgc-input-btn { color: var(--m-ink-2) !important; }
html.hub-mono .tgc .tgc-input-btn.is-active { color: var(--m-ink) !important; }
html.hub-mono .tgc .tgc-send:not(.is-ready) { color: var(--m-ink-2) !important; }
html.hub-mono .tgc .tgc-send[data-mode="mic"]:not(:disabled) { color: var(--m-ink) !important; background: var(--m-btn) !important; box-shadow: inset 0 0 0 1.5px var(--m-line-strong) !important; }
html.hub-mono .tgc-react { box-shadow: inset 0 0 0 1px var(--m-line-strong); }
html.hub-mono .tgc-profile-layer .tgc-profile-actions button { color: var(--m-ink) !important; box-shadow: inset 0 0 0 1.5px var(--m-line-strong) !important; }
html.hub-mono .tgc-profile-layer .tgc-profile-actions button.is-disabled { opacity: 0.4; }
html.hub-mono .tgc-chip { background: var(--m-btn) !important; box-shadow: inset 0 0 0 1.5px var(--m-line-strong); }
html.hub-mono .tgc-format button, html.hub-mono .tgc-search-more { background: var(--m-btn) !important; color: var(--m-ink) !important; box-shadow: inset 0 0 0 1.5px var(--m-line-strong); }

/* —— Toasts, lightbox, sheets outside the chat —— */
html.hub-mono .toast { background: var(--m-ink) !important; color: var(--m-bg) !important; border: 0 !important; box-shadow: var(--m-shadow) !important; }

/* —— Market (variables) —— */
html.hub-mono.theme-dark body.market-mode { --mk-surface: var(--m-surface); --mk-field: var(--m-surface-2); --mk-border: var(--m-line); --mk-hero: var(--m-surface-2); }
html.hub-mono.theme-light body.market-mode, html.hub-mono body.market-mode.market-light {
  --bg: var(--m-bg); --ink: var(--m-ink); --muted: var(--m-muted); --accent: var(--m-ink); --accent-2: var(--m-ink); --accent-ink: var(--m-bg); --accent-dim: var(--m-line);
  --line: var(--m-line); --panel: var(--m-surface); --panel-solid: var(--m-surface); --panel-2: var(--m-surface-2);
  --mk-surface: var(--m-surface); --mk-field: var(--m-surface-2); --mk-border: var(--m-line); --mk-hero: var(--m-surface-2);
}
html.hub-mono .market-mode.market-light .tab.active { color: var(--m-ink) !important; }
html.hub-mono #mk-theme { display: none !important; }

/* —— Chat (tgc) in monochrome —— */
html.hub-mono.theme-dark .tgc, html.hub-mono.theme-dark .tgc-menu-layer, html.hub-mono.theme-dark .tgc-profile-layer {
  --tgc-bg: #000; --tgc-panel: #0e0e0f; --tgc-in: #1c1c1e; --tgc-out: #ffffff; --tgc-text: #f5f5f5; --tgc-hint: #8a8a8f;
  --tgc-out-hint: #6b6b70; --tgc-link: #ffffff; --tgc-accent: #ffffff;
}
html.hub-mono.theme-light .tgc, html.hub-mono.theme-light .tgc-menu-layer, html.hub-mono.theme-light .tgc-profile-layer {
  --tgc-bg: #ffffff; --tgc-panel: #ffffff; --tgc-in: #f1f1f0; --tgc-out: #0b0b0b; --tgc-text: #0b0b0b; --tgc-hint: #7a7a7e;
  --tgc-out-hint: #a3a3a8; --tgc-link: #0b0b0b; --tgc-accent: #0b0b0b;
}
html.hub-mono .tgc, html.hub-mono .tgc-menu-layer, html.hub-mono .tgc-profile-layer { font-family: var(--ui); }
html.hub-mono .tgc::before { background: radial-gradient(60% 40% at 20% 10%, var(--m-surface-2), transparent 70%), radial-gradient(60% 40% at 85% 90%, var(--m-surface-2), transparent 70%), var(--m-bg) !important; }
html.hub-mono .tgc .tgc-thread { background-image: none !important; }
html.hub-mono .tgc .tgc-header, html.hub-mono .tgc .tgc-bottom, html.hub-mono .tgc .tgc-pinned, html.hub-mono .tgc .tgc-select-bar { background: var(--m-glass) !important; box-shadow: 0 1px 0 var(--m-line) !important; }
html.hub-mono .tgc .tgc-bottom { box-shadow: 0 -1px 0 var(--m-line) !important; }
html.hub-mono .tgc-head-title { color: var(--m-ink) !important; font-family: var(--display); font-weight: 600; letter-spacing: -0.01em; }
html.hub-mono .tgc-chat-avatar, html.hub-mono .tgc-info-avatar { background: var(--m-ink) !important; color: var(--m-bg) !important; box-shadow: none !important; }
html.hub-mono .tgc-msg:not(.is-mine) .tgc-bubble { --tgc-bubble: var(--tgc-in) !important; --tgc-bubble-top: var(--tgc-in) !important; box-shadow: none !important; }
html.hub-mono .tgc-msg.is-mine .tgc-bubble, html.hub-mono [data-bubble] .tgc-msg.is-mine .tgc-bubble { --tgc-bubble: var(--tgc-out) !important; --tgc-bubble-top: var(--tgc-out) !important; box-shadow: none !important; }
html.hub-mono .tgc-msg.is-mine {
  --tgc-text: var(--m-bg); --tgc-link: var(--m-bg); --tgc-hint: var(--tgc-out-hint); --tgc-q: var(--m-bg);
}
html.hub-mono .tgc-msg.is-mine .tgc-text, html.hub-mono .tgc-msg.is-mine .tgc-file-text strong { color: var(--m-bg); }
html.hub-mono .tgc-msg.is-mine .tgc-link { color: var(--m-bg) !important; text-decoration: underline; text-decoration-color: currentColor; }
html.hub-mono .tgc-msg.is-mine .tgc-quote { --tgc-q: var(--m-bg) !important; }
html.hub-mono .tgc-msg.is-mine .tgc-quote span, html.hub-mono .tgc-msg.is-mine .tgc-quote strong { color: var(--m-bg) !important; }
html.hub-mono .tgc-msg.is-mine .tgc-checks, html.hub-mono .tgc-msg.is-mine .tgc-time { color: var(--tgc-out-hint) !important; }
html.hub-mono .tgc-msg.is-mine .tgc-file-ico { background: var(--m-bg) !important; color: var(--m-ink) !important; }
html.hub-mono .tgc-msg.is-mine .tgc-react { background: rgba(127, 127, 127, 0.22) !important; color: var(--m-bg) !important; }
html.hub-mono .tgc-msg.is-mine .tgc-react.is-mine { background: var(--m-bg) !important; color: var(--m-ink) !important; }
html.hub-mono .tgc-msg.is-mine .tgc-code { background: rgba(127, 127, 127, 0.22); color: var(--m-bg); }
html.hub-mono .tgc-name { color: var(--tgc-text) !important; font-family: var(--ui); }
html.hub-mono .tgc-code { color: var(--tgc-text) !important; background: rgba(127, 127, 127, 0.16) !important; }
html.hub-mono .tgc-quote { --tgc-q: var(--tgc-text) !important; background: rgba(127, 127, 127, 0.12) !important; }
html.hub-mono .tgc-avatar:not(.has-photo), html.hub-mono .tgc-profile-avatar:not(.has-photo):not(.tgc-info-avatar) { background: var(--m-raise) !important; color: var(--m-ink) !important; box-shadow: inset 0 0 0 1px var(--m-line-strong) !important; }
html.hub-mono .tgc-badge { background: transparent !important; color: var(--tgc-text) !important; box-shadow: inset 0 0 0 1px var(--m-line-strong) !important; text-shadow: none !important; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; font-size: 10.5px; }
html.hub-mono .tgc-msg.is-mine .tgc-badge { color: var(--m-bg) !important; }
html.hub-mono .tgc-badge::after { background: linear-gradient(110deg, transparent 32%, rgba(127, 127, 127, 0.35) 48%, transparent 64%) !important; }
html.hub-mono .tgc-badge svg { filter: none !important; }
html.hub-mono .ring-gold, html.hub-mono .ring-vip, html.hub-mono .ring-admin { --ring: conic-gradient(from 0deg, var(--m-ink), var(--m-muted), var(--m-ink), var(--m-muted), var(--m-ink)) !important; }
html.hub-mono .tgc-verified-bg { fill: var(--m-ink) !important; }
html.hub-mono .tgc-verified-check { stroke: var(--m-bg) !important; }
html.hub-mono .tgc-send.is-ready, html.hub-mono .tgc-fab-badge, html.hub-mono .tgc-segment button.is-active, html.hub-mono .tgc-sheet-action,
html.hub-mono .tgc-search-chip, html.hub-mono .tgc-pinned button:not(.tgc-pin-x), html.hub-mono .tgc-react.is-mine, html.hub-mono .tgc-file-ico, html.hub-mono .tgc-attach-thumb {
  background: var(--m-ink) !important; color: var(--m-bg) !important; box-shadow: none !important;
}
html.hub-mono .tgc-msg.is-mine .tgc-file-ico { background: var(--m-bg) !important; color: var(--m-ink) !important; }
html.hub-mono .tgc-toggle input:checked + i { background: var(--m-ink) !important; }
html.hub-mono .tgc-toggle input:checked + i::after { background: var(--m-bg) !important; }
html.hub-mono .tgc-unread-sep { color: var(--m-ink) !important; background: var(--m-glass) !important; letter-spacing: 0.18em; text-transform: uppercase; font-size: 11px; }
html.hub-mono .tgc-day { background: var(--m-glass) !important; color: var(--m-ink) !important; box-shadow: inset 0 0 0 1px var(--m-line) !important; font-size: 12px; letter-spacing: 0.06em; }
html.hub-mono .tgc-msg.is-mention .tgc-bubble { box-shadow: inset 3px 0 0 var(--m-ink) !important; }
html.hub-mono .tgc-input, html.hub-mono .tgc-search-field { background: var(--m-surface-2) !important; box-shadow: inset 0 0 0 1px var(--m-line) !important; }
html.hub-mono .tgc-menu, html.hub-mono .tgc-menu-reactions, html.hub-mono .tgc-attach-menu { background: var(--m-glass) !important; box-shadow: var(--m-shadow), inset 0 0 0 1px var(--m-line) !important; }
html.hub-mono .tgc-menu button, html.hub-mono .tgc-attach-menu button { color: var(--m-ink) !important; }
html.hub-mono .tgc-menu button svg, html.hub-mono .tgc-attach-menu svg { color: var(--m-muted) !important; stroke: currentColor; }
html.hub-mono .tgc-profile-layer .tgc-profile { background: var(--m-raise) !important; }
html.hub-mono .tgc-profile-layer .tgc-profile-actions button, html.hub-mono .tgc-profile-layer .tgc-profile-info, html.hub-mono .tgc-profile-layer .tgc-toggles,
html.hub-mono .tgc-profile-layer .tgc-range, html.hub-mono .tgc-profile-layer .tgc-segment, html.hub-mono .tgc-profile-layer .tgc-settings-link { background: var(--m-surface) !important; box-shadow: inset 0 0 0 1px var(--m-line) !important; color: var(--m-ink); }
html.hub-mono .tgc-profile-hero h2 { color: var(--m-ink) !important; font-family: var(--display); }
html.hub-mono .tgc-fab { background: var(--m-glass) !important; color: var(--m-ink) !important; box-shadow: var(--m-shadow), inset 0 0 0 1px var(--m-line) !important; }
html.hub-mono .tgc-search-results { background: var(--m-bg) !important; }
html.hub-mono .tgc-search-body mark { background: var(--m-ink) !important; color: var(--m-bg) !important; }
html.hub-mono .tgc-swatches button.is-active { box-shadow: 0 0 0 2px var(--m-bg), 0 0 0 4px var(--m-ink) !important; }
html.hub-mono .tgc-spoiler:not(.is-revealed) { background-image: radial-gradient(circle, rgba(127,127,127,.9) .9px, transparent 1.3px), radial-gradient(circle, rgba(127,127,127,.55) .7px, transparent 1.1px) !important; }

html.hub-mono .tgc-settings h3:has(+ [data-pref="wallpaper"]), html.hub-mono .tgc-settings [data-pref="wallpaper"],
html.hub-mono .tgc-settings h3:has(+ [data-pref="bubble"]), html.hub-mono .tgc-settings [data-pref="bubble"],
html.hub-mono .tgc-settings h3:has(+ [data-pref="theme"]), html.hub-mono .tgc-settings [data-pref="theme"] { display: none !important; }

html.hub-mono .tgc-admin-btn, html.hub-mono .tgc-admin-opt, html.hub-mono .tgc-admin-field input, html.hub-mono .tgc-sheet-action.is-secondary, html.hub-mono .tgc-admin-tag {
  background: var(--m-btn) !important; color: var(--m-ink) !important; box-shadow: inset 0 0 0 1.5px var(--m-line-strong) !important;
}
html.hub-mono .tgc-admin-btn.is-danger, html.hub-mono .tgc-admin-tag.is-danger, html.hub-mono .tgc-sheet-action.is-danger { color: #e5484d !important; box-shadow: inset 0 0 0 1.5px rgba(229, 72, 77, 0.55) !important; }
html.hub-mono .tgc-sheet-action.is-danger { background: transparent !important; }
html.hub-mono .tgc-admin-opt.is-active { background: var(--m-ink) !important; color: var(--m-bg) !important; box-shadow: none !important; }

html.hub-mono .tgc-auto-btn { background: var(--m-btn) !important; color: var(--m-ink) !important; box-shadow: inset 0 0 0 1.5px var(--m-line-strong) !important; }
html.hub-mono .tgc-auto-btn.is-on { background: var(--m-ink) !important; color: var(--m-bg) !important; }
html.hub-mono .tgc-auto-btn i { box-shadow: 0 0 0 2px var(--m-bg) !important; }
html.hub-mono .tgc-auto-status, html.hub-mono .tgc-auto-editor textarea { background: var(--m-btn) !important; color: var(--m-ink) !important; box-shadow: inset 0 0 0 1.5px var(--m-line-strong) !important; }
html.hub-mono .tgc-auto-preview { background: var(--m-surface-2) !important; color: var(--m-ink) !important; }
html.hub-mono .tgc-auto-source small { color: var(--m-muted) !important; }
html.hub-mono .tgc-admin-opt.is-active small { color: inherit !important; opacity: .7; }

html.hub-mono .tgc-filter-add input, html.hub-mono .tgc-filter-word button { background: var(--m-btn) !important; color: var(--m-ink) !important; box-shadow: inset 0 0 0 1.5px var(--m-line-strong) !important; }
html.hub-mono .tgc-filter-word button.is-del { color: #e5484d !important; }
html.hub-mono .tgc-filter-words { box-shadow: inset 0 0 0 1.5px var(--m-line) !important; }
html.hub-mono .tgc-filter-rule small, html.hub-mono .tgc-premium-note { color: var(--m-muted) !important; }

html.hub-mono .tgc-chat-avatar.has-logo, html.hub-mono .tgc-info-avatar.has-logo { background: #fff !important; box-shadow: 0 0 0 1px var(--m-line-strong) !important; }

@keyframes hubFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }