/* Neo-brutal visual skin. Layout/grid stays in custom.css — this file only restyles. */

html {
  --nb-radius: 4px;
  --nb-border-w: 2px;
  --nb-shadow: 2px 2px 0 0 var(--border);
  --nb-font: "Space Grotesk", Onest, "Segoe UI", sans-serif;
}

html[data-theme="light"] {
  --background: #eafadc;
  --header-bg: #f4ffe8;
  --foreground: #111111;
  --card: #ffffff;
  --card-foreground: #111111;
  --primary: #ff9f1c;
  --primary-hover: #f08c08;
  --primary-foreground: #111111;
  --secondary: #111111;
  --secondary-foreground: #ffffff;
  --muted: #d4efb8;
  --muted-foreground: #3f5c2a;
  --accent: #d8f5a2;
  --accent-foreground: #111111;
  --destructive: #e63946;
  --destructive-foreground: #ffffff;
  --border: #111111;
  --input: #ffffff;
  --ring: #ff9f1c;
  --nb-glow: radial-gradient(120% 90% at 70% 40%, rgba(163, 230, 53, 0.42) 0%, rgba(190, 242, 100, 0.22) 36%, rgba(234, 250, 220, 0.12) 64%, transparent 78%);
  color-scheme: light;
}

html[data-theme="dark"] {
  --background: #0c0b09;
  --header-bg: #0a0a0a;
  --foreground: #fafafa;
  --card: #161513;
  --card-foreground: #fafafa;
  --primary: #ffdc58;
  --primary-hover: #ffd12e;
  --primary-foreground: #111111;
  --secondary: #fafafa;
  --secondary-foreground: #111111;
  --muted: #2a261c;
  --muted-foreground: #c8c0ae;
  --accent: #2e2a20;
  --accent-foreground: #fafafa;
  --destructive: #ff6b6b;
  --destructive-foreground: #0c0b09;
  --border: #000000;
  --input: #161513;
  --ring: #ffdc58;
  --nb-glow: radial-gradient(120% 90% at 70% 42%, rgba(255, 220, 88, 0.24) 0%, rgba(90, 64, 8, 0.38) 34%, rgba(12, 11, 9, 0.2) 62%, transparent 78%);
  color-scheme: dark;
}

html,
body.site-body,
html[data-theme] body {
  background-color: var(--background) !important;
  background-image: var(--nb-glow) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  color: var(--foreground) !important;
  font-family: var(--nb-font) !important;
}

.site-main {
  background: transparent !important;
}

body.site-body a,
body.site-body .uk-link {
  color: var(--foreground);
}

body.site-body a:hover,
body.site-body .uk-link:hover {
  color: var(--primary-hover);
}

h1, h2, h3, h4, h5, h6,
.uk-h1, .uk-h2, .uk-h3, .uk-heading-large, .uk-h1-d,
.site-brand-title,
.home-champion-name,
.home-champion-tag {
  font-family: var(--nb-font) !important;
}

/* Header */
#tm-header,
#tm-header.site-header-compact {
  background: var(--header-bg) !important;
  border: 0 !important;
  border-bottom: var(--nb-border-w) solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#tm-header .uk-navbar-brand,
#tm-header .uk-navbar-brand .site-brand-title,
#tm-header .uk-navbar-nav > li > a,
#tm-header .uk-button-link {
  color: var(--foreground) !important;
  font-family: var(--nb-font);
}

#tm-header .uk-navbar-nav > li > a {
  font-weight: 700;
}

#tm-header .uk-navbar-nav > li:hover > a,
#tm-header .uk-navbar-nav > li > a:focus,
#tm-header .uk-navbar-flip .uk-navbar-nav > li.uk-open > a {
  color: var(--foreground) !important;
  background: var(--primary) !important;
}

.site-header-link {
  border-radius: var(--nb-radius) !important;
  background: var(--muted) !important;
  color: var(--foreground) !important;
  border: var(--nb-border-w) solid var(--border);
  box-shadow: var(--nb-shadow);
}

.site-header-link:hover,
.site-header-link:focus {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

.uk-navbar-toggle,
.site-menu-toggle {
  color: var(--foreground) !important;
}

.site-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  margin-left: 4px;
  padding: 0;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  background: var(--primary);
  color: var(--primary-foreground);
  box-shadow: var(--nb-shadow);
  cursor: pointer;
}

.site-theme-toggle:hover {
  transform: translate(-1px, -1px);
  box-shadow: 3px 3px 0 0 var(--border);
}

.site-theme-toggle:active {
  transform: translate(1px, 1px);
  box-shadow: none;
}

.site-theme-toggle svg {
  width: 18px;
  height: 18px;
  display: block;
}

html[data-theme="light"] .site-theme-toggle-icon-sun,
html[data-theme="dark"] .site-theme-toggle-icon-moon {
  display: none;
}

#tm-header .site-brand-logo,
.site-brand-logo {
  padding: 2px !important;
  background: var(--card) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
  object-fit: contain;
}

#tm-header .site-brand-title,
.site-brand-title {
  color: var(--foreground) !important;
  font-family: var(--nb-font) !important;
  font-weight: 800;
  letter-spacing: -0.02em;
}

@media (max-width: 959px) {
  .site-header-mobile-actions {
    margin-left: auto;
  }

  #tm-header.site-header-compact .site-header-row,
  .site-header-row {
    gap: 8px;
  }

  #tm-header .site-theme-toggle {
    margin-left: 0;
  }

  #tm-header.site-header-compact .site-brand {
    flex: 1 1 auto;
    min-width: 0;
    gap: 8px;
  }

  #tm-header.site-header-compact .site-brand-logo,
  #tm-header .site-brand-logo {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }

  #tm-header .site-brand-title,
  .site-brand-title {
    font-size: 13px !important;
    line-height: 1.1 !important;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    flex-shrink: 0;
  }
}

@media (max-width: 380px) {
  #tm-header .site-brand-title,
  .site-brand-title {
    font-size: 11px !important;
  }
}

/* Buttons */
body.site-body .uk-button,
body.site-body .uk-button-primary,
body.site-body .home-champion-btn,
body.site-body .home-champion-btn-primary,
body.site-body .site-404-home.uk-button-primary {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
  font-family: var(--nb-font) !important;
  font-weight: 700;
  text-transform: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

body.site-body .uk-button:hover,
body.site-body .uk-button:focus,
body.site-body .uk-button-primary:hover,
body.site-body .uk-button-primary:focus,
body.site-body .home-champion-btn:hover,
body.site-body .home-champion-btn:focus,
body.site-body .home-champion-btn-primary:hover,
body.site-body .home-champion-btn-primary:focus {
  background: var(--primary-hover) !important;
  color: var(--primary-foreground) !important;
  transform: translate(-1px, -1px);
  box-shadow: 3px 3px 0 0 var(--border);
}

body.site-body .uk-button:active,
body.site-body .uk-button-primary:active,
body.site-body .home-champion-btn:active,
body.site-body .home-champion-btn-primary:active {
  transform: translate(1px, 1px);
  box-shadow: none;
}

body.site-body .uk-button-secondary,
body.site-body a.home-champion-btn:not(.home-champion-btn-primary) {
  background: var(--secondary) !important;
  color: var(--secondary-foreground) !important;
}

/* Cards / modules */
.home-category-widget,
.home-champion-row,
.home-empty-note,
.home-winners-panel,
.site-ad-request-panel,
.uk-panel-box,
.uk-panel-box-secondary,
.related-category-card,
.sc-card-product {
  background: var(--card) !important;
  color: var(--card-foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
}

.home-empty-note {
  color: var(--muted-foreground) !important;
}

.home-empty-note a {
  color: var(--foreground) !important;
}

.home-empty-note a:hover {
  color: var(--primary) !important;
}

.home-champion-tag {
  color: var(--foreground) !important;
}

.home-champion-tag:hover,
.home-champion-tag:focus {
  color: var(--primary) !important;
}

.home-champion-name {
  color: var(--card-foreground) !important;
}

.home-champion-excerpt,
.home-champion-dates {
  color: var(--muted-foreground) !important;
}

@media (max-width: 1079px) {
  .home-categories-rail {
    background: var(--background) !important;
  }
}

/* Forms */
body.site-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.site-body select,
body.site-body textarea {
  background: var(--input) !important;
  color: var(--foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: none;
  font-family: var(--nb-font);
}

body.site-body input:focus,
body.site-body select:focus,
body.site-body textarea:focus {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

/* Hero */
.hero-section,
.hero-section--static-bg {
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
}

.hero-content .uk-h1-d,
.hero-content .uk-p {
  color: #fff !important;
}

.hero-section--static-bg .hero-content .uk-h1-d,
.hero-section--static-bg .hero-content .uk-p,
.site-page-hero-title {
  color: #fff !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
}

/* Footer */
#tm-footer.site-footer,
#tm-footer.uk-block-secondary,
.site-footer {
  background-color: var(--header-bg) !important;
  background-image: none !important;
  color: var(--foreground) !important;
  border: 0 !important;
  border-top: var(--nb-border-w) solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.site-footer-main {
  border-bottom: var(--nb-border-w) solid var(--border) !important;
}

.site-footer-brand-link,
.site-footer-brand-name,
.site-footer-column-title,
.site-footer-about,
.site-footer-about p,
.site-footer-link,
.site-footer a,
.site-footer-contact-text,
.site-footer-contact-label,
.site-footer-contact-link,
.site-footer-copyright,
#tm-footer.site-footer .site-footer-copyright {
  color: var(--foreground) !important;
}

.site-footer-about,
.site-footer-copyright,
#tm-footer.site-footer .site-footer-copyright {
  color: var(--muted-foreground) !important;
}

.site-footer-link:hover,
.site-footer-link:focus,
.site-footer-contact-link:hover,
.site-footer a:hover {
  color: var(--primary) !important;
}

.site-footer-brand-logo {
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  background: var(--card) !important;
  box-shadow: var(--nb-shadow);
}

.site-footer-telegram-btn {
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow) !important;
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

.site-footer-telegram-btn:hover,
.site-footer-telegram-btn:focus {
  background: var(--primary-hover) !important;
  color: var(--primary-foreground) !important;
}

.site-footer-stats-btn,
.site-footer-referral-btn {
  background: var(--card) !important;
  color: var(--foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow) !important;
}

.site-footer-stats-btn:hover,
.site-footer-stats-btn:focus,
.site-footer-stats-btn[aria-expanded="true"],
.site-footer-referral-btn:hover,
.site-footer-referral-btn:focus {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border-color: var(--border) !important;
}

/* Mobile menu */
.site-mobile-menu-panel {
  background: var(--card) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
}

.site-mobile-menu-list a {
  color: var(--foreground) !important;
  border-radius: var(--nb-radius);
}

.site-mobile-menu-list a:hover,
.site-mobile-menu-list a:focus {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

/* Misc panels */
.winners-mini-card,
.site-page-layout,
.card-comments {
  background-color: transparent;
}

.uk-panel-title,
.uk-panel-box .uk-panel-title {
  color: var(--foreground) !important;
}

.home-champion-avatar {
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  box-shadow: var(--nb-shadow);
}

.home-side-title,
.home-category-hint,
.home-category-children-meta,
.home-winners-panel .uk-panel-title {
  color: var(--muted-foreground) !important;
  font-family: var(--nb-font) !important;
}

.home-category-link,
.home-category-back,
.home-category-count {
  background: var(--input) !important;
  color: var(--foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: none;
  font-family: var(--nb-font) !important;
}

.home-category-link:hover,
.home-category-link:focus-visible,
.home-category-back:hover {
  background: var(--accent) !important;
  color: var(--foreground) !important;
  border-color: var(--border) !important;
}

.home-category-link.is-active,
.home-category-parent-link.is-open {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border-color: var(--border) !important;
  box-shadow: var(--nb-shadow) !important;
}

.home-category-parent-meta,
.home-category-parent-go {
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
  box-shadow: none !important;
}

.home-category-badge,
.home-category-link-count {
  background: var(--muted) !important;
  color: var(--foreground) !important;
  border: 0;
  border-radius: var(--nb-radius);
}

.winners-tab,
.winners-tab.is-active,
.home-winners-tabs button {
  font-family: var(--nb-font);
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
}

.winners-tab.is-active {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

.site-menu-toggle.uk-navbar-toggle,
.site-menu-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  overflow: hidden;
  line-height: 1 !important;
  font-size: 18px !important;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  background: var(--card);
  color: var(--foreground) !important;
  box-shadow: var(--nb-shadow);
}

.site-menu-toggle::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
}

.site-menu-toggle::after {
  content: "\f0c9";
  font-family: FontAwesome;
  vertical-align: middle;
  line-height: 1;
}

a.banner-item--link,
a.banner-item--link:hover,
a.banner-item--link:focus {
  color: inherit !important;
  text-decoration: none !important;
}

.banner-item-frame {
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  box-shadow: var(--nb-shadow);
  background: var(--card) !important;
  overflow: hidden;
}

.banner-above-header-wrap {
  background: transparent !important;
  border: 0 !important;
}

.hero-section.hero-section-with-banners {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

.hero-section-with-banners > .banner-slot-hero {
  padding: 0 !important;
  background: transparent !important;
}

.related-category-card,
.sc-card-product,
.participant-card,
.card-item {
  border-radius: var(--nb-radius) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  box-shadow: var(--nb-shadow);
  background: var(--card);
}

.uk-button-link,
.site-404-home {
  font-family: var(--nb-font);
}

.site-page-hero,
.site-page-hero.border-10,
.hero-section,
.hero-section--static-bg {
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
  overflow: hidden;
}

.nft-detail-cover-wrap,
.site-page-cover-wrap {
  background: var(--card) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
  padding: 0 !important;
}

.nft-detail-cover,
.site-page-cover {
  border-radius: 0 !important;
}

.nft-detail-panel,
.site-page-panel,
.about-page-panel {
  background: var(--card) !important;
  color: var(--card-foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
}

.about-page-content,
.about-page-content-lead,
.nft-detail-desc,
.nft-detail-desc p,
.site-page-panel,
.uk-text-muted {
  color: var(--muted-foreground) !important;
}

.about-page-content strong,
.about-page-content b,
.site-page-panel strong,
.site-page-panel b,
.nft-detail-section-title,
.nft-creator-name,
.sc-card-product .card-name,
.sc-card-product .card-name a {
  color: var(--foreground) !important;
  font-family: var(--nb-font);
}

.nft-creator-role,
.card-theory-preview {
  color: var(--muted-foreground) !important;
}

/* Светлая тема: текст прогнозов и теги должны читаться на белой карточке */
html[data-theme="light"] .nft-detail-desc p,
html[data-theme="light"] .nft-detail-desc .uk-text-muted,
html[data-theme="light"] .nft-detail-vote-note,
html[data-theme="light"] .card-theory-preview {
  color: #1f2937 !important;
}

html[data-theme="light"] .nft-creator-role {
  color: #374151 !important;
}

html[data-theme="light"] .sc-card-product .card-type-tag {
  background: #e0e7ff !important;
  color: #312e81 !important;
  border: 1px solid #111;
}

html[data-theme="light"] .sc-card-product.card-type-prediction .card-type-tag {
  background: #7dd3fc !important;
  color: #0c4a6e !important;
}

html[data-theme="light"] .polymarket-gauge-label-no {
  color: #b91c1c !important;
}

html[data-theme="light"] .polymarket-gauge-label-yes {
  color: #15803d !important;
}

html[data-theme="light"] .nft-detail-vote {
  border-top-color: rgba(17, 17, 17, 0.12) !important;
}

html[data-theme="dark"] .sc-card-product .card-type-tag {
  background: rgba(81, 66, 252, 0.15);
  color: #c4bbff;
}

html[data-theme="dark"] .sc-card-product.card-type-prediction .card-type-tag {
  background: rgba(56, 189, 248, 0.18);
  color: #7dd3fc;
}

.about-page-content a,
.about-page-content a[href],
.site-page-panel a,
.site-page-panel a[href],
.sc-card-product .card-name a:hover {
  color: var(--foreground) !important;
}

.vote-countdown:not(.card-countdown) {
  background: transparent !important;
  color: var(--foreground) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.vote-countdown-label {
  color: var(--foreground) !important;
  font-family: var(--nb-font);
}

.vote-countdown:not(.card-countdown) .countdown-segment {
  background: #111 !important;
  color: var(--primary) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: none !important;
}

.vote-countdown:not(.card-countdown) .countdown-segment strong {
  color: var(--primary) !important;
  font-family: var(--nb-font);
}

.vote-countdown:not(.card-countdown) .countdown-segment small {
  color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
}

.vote-countdown:not(.card-countdown) .countdown-sep {
  color: var(--foreground) !important;
}

.category-header-countdown.category-card {
  background: var(--card) !important;
  color: var(--card-foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
}

.sc-card-product .card-countdown.vote-countdown {
  background: #111 !important;
  color: var(--primary) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: none;
}

.sc-card-product .card-countdown .vote-countdown-timer,
.sc-card-product .card-countdown .countdown-segment strong,
.sc-card-product .card-countdown .countdown-sep {
  color: var(--primary) !important;
}

.sc-card-product:hover {
  border-color: var(--border) !important;
  box-shadow: var(--nb-shadow) !important;
}

.card-polymarket-cta {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
}

.card-polymarket-cta:hover,
.card-polymarket-cta:focus {
  background: var(--primary-hover) !important;
  color: var(--primary-foreground) !important;
  box-shadow: var(--nb-shadow) !important;
}

.home-winners-widget,
.home-winners-mobile,
.home-winners-panel {
  background: var(--card) !important;
  color: var(--card-foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
}

.home-winners-empty,
.home-winners-all-link {
  color: var(--muted-foreground) !important;
}

.home-winners-all-link:hover,
.home-winners-all-link:focus {
  color: var(--foreground) !important;
}

.site-ad-request-summary-title,
.site-ad-request-title,
.site-ad-request-lead,
.site-ad-request-summary-hint,
.site-ad-request-field label,
.site-ad-request-field-label,
.site-ad-request-field-hint,
.site-ad-request-body,
.site-ad-request-body p,
.site-suggestion-form,
.site-suggestion-idea-form,
.site-suggestion-thread-title,
.site-suggestion-thread-text,
.site-suggestion-idea-text {
  color: var(--foreground) !important;
}

.site-suggestion-thread {
  border-width: var(--nb-border-w);
  border-color: var(--border);
  border-radius: var(--nb-radius);
  box-shadow: var(--nb-shadow);
  background: var(--card);
}

.site-suggestion-thread-summary::before {
  color: var(--muted-foreground);
}

.site-suggestion-thread[open] > .site-suggestion-thread-summary::before {
  color: var(--primary);
}

.site-suggestion-idea {
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  box-shadow: var(--nb-shadow);
  background: var(--muted);
}

.site-suggestion-admin-reply {
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
  background: var(--muted) !important;
}

.site-suggestion-admin-avatar {
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  box-shadow: var(--nb-shadow);
  background: var(--card) !important;
}

.site-suggestion-admin-name {
  color: var(--foreground) !important;
}

.site-suggestion-thread-date {
  color: var(--muted-foreground) !important;
  font-size: 11px !important;
}

.site-suggestion-thread-has-reply {
  color: var(--primary) !important;
  border: 1px solid var(--border);
  border-radius: var(--nb-radius);
  padding: 2px 6px;
  background: var(--muted);
  box-shadow: 1px 1px 0 0 var(--border);
}

.site-ad-request-lead,
.site-ad-request-summary-hint,
.site-ad-request-field-hint {
  color: var(--muted-foreground) !important;
}

.site-ad-request-summary::after {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

.site-ad-request-role-btn,
.site-ad-request-mode-btn {
  background: var(--input) !important;
  color: var(--foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: none;
}

.site-ad-request-role-btn.is-active,
.site-ad-request-mode-btn.is-active {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border-color: var(--border) !important;
  box-shadow: none !important;
}

.site-ad-request-field input[type="file"] {
  background: var(--input) !important;
  color: var(--foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
}

.site-ad-request-field input[type="file"]::file-selector-button {
  background: var(--primary);
  color: var(--primary-foreground);
  border: 0;
  border-radius: var(--nb-radius);
  font-family: var(--nb-font);
  font-weight: 700;
  margin-right: 10px;
  padding: 4px 10px;
}

.site-styled-select-trigger,
.site-styled-select-menu,
.site-styled-select-option {
  background: var(--input) !important;
  color: var(--foreground) !important;
  border-color: var(--border) !important;
}

.nft-detail-vote-note {
  color: var(--muted-foreground) !important;
}

.related-category-card-media,
.related-category-card:hover .related-category-card-media,
.related-category-card:focus .related-category-card-media {
  border-radius: var(--nb-radius) !important;
  box-shadow: none !important;
  border: var(--nb-border-w) solid var(--border);
}

.site-header-mobile-actions {
  display: flex;
  align-items: center;
}

.vote-form-card .card-action,
.vote-form-detail .card-action,
.vote-btn {
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
  font-family: var(--nb-font) !important;
}

.vote-form-card .card-action-main {
  background: var(--card) !important;
  color: var(--foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
}

.vote-form-card .card-action-main:hover {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

.vote-form-detail .card-action-site {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

.vote-form-detail .card-action-site .action-label-emoji {
  display: inline-flex !important;
  font-size: 18px;
  line-height: 1;
}

.polymarket-gauge-needle {
  background: #111 !important;
  box-shadow: none !important;
}

.polymarket-gauge-hub {
  background: #111 !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #111 !important;
}

html[data-theme="light"] .polymarket-gauge-arc-no {
  background: linear-gradient(90deg, #dc2626 0%, #f87171 78%, #fecaca 100%) !important;
}

html[data-theme="light"] .polymarket-gauge-arc-yes {
  background: linear-gradient(270deg, #16a34a 0%, #4ade80 78%, #bbf7d0 100%) !important;
}

html[data-theme="dark"] .polymarket-gauge-needle {
  background: var(--primary) !important;
}

html[data-theme="dark"] .polymarket-gauge-hub {
  background: var(--primary) !important;
  box-shadow: 0 0 0 2px #111, 0 0 0 4px var(--primary) !important;
}

.card-comments-action-btn,
.site-copy-field-btn,
.site-copy-btn {
  background: var(--card) !important;
  color: var(--foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
  font-family: var(--nb-font);
}

/* Кнопка комментариев — как в Telegram: аватары + счётчик + стрелка */
.card-comments-toggle {
  background: color-mix(in srgb, var(--card) 82%, #000) !important;
  color: var(--primary) !important;
  border: none !important;
  border-top: 1px solid color-mix(in srgb, var(--primary) 60%, transparent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--nb-font);
}

.card-comments-toggle-count {
  background: transparent !important;
  color: inherit !important;
  border: none !important;
  border-radius: 0;
  padding: 0;
  min-width: 0;
  height: auto;
}

.card-comments-toggle-avatar {
  border-color: var(--card) !important;
}

.card-comments-action-btn:hover,
.card-comments-action-btn:focus,
.site-copy-field-btn:hover,
.site-copy-btn:hover {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border-color: var(--border) !important;
}

.card-comments-toggle:hover,
.card-comments-toggle:focus,
.card-comments-toggle.is-open {
  background: color-mix(in srgb, var(--card) 70%, #000) !important;
  color: var(--primary) !important;
  border-top-color: var(--primary) !important;
}

.card-comments-title,
.card-comment-author,
.card-comments-subtitle {
  color: var(--foreground) !important;
}

.card-comments-note,
.card-comments-warning {
  color: var(--muted-foreground) !important;
}

.card-comments-submit {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
  font-family: var(--nb-font) !important;
  font-weight: 700;
}

.card-comments-submit:hover,
.card-comments-submit:focus {
  background: var(--primary-hover) !important;
  color: var(--primary-foreground) !important;
}

.card-comment-text,
.card-comment-time {
  color: var(--foreground) !important;
}

.card-comment-time {
  color: var(--muted-foreground) !important;
}

.card-comments-field input[type="text"],
.card-comments-field textarea,
.card-comments-file-btn {
  background: var(--input) !important;
  color: var(--foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: none !important;
}

.card-comments-field input[type="text"]::placeholder,
.card-comments-field textarea::placeholder {
  color: var(--muted-foreground) !important;
  opacity: 1;
}

.card-comments-note,
.card-comments-warning,
.nft-detail-vote-note {
  color: var(--muted-foreground) !important;
}

html,
body.site-body {
  scrollbar-width: thin;
  scrollbar-color: var(--primary) var(--muted);
}

html::-webkit-scrollbar,
body.site-body::-webkit-scrollbar,
.home-feed-rail::-webkit-scrollbar,
.site-stats-overlay-body::-webkit-scrollbar,
.site-referral-overlay-body::-webkit-scrollbar,
.site-mobile-menu-panel::-webkit-scrollbar {
  width: 10px;
}

html::-webkit-scrollbar-track,
body.site-body::-webkit-scrollbar-track,
.home-feed-rail::-webkit-scrollbar-track,
.site-stats-overlay-body::-webkit-scrollbar-track,
.site-referral-overlay-body::-webkit-scrollbar-track,
.site-mobile-menu-panel::-webkit-scrollbar-track {
  background: var(--muted);
  border-left: 2px solid var(--border);
}

html::-webkit-scrollbar-thumb,
body.site-body::-webkit-scrollbar-thumb,
.home-feed-rail::-webkit-scrollbar-thumb,
.site-stats-overlay-body::-webkit-scrollbar-thumb,
.site-referral-overlay-body::-webkit-scrollbar-thumb,
.site-mobile-menu-panel::-webkit-scrollbar-thumb {
  background: var(--primary);
  border: 2px solid var(--border);
  border-radius: var(--nb-radius);
}

.site-stats-overlay-panel,
.site-referral-overlay-panel {
  background: var(--card) !important;
  color: var(--foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: 6px 6px 0 0 var(--border) !important;
}

.site-stats-overlay-head,
.site-referral-overlay-head {
  border-bottom: var(--nb-border-w) solid var(--border) !important;
}

.site-stats-overlay-head h2,
.site-referral-overlay-head h2 {
  color: var(--foreground) !important;
  font-family: var(--nb-font) !important;
}

.site-stats-overlay-close,
.site-referral-overlay-close {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
}

.site-stats-overlay-close:hover,
.site-stats-overlay-close:focus,
.site-referral-overlay-close:hover,
.site-referral-overlay-close:focus {
  background: var(--primary-hover) !important;
}

.site-stats-lead,
.site-stats-hint,
.site-stats-item-hint,
.site-referral-note,
.site-referral-label,
.site-referral-loading-text,
.site-referral-stats-table th {
  color: var(--muted-foreground) !important;
}

.site-audience-stats-list {
  background: var(--input) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
}

.site-stats-item {
  border-top-color: var(--border) !important;
}

.site-stats-item-label,
.site-stats-item-value,
.site-stats-item-value--stack small,
.site-referral-stats-table td {
  color: var(--foreground) !important;
}

.site-referral-submit-btn {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow);
}

.site-referral-submit-btn:hover,
.site-referral-submit-btn:focus {
  background: var(--primary-hover) !important;
}

.site-referral-loading-bar {
  background: var(--muted) !important;
  border: 2px solid var(--border);
  border-radius: var(--nb-radius);
}

.site-referral-loading-bar::after {
  background: var(--primary) !important;
}

.site-referral-stats-table th,
.site-referral-stats-table td {
  border-bottom-color: var(--border) !important;
}

.site-copy-field-input,
.site-referral-url-input,
#site-referral-code {
  background: var(--input) !important;
  color: var(--foreground) !important;
  border: var(--nb-border-w) solid var(--border) !important;
  border-radius: var(--nb-radius) !important;
}

.vote-prompt-modal {
  position: fixed;
  inset: 0;
  z-index: 12100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.vote-prompt-modal[hidden] {
  display: none !important;
}

.vote-prompt-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  padding: 0;
  background: rgba(12, 11, 9, 0.72);
  cursor: pointer;
}

.vote-prompt-dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 440px);
  padding: 22px 22px 18px;
  background: var(--card);
  color: var(--card-foreground);
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  box-shadow: 4px 4px 0 0 var(--border);
  font-family: var(--nb-font);
}

.vote-prompt-message {
  margin: 0;
  color: var(--foreground);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}

.vote-prompt-message--title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 10px;
}

.vote-prompt-message--intro {
  font-size: 14px;
  font-weight: 600;
  color: var(--muted-foreground);
  margin-bottom: 8px;
  white-space: pre-wrap;
}

.vote-prompt-message--comment {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--muted-foreground);
  line-height: 1.45;
  white-space: pre-wrap;
}

.vote-prompt-message--comment[hidden] {
  display: none !important;
}

.visitor-changelog-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: min(50vh, 300px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.visitor-changelog-list[hidden] {
  display: none !important;
}

.visitor-changelog-list-item {
  margin: 0;
  padding: 10px 12px;
  background: var(--input);
  color: var(--foreground);
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  box-shadow: 2px 2px 0 0 var(--border);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

.visitor-changelog-section-label {
  margin: 0;
}

.visitor-changelog-detail-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0 0 0 2px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.visitor-changelog-detail-item {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--muted-foreground, var(--foreground));
}

.visitor-changelog-detail-item::before {
  content: '+ ';
  font-weight: 800;
  color: var(--foreground);
}

.visitor-changelog-detail-link,
.visitor-changelog-detail-cat-link {
  color: var(--foreground);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.visitor-changelog-detail-link:hover,
.visitor-changelog-detail-cat-link:hover {
  opacity: 0.85;
}

.visitor-changelog-detail-title {
  color: var(--foreground);
}

.visitor-changelog-detail-cat {
  font-weight: 500;
  opacity: 0.85;
}

.visitor-changelog-detail-more {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  opacity: 0.7;
}

.vote-prompt-dialog:has(.visitor-changelog-list:not([hidden])) {
  width: min(100%, 480px);
}

.vote-prompt-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.vote-prompt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  box-shadow: var(--nb-shadow);
  font-family: var(--nb-font);
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}

.vote-prompt-ok {
  background: var(--primary);
  color: var(--primary-foreground);
}

.vote-prompt-dismiss {
  background: var(--muted);
  color: var(--foreground);
}

.vote-prompt-btn:hover,
.vote-prompt-btn:focus {
  transform: translate(-1px, -1px);
  box-shadow: 3px 3px 0 0 var(--border);
}

body.vote-prompt-open {
  overflow: hidden;
}

/* ——— Агрегатор доверенных (кнопка «А») ——— */

.trusted-agg-root {
  position: fixed;
  z-index: 10980;
  top: 0;
  right: 0;
  left: auto;
  width: 0;
  height: 0;
  pointer-events: none;
}

.trusted-agg-root .trusted-agg-stack,
.trusted-agg-root .trusted-agg-panel {
  pointer-events: auto;
}

.trusted-agg-stack {
  position: fixed;
  z-index: 10981;
  top: calc(var(--site-header-sticky-offset, 96px) + 52px);
  right: max(10px, env(safe-area-inset-right, 0px) + 10px);
  left: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  box-sizing: border-box;
  width: 44px;
  max-width: min(360px, calc(100vw - 20px));
  overflow: visible;
  transition: width 0.38s cubic-bezier(0.33, 1, 0.36, 1);
}

@media (min-width: 1080px) {
  .trusted-agg-stack {
    top: calc(var(--site-header-sticky-offset, 96px) + 10px);
    right: max(16px, env(safe-area-inset-right, 0px) + 16px);
  }
}

@keyframes trusted-agg-blink {
  0%,
  100% {
    opacity: 1;
    box-shadow: 3px 3px 0 0 #111, 0 0 0 0 rgba(22, 163, 74, 0.35);
  }
  50% {
    opacity: 0.94;
    box-shadow: 3px 3px 0 0 #111, 0 0 14px 2px rgba(22, 163, 74, 0.52);
  }
}

.trusted-agg-fab {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 0 11px;
  overflow: visible;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  background: #16a34a;
  color: #fff;
  font-family: var(--nb-font);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.1;
  cursor: pointer;
  box-shadow: 3px 3px 0 0 var(--border);
  animation: trusted-agg-blink 2.2s ease-in-out infinite;
  transition:
    background 0.28s ease,
    box-shadow 0.28s ease,
    transform 0.15s ease;
}

.trusted-agg-root.is-open .trusted-agg-stack {
  z-index: 11006;
  width: min(360px, calc(100vw - 20px));
}

.trusted-agg-root.is-open .trusted-agg-fab {
  animation: none;
  background: #15803d;
}

.trusted-agg-fab-text {
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
}

.trusted-agg-fab-glyph {
  flex-shrink: 0;
  font-size: 17px;
}

.trusted-agg-fab-words {
  flex-shrink: 1;
  min-width: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-width 0.38s cubic-bezier(0.33, 1, 0.36, 1),
    opacity 0.32s ease 0.06s;
}

.trusted-agg-root.is-open .trusted-agg-fab-words {
  max-width: 16em;
  opacity: 1;
}

.trusted-agg-root:not(.is-open) .trusted-agg-fab-words {
  transition:
    opacity 0.22s ease,
    max-width 0.38s cubic-bezier(0.55, 0, 0.45, 1) 0.04s;
}

.trusted-agg-fab:hover,
.trusted-agg-fab:focus-visible {
  background: #15803d;
  transform: translate(-1px, -1px);
  box-shadow: 4px 4px 0 0 var(--border);
}

body.site-menu-open:not(.trusted-agg-open) .trusted-agg-stack,
body.site-chat-open:not(.trusted-agg-open) .trusted-agg-stack {
  z-index: 1000;
  pointer-events: none;
}

body.trusted-agg-open .trusted-agg-panel {
  z-index: 11005;
}

.trusted-agg-panel {
  position: fixed;
  inset: 0;
  z-index: 11005;
  pointer-events: none;
}

.trusted-agg-panel.is-open {
  pointer-events: auto;
}

.trusted-agg-panel[hidden] {
  display: none !important;
}

.trusted-agg-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  border: 0;
  padding: 0;
  background: rgba(12, 11, 9, 0.55);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.38s ease;
}

.trusted-agg-panel.is-open .trusted-agg-backdrop {
  opacity: 1;
}

.trusted-agg-panel:not(.is-open) .trusted-agg-backdrop {
  transition: opacity 0.32s ease;
}

.trusted-agg-drop {
  pointer-events: none;
  opacity: 0;
  transform: translateY(-10px);
  transition:
    opacity 0.38s cubic-bezier(0.33, 1, 0.36, 1),
    transform 0.38s cubic-bezier(0.33, 1, 0.36, 1);
}

.trusted-agg-drop.is-open {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}

.trusted-agg-drop:not(.is-open) {
  transition:
    opacity 0.32s ease,
    transform 0.38s cubic-bezier(0.55, 0, 0.45, 1);
}

.trusted-agg-drop[hidden] {
  display: none !important;
}

.trusted-agg-sheet {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  max-height: calc(100dvh - var(--site-header-sticky-offset, 96px) - 108px);
  display: flex;
  flex-direction: column;
  background: var(--card);
  color: var(--card-foreground);
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  box-shadow: 6px 6px 0 0 var(--border);
  font-family: var(--nb-font);
  pointer-events: auto;
  overflow: hidden;
}

.trusted-agg-drop[data-view="home"] .trusted-agg-sheet {
  max-height: calc(100dvh - var(--site-header-sticky-offset, 96px) - 108px);
}

.trusted-agg-drop[data-view="sub"] .trusted-agg-sheet {
  max-height: calc(100dvh - var(--site-header-sticky-offset, 96px) - 96px);
}

.trusted-agg-drop[data-view="home"] .trusted-agg-head {
  display: none;
}

.trusted-agg-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 12px 10px 16px;
  border-bottom: var(--nb-border-w) solid var(--border);
}

.trusted-agg-head-title {
  margin: 0;
  flex: 1;
  min-width: 0;
  padding-top: 2px;
  font-size: 15px;
  font-weight: 800;
  color: var(--foreground);
}

.trusted-agg-close,
.trusted-agg-overlay-close {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  background: var(--card);
  color: var(--foreground);
  font-family: var(--nb-font);
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 2px 2px 0 0 var(--border);
}

.trusted-agg-close span,
.trusted-agg-overlay-close span {
  display: block;
  margin-top: -2px;
}

.trusted-agg-close:hover,
.trusted-agg-close:focus-visible,
.trusted-agg-overlay-close:hover,
.trusted-agg-overlay-close:focus-visible {
  background: var(--muted);
  transform: translate(-1px, -1px);
}

.trusted-agg-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 10px 10px 12px;
}

.trusted-agg-drop[data-view="home"] .trusted-agg-body {
  flex: 0 1 auto;
  max-height: calc(100dvh - var(--site-header-sticky-offset, 96px) - 124px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 8px;
}

@media (min-width: 1080px) {
  .trusted-agg-drop[data-view="home"] .trusted-agg-body {
    max-height: calc(100dvh - var(--site-header-sticky-offset, 96px) - 82px);
  }
}

.trusted-agg-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.trusted-agg-menu-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  padding: 12px 14px;
  background: var(--input);
  color: var(--foreground);
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  font-family: var(--nb-font);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
}

.trusted-agg-menu-link:hover,
.trusted-agg-menu-link:focus-visible {
  background: var(--accent);
}

.trusted-agg-menu-label {
  flex: 1;
  min-width: 0;
}

.trusted-agg-menu-meta {
  font-size: 12px;
  font-weight: 700;
  opacity: 0.75;
}

.trusted-agg-menu-go {
  opacity: 0.85;
}

.trusted-agg-item-thumb {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: var(--nb-radius);
  border: var(--nb-border-w) solid var(--border);
  flex-shrink: 0;
}

.trusted-agg-item-thumb--empty {
  display: inline-block;
  background: var(--muted);
}

.trusted-agg-back-btn {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px 12px;
  background: var(--muted);
  color: var(--foreground);
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  font-family: var(--nb-font);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.trusted-agg-back-btn:hover,
.trusted-agg-back-btn:focus-visible {
  background: var(--accent);
}

.trusted-agg-empty {
  margin: 0 0 12px;
  color: var(--muted-foreground);
  font-size: 14px;
}

.trusted-agg-detail-avatar {
  width: 100%;
  max-width: 200px;
  aspect-ratio: 1;
  object-fit: cover;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  margin-bottom: 12px;
}

.trusted-agg-detail-name {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
}

.trusted-agg-detail-desc {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.45;
  white-space: pre-wrap;
}

.trusted-agg-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.trusted-agg-link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  background: var(--primary);
  color: var(--primary-foreground);
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  font-weight: 800;
  text-decoration: none;
  box-shadow: var(--nb-shadow);
}

.trusted-agg-link-btn:hover,
.trusted-agg-link-btn:focus {
  transform: translate(-1px, -1px);
}

.trusted-agg-app-entry {
  margin-top: 8px;
  padding-top: 0;
  border-top: 0;
}

.trusted-agg-drop[data-view="sub"] .trusted-agg-app-entry {
  margin-top: 16px;
  padding-top: 14px;
  border-top: var(--nb-border-w) solid var(--border);
}

.trusted-agg-app-open-btn {
  display: block;
  width: 100%;
  padding: 12px 14px;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  background: #fef3c7;
  color: #111;
  font-family: var(--nb-font);
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  cursor: pointer;
  box-shadow: 2px 2px 0 0 var(--border);
}

.trusted-agg-app-open-btn:hover,
.trusted-agg-app-open-btn:focus-visible {
  background: #fde68a;
  transform: translate(-1px, -1px);
}

.trusted-agg-app-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 4px;
}

.trusted-agg-app-intro {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--muted-foreground);
}

.trusted-agg-app-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.trusted-agg-app-fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.trusted-agg-app-label {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--foreground);
}

.trusted-agg-app-input,
.trusted-agg-app-file {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  background: var(--input) !important;
  color: var(--foreground) !important;
  font-family: var(--nb-font);
  font-size: 14px;
}

.trusted-agg-panel .trusted-agg-app-form input::placeholder,
.trusted-agg-panel .trusted-agg-app-form textarea::placeholder {
  color: var(--muted-foreground);
  opacity: 1;
}

.trusted-agg-panel .trusted-agg-app-form input:-webkit-autofill,
.trusted-agg-panel .trusted-agg-app-form input:-webkit-autofill:hover,
.trusted-agg-panel .trusted-agg-app-form input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
  box-shadow: 0 0 0 1000px var(--input) inset !important;
  -webkit-text-fill-color: var(--foreground) !important;
  caret-color: var(--foreground);
}

.trusted-agg-panel .trusted-agg-app-form select.trusted-agg-app-input option {
  background: var(--card);
  color: var(--card-foreground);
}

.trusted-agg-app-textarea {
  min-height: 88px;
  resize: vertical;
}

.trusted-agg-app-hint {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--muted-foreground);
}

.trusted-agg-app-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.trusted-agg-app-link-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

@media (min-width: 400px) {
  .trusted-agg-app-link-row {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
}

.trusted-agg-app-periods {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

@media (min-width: 340px) {
  .trusted-agg-app-periods {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.trusted-agg-app-period {
  display: block;
  cursor: pointer;
}

.trusted-agg-app-period input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.trusted-agg-app-period-inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  background: var(--input);
  color: var(--foreground);
  box-shadow: 2px 2px 0 0 var(--border);
  transition: background 0.15s ease, color 0.15s ease;
}

html[data-theme="light"] .trusted-agg-app-period input:checked + .trusted-agg-app-period-inner {
  background: var(--accent);
  color: var(--accent-foreground);
}

html[data-theme="dark"] .trusted-agg-app-period input:checked + .trusted-agg-app-period-inner {
  background: var(--primary);
  color: var(--primary-foreground);
}

.trusted-agg-app-period-label {
  font-size: 13px;
  font-weight: 800;
  color: inherit;
}

.trusted-agg-app-period-price {
  font-size: 12px;
  font-weight: 700;
  color: inherit;
  opacity: 0.92;
}

.trusted-agg-app-coins {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.trusted-agg-app-coin {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  background: var(--input);
  color: var(--foreground);
}

.trusted-agg-app-coin span {
  color: inherit;
}

html[data-theme="light"] .trusted-agg-app-coin:has(input:checked) {
  background: var(--accent);
  color: var(--accent-foreground);
}

html[data-theme="dark"] .trusted-agg-app-coin:has(input:checked) {
  background: var(--primary);
  color: var(--primary-foreground);
}

.trusted-agg-app-wallet-box {
  margin-top: 10px;
}

.trusted-agg-app-wallet {
  display: block;
  padding: 10px;
  border: var(--nb-border-w) dashed var(--border);
  border-radius: var(--nb-radius);
  font-size: 11px;
  line-height: 1.45;
  word-break: break-all;
  font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
  background: var(--muted);
  color: var(--foreground) !important;
}

.trusted-agg-app-summary {
  margin: 0;
  padding: 10px 12px;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  background: var(--muted);
  color: var(--foreground);
  font-size: 13px;
  font-weight: 700;
}

.trusted-agg-app-error {
  margin: 0;
  color: var(--destructive);
  font-size: 13px;
  font-weight: 700;
}

.trusted-agg-app-submit {
  width: 100%;
  padding: 12px 16px;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  background: #16a34a;
  color: #fff;
  font-family: var(--nb-font);
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 3px 3px 0 0 var(--border);
}

html[data-theme="dark"] .trusted-agg-app-submit {
  background: #22c55e;
  color: #0c0b09;
}

.trusted-agg-app-submit:disabled {
  opacity: 0.6;
  cursor: wait;
}

.trusted-agg-app-success-title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
}

.trusted-agg-app-success-text {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.45;
}

.trusted-agg-app-paid-btn {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 12px 16px;
  border: var(--nb-border-w) solid var(--border);
  border-radius: var(--nb-radius);
  background: var(--primary);
  color: var(--primary-foreground);
  font-family: var(--nb-font);
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 3px 3px 0 0 var(--border);
}

.trusted-agg-app-paid-btn:hover:not(:disabled),
.trusted-agg-app-paid-btn:focus-visible:not(:disabled) {
  transform: translate(-1px, -1px);
}

.trusted-agg-app-paid-btn:disabled {
  opacity: 0.75;
  cursor: default;
}

.trusted-agg-app-paid-hint {
  margin: 0 0 12px;
}

.trusted-agg-app-pay-line {
  margin: 0 0 8px;
  font-size: 14px;
}

body.trusted-agg-open {
  overflow: hidden;
}