@import url("https://fonts.googleapis.com/css2?family=Boogaloo&family=Cinzel:wght@500;700&family=Cinzel+Decorative:wght@700&family=Comfortaa:wght@500;700&family=Dancing+Script:wght@600;700&family=Fredoka:wght@500;700&family=Fredoka+One&family=Montserrat:wght@300;500;700;900&family=Permanent+Marker&family=Playfair+Display:ital,wght@0,600;1,400&family=Sedgwick+Ave+Display&display=swap");

:root {
  --unqx-neon-accent: #00E5FF;
}

/* Looney Tunes / Bugs Bunny premium cartoon theme. */
body[data-card-theme="looney_tunes"],
.theme-looney_tunes {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background-color: #98d4e7 !important;
  font-family: "Fredoka One", "Fredoka", "Boogaloo", "Comic Sans MS", cursive !important;
}

body[data-card-theme="looney_tunes"] main {
  display: flex !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="looney_tunes"] #public-card-layout,
body[data-card-theme="looney_tunes"] #card-view-root,
body[data-card-theme="looney_tunes"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="looney_tunes"] [data-card-view] {
  width: 100% !important;
  max-width: min(430px, 100vw) !important;
  min-height: 0 !important;
  align-content: start !important;
  gap: 12px !important;
  padding: 0 !important;
  overflow: visible !important;
}

body[data-card-theme="looney_tunes"] #public-card-layout > div:first-child {
  width: 100%;
}

[data-card-theme="looney_tunes"] {
  position: relative;
  isolation: isolate;
}

[data-card-theme="looney_tunes"] .looney-tunes-effects,
#profile-card-live-preview[data-preview-theme="looney_tunes"] .looney-tunes-effects {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

#profile-card-live-preview[data-preview-theme="looney_tunes"] .looney-tunes-effects {
  position: absolute;
}

[data-card-theme="looney_tunes"] .looney-circles-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(680px, 150vw);
  height: min(680px, 150vw);
  border-radius: 50%;
  background:
    radial-gradient(circle, #fcd116 0 21%, #ff6600 22% 49%, #cc0000 50% 68%, rgba(255, 255, 255, 0.78) 69% 76%, transparent 77%),
    radial-gradient(circle, rgba(255, 255, 255, 0.48), transparent 62%);
  opacity: 0.9;
  transform: translate(-50%, -50%);
  animation: looney-bg-pulse 6s ease-in-out infinite;
}

[data-card-theme="looney_tunes"] .bugs-bunny-container {
  position: absolute;
  right: max(-18px, calc((100vw - 430px) / 2 - 34px));
  bottom: max(18px, env(safe-area-inset-bottom, 0px));
  width: clamp(112px, 25vw, 180px);
  height: auto;
  z-index: 12;
  filter: drop-shadow(4px 5px 0 rgba(17, 17, 17, 0.35));
}

[data-card-theme="looney_tunes"] .bugs-bunny-container svg {
  display: block;
  width: 100%;
  height: auto;
}

[data-card-theme="looney_tunes"] .bugs-jaw {
  animation: bugs-chewing 0.6s ease-in-out infinite;
  transform-origin: 90px 130px;
}

[data-card-theme="looney_tunes"] .bugs-hand-carrot {
  animation: bugs-eating 1.2s ease-in-out infinite;
  transform-origin: 130px 160px;
}

[data-card-theme="looney_tunes"] .public-card-shell,
[data-card-theme="looney_tunes"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="looney_tunes"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="looney_tunes"] .unq-ref-shell {
  position: relative !important;
  display: block !important;
  width: 90% !important;
  max-width: 400px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  box-sizing: border-box !important;
  margin: 20px auto !important;
  padding: 30px 24px !important;
  overflow: visible !important;
  border: 4px solid #111111 !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(252, 209, 22, 0.18) 0 6%, transparent 7%),
    radial-gradient(circle at 86% 20%, rgba(204, 0, 0, 0.12) 0 8%, transparent 9%),
    #ffffff !important;
  box-shadow: 8px 8px 0 #111111, 0 18px 44px rgba(17, 17, 17, 0.18) !important;
  z-index: 10 !important;
}

[data-card-theme="looney_tunes"] .unq-ref-card-overlay,
[data-card-theme="looney_tunes"] .unq-ref-overlay-svg,
#profile-card-live-preview[data-preview-theme="looney_tunes"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="looney_tunes"] .unq-ref-overlay-svg {
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: inherit !important;
  opacity: 0.18 !important;
}

[data-card-theme="looney_tunes"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="looney_tunes"] .unq-ref-top {
  position: relative;
  z-index: 10;
  margin-bottom: 10px !important;
  padding: 0 !important;
}

[data-card-theme="looney_tunes"] .unq-ref-slug-chip,
[data-card-theme="looney_tunes"] .unq-ref-slug-price,
[data-card-theme="looney_tunes"] .unq-ref-share,
[data-card-theme="looney_tunes"] .unq-ref-top-badge,
body[data-card-theme="looney_tunes"] .interactive-btn,
body[data-card-theme="looney_tunes"] #card-slug-search-form > div,
body[data-card-theme="looney_tunes"] #card-slug-search-results,
body[data-card-theme="looney_tunes"] .nav-back-button,
body[data-card-theme="looney_tunes"] .nav-input-wrapper,
body[data-card-theme="looney_tunes"] .nav-search-button,
body[data-card-theme="looney_tunes"] .info-badge {
  border: 3px solid #111111 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: 4px 4px 0 #111111 !important;
  font-family: "Fredoka One", "Fredoka", "Boogaloo", cursive !important;
}

body[data-card-theme="looney_tunes"] #card-slug-search-form input,
body[data-card-theme="looney_tunes"] .nav-input-wrapper input {
  color: #111111 !important;
  font-family: "Fredoka One", "Fredoka", "Boogaloo", cursive !important;
}

body[data-card-theme="looney_tunes"] #card-slug-search-form input::placeholder,
body[data-card-theme="looney_tunes"] .nav-input-wrapper input::placeholder {
  color: rgba(17, 17, 17, 0.48) !important;
}

[data-card-theme="looney_tunes"] .unq-ref-share svg,
body[data-card-theme="looney_tunes"] .nav-back-button svg,
body[data-card-theme="looney_tunes"] .nav-search-button svg,
body[data-card-theme="looney_tunes"] .info-badge svg,
body[data-card-theme="looney_tunes"] #card-slug-search-form button svg {
  stroke: #111111 !important;
}

[data-card-theme="looney_tunes"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="looney_tunes"] .unq-ref-profile {
  margin-top: 18px !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 0 !important;
}

[data-card-theme="looney_tunes"] .unq-ref-avatar-wrap {
  filter: drop-shadow(4px 4px 0 #111111);
}

[data-card-theme="looney_tunes"] .unq-ref-avatar-img,
[data-card-theme="looney_tunes"] .unq-ref-avatar-fallback {
  border: 4px solid #111111 !important;
  background: radial-gradient(circle at 35% 28%, #ffffff 0%, #98d4e7 46%, #cc0000 100%) !important;
  color: #111111 !important;
}

[data-card-theme="looney_tunes"] .unq-ref-name,
[data-card-theme="looney_tunes"] .unq-ref-name-text {
  color: #fcd116 !important;
  font-family: "Boogaloo", "Fredoka One", "Fredoka", cursive !important;
  font-size: clamp(2rem, 9vw, 2.55rem) !important;
  line-height: 0.95 !important;
  text-transform: uppercase !important;
  -webkit-text-stroke: 2px #111111 !important;
  text-shadow: 4px 4px 0 #cc0000 !important;
}

[data-card-theme="looney_tunes"] .unq-ref-company,
[data-card-theme="looney_tunes"] .unq-ref-role,
[data-card-theme="looney_tunes"] .unq-ref-bio,
[data-card-theme="looney_tunes"] .unq-ref-phone,
[data-card-theme="looney_tunes"] .unq-ref-footline {
  color: #343434 !important;
  font-family: "Fredoka", "Fredoka One", "Boogaloo", cursive !important;
}

[data-card-theme="looney_tunes"] .unq-ref-action-btn,
[data-card-theme="looney_tunes"] .unq-ref-follow-toggle,
[data-card-theme="looney_tunes"] .unq-follow-action-btn,
[data-card-theme="looney_tunes"] .social-button {
  border: 3px solid #111111 !important;
  border-radius: 16px !important;
  background: #ff6600 !important;
  color: #ffffff !important;
  box-shadow: 0 5px 0 #111111 !important;
  font-family: "Fredoka One", "Fredoka", "Boogaloo", cursive !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease !important;
}

[data-card-theme="looney_tunes"] .unq-ref-action-btn:hover,
[data-card-theme="looney_tunes"] .unq-ref-follow-toggle:hover,
[data-card-theme="looney_tunes"] .unq-follow-action-btn:hover,
[data-card-theme="looney_tunes"] .social-button:hover,
body[data-card-theme="looney_tunes"] .interactive-btn:hover,
body[data-card-theme="looney_tunes"] .nav-back-button:hover,
body[data-card-theme="looney_tunes"] .nav-search-button:hover {
  background: #fcd116 !important;
  color: #111111 !important;
  transform: translateY(3px) !important;
  box-shadow: 0 2px 0 #111111 !important;
}

[data-card-theme="looney_tunes"] .unq-ref-brand {
  margin-top: 0 !important;
}

[data-card-theme="looney_tunes"] .unq-ref-brand h2 {
  color: #cc0000 !important;
  font-family: "Boogaloo", "Fredoka One", cursive !important;
  -webkit-text-stroke: 1px #111111;
  text-shadow: 2px 2px 0 #fcd116;
}

[data-card-theme="looney_tunes"] .unq-ref-brand p {
  color: #111111 !important;
}

[data-card-theme="looney_tunes"] .unq-follow-dialog-card,
[data-card-theme="looney_tunes"] .unq-follow-dialog-item {
  border: 3px solid #111111 !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: 5px 5px 0 #111111 !important;
}

[data-card-theme="looney_tunes"] .unq-follow-dialog-action {
  border-color: #111111 !important;
  background: #fcd116 !important;
  color: #111111 !important;
}

@keyframes looney-bg-pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.05) rotate(4deg);
  }
}

/* Uzbekistan Diplomatic: official premium redesign replacing the previous flat/cartoon execution. */
body[data-card-theme="uzbekistan_2d"] {
  --theme-page-bg: #08121E;
  --theme-screen-opacity: 0.46;
  --theme-screen-pattern:
    radial-gradient(circle at 30% 18%, rgba(0, 153, 181, 0.2) 0%, transparent 34%),
    radial-gradient(circle at 74% 76%, rgba(30, 181, 58, 0.14) 0%, transparent 34%),
    radial-gradient(circle at 54% 44%, rgba(212, 175, 55, 0.12) 0%, transparent 42%);
  --unqx-nav-bg: rgba(8, 18, 30, 0.82);
  --unqx-nav-border: rgba(212, 175, 55, 0.44);
  --unqx-nav-border-width: 1px;
  --unqx-nav-blur: 18px;
  --unqx-nav-text: #F8FAFC;
  --unqx-nav-icon: #D4AF37;
  --unqx-nav-input: #F8FAFC;
  --unqx-nav-placeholder: rgba(248, 250, 252, 0.46);
  --unqx-nav-chip: rgba(212, 175, 55, 0.82);
  --unqx-nav-hover-bg: rgba(212, 175, 55, 0.14);
  --unqx-nav-hover-text: #F8FAFC;
  --unqx-nav-hover-border: rgba(212, 175, 55, 0.72);
  --unqx-nav-shadow: 0 16px 34px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --unqx-nav-hover-shadow: 0 18px 42px rgba(0, 0, 0, 0.38), 0 0 24px rgba(212, 175, 55, 0.14);
  --unqx-search-result-text: #F8FAFC;
  --unqx-search-result-strong: #D4AF37;
  --unqx-search-result-muted: rgba(248, 250, 252, 0.62);
  --unqx-search-result-hover: rgba(212, 175, 55, 0.1);
  background-color: #08121E !important;
  background-image:
    radial-gradient(circle at 16% 18%, rgba(0, 153, 181, 0.24) 0%, transparent 32%),
    radial-gradient(circle at 84% 78%, rgba(30, 181, 58, 0.16) 0%, transparent 34%),
    radial-gradient(circle at 78% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 28%),
    linear-gradient(120deg, transparent 0%, transparent 48%, rgba(206, 17, 38, 0.05) 49%, transparent 51%),
    linear-gradient(145deg, #08121E 0%, #0A192F 58%, #050B13 100%) !important;
  font-family: "Cinzel", "Montserrat", "Inter", "Segoe UI", sans-serif !important;
}

body[data-card-theme="uzbekistan_2d"] main {
  justify-content: center !important;
}

body[data-card-theme="uzbekistan_2d"] .public-card-shell,
body[data-card-theme="uzbekistan_2d"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell {
  display: block !important;
  width: 92% !important;
  max-width: 420px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 12px auto !important;
  padding: 32px 24px 26px !important;
  border: 1px solid rgba(212, 175, 55, 0.52) !important;
  border-radius: 18px !important;
  outline: 1px solid rgba(255, 255, 255, 0.05) !important;
  background-color: rgba(8, 18, 30, 0.76) !important;
  background-image:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent 42%),
    radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.12) 0%, transparent 42%) !important;
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.56),
    0 0 42px rgba(212, 175, 55, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 28px rgba(212, 175, 55, 0.04) !important;
  backdrop-filter: blur(25px) saturate(130%);
}

body[data-card-theme="uzbekistan_2d"] .public-card-shell::before,
body[data-card-theme="uzbekistan_2d"] .unq-ref-shell::before,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .public-card-shell::before,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell::before {
  content: "O'ZBEKISTON";
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  display: flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto 22px !important;
  padding: 6px 18px !important;
  border: 1px solid rgba(212, 175, 55, 0.48) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.16), rgba(212, 175, 55, 0.06)) !important;
  color: #D4AF37 !important;
  font-family: "Cinzel", "Montserrat", "Inter", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.1) !important;
}

body[data-card-theme="uzbekistan_2d"] .public-card-shell::after,
body[data-card-theme="uzbekistan_2d"] .unq-ref-shell::after,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .public-card-shell::after,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 22% 24%, rgba(0, 153, 181, 0.12), transparent 32%),
    radial-gradient(circle at 86% 72%, rgba(30, 181, 58, 0.1), transparent 34%),
    linear-gradient(110deg, transparent 0%, transparent 48%, rgba(206, 17, 38, 0.05) 49%, transparent 51%);
  opacity: 1;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-card-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: 0.82 !important;
  animation: uzbekistan-diplomatic-breathe 18s ease-in-out infinite;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-brand {
  margin: 0 0 20px !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-brand h2,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-brand h2 {
  color: #D4AF37 !important;
  font-family: "Cinzel", "Montserrat", "Inter", sans-serif !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.16) !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-brand p,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-brand p {
  color: rgba(248, 250, 252, 0.68) !important;
  font-family: "Montserrat", "Inter", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-profile,
body[data-card-theme="uzbekistan_2d"] .unq-ref-profile.has-pets,
body[data-card-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack,
body[data-card-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack.has-pets {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-avatar-wrap,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-avatar-wrap {
  margin-top: 0 !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-name,
body[data-card-theme="uzbekistan_2d"] .unq-ref-name-text,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-name,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-name-text {
  color: #F8FAFC !important;
  font-family: "Cinzel", "Montserrat", "Inter", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.12) !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-role,
body[data-card-theme="uzbekistan_2d"] .unq-ref-bio,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-role,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-bio {
  color: rgba(248, 250, 252, 0.72) !important;
  font-family: "Montserrat", "Inter", sans-serif !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-action-btn,
body[data-card-theme="uzbekistan_2d"] .unq-ref-follow-toggle,
body[data-card-theme="uzbekistan_2d"] .unq-follow-action-btn,
body[data-card-theme="uzbekistan_2d"] .unq-ref-phone,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-action-btn,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-follow-toggle,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-follow-action-btn,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-phone {
  border: 1px solid rgba(212, 175, 55, 0.48) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(8, 18, 30, 0.82), rgba(212, 175, 55, 0.08)) !important;
  color: #F8FAFC !important;
  font-family: "Montserrat", "Inter", sans-serif !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 28px rgba(0, 0, 0, 0.24) !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-action-btn:hover,
body[data-card-theme="uzbekistan_2d"] .unq-ref-follow-toggle:hover,
body[data-card-theme="uzbekistan_2d"] .unq-follow-action-btn:hover,
body[data-card-theme="uzbekistan_2d"] .unq-ref-phone:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-action-btn:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-follow-toggle:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-follow-action-btn:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-phone:hover {
  border-color: rgba(212, 175, 55, 0.78) !important;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.18), rgba(8, 18, 30, 0.78)) !important;
  color: #F3D98A !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 24px rgba(212, 175, 55, 0.12), 0 16px 32px rgba(0, 0, 0, 0.28) !important;
}

#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] {
  --preview-border-color: #D4AF37;
  --preview-page-bg:
    radial-gradient(circle at 28% 20%, rgba(0, 153, 181, 0.26), transparent 34%),
    radial-gradient(circle at 78% 76%, rgba(30, 181, 58, 0.18), transparent 36%),
    linear-gradient(145deg, #08121E 0%, #0A192F 62%, #050B13 100%);
  --preview-screen-opacity: 0.48;
  --preview-screen-pattern:
    radial-gradient(circle at 52% 42%, rgba(212, 175, 55, 0.16) 0%, transparent 45%),
    linear-gradient(120deg, transparent 0%, transparent 48%, rgba(206, 17, 38, 0.08) 49%, transparent 51%);
  --preview-overlay-opacity: 0.62;
  --preview-overlay-pattern:
    radial-gradient(circle at 50% 44%, rgba(212, 175, 55, 0.14) 0%, transparent 44%);
}

@keyframes uzbekistan-diplomatic-breathe {
  0%, 100% {
    opacity: 0.66;
    transform: scale(1) rotate(0deg);
  }
  50% {
    opacity: 0.88;
    transform: scale(1.015) rotate(0.45deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-card-theme="uzbekistan_2d"] .unq-ref-card-overlay,
  #profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-card-overlay,
  .black-gold-leaf,
  .ocean-2d-wave,
  .ocean-2d-foam,
  .ocean-2d-bubble,
  .ocean-2d-seagull,
  .ocean-2d-seagull-wing,
  [data-card-theme="ocean_2d"] .unq-ref-card-overlay::after {
    animation: none !important;
  }

  .black-gold-leaf-effects {
    display: none !important;
  }
}

@keyframes bugs-chewing {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(3px) scaleY(0.95);
  }
}

@keyframes bugs-eating {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-8deg) translateX(-2px);
  }
}

@media (max-width: 480px) {
  body[data-card-theme="looney_tunes"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  [data-card-theme="looney_tunes"] .public-card-shell,
  [data-card-theme="looney_tunes"] .unq-ref-shell,
  #profile-card-live-preview[data-preview-theme="looney_tunes"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="looney_tunes"] .unq-ref-shell {
    width: 92% !important;
    padding: 14px 12px !important;
    margin: 6px auto !important;
    border-width: 3px !important;
    border-radius: 24px !important;
    box-shadow: 5px 5px 0 #111111 !important;
  }

  [data-card-theme="looney_tunes"] .bugs-bunny-container {
    right: -18px;
    bottom: 8px;
    width: 108px;
    opacity: 0.92;
  }

  [data-card-theme="looney_tunes"] .unq-ref-name,
  [data-card-theme="looney_tunes"] .unq-ref-name-text {
    -webkit-text-stroke-width: 1.5px !important;
    text-shadow: 3px 3px 0 #cc0000 !important;
  }
}

/* Casino Royale premium theme */
@keyframes casino-roulette-bg-spin {
  from {
    transform: translateX(-50%) rotate(0deg);
  }
  to {
    transform: translateX(-50%) rotate(360deg);
  }
}

@keyframes casino-roulette-card-spin {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes casino-gold-pulse {
  0%,
  100% {
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.3), inset 0 0 15px rgba(212, 175, 55, 0.18),
      0 20px 40px rgba(0, 0, 0, 0.6);
  }
  50% {
    box-shadow: 0 0 24px rgba(212, 175, 55, 0.46), inset 0 0 22px rgba(212, 175, 55, 0.24),
      0 24px 48px rgba(0, 0, 0, 0.66);
  }
}

body[data-card-theme="casino_royale"] {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(212, 175, 55, 0.18), transparent 34%),
    radial-gradient(circle at 14% 82%, rgba(200, 16, 46, 0.18), transparent 34%),
    linear-gradient(145deg, #073b2e 0%, #041c17 58%, #020b09 100%) !important;
  font-family: "Montserrat", "Inter", "Segoe UI", sans-serif !important;
}

body[data-card-theme="casino_royale"] main {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 100vh !important;
  padding: max(8px, env(safe-area-inset-top, 0px)) 0 max(8px, env(safe-area-inset-bottom, 0px)) !important;
  overflow: hidden !important;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
}

body[data-card-theme="casino_royale"] main::before,
#profile-card-live-preview[data-preview-theme="casino_royale"] [data-card-view]::before {
  content: "";
  position: absolute;
  top: 7%;
  left: 50%;
  width: min(550px, 118vw);
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
  filter: drop-shadow(0 0 34px rgba(212, 175, 55, 0.34));
  background:
    radial-gradient(circle, #f8e8a4 0 3%, #d4af37 4% 8%, transparent 9%),
    radial-gradient(circle, transparent 0 30%, rgba(7, 59, 46, 0.94) 31% 42%, transparent 43%),
    repeating-conic-gradient(
      from 0deg,
      #111111 0deg 10deg,
      #c8102e 10deg 20deg,
      #111111 20deg 30deg,
      #008751 30deg 40deg,
      #c8102e 40deg 50deg,
      #111111 50deg 60deg
    ),
    radial-gradient(circle, #5c2c16 0 63%, #d4af37 64% 66%, #111111 67% 100%);
  animation: casino-roulette-bg-spin 40s linear infinite;
}

body[data-card-theme="casino_royale"] main::after,
#profile-card-live-preview[data-preview-theme="casino_royale"] [data-card-view]::after {
  content: "♠   ♥   ♦   ♣";
  position: absolute;
  right: -56px;
  bottom: 12%;
  z-index: 0;
  color: rgba(212, 175, 55, 0.1);
  font: 900 96px/1 "Cinzel Decorative", Georgia, serif;
  letter-spacing: 0.22em;
  transform: rotate(-18deg);
  pointer-events: none;
  white-space: nowrap;
}

body[data-card-theme="casino_royale"] main > *,
#profile-card-live-preview[data-preview-theme="casino_royale"] [data-card-view] > * {
  position: relative;
  z-index: 2;
}

body[data-card-theme="casino_royale"] #public-card-layout,
body[data-card-theme="casino_royale"] #card-view-root,
body[data-card-theme="casino_royale"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="casino_royale"] [data-card-view] {
  width: 100% !important;
  max-width: min(430px, 100vw) !important;
  min-height: auto !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body[data-card-theme="casino_royale"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="casino_royale"] .public-card-shell {
  width: 92% !important;
  max-width: 430px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 8px auto !important;
  padding: 16px 14px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background:
    linear-gradient(rgba(17, 17, 17, 0.86), rgba(17, 17, 17, 0.86)),
    repeating-linear-gradient(45deg, rgba(212, 175, 55, 0.055) 0 2px, transparent 2px 14px) !important;
  border: 3px solid #d4af37 !important;
  border-radius: 24px !important;
  backdrop-filter: blur(12px) !important;
  animation: casino-gold-pulse 4.8s ease-in-out infinite;
}

body[data-card-theme="casino_royale"] .public-card-shell::before,
#profile-card-live-preview[data-preview-theme="casino_royale"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 1;
  pointer-events: none;
  border: 1px dashed rgba(248, 232, 164, 0.32);
  border-radius: 18px;
}

body[data-card-theme="casino_royale"] .public-card-shell::after,
#profile-card-live-preview[data-preview-theme="casino_royale"] .public-card-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.13;
  background-image:
    radial-gradient(circle at 16% 22%, #d4af37 0 5px, transparent 6px),
    radial-gradient(circle at 84% 28%, #c8102e 0 5px, transparent 6px),
    radial-gradient(circle at 28% 82%, #008751 0 5px, transparent 6px),
    radial-gradient(circle at 72% 78%, #d4af37 0 5px, transparent 6px);
}

body[data-card-theme="casino_royale"] .public-card-shell > *,
#profile-card-live-preview[data-preview-theme="casino_royale"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

body[data-card-theme="casino_royale"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-card-overlay {
  opacity: 0.82 !important;
  overflow: visible !important;
}

body[data-card-theme="casino_royale"] .casino-roulette-bg .casino-wheel-svg,
#profile-card-live-preview[data-preview-theme="casino_royale"] .casino-roulette-bg .casino-wheel-svg {
  transform-origin: 180px 164px;
  animation: casino-roulette-card-spin 26s linear infinite;
}

body[data-card-theme="casino_royale"] .unq-ref-name,
body[data-card-theme="casino_royale"] .unq-ref-name-text,
body[data-card-theme="casino_royale"] .profile-name,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-name,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-name-text,
#profile-card-live-preview[data-preview-theme="casino_royale"] .profile-name {
  color: #d4af37 !important;
  font-family: "Cinzel Decorative", Georgia, serif !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.78), 0 0 16px rgba(212, 175, 55, 0.5) !important;
}

body[data-card-theme="casino_royale"] .unq-ref-role,
body[data-card-theme="casino_royale"] .unq-ref-bio,
body[data-card-theme="casino_royale"] .unq-ref-meta,
body[data-card-theme="casino_royale"] .unq-ref-contact,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-role,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-bio,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-meta,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-contact {
  color: rgba(248, 232, 164, 0.84) !important;
}

body[data-card-theme="casino_royale"] .unq-ref-section,
body[data-card-theme="casino_royale"] .unq-ref-surface,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-section,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-surface {
  background: rgba(7, 59, 46, 0.54) !important;
  border: 1px solid rgba(212, 175, 55, 0.44) !important;
  backdrop-filter: blur(8px) !important;
}

body[data-card-theme="casino_royale"] .social-button,
body[data-card-theme="casino_royale"] .unq-ref-button,
body[data-card-theme="casino_royale"] .unq-ref-action,
body[data-card-theme="casino_royale"] .interactive-btn,
#profile-card-live-preview[data-preview-theme="casino_royale"] .social-button,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-button,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-action,
#profile-card-live-preview[data-preview-theme="casino_royale"] .interactive-btn {
  background: linear-gradient(135deg, #c8102e 0%, #8b0000 100%) !important;
  border: 2px dashed rgba(255, 255, 255, 0.88) !important;
  color: #ffffff !important;
  font-family: "Montserrat", "Inter", sans-serif !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.74), inset 0 0 0 2px rgba(212, 175, 55, 0.26) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
}

body[data-card-theme="casino_royale"] .social-button:hover,
body[data-card-theme="casino_royale"] .unq-ref-button:hover,
body[data-card-theme="casino_royale"] .unq-ref-action:hover,
body[data-card-theme="casino_royale"] .interactive-btn:hover,
#profile-card-live-preview[data-preview-theme="casino_royale"] .social-button:hover,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-button:hover,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-action:hover,
#profile-card-live-preview[data-preview-theme="casino_royale"] .interactive-btn:hover {
  background: linear-gradient(135deg, #f8e8a4 0%, #d4af37 100%) !important;
  border-color: #111111 !important;
  color: #111111 !important;
  transform: translateY(-1px);
  box-shadow: 0 7px 0 rgba(0, 0, 0, 0.72), 0 0 18px rgba(212, 175, 55, 0.44) !important;
}

body[data-card-theme="casino_royale"] .nav-back-button,
body[data-card-theme="casino_royale"] .nav-input-wrapper,
body[data-card-theme="casino_royale"] .nav-search-button,
body[data-card-theme="casino_royale"] .info-badge,
body[data-card-theme="casino_royale"] #card-slug-search-form,
body[data-card-theme="casino_royale"] #public-card-layout > div:first-child > .interactive-btn {
  background: rgba(17, 17, 17, 0.82) !important;
  border: 2px solid #d4af37 !important;
  color: #f8e8a4 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.42), 0 0 12px rgba(212, 175, 55, 0.2) !important;
  backdrop-filter: blur(10px) !important;
}

body[data-card-theme="casino_royale"] .nav-input-wrapper input,
body[data-card-theme="casino_royale"] #card-slug-search-form input {
  color: #ffffff !important;
}

body[data-card-theme="casino_royale"] .nav-input-wrapper input::placeholder,
body[data-card-theme="casino_royale"] #card-slug-search-form input::placeholder {
  color: rgba(248, 232, 164, 0.48) !important;
}

body[data-card-theme="casino_royale"] .nav-back-button svg,
body[data-card-theme="casino_royale"] .nav-search-button svg,
body[data-card-theme="casino_royale"] #public-card-layout > div:first-child > .interactive-btn svg {
  stroke: #f8e8a4 !important;
}

body[data-card-theme="casino_royale"] .nav-back-button:hover,
body[data-card-theme="casino_royale"] .nav-search-button:hover,
body[data-card-theme="casino_royale"] #public-card-layout > div:first-child > .interactive-btn:hover {
  background: #d4af37 !important;
  color: #111111 !important;
  border-color: #111111 !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.56) !important;
}

body[data-card-theme="casino_royale"] .nav-back-button:hover svg,
body[data-card-theme="casino_royale"] .nav-search-button:hover svg,
body[data-card-theme="casino_royale"] #public-card-layout > div:first-child > .interactive-btn:hover svg {
  stroke: #111111 !important;
}

@media (max-width: 480px) {
  body[data-card-theme="casino_royale"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="casino_royale"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="casino_royale"] .public-card-shell {
    width: calc(100% - 14px) !important;
    padding: 12px 10px !important;
    margin: 6px auto !important;
  }

  body[data-card-theme="casino_royale"] main::before,
  #profile-card-live-preview[data-preview-theme="casino_royale"] [data-card-view]::before {
    top: 1%;
    width: 118vw;
  }
}

.icon-stroke {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

[data-page="event-cards-page"] .event-cards-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 76px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(245, 245, 247, 0.82);
  padding: 14px clamp(18px, 5vw, 64px);
  backdrop-filter: blur(18px);
}

[data-page="event-cards-page"] .event-cards-brand,
[data-page="event-cards-page"] .event-cards-links,
[data-page="event-cards-page"] .event-cards-login {
  display: inline-flex;
  align-items: center;
}

[data-page="event-cards-page"] .event-cards-brand {
  gap: 10px;
  color: #111111;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0;
  text-decoration: none;
}

[data-page="event-cards-page"] .event-cards-brand img {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  object-fit: cover;
}

[data-page="event-cards-page"] .event-cards-links {
  gap: 28px;
}

[data-page="event-cards-page"] .event-cards-links a,
[data-page="event-cards-page"] .event-cards-login {
  color: #666666;
  font-size: 15px;
  font-weight: 650;
  text-decoration: none;
}

[data-page="event-cards-page"] .event-cards-links a:hover,
[data-page="event-cards-page"] .event-cards-links a[aria-current="page"] {
  color: #111111;
}

[data-page="event-cards-page"] .event-cards-login {
  min-height: 42px;
  border: 1px solid #d2d2d7;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.7);
  padding: 0 18px;
  color: #111111;
}

[data-page="event-cards-page"] .event-cards-login img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}

[data-page="event-cards-page"] .event-cards-hero,
[data-page="event-cards-page"] .event-cards-feed {
  width: min(100% - 32px, 1160px);
  margin: 0 auto;
}

[data-page="event-cards-page"] .event-cards-hero {
  padding: clamp(58px, 9vw, 110px) 0 34px;
  text-align: center;
}

[data-page="event-cards-page"] .event-cards-eyebrow {
  margin: 0 0 12px;
  color: #6e6e73;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
}

[data-page="event-cards-page"] .event-cards-hero h1 {
  margin: 0;
  color: #111111;
  font-size: clamp(52px, 10vw, 96px);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: 0;
}

[data-page="event-cards-page"] .event-cards-hero p:not(.event-cards-eyebrow) {
  max-width: 680px;
  margin: 18px auto 0;
  color: #6e6e73;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.35;
}

[data-page="event-cards-page"] .event-cards-feed {
  display: grid;
  gap: clamp(36px, 6vw, 70px);
  padding: 32px 0 96px;
}

[data-page="event-cards-page"] .event-card-release {
  display: grid;
  gap: 24px;
}

[data-page="event-cards-page"] .event-card-release-copy {
  max-width: 780px;
}

[data-page="event-cards-page"] .event-card-release-copy time {
  color: #86868b;
  font-size: 14px;
  font-weight: 650;
}

[data-page="event-cards-page"] .event-card-release h2,
[data-page="event-cards-page"] .event-cards-empty h2 {
  margin: 8px 0 0;
  color: #111111;
  font-size: clamp(30px, 5vw, 54px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: 0;
}

[data-page="event-cards-page"] .event-card-release p,
[data-page="event-cards-page"] .event-cards-empty p {
  max-width: 760px;
  margin: 12px 0 0;
  color: #6e6e73;
  font-size: clamp(17px, 1.8vw, 21px);
  line-height: 1.45;
}

[data-page="event-cards-page"] .event-card-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 24px);
}

[data-page="event-cards-page"] .event-card-images img {
  width: 100%;
  aspect-ratio: 4444 / 2793;
  border-radius: clamp(22px, 3vw, 34px);
  object-fit: cover;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.12);
}

[data-page="event-cards-page"] .event-cards-empty {
  border-radius: 34px;
  background: #ffffff;
  padding: clamp(28px, 5vw, 54px);
  text-align: center;
}

[data-page="event-cards-page"] .event-cards-empty p {
  margin-left: auto;
  margin-right: auto;
}

.unq-profile-music-player {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 12;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 2px solid #000000 !important;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #000000;
  box-shadow: 3px 3px 0 #000000;
  backdrop-filter: blur(10px);
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.unq-profile-music-player:hover {
  transform: translate(-1px, -1px);
  box-shadow: 4px 4px 0 #000000;
}

.unq-profile-music-player:active {
  transform: translate(2px, 2px);
  box-shadow: 0 0 0 #000000;
}

.unq-profile-music-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.unq-profile-music-player.is-playing {
  background: #00e5ff;
}

.unq-profile-music-player.is-playing .unq-profile-music-icon {
  animation: unqxMusicSpin 1.25s linear infinite;
}

.unq-selected-profile-pet {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 4;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: clamp(58px, 18vw, 92px);
  height: clamp(58px, 18vw, 92px);
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  pointer-events: auto;
}

.unq-selected-profile-pet-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.22));
}

.unq-selected-profile-pet-tooltip {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 5;
  display: grid;
  min-width: 126px;
  max-width: 190px;
  gap: 2px;
  border-radius: 12px;
  background: rgba(17, 17, 17, 0.94);
  padding: 8px 10px;
  color: #ffffff;
  font-size: 10px;
  line-height: 1.25;
  text-align: left;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  opacity: 0;
  transform: translateY(4px) scale(0.98);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}

.unq-selected-profile-pet-tooltip strong {
  font-size: 11px;
  line-height: 1.2;
}

.unq-selected-profile-pet:hover .unq-selected-profile-pet-tooltip,
.unq-selected-profile-pet:focus-visible .unq-selected-profile-pet-tooltip,
.unq-selected-profile-pet:active .unq-selected-profile-pet-tooltip {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.unq-ref-name-row {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
}

.unq-profile-pet-chain {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex: 0 0 auto;
}

.unq-profile-name-pet {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(24px, 7vw, 34px);
  height: clamp(24px, 7vw, 34px);
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.unq-profile-name-pet-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.22));
}

.unq-profile-name-pet .unq-selected-profile-pet-tooltip {
  right: auto;
  left: 50%;
  bottom: calc(100% + 7px);
  transform: translate(-50%, 4px) scale(0.98);
}

.unq-profile-name-pet:hover .unq-selected-profile-pet-tooltip,
.unq-profile-name-pet:focus-visible .unq-selected-profile-pet-tooltip,
.unq-profile-name-pet:active .unq-selected-profile-pet-tooltip {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

@keyframes unqxMusicSpin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 760px) {
  [data-page="event-cards-page"] .event-cards-nav {
    gap: 14px;
    min-height: 68px;
  }

  [data-page="event-cards-page"] .event-cards-links {
    display: none;
  }

  [data-page="event-cards-page"] .event-card-images {
    grid-template-columns: 1fr;
  }
}

[data-page="public-home"] {
  --site-header-height: 78px;
  --site-header-bg: rgba(247, 247, 247, 0.92);
  --site-header-border: #dddddd;
  --site-nav-muted: #666666;
  --site-nav-text: #171717;
  --site-promo-bg: #f6f1df;
  --site-promo-border: #e8d69d;
  --site-promo-text: #8f4900;
  background: #FAFAFA;
}

[data-page="public-home"] .site-header {
  min-height: var(--site-header-height);
  border-bottom: 1px solid var(--site-header-border);
  background: var(--site-header-bg);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  backdrop-filter: blur(12px);
}

[data-page="public-home"] .site-header-inner {
  min-height: var(--site-header-height);
  max-width: 1160px;
  padding-top: 12px;
  padding-bottom: 12px;
}

[data-page="public-home"] .site-logo {
  letter-spacing: -0.02em;
  gap: 0;
}

[data-page="public-home"] .site-header-brand-row {
  display: flex;
  align-items: center;
  gap: 24px;
  min-width: 0;
}

[data-page="public-home"] .site-logo-mark {
  width: auto !important;
  height: 34px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  object-fit: contain;
  box-shadow: none !important;
}

[data-page="public-home"] .site-header-links {
  gap: 30px;
}

[data-page="public-home"] .site-header-link {
  color: var(--site-nav-muted);
  font-size: 15px;
  font-weight: 500;
}

[data-page="public-home"] .site-header-link:hover {
  color: var(--site-nav-text);
}

[data-page="public-home"] .site-header-login,
[data-page="public-home"] .site-header-profile {
  border-color: #d2d2d2;
  background: #f8f8f8;
}

[data-page="public-home"] .site-header-login {
  min-height: 42px;
  border-radius: 11px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 700;
}

[data-page="public-home"] .site-header-cta {
  min-height: 44px;
  border-radius: 13px;
  background: #121417;
  padding: 0 22px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
}

[data-page="public-home"] .site-header-cta:hover {
  background: #1e2329;
}

[data-page="public-home"] .site-mobile-menu {
  border-top-color: var(--site-header-border);
  background: #f7f7f7;
}

[data-page="public-home"] .site-mobile-link {
  color: #4d4d4d;
  font-weight: 500;
}

[data-page="public-home"] .site-header-mobile-toggle {
  width: 42px;
  height: 42px;
  border-radius: 9999px;
  border: 1px solid #d8d8d8;
  background: #f3f3f3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease;
}

[data-page="public-home"] .site-header-mobile-toggle:hover {
  background: #ececec;
  border-color: #cfcfcf;
}

@media (min-width: 768px) {
  [data-page="public-home"] .site-header-mobile-toggle {
    display: none;
  }
}

[data-page="public-home"] .home-pricing-grid {
  gap: clamp(16px, 2vw, 24px);
}

[data-page="public-home"] .home-footer-brand-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

[data-page="public-home"] .home-ad-grid {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  min-width: 0;
}

[data-page="public-home"] .home-ad-card {
  display: inline-block;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  line-height: 0;
  text-decoration: none;
}

[data-page="public-home"] .home-ad-logo {
  display: block;
  width: auto;
  max-width: 360px;
  max-height: 84px;
  object-fit: contain;
  background: transparent !important;
  border: none !important;
}

[data-page="public-home"] .site-header .home-ad-grid--header {
  gap: 18px;
  flex-wrap: nowrap;
}

[data-page="public-home"] .site-header .home-ad-grid--header .home-ad-logo {
  max-width: 300px;
  max-height: 68px;
}

[data-page="public-home"] .home-pricing-card {
  position: relative;
  isolation: isolate;
  border-radius: 34px;
  border-width: 1px;
  border-style: solid;
  padding: clamp(24px, 3.2vw, 38px);
  box-shadow:
    0 26px 64px -46px rgba(15, 23, 42, 0.78),
    0 1px 0 rgba(255, 255, 255, 0.16) inset;
  overflow: hidden;
}

[data-page="public-home"] .home-pricing-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.9;
}

[data-page="public-home"] .home-pricing-card.bg-neutral-900 {
  border-color: #1f1f1f;
  background:
    radial-gradient(circle at 10% 0%, rgba(90, 90, 90, 0.18) 0%, transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(35, 35, 35, 0.38) 0%, transparent 42%),
    linear-gradient(140deg, #141414 0%, #0f0f10 54%, #0a0a0b 100%);
}

[data-page="public-home"] .home-pricing-card.bg-neutral-900::before {
  background:
    radial-gradient(circle at 12% 14%, rgba(255, 255, 255, 0.1) 0%, transparent 42%),
    linear-gradient(160deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
}

[data-page="public-home"] .home-pricing-card.bg-white {
  border-color: #d9d9d9;
  background:
    radial-gradient(circle at 12% 12%, rgba(17, 17, 17, 0.03) 0%, transparent 40%),
    linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%);
}

[data-page="public-home"] .home-pricing-card.bg-white::before {
  background: linear-gradient(170deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0));
}

[data-page="public-home"] .home-pricing-badge {
  left: 20px;
  right: auto;
  top: 18px;
  letter-spacing: 0.04em;
  line-height: 1;
  border-radius: 999px;
  border-color: rgba(255, 255, 255, 0.58);
  background: rgba(15, 15, 15, 0.84);
  backdrop-filter: blur(8px);
  padding: 6px 11px;
  font-size: 11px;
  text-transform: none;
  font-weight: 700;
}

[data-page="public-home"] .home-pricing-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: none;
  min-height: auto;
  padding: 0;
}

@media (min-width: 1024px) {
  [data-page="public-home"] .home-pricing-body {
    flex-direction: row;
  }
}

[data-page="public-home"] .home-pricing-left {
  position: relative;
  overflow: hidden;
}

[data-page="public-home"] .home-pricing-left::after {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 340px;
  height: 220px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.065) 0%, transparent 68%);
  pointer-events: none;
  z-index: 0;
}

[data-page="public-home"] .home-pricing-left>* {
  position: relative;
  z-index: 1;
}

[data-page="public-home"] .home-pricing-divider {
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.07);
}

[data-page="public-home"] .home-pricing-card.bg-white .home-pricing-divider {
  background: rgba(17, 17, 17, 0.07);
}

[data-page="public-home"] .home-pricing-right {
  display: flex;
  flex-direction: column;
}

[data-page="public-home"] .home-pricing-name {
  font-size: 11px;
  letter-spacing: 0.24em;
  line-height: 1;
  margin-top: 2px;
}

[data-page="public-home"] .home-pricing-price {
  margin-top: 24px;
  gap: 6px;
  align-items: flex-start;
}

[data-page="public-home"] .home-pricing-price-value {
  font-size: clamp(72px, 9vw, 96px);
  letter-spacing: -0.04em;
  line-height: 0.86;
  font-feature-settings: "tnum" 1;
}

[data-page="public-home"] .home-pricing-price-side {
  padding-top: 18px;
}

[data-page="public-home"] .home-pricing-price-currency {
  font-size: 22px;
  line-height: 0.9;
}

[data-page="public-home"] .home-pricing-price-period {
  font-size: 13px;
  line-height: 1;
}

[data-page="public-home"] .home-pricing-note {
  margin-top: 12px;
  font-size: 13px;
  letter-spacing: 0.01em;
}

[data-page="public-home"] .home-pricing-features {
  width: 100%;
  max-width: none;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
}

[data-page="public-home"] .home-pricing-feature svg {
  width: 14px;
  height: 14px;
  margin-top: 3px;
  flex-shrink: 0;
}

[data-page="public-home"] .home-pricing-feature {
  gap: 10px;
  font-size: 14px;
  line-height: 1.5;
}

[data-page="public-home"] .home-pricing-cta {
  width: 100%;
  max-width: none;
  min-height: 52px;
  margin-top: 28px;
  border-radius: 14px;
  border: 1px solid transparent;
  font-size: 15px;
  letter-spacing: 0;
  box-shadow: 0 12px 28px -20px rgba(15, 23, 42, 0.58);
  transition:
    transform 0.18s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease;
}

[data-page="public-home"] .home-pricing-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px -22px rgba(15, 23, 42, 0.72);
}

[data-page="public-home"] .home-pricing-card.bg-neutral-900 .home-pricing-cta {
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

[data-page="public-home"] .home-pricing-card.bg-white .home-pricing-cta {
  border-color: rgba(23, 23, 23, 0.14);
}

[data-page="public-home"] .site-flash-sale {
  top: var(--site-header-height);
  padding: 0 24px 18px;
  border-bottom: 1px solid #dedede;
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 255, 255, 0.98) 0%, rgba(248, 248, 248, 0.94) 46%, rgba(241, 241, 241, 0.92) 100%),
    linear-gradient(90deg, #fbfbfb 0%, #f1f1f1 100%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
  color: #171717;
}

[data-page="public-home"] .site-flash-sale-inner {
  padding: 14px 0 0;
}

[data-page="public-home"] .site-flash-sale-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

[data-page="public-home"] .site-flash-sale-title-wrap {
  min-width: 0;
  flex: 1 1 320px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

[data-page="public-home"] .site-flash-sale-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(23, 23, 23, 0.08);
  background: rgba(255, 255, 255, 0.94);
  padding: 7px 11px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #171717;
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.05);
}

[data-page="public-home"] .site-flash-sale-title {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #171717;
}

[data-page="public-home"] .site-flash-sale-summary {
  margin: 0;
  flex: 1 1 280px;
  font-size: 13px;
  line-height: 1.4;
  color: #5f5f5f;
}

[data-page="public-home"] .site-flash-sale-quick {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

[data-page="public-home"] .site-flash-sale-quick-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  border: 1px solid rgba(23, 23, 23, 0.08);
  background: rgba(255, 255, 255, 0.96);
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 800;
  color: #171717;
  white-space: nowrap;
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.05);
}

[data-page="public-home"] .site-flash-sale-quick-chip strong {
  font-variant-numeric: tabular-nums;
  color: #171717;
}

[data-page="public-home"] .site-flash-sale-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border-radius: 14px;
  border: 1px solid #121417;
  background: #121417;
  color: #ffffff;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08);
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

[data-page="public-home"] .site-flash-sale-action:hover {
  background: #1e2329;
  border-color: #1e2329;
  transform: translateY(-1px);
}

[data-page="public-home"] .site-flash-sale-marquee {
  position: relative;
  overflow: hidden;
  margin-top: 12px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-inline: 24px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

[data-page="public-home"] .site-flash-sale-marquee-track {
  display: flex;
  width: max-content;
  animation: siteFlashSaleMarqueeScroll 24s linear infinite;
  will-change: transform;
}

[data-page="public-home"] .site-flash-sale-marquee-group {
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  padding-right: 12px;
}

[data-page="public-home"] .site-flash-sale-marquee-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 800;
  color: #2f2f2f;
}

[data-page="public-home"] .site-flash-sale-marquee-bullet {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  flex: 0 0 auto;
  background: radial-gradient(circle at 35% 35%, #ffffff 0%, #d7d7d7 34%, #6b7280 100%);
  box-shadow: 0 0 0 4px rgba(156, 163, 175, 0.16);
}

[data-page="public-home"] .site-flash-sale-marquee:hover .site-flash-sale-marquee-track,
[data-page="public-home"] .site-flash-sale-marquee:focus-within .site-flash-sale-marquee-track {
  animation-play-state: paused;
}

[data-page="public-home"] #flash-sale-details,
[data-page="public-home"] #hero-check,
[data-page="public-home"] #calculator {
  scroll-margin-top: calc(var(--site-header-height) + 110px);
}

[data-page="public-home"] .site-flash-sale-spotlight {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  border: 1px solid #efc66a;
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 250, 224, 0.96) 0%, rgba(255, 245, 206, 0.92) 42%, rgba(255, 233, 165, 0.92) 100%),
    linear-gradient(135deg, #fff8df 0%, #ffd986 100%);
  box-shadow:
    0 32px 70px -54px rgba(102, 64, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.76);
  padding: clamp(24px, 4vw, 38px);
}

[data-page="public-home"] .site-flash-sale-spotlight-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.9fr);
  gap: clamp(20px, 3vw, 30px);
  align-items: center;
}

[data-page="public-home"] .site-flash-sale-spotlight-copy {
  position: relative;
  z-index: 1;
}

[data-page="public-home"] .site-flash-sale-spotlight-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  border: 1px solid rgba(146, 89, 0, 0.14);
  background: rgba(255, 255, 255, 0.74);
  padding: 7px 12px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9c4f00;
}

[data-page="public-home"] .site-flash-sale-spotlight-title {
  margin: 16px 0 0;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.03;
  letter-spacing: -0.035em;
  color: #4d2200;
}

[data-page="public-home"] .site-flash-sale-spotlight-text {
  margin: 14px 0 0;
  max-width: 42ch;
  font-size: 16px;
  line-height: 1.6;
  color: rgba(93, 48, 0, 0.84);
}

[data-page="public-home"] .site-flash-sale-spotlight-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

[data-page="public-home"] .site-flash-sale-spotlight-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 16px;
  border: 1px solid transparent;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}

[data-page="public-home"] .site-flash-sale-spotlight-action:hover {
  transform: translateY(-1px);
}

[data-page="public-home"] .site-flash-sale-spotlight-action--primary {
  border-color: #5e1f00;
  background: #5e1f00;
  color: #fff8ef;
  box-shadow: 0 16px 34px rgba(94, 31, 0, 0.18);
}

[data-page="public-home"] .site-flash-sale-spotlight-action--primary:hover {
  background: #6d2900;
}

[data-page="public-home"] .site-flash-sale-spotlight-action--secondary {
  border-color: rgba(146, 89, 0, 0.2);
  background: rgba(255, 255, 255, 0.8);
  color: #8f4900;
}

[data-page="public-home"] .site-flash-sale-spotlight-action--secondary:hover {
  background: #fff7e5;
}

[data-page="public-home"] .site-flash-sale-spotlight-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

[data-page="public-home"] .site-flash-sale-spotlight-stat {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 126px;
  border-radius: 22px;
  border: 1px solid rgba(146, 89, 0, 0.12);
  background: rgba(255, 255, 255, 0.76);
  padding: 18px;
  box-shadow: 0 18px 26px rgba(138, 84, 0, 0.08);
}

[data-page="public-home"] .site-flash-sale-spotlight-stat-label {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(93, 48, 0, 0.7);
}

[data-page="public-home"] .site-flash-sale-spotlight-stat-value {
  font-size: clamp(22px, 3.2vw, 30px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #4d2200;
}

[data-page="public-home"] .site-flash-sale-spotlight-stat-value--compact {
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.24;
  letter-spacing: -0.01em;
}

[data-page="public-home"] .site-flash-sale-spotlight-stat-value--timer {
  font-variant-numeric: tabular-nums;
}

@keyframes siteFlashSaleMarqueeScroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.home-profile-marquee {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  padding: 14px;
}

.home-profile-marquee-track {
  display: flex;
  width: max-content;
  animation: homeProfileMarqueeScroll 28s linear infinite;
  will-change: transform;
}

.home-profile-marquee-group {
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  padding-right: 12px;
}

.home-profile-marquee-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 220px;
  max-width: 300px;
  border-radius: 22px;
  border: 2px solid #000000 !important;
  background: #ffffff;
  padding: 10px 12px;
  text-decoration: none;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.home-profile-marquee-item:hover,
.home-profile-marquee-item:focus-visible {
  border-color: #000000;
  background: #fcfcfc;
}

.home-profile-marquee-avatar-wrap {
  position: relative;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 9999px;
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
}

.home-profile-marquee-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-profile-marquee-avatar-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #525252;
  font-size: 12px;
  font-weight: 700;
}

.home-profile-marquee:hover .home-profile-marquee-track,
.home-profile-marquee:focus-within .home-profile-marquee-track {
  animation-play-state: paused;
}

@keyframes homeProfileMarqueeScroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-page="public-home"] .site-flash-sale-marquee {
    overflow-x: auto;
    padding-bottom: 8px;
  }

  [data-page="public-home"] .site-flash-sale-marquee-track {
    animation: none;
  }

  .home-profile-marquee {
    overflow-x: auto;
    padding-bottom: 8px;
  }

  .home-profile-marquee-track {
    animation: none;
  }
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

#home-slug-input,
#calc-letters,
#calc-digits {
  letter-spacing: 0.03em;
}

#home-slug-input::placeholder,
#calc-letters::placeholder,
#calc-digits::placeholder {
  letter-spacing: 0;
}

[data-page="public-home"] #home-live-stats,
[data-page="public-home"] #hero-check > div,
[data-page="public-home"] #home-slug-check,
[data-page="public-home"] #home-slug-primary-action,
[data-page="public-home"] #home-slug-calculator-action,
[data-page="public-home"] #calc-letters,
[data-page="public-home"] #calc-digits,
[data-page="public-home"] #calc-generate-button,
[data-page="public-home"] #calc-result,
[data-page="public-home"] #calc-empty-state,
[data-page="public-home"] #calc-reserve-link,
[data-page="public-home"] .faq-item {
  border: 2px solid #000000 !important;
}

[data-page="public-home"] #home-live-stats {
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

[data-page="public-home"] #hero-check > div,
[data-page="public-home"] #home-slug-check,
[data-page="public-home"] #home-slug-primary-action,
[data-page="public-home"] #home-slug-calculator-action,
[data-page="public-home"] #calc-letters,
[data-page="public-home"] #calc-digits,
[data-page="public-home"] #calc-generate-button,
[data-page="public-home"] #calc-reserve-link {
  border-radius: 16px !important;
}

[data-page="public-home"] #hero-check > div:focus-within,
[data-page="public-home"] #calc-letters:focus,
[data-page="public-home"] #calc-digits:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08) !important;
}

[data-page="public-home"] #calc-result,
[data-page="public-home"] #calc-empty-state,
[data-page="public-home"] .faq-item {
  border-radius: 32px !important;
  box-shadow: none !important;
}

[data-page="public-home"] #calc-result {
  position: relative;
  background: #ffffff !important;
  padding-right: 92px !important;
}

[data-page="public-home"] .calc-result-logo {
  position: absolute;
  top: 28px;
  right: 28px;
  width: 34px;
  height: 34px;
  object-fit: cover;
  border-radius: 10px;
  pointer-events: none;
}

[data-page="public-home"] #calc-reserve-link,
[data-page="public-home"] #home-slug-check,
[data-page="public-home"] #home-slug-primary-action {
  background: #111111 !important;
  color: #ffffff !important;
}

.calc-example-btn:focus-visible,
[data-share-card]:focus-visible {
  outline: 2px solid #111111;
  outline-offset: 2px;
}

[data-card-theme] .public-card-shell {
  background: var(--theme-card-bg, #ffffff);
  border-color: var(--theme-card-border, #e5e5e5);
  color: var(--theme-name-color, #242424);
  font-family: var(--theme-font-family, inherit);
}

[data-card-theme="nebula_glass"] .public-card-shell {
  background: var(--theme-card-bg, rgba(10, 15, 30, 0.55));
  border-color: rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(25px) saturate(1.25);
  backdrop-filter: blur(25px) saturate(1.25);
  box-shadow: var(--theme-card-shadow, 0 28px 70px rgba(0, 0, 0, 0.42));
  animation: unqGlassAppear 400ms ease-out both;
}

[data-card-theme="nebula_glass"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.36), transparent);
  z-index: 2;
}

[data-card-theme="galaxy"] .public-card-shell {
  border: 1px solid rgba(0, 229, 255, 0.28) !important;
  background: rgba(26, 11, 54, 0.75) !important;
  color: #ffffff;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.5), 0 28px 70px rgba(6, 2, 20, 0.55);
}

[data-card-theme="rick_morty_portal"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 2px solid #39FF14 !important;
  background: rgba(18, 5, 36, 0.9) !important;
  color: #A6FF96;
  box-shadow: 0 0 20px rgba(57, 255, 20, 0.25), 0 26px 70px rgba(0, 0, 0, 0.55);
}

[data-card-theme="rick_morty_portal"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 228, 0, 0.12) 0 2px, transparent 3px),
    radial-gradient(circle at 72% 64%, rgba(57, 255, 20, 0.16) 0 2px, transparent 3px),
    repeating-linear-gradient(0deg, rgba(57, 255, 20, 0.07) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(90deg, rgba(57, 255, 20, 0.06) 0 1px, transparent 1px 18px);
  opacity: 0.74;
  mix-blend-mode: screen;
}

[data-card-theme="rick_morty_portal"] .public-card-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 28%, rgba(166, 255, 150, 0.16) 0 3px, transparent 4px),
    radial-gradient(circle at 72% 64%, rgba(255, 228, 0, 0.13) 0 4px, transparent 5px),
    repeating-linear-gradient(90deg, rgba(57, 255, 20, 0.08) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(0deg, rgba(57, 255, 20, 0.05) 0 1px, transparent 1px 22px);
  opacity: 0.78;
  mix-blend-mode: screen;
}

[data-card-theme="rick_morty_portal"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="rick_morty_portal"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.62;
}

[data-card-theme="rick_morty_portal"] .unq-ref-overlay-svg {
  filter: drop-shadow(0 0 10px rgba(57, 255, 20, 0.24));
}

[data-card-theme="rick_morty_portal"] .unq-ref-action-btn:hover,
[data-card-theme="rick_morty_portal"] .unq-ref-follow-toggle:hover,
[data-card-theme="rick_morty_portal"] .unq-follow-action-btn:hover {
  border-color: #FFE400 !important;
  box-shadow: 0 0 14px rgba(255, 228, 0, 0.28);
}

[data-card-theme="gravity_falls"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 3px solid #E5A93C !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(242, 227, 198, 0.1) 0%, transparent 34%),
    repeating-linear-gradient(88deg, rgba(242, 227, 198, 0.035) 0 2px, transparent 2px 9px),
    rgba(43, 31, 25, 0.93) !important;
  color: #F2E3C6;
  box-shadow: 0 24px 58px rgba(8, 16, 11, 0.58), 0 0 18px rgba(229, 169, 60, 0.2);
}

[data-card-theme="gravity_falls"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(229, 169, 60, 0.36);
  border-radius: calc(var(--theme-card-radius, 28px) - 8px);
  background:
    linear-gradient(135deg, #E5A93C 0 14px, transparent 15px) left top / 42px 42px no-repeat,
    linear-gradient(225deg, #E5A93C 0 14px, transparent 15px) right top / 42px 42px no-repeat,
    linear-gradient(45deg, #E5A93C 0 14px, transparent 15px) left bottom / 42px 42px no-repeat,
    linear-gradient(315deg, #E5A93C 0 14px, transparent 15px) right bottom / 42px 42px no-repeat;
  opacity: 0.78;
}

[data-card-theme="gravity_falls"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="gravity_falls"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.68;
}

[data-card-theme="gravity_falls"] .unq-ref-name-wrap {
  position: relative;
}

[data-card-theme="gravity_falls"] .unq-ref-name-wrap::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 50%;
  width: 92px;
  height: 92px;
  z-index: -1;
  pointer-events: none;
  border: 1px solid rgba(229, 169, 60, 0.22);
  border-radius: 50%;
  transform: translateY(-50%);
  background:
    conic-gradient(from 0deg, transparent 0 10deg, rgba(229, 169, 60, 0.22) 10deg 13deg, transparent 13deg 45deg),
    radial-gradient(circle, transparent 0 58%, rgba(229, 169, 60, 0.12) 59% 60%, transparent 61%);
}

[data-card-theme="gravity_falls"] .unq-ref-action-btn,
[data-card-theme="gravity_falls"] .unq-ref-follow-toggle,
[data-card-theme="gravity_falls"] .unq-follow-action-btn {
  font-family: "Courier New", "Sora", monospace;
}

[data-card-theme="gravity_falls"] .unq-ref-action-btn:hover,
[data-card-theme="gravity_falls"] .unq-ref-follow-toggle:hover,
[data-card-theme="gravity_falls"] .unq-follow-action-btn:hover {
  border-color: #FF6B8B !important;
  box-shadow: 0 0 14px rgba(255, 107, 139, 0.34);
}

[data-card-theme="venom_symbiote"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 3px solid transparent !important;
  background-color: #08080d !important;
  background-image:
    linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, 0.03) 48%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 52%, transparent 70%),
    radial-gradient(circle at bottom, rgba(229, 62, 109, 0.15) 0%, transparent 70%),
    radial-gradient(circle at top right, rgba(0, 240, 255, 0.12) 0%, transparent 60%),
    linear-gradient(rgba(8, 8, 13, 0.96), rgba(8, 8, 13, 0.96)),
    linear-gradient(135deg, #E53E6D 0%, #08080d 30%, #00F0FF 50%, #08080d 70%, #E53E6D 100%) !important;
  background-origin: border-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, border-box;
  color: #FFFFFF;
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.9),
    0 0 25px rgba(229, 62, 109, 0.15),
    0 0 40px rgba(0, 240, 255, 0.1) !important;
  transition: box-shadow 0.5s ease, filter 0.5s ease;
}

[data-card-theme="venom_symbiote"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 18%, rgba(0, 240, 255, 0.16) 0%, transparent 32%),
    radial-gradient(circle at 82% 72%, rgba(229, 62, 109, 0.18) 0%, transparent 38%),
    repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 18px);
  mix-blend-mode: screen;
}

[data-card-theme="venom_symbiote"] .public-card-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 0% 35%, rgba(229, 62, 109, 0.22) 0%, transparent 42%),
    radial-gradient(ellipse at 100% 72%, rgba(0, 240, 255, 0.14) 0%, transparent 48%),
    repeating-linear-gradient(128deg, transparent 0 14px, rgba(255, 255, 255, 0.035) 14px 16px);
  mix-blend-mode: screen;
}

[data-card-theme="venom_symbiote"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="venom_symbiote"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.7;
}

[data-card-theme="venom_symbiote"] .unq-ref-name,
[data-card-theme="venom_symbiote"] .unq-ref-name-text {
  color: #FFFFFF !important;
  text-shadow: 0 0 8px rgba(0, 240, 255, 0.6), 0 0 15px rgba(0, 240, 255, 0.3) !important;
}

[data-card-theme="venom_symbiote"] .unq-ref-action-btn,
[data-card-theme="venom_symbiote"] .unq-ref-follow-toggle,
[data-card-theme="venom_symbiote"] .unq-follow-action-btn {
  background: rgba(8, 8, 13, 0.9) !important;
  border: 2px solid #00F0FF !important;
  color: #FFFFFF !important;
  box-shadow: inset 0 0 8px rgba(0, 240, 255, 0.1) !important;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out !important;
}

[data-card-theme="venom_symbiote"] .unq-ref-action-btn:hover,
[data-card-theme="venom_symbiote"] .unq-ref-follow-toggle:hover,
[data-card-theme="venom_symbiote"] .unq-follow-action-btn:hover {
  background: #00F0FF !important;
  border-color: #E53E6D !important;
  color: #050508 !important;
  box-shadow: 0 0 18px rgba(0, 240, 255, 0.7) !important;
  transform: scale(1.03);
}

[data-card-theme="venom_symbiote"] .unq-follow-dialog,
[data-card-theme="venom_symbiote"] .unq-follow-row {
  border-color: rgba(0, 240, 255, 0.42) !important;
}

[data-card-theme="snow_leopard"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 24px !important;
  background-color: rgba(248, 250, 252, 0.85) !important;
  background-image:
    linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='420' viewBox='0 0 380 420'%3E%3Cdefs%3E%3Cfilter id='fuzz'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='3' result='noise'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='5' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23fuzz)' fill='%231E293B' opacity='0.18'%3E%3Cpath d='M30 40Q45 25 60 45T75 80T40 90Z'/%3E%3Cpath d='M320 80Q340 60 360 90T350 130T310 110Z'/%3E%3Ccircle cx='50' cy='220' r='18'/%3E%3Cpath d='M20 210Q35 190 60 230T30 260Z'/%3E%3Cpath d='M150 120Q160 110 170 125T155 140Z'/%3E%3Ccircle cx='280' cy='180' r='12'/%3E%3Ccircle cx='110' cy='50' r='15'/%3E%3Cpath d='M250 320Q265 300 280 330T240 350Z'/%3E%3Cpath d='M92 335Q118 316 132 348T96 376Z'/%3E%3Cpath d='M308 244Q328 224 346 252T316 286Z'/%3E%3C/g%3E%3Cg filter='url(%23fuzz)' fill='%230F172A' opacity='0.35'%3E%3Ccircle cx='48' cy='52' r='8'/%3E%3Ccircle cx='335' cy='100' r='10'/%3E%3Cpath d='M42 225Q50 215 55 235Z'/%3E%3Ccircle cx='160' cy='128' r='6'/%3E%3Ccircle cx='278' cy='181' r='5'/%3E%3Ccircle cx='105' cy='338' r='7'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.48) 0%, transparent 38%),
    linear-gradient(160deg, rgba(248, 250, 252, 0.88), rgba(226, 232, 240, 0.82)) !important;
  background-size: auto, 380px 420px, auto, auto;
  color: #0F172A;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow:
    0 15px 35px rgba(15, 23, 42, 0.1),
    inset 0 0 15px rgba(255, 255, 255, 0.6) !important;
}

[data-card-theme="snow_leopard"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(255, 255, 255, 0.5) 0%, transparent 38%),
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 18px);
  opacity: 0.78;
  mix-blend-mode: screen;
}

[data-card-theme="snow_leopard"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="snow_leopard"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.5;
}

[data-card-theme="snow_leopard"] .unq-ref-name,
[data-card-theme="snow_leopard"] .unq-ref-name-text {
  color: #0F172A !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
}

[data-card-theme="snow_leopard"] .unq-ref-action-btn,
[data-card-theme="snow_leopard"] .unq-ref-follow-toggle,
[data-card-theme="snow_leopard"] .unq-follow-action-btn {
  background: rgba(226, 232, 240, 0.8) !important;
  border: 2px solid #CBD5E1 !important;
  color: #1E293B !important;
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
}

[data-card-theme="snow_leopard"] .unq-ref-action-btn:hover,
[data-card-theme="snow_leopard"] .unq-ref-follow-toggle:hover,
[data-card-theme="snow_leopard"] .unq-follow-action-btn:hover {
  background: #FFFFFF !important;
  border-color: #94A3B8 !important;
  box-shadow: 0 6px 15px rgba(148, 163, 184, 0.3) !important;
  transform: translateY(-2px);
}

[data-card-theme="graffiti"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 4px solid #EC4899 !important;
  border-radius: 12px !important;
  background-color: #0c0c0e !important;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(236, 72, 153, 0.35) 0%, transparent 25%),
    radial-gradient(circle at 80% 10%, rgba(255, 230, 0, 0.3) 0%, transparent 20%),
    radial-gradient(circle at 70% 80%, rgba(236, 72, 153, 0.2) 0%, transparent 30%),
    repeating-linear-gradient(90deg, rgba(255, 230, 0, 0.08) 0 2px, transparent 2px 18px),
    linear-gradient(145deg, #0c0c0e 0%, #050506 58%, #151015 100%) !important;
  color: #FFFFFF;
  box-shadow:
    0 0 30px rgba(236, 72, 153, 0.6),
    inset 0 0 20px rgba(255, 230, 0, 0.2),
    8px 8px 0 rgba(255, 230, 0, 0.9) !important;
}

[data-card-theme="graffiti"] .public-card-shell::before {
  content: "UNQX";
  position: absolute;
  top: 8%;
  left: -10%;
  z-index: 0;
  color: rgba(255, 230, 0, 0.1);
  font-family: "Sedgwick Ave Display", Impact, "Arial Black", cursive;
  font-size: clamp(56px, 20vw, 120px);
  line-height: 0.9;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transform: rotate(-16deg);
  pointer-events: none;
  text-shadow: 3px 3px 0 rgba(236, 72, 153, 0.14);
}

[data-card-theme="graffiti"] .public-card-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 26%, rgba(236, 72, 153, 0.32) 0 3px, transparent 4px),
    radial-gradient(circle at 42% 18%, rgba(255, 230, 0, 0.3) 0 2px, transparent 3px),
    radial-gradient(circle at 78% 34%, rgba(236, 72, 153, 0.24) 0 4px, transparent 5px),
    radial-gradient(circle at 66% 70%, rgba(255, 230, 0, 0.2) 0 2px, transparent 3px),
    linear-gradient(110deg, transparent 0 46%, rgba(255, 255, 255, 0.09) 47%, transparent 49% 100%);
  background-size: 46px 46px, 34px 34px, 58px 58px, 42px 42px, 100% 100%;
  mix-blend-mode: screen;
}

[data-card-theme="graffiti"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="graffiti"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.6;
}

[data-card-theme="graffiti"] .unq-ref-name,
[data-card-theme="graffiti"] .unq-ref-name-text {
  display: inline-block;
  color: #FFE600 !important;
  font-family: "Sedgwick Ave Display", Impact, "Arial Black", cursive !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  transform: rotate(-3deg);
  text-shadow:
    2px 0 #000000,
    -2px 0 #000000,
    0 2px #000000,
    0 -2px #000000,
    0 0 16px rgba(255, 230, 0, 0.55),
    4px 4px 0 rgba(236, 72, 153, 0.95) !important;
}

[data-card-theme="graffiti"] .unq-ref-role,
[data-card-theme="graffiti"] .unq-ref-tagline,
[data-card-theme="graffiti"] .unq-ref-meta {
  color: #FFE600 !important;
  text-shadow: 1px 1px 0 #000000, 0 0 10px rgba(255, 230, 0, 0.42) !important;
}

[data-card-theme="graffiti"] .unq-ref-action-btn,
[data-card-theme="graffiti"] .unq-ref-follow-toggle,
[data-card-theme="graffiti"] .unq-follow-action-btn {
  background: transparent !important;
  border: 3px dashed #FFE600 !important;
  color: #EC4899 !important;
  border-radius: 10px !important;
  font-family: "Sedgwick Ave Display", Impact, "Arial Black", cursive !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: 4px 4px 0 #EC4899, 0 0 14px rgba(255, 230, 0, 0.22) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease !important;
}

[data-card-theme="graffiti"] .unq-ref-action-btn:hover,
[data-card-theme="graffiti"] .unq-ref-follow-toggle:hover,
[data-card-theme="graffiti"] .unq-follow-action-btn:hover {
  background: #EC4899 !important;
  border-color: #FFE600 !important;
  color: #000000 !important;
  box-shadow: 4px 4px 0 #FFE600, 0 0 18px rgba(236, 72, 153, 0.8) !important;
  transform: translate(-1px, -1px) rotate(-1deg);
}

[data-card-theme="graffiti"] .unq-follow-dialog,
[data-card-theme="graffiti"] .unq-follow-row {
  background: rgba(0, 0, 0, 0.84) !important;
  border-color: #EC4899 !important;
  color: #FFFFFF !important;
}

[data-card-theme="shinobi_path"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 2px solid #FF8c00 !important;
  background: rgba(29, 38, 55, 0.94) !important;
  color: #FFFFFF;
  box-shadow: 0 0 15px rgba(255, 140, 0, 0.2), inset 0 0 10px rgba(0, 240, 255, 0.1), 0 28px 68px rgba(14, 20, 30, 0.54);
}

[data-card-theme="shinobi_path"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 0;
  pointer-events: none;
  border-radius: calc(var(--theme-card-radius, 28px) - 8px);
  background:
    linear-gradient(135deg, #00F0FF 0 14px, transparent 15px) left top / 44px 44px no-repeat,
    linear-gradient(225deg, #00F0FF 0 14px, transparent 15px) right top / 44px 44px no-repeat,
    linear-gradient(45deg, #00F0FF 0 14px, transparent 15px) left bottom / 44px 44px no-repeat,
    linear-gradient(315deg, #00F0FF 0 14px, transparent 15px) right bottom / 44px 44px no-repeat,
    repeating-linear-gradient(0deg, rgba(0, 240, 255, 0.05) 0 1px, transparent 1px 20px);
  opacity: 0.72;
}

[data-card-theme="shinobi_path"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="shinobi_path"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.66;
}

[data-card-theme="shinobi_path"] .unq-ref-name,
[data-card-theme="shinobi_path"] .unq-ref-name-text {
  color: #00F0FF !important;
  text-shadow: 0 0 8px rgba(0, 240, 255, 0.62);
}

[data-card-theme="shinobi_path"] .unq-profile-pet-chain {
  border: 1px solid rgba(255, 140, 0, 0.52);
  border-radius: 999px;
  padding: 2px 5px;
  background: rgba(18, 27, 42, 0.42);
}

[data-card-theme="shinobi_path"] .unq-ref-action-btn:hover,
[data-card-theme="shinobi_path"] .unq-ref-follow-toggle:hover,
[data-card-theme="shinobi_path"] .unq-follow-action-btn:hover {
  background: #FF8c00 !important;
  border-color: #00F0FF !important;
  color: #111a29 !important;
  box-shadow: 0 0 16px rgba(255, 140, 0, 0.34), 0 0 12px rgba(0, 240, 255, 0.18);
}

[data-card-theme="shinobi_path"] .public-card-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 18%, rgba(0, 240, 255, 0.14) 0 12px, transparent 13px),
    radial-gradient(circle at 82% 78%, rgba(255, 140, 0, 0.16) 0 16px, transparent 17px),
    repeating-radial-gradient(circle at 50% 52%, transparent 0 18px, rgba(20, 255, 236, 0.055) 18px 20px);
  mix-blend-mode: screen;
}

[data-card-theme="shinobi_way"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 3px solid #EE893B !important;
  border-radius: 24px !important;
  background-color: #2C364D !important;
  background-image:
    linear-gradient(135deg, rgba(238, 137, 59, 0.07) 25%, transparent 25%),
    linear-gradient(315deg, rgba(0, 151, 147, 0.08) 0%, transparent 42%),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.07) 0%, transparent 50%),
    repeating-linear-gradient(90deg, rgba(255, 195, 85, 0.045) 0 1px, transparent 1px 18px) !important;
  color: #FFFFFF;
  box-shadow:
    0 15px 35px rgba(44, 54, 77, 0.4),
    0 0 20px rgba(238, 137, 59, 0.3) !important;
}

[data-card-theme="shinobi_way"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(0, 151, 147, 0.35);
  border-radius: 20px;
  background:
    linear-gradient(135deg, #EE893B 0 16px, transparent 17px) left top / 48px 48px no-repeat,
    linear-gradient(225deg, #EE893B 0 16px, transparent 17px) right top / 48px 48px no-repeat,
    linear-gradient(45deg, #EE893B 0 16px, transparent 17px) left bottom / 48px 48px no-repeat,
    linear-gradient(315deg, #EE893B 0 16px, transparent 17px) right bottom / 48px 48px no-repeat;
  opacity: 0.72;
}

[data-card-theme="shinobi_way"] .public-card-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 16%, rgba(0, 151, 147, 0.18) 0 18px, transparent 19px),
    radial-gradient(circle at 82% 78%, rgba(255, 195, 85, 0.16) 0 16px, transparent 17px),
    repeating-radial-gradient(circle at 50% 54%, transparent 0 20px, rgba(0, 151, 147, 0.06) 21px 23px);
  mix-blend-mode: screen;
}

[data-card-theme="shinobi_way"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="shinobi_way"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.64;
}

[data-card-theme="shinobi_way"] .chakra-glow {
  position: absolute;
  inset: -10px;
  z-index: 1;
  border: 1px solid rgba(0, 151, 147, 0.4);
  border-radius: 28px;
  background: transparent;
  pointer-events: none;
  animation: chakra-way-pulse 4s ease-in-out infinite;
}

[data-card-theme="shinobi_way"] .unq-ref-name,
[data-card-theme="shinobi_way"] .unq-ref-name-text {
  color: #FFC355 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(238, 137, 59, 0.6) !important;
}

[data-card-theme="shinobi_way"] .unq-profile-pet-chain {
  border: 1px solid rgba(0, 151, 147, 0.52);
  border-radius: 999px;
  padding: 2px 5px;
  background: rgba(44, 54, 77, 0.55);
}

[data-card-theme="shinobi_way"] .unq-ref-action-btn,
[data-card-theme="shinobi_way"] .unq-ref-follow-toggle,
[data-card-theme="shinobi_way"] .unq-follow-action-btn {
  background: #EE893B !important;
  border: 2px solid #2C364D !important;
  color: #2C364D !important;
  font-weight: 800 !important;
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.25s ease, box-shadow 0.25s ease !important;
}

[data-card-theme="shinobi_way"] .unq-ref-action-btn:hover,
[data-card-theme="shinobi_way"] .unq-ref-follow-toggle:hover,
[data-card-theme="shinobi_way"] .unq-follow-action-btn:hover {
  background: #FFC355 !important;
  border-color: #009793 !important;
  color: #2C364D !important;
  transform: scale(1.04);
  box-shadow: 0 5px 15px rgba(255, 195, 85, 0.4) !important;
}

[data-card-theme="samarkand_heritage"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 3px solid transparent !important;
  border-radius: 16px !important;
  background-color: rgba(30, 77, 156, 0.92) !important;
  background-image:
    linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z' fill='none' stroke='%23208A85' stroke-width='1.5' opacity='0.4'/%3E%3Cpath d='M30 10 L50 30 L30 50 L10 30 Z' fill='none' stroke='%23A87E43' stroke-width='1' opacity='0.5'/%3E%3Ccircle cx='30' cy='30' r='5' fill='%23319064' opacity='0.3'/%3E%3C/svg%3E"),
    linear-gradient(rgba(30, 77, 156, 0.92), rgba(30, 77, 156, 0.92)),
    linear-gradient(135deg, #208A85 0%, #A87E43 50%, #1E4D9C 100%) !important;
  background-size: 100% 100%, 60px 60px, 100% 100%, 100% 100% !important;
  background-origin: border-box;
  background-clip: padding-box, padding-box, padding-box, border-box;
  color: #FFFFFF;
  box-shadow:
    0 20px 45px rgba(29, 41, 57, 0.5),
    0 0 25px rgba(168, 126, 67, 0.25) !important;
}

[data-card-theme="samarkand_heritage"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 9px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(230, 193, 122, 0.46);
  border-radius: 12px;
  background:
    linear-gradient(135deg, #E6C17A 0 12px, transparent 13px) left top / 42px 42px no-repeat,
    linear-gradient(225deg, #E6C17A 0 12px, transparent 13px) right top / 42px 42px no-repeat,
    linear-gradient(45deg, #E6C17A 0 12px, transparent 13px) left bottom / 42px 42px no-repeat,
    linear-gradient(315deg, #E6C17A 0 12px, transparent 13px) right bottom / 42px 42px no-repeat;
  opacity: 0.82;
}

[data-card-theme="samarkand_heritage"] .public-card-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 0%, rgba(32, 138, 133, 0.2) 0%, transparent 54%),
    radial-gradient(circle at 20% 78%, rgba(168, 126, 67, 0.18) 0 18px, transparent 19px),
    radial-gradient(circle at 82% 18%, rgba(230, 193, 122, 0.16) 0 16px, transparent 17px);
  mix-blend-mode: screen;
}

[data-card-theme="samarkand_heritage"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="samarkand_heritage"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.64;
}

[data-card-theme="samarkand_heritage"] .majolica-glow {
  position: absolute;
  inset: -5px;
  z-index: 1;
  border-radius: 20px;
  background: radial-gradient(circle, #208A85 0%, transparent 75%);
  pointer-events: none;
  animation: majolica-pulse 5s ease-in-out infinite;
}

[data-card-theme="samarkand_heritage"] .unq-ref-name,
[data-card-theme="samarkand_heritage"] .unq-ref-name-text {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(168, 126, 67, 0.8) !important;
}

[data-card-theme="samarkand_heritage"] .unq-ref-action-btn,
[data-card-theme="samarkand_heritage"] .unq-ref-follow-toggle,
[data-card-theme="samarkand_heritage"] .unq-follow-action-btn {
  background: rgba(32, 138, 133, 0.9) !important;
  border: 2px solid #A87E43 !important;
  color: #FFFFFF !important;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s ease, box-shadow 0.3s ease !important;
}

[data-card-theme="samarkand_heritage"] .unq-ref-action-btn:hover,
[data-card-theme="samarkand_heritage"] .unq-ref-follow-toggle:hover,
[data-card-theme="samarkand_heritage"] .unq-follow-action-btn:hover {
  background: #FFFFFF !important;
  border-color: #208A85 !important;
  color: #1E4D9C !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(32, 138, 133, 0.4) !important;
}

[data-card-theme="uzbekistan_35"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(212, 175, 55, 0.62) !important;
  border-radius: 16px !important;
  background-color: rgba(10, 25, 47, 0.84) !important;
  color: #FFFFFF;
  backdrop-filter: blur(20px) saturate(180%);
  box-shadow:
    0 25px 50px rgba(0, 0, 0, 0.6),
    0 0 30px rgba(212, 175, 55, 0.16),
    inset 0 0 15px rgba(212, 175, 55, 0.1) !important;
}

[data-card-theme="uzbekistan_35"] .public-card-shell::before {
  content: "35 YEARS INDEPENDENCE";
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 3;
  pointer-events: none;
  transform: translateX(-50%);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  padding: 5px 14px;
  background: linear-gradient(90deg, #D4AF37 0%, #FFF3A8 50%, #D4AF37 100%);
  color: #0A192F;
  font-family: "Montserrat", "Inter", "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.34);
}

[data-card-theme="uzbekistan_35"] .public-card-shell::after {
  content: "";
  position: absolute;
  inset: -34%;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(135deg,
      rgba(0, 146, 179, 0.78) 0%,
      rgba(0, 146, 179, 0.78) 29%,
      rgba(206, 17, 38, 0.54) 30%,
      rgba(255, 255, 255, 0.62) 34%,
      rgba(255, 255, 255, 0.62) 65%,
      rgba(206, 17, 38, 0.54) 66%,
      rgba(30, 181, 58, 0.74) 70%,
      rgba(30, 181, 58, 0.74) 100%);
  filter: blur(38px);
  opacity: 0.42;
  transform: rotate(-8deg) scale(1.1);
  animation: uz35-silk-wave 18s ease-in-out infinite alternate;
}

[data-card-theme="uzbekistan_35"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="uzbekistan_35"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.76;
}

[data-card-theme="uzbekistan_35"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-brand {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 4 !important;
  margin: 48px 0 0 !important;
}

[data-card-theme="uzbekistan_35"] .unq-ref-brand h2,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-brand h2 {
  color: #D4AF37 !important;
  text-shadow: 0 0 18px rgba(212, 175, 55, 0.2) !important;
}

[data-card-theme="uzbekistan_35"] .unq-ref-brand p,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-brand p {
  color: rgba(255, 255, 255, 0.78) !important;
}

[data-card-theme="uzbekistan_35"] .unq-ref-name,
[data-card-theme="uzbekistan_35"] .unq-ref-name-text {
  color: #FFFFFF !important;
  font-family: "Montserrat", "Inter", "Segoe UI", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(212, 175, 55, 0.28) !important;
}

[data-card-theme="uzbekistan_35"] .unq-ref-role,
[data-card-theme="uzbekistan_35"] .unq-ref-bio {
  color: rgba(255, 255, 255, 0.78) !important;
}

[data-card-theme="uzbekistan_35"] .unq-ref-action-btn,
[data-card-theme="uzbekistan_35"] .unq-ref-follow-toggle,
[data-card-theme="uzbekistan_35"] .unq-follow-action-btn {
  border: 1px solid rgba(212, 175, 55, 0.72) !important;
  background: rgba(10, 25, 47, 0.62) !important;
  color: #FFFFFF !important;
  box-shadow: inset 0 0 14px rgba(212, 175, 55, 0.08) !important;
}

[data-card-theme="uzbekistan_35"] .unq-ref-action-btn:hover,
[data-card-theme="uzbekistan_35"] .unq-ref-follow-toggle:hover,
[data-card-theme="uzbekistan_35"] .unq-follow-action-btn:hover {
  border-color: #D4AF37 !important;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.24), rgba(10, 25, 47, 0.72)) !important;
  color: #FFF3A8 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(212, 175, 55, 0.24) !important;
}

@keyframes uz35-silk-wave {
  0% {
    transform: rotate(-8deg) translate3d(-4%, -2%, 0) scale(1.1);
  }
  50% {
    transform: rotate(-4deg) translate3d(3%, 2%, 0) scale(1.18);
  }
  100% {
    transform: rotate(-10deg) translate3d(5%, -3%, 0) scale(1.12);
  }
}

[data-card-theme="turtle_power"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 4px solid #1E293B !important;
  border-radius: 24px !important;
  background-color: #4A7836 !important;
  background-image:
    radial-gradient(circle at 18% 24%, rgba(255, 230, 0, 0.18) 0 14px, transparent 15px),
    radial-gradient(circle at 82% 18%, rgba(200, 29, 37, 0.2) 0 18px, transparent 19px),
    radial-gradient(circle at 74% 78%, rgba(149, 175, 186, 0.18) 0 22px, transparent 23px),
    repeating-linear-gradient(45deg, #4A7836, #4A7836 10px, #3f672e 10px, #3f672e 20px) !important;
  background-size: 100% 100%, 100% 100%, 100% 100%, auto !important;
  color: #FFFFFF;
  font-family: "Permanent Marker", Impact, "Arial Black", cursive;
  box-shadow:
    12px 12px 0 #1E293B,
    0 0 30px rgba(74, 120, 54, 0.6) !important;
}

[data-card-theme="turtle_power"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 0;
  pointer-events: none;
  border: 3px dashed rgba(30, 41, 59, 0.45);
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 230, 0, 0.16) 0 10px, transparent 11px),
    radial-gradient(circle at 82% 74%, rgba(200, 29, 37, 0.18) 0 14px, transparent 15px),
    linear-gradient(110deg, transparent 0 48%, rgba(255, 255, 255, 0.08) 49%, transparent 50% 100%);
}

[data-card-theme="turtle_power"] .public-card-shell::after {
  content: "TURTLE POWER";
  position: absolute;
  right: -18px;
  bottom: 12%;
  z-index: 1;
  color: rgba(30, 41, 59, 0.08);
  font-family: Impact, "Arial Black", sans-serif;
  font-size: clamp(34px, 12vw, 74px);
  letter-spacing: 0.04em;
  transform: rotate(-12deg);
  pointer-events: none;
}

[data-card-theme="turtle_power"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="turtle_power"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.62;
}

[data-card-theme="turtle_power"] .unq-ref-name,
[data-card-theme="turtle_power"] .unq-ref-name-text {
  color: #FFE600 !important;
  font-family: "Permanent Marker", Impact, "Arial Black", cursive !important;
  letter-spacing: 0.08em !important;
  text-shadow:
    -2px -2px 0 #1E293B,
    2px -2px 0 #1E293B,
    -2px 2px 0 #1E293B,
    2px 2px 0 #1E293B,
    4px 4px 0 #C81D25,
    0 0 14px rgba(255, 230, 0, 0.45) !important;
}

[data-card-theme="turtle_power"] .unq-ref-action-btn,
[data-card-theme="turtle_power"] .unq-ref-follow-toggle,
[data-card-theme="turtle_power"] .unq-follow-action-btn {
  background: #C81D25 !important;
  border: 3px solid #1E293B !important;
  color: #FFFFFF !important;
  font-family: "Permanent Marker", Impact, "Arial Black", cursive !important;
  font-weight: 800 !important;
  box-shadow: 5px 5px 0 #1E293B !important;
  transform: rotate(-1deg);
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.25s ease, box-shadow 0.25s ease !important;
}

[data-card-theme="turtle_power"] .unq-ref-action-btn:hover,
[data-card-theme="turtle_power"] .unq-ref-follow-toggle:hover,
[data-card-theme="turtle_power"] .unq-follow-action-btn:hover {
  background: #FFE600 !important;
  border-color: #1E293B !important;
  color: #1E293B !important;
  transform: translate(-2px, -2px) scale(1.04) rotate(1deg);
  box-shadow: 7px 7px 0 #1E293B, 0 0 18px rgba(255, 230, 0, 0.55) !important;
}

[data-card-theme="egypt_nile"] .public-card-shell {
  position: relative;
  overflow: hidden;
  padding-bottom: 44px !important;
  border: 4px solid #E6A141 !important;
  border-radius: 18px !important;
  color: #F5D18B;
  background-color: #1A365D !important;
  background-image:
    linear-gradient(to bottom, rgba(26, 54, 93, 0.85), rgba(26, 54, 93, 0.95)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Ctext x='8' y='30' fill='%23E6A141' font-size='20' opacity='.18'%3E%E3%93%80%E3%93%81%E3%93%85%3C/text%3E%3Ctext x='48' y='74' fill='%23E6A141' font-size='20' opacity='.16'%3E%E3%93%A3%E3%93%94%E3%93%B1%3C/text%3E%3Cpath d='M12 102h96M22 16h76' stroke='%23E6A141' stroke-width='2' opacity='.12'/%3E%3C/svg%3E"),
    radial-gradient(circle at 50% 18%, rgba(230, 161, 65, 0.16), transparent 42%) !important;
  background-size: 100% 100%, 120px 120px, 100% 100% !important;
  clip-path: polygon(8% 0%, 92% 0%, 100% 6%, 100% 94%, 92% 100%, 8% 100%, 0% 94%, 0% 6%);
  box-shadow:
    0 25px 50px rgba(0, 0, 0, 0.5),
    inset 0 0 0 3px rgba(179, 116, 27, 0.75),
    inset 0 0 36px rgba(0, 0, 0, 0.24) !important;
  font-family: "Comfortaa", "Sora", sans-serif;
}

[data-card-theme="egypt_nile"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 1;
  pointer-events: none;
  border: 2px solid rgba(230, 161, 65, 0.42);
  clip-path: polygon(7% 0%, 93% 0%, 100% 7%, 100% 93%, 93% 100%, 7% 100%, 0% 93%, 0% 7%);
  background:
    linear-gradient(90deg, rgba(230, 161, 65, 0.24) 0 1px, transparent 1px calc(100% - 1px), rgba(230, 161, 65, 0.24) calc(100% - 1px)),
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(230, 161, 65, 0.08) 18px 20px, transparent 20px 38px);
}

[data-card-theme="egypt_nile"] .public-card-shell::after {
  content: "𓂀 𓆣 𓇳 𓊹";
  position: absolute;
  left: 50%;
  top: 12px;
  z-index: 1;
  color: rgba(230, 161, 65, 0.28);
  font-size: 18px;
  letter-spacing: 0.44em;
  transform: translateX(-50%);
  white-space: nowrap;
  pointer-events: none;
}

[data-card-theme="egypt_nile"] .public-card-shell > *:not(.nile-wave-wrapper) {
  position: relative;
  z-index: 3;
}

[data-card-theme="egypt_nile"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.52;
}

[data-card-theme="egypt_nile"] .unq-ref-name,
[data-card-theme="egypt_nile"] .unq-ref-name-text {
  color: #E6A141 !important;
  font-family: "Cinzel Decorative", Georgia, serif !important;
  font-size: clamp(1.7rem, 8.5vw, 2.35rem) !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.9), 0 0 10px rgba(230, 161, 65, 0.4) !important;
}

[data-card-theme="egypt_nile"] .unq-ref-role,
[data-card-theme="egypt_nile"] .unq-ref-tagline,
[data-card-theme="egypt_nile"] .unq-ref-meta,
[data-card-theme="egypt_nile"] .unq-ref-bio,
[data-card-theme="egypt_nile"] .unq-ref-phone {
  color: #F5D18B !important;
}

[data-card-theme="egypt_nile"] .unq-ref-action-btn,
[data-card-theme="egypt_nile"] .unq-ref-follow-toggle,
[data-card-theme="egypt_nile"] .unq-follow-action-btn {
  background: linear-gradient(135deg, #E6A141 0%, #b3741b 100%) !important;
  border: 2px solid #1A365D !important;
  border-radius: 4px !important;
  color: #1A365D !important;
  font-family: "Cinzel Decorative", Georgia, serif !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 0 rgba(9, 24, 45, 0.72), 0 0 18px rgba(230, 161, 65, 0.18) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease !important;
}

[data-card-theme="egypt_nile"] .unq-ref-action-btn:hover,
[data-card-theme="egypt_nile"] .unq-ref-follow-toggle:hover,
[data-card-theme="egypt_nile"] .unq-follow-action-btn:hover {
  background: #1A365D !important;
  border-color: #E6A141 !important;
  color: #E6A141 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(230, 161, 65, 0.4) !important;
}

[data-card-theme="egypt_nile"] .unq-follow-dialog,
[data-card-theme="egypt_nile"] .unq-follow-row {
  background: rgba(26, 54, 93, 0.92) !important;
  border-color: #E6A141 !important;
  color: #F5D18B !important;
}

[data-card-theme="kawaii_kitty"] .public-card-shell {
  position: relative;
  overflow: visible;
  border: 4px solid #1E1E1E !important;
  border-radius: 32px !important;
  background: #FFFFFF !important;
  color: #1E1E1E;
  font-family: "Fredoka", "Sora", sans-serif;
  box-shadow:
    0 12px 0 #FF8CA3,
    0 20px 30px rgba(255, 140, 163, 0.4) !important;
}

[data-card-theme="kawaii_kitty"] .public-card-shell::before {
  content: "";
  position: absolute;
  top: -17px;
  right: 22px;
  z-index: 12;
  width: 56px;
  height: 40px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3E%3Cpath d='M30,15 C10,15 0,35 20,45 C35,52 45,35 45,35 C45,35 55,52 70,45 C90,35 80,15 60,15 C50,22 45,35 45,35 C45,35 40,22 30,15 Z' fill='%23FF6B8B' stroke='%231E1E1E' stroke-width='6'/%3E%3Ccircle cx='50' cy='35' r='12' fill='%23FF6B8B' stroke='%231E1E1E' stroke-width='6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(15deg);
  filter: drop-shadow(2px 3px 0 rgba(30, 30, 30, 0.18));
}

[data-card-theme="kawaii_kitty"] .public-card-shell::after {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 1;
  pointer-events: none;
  border: 2px dashed rgba(255, 107, 139, 0.32);
  border-radius: 24px;
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 178, 191, 0.24) 0 8px, transparent 9px),
    radial-gradient(circle at 82% 74%, rgba(255, 140, 163, 0.18) 0 10px, transparent 11px);
}

[data-card-theme="kawaii_kitty"] .public-card-shell > * {
  position: relative;
  z-index: 3;
}

[data-card-theme="kawaii_kitty"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.32;
}

[data-card-theme="kawaii_kitty"] .unq-ref-name,
[data-card-theme="kawaii_kitty"] .unq-ref-name-text {
  color: #FF6B8B !important;
  font-family: "Fredoka", "Sora", sans-serif !important;
  font-size: clamp(2rem, 9vw, 2.55rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow: 2px 2px 0 #1E1E1E !important;
}

[data-card-theme="kawaii_kitty"] .unq-ref-role,
[data-card-theme="kawaii_kitty"] .unq-ref-tagline,
[data-card-theme="kawaii_kitty"] .unq-ref-meta,
[data-card-theme="kawaii_kitty"] .unq-ref-bio,
[data-card-theme="kawaii_kitty"] .unq-ref-phone {
  color: #1E1E1E !important;
}

[data-card-theme="kawaii_kitty"] .unq-ref-action-btn,
[data-card-theme="kawaii_kitty"] .unq-ref-follow-toggle,
[data-card-theme="kawaii_kitty"] .unq-follow-action-btn {
  background: #FFF0F2 !important;
  border: 3px solid #1E1E1E !important;
  border-radius: 20px !important;
  color: #FF6B8B !important;
  font-family: "Fredoka", "Sora", sans-serif !important;
  font-weight: 700 !important;
  box-shadow: 4px 4px 0 #1E1E1E !important;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease !important;
}

[data-card-theme="kawaii_kitty"] .unq-ref-action-btn:hover,
[data-card-theme="kawaii_kitty"] .unq-ref-follow-toggle:hover,
[data-card-theme="kawaii_kitty"] .unq-follow-action-btn:hover {
  background: #FF6B8B !important;
  color: #FFFFFF !important;
  transform: scale(1.05) translateY(-2px) !important;
  box-shadow: 2px 2px 0 #1E1E1E !important;
}

[data-card-theme="kawaii_kitty"] .unq-follow-dialog,
[data-card-theme="kawaii_kitty"] .unq-follow-row {
  background: #FFFFFF !important;
  border-color: #1E1E1E !important;
  color: #1E1E1E !important;
}

[data-card-theme="sakura_blossom"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 3px solid transparent !important;
  background-color: #F4EAD4 !important;
  background-image:
    linear-gradient(rgba(253, 250, 242, 0.96), rgba(244, 234, 212, 0.96)),
    linear-gradient(135deg, #1F1412 0%, #D2A298 40%, #1F1412 70%, #B04B4B 100%) !important;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  color: #1F1412;
  box-shadow:
    0 12px 30px rgba(31, 20, 18, 0.18),
    0 0 15px rgba(255, 131, 151, 0.08),
    inset 0 0 20px rgba(244, 234, 212, 0.5) !important;
}

[data-card-theme="sakura_blossom"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(0deg, rgba(31, 20, 18, 0.015) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(31, 20, 18, 0.015) 0 1px, transparent 1px 4px),
    radial-gradient(circle at bottom right, rgba(255, 131, 151, 0.15) 0%, transparent 60%),
    radial-gradient(circle at top left, rgba(162, 172, 147, 0.12) 0%, transparent 55%);
  mix-blend-mode: multiply;
}

[data-card-theme="sakura_blossom"] .public-card-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(44, 30, 26, 0.04) 8%, transparent 18%),
    repeating-linear-gradient(0deg, rgba(44, 30, 26, 0.018) 0 1px, transparent 1px 6px),
    radial-gradient(circle at 78% 18%, rgba(255, 131, 151, 0.12) 0 10px, transparent 11px),
    radial-gradient(circle at 22% 82%, rgba(210, 162, 151, 0.12) 0 14px, transparent 15px);
  opacity: 0.86;
  mix-blend-mode: multiply;
}

[data-card-theme="sakura_blossom"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="sakura_blossom"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.72;
}

[data-card-theme="sakura_blossom"] .unq-ref-name,
[data-card-theme="sakura_blossom"] .unq-ref-name-text {
  color: #1F1412 !important;
  text-shadow: 0 1px 0 rgba(253, 250, 242, 0.5), 0 0 1px rgba(31, 20, 18, 0.2);
}

[data-card-theme="sakura_blossom"] .unq-ref-action-btn,
[data-card-theme="sakura_blossom"] .unq-ref-follow-toggle,
[data-card-theme="sakura_blossom"] .unq-follow-action-btn {
  background: rgba(253, 250, 242, 0.85) !important;
  border: 2px solid #D2A298 !important;
  color: #1F1412 !important;
  transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, color 0.35s ease-in-out, box-shadow 0.35s ease-in-out, transform 0.35s ease-in-out !important;
}

[data-card-theme="sakura_blossom"] .unq-ref-action-btn:hover,
[data-card-theme="sakura_blossom"] .unq-ref-follow-toggle:hover,
[data-card-theme="sakura_blossom"] .unq-follow-action-btn:hover {
  background: #FF8397 !important;
  border-color: #FF8397 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(255, 131, 151, 0.4) !important;
}

[data-card-theme="starry_night"] .public-card-shell {
  position: relative;
  overflow: hidden;
  border: 3px solid transparent !important;
  background-image:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0px, rgba(255, 255, 255, 0.035) 1px, transparent 1px, transparent 3px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.028) 0px, rgba(255, 255, 255, 0.028) 1px, transparent 1px, transparent 3px),
    repeating-linear-gradient(45deg, rgba(255, 244, 208, 0.028) 0px, rgba(255, 244, 208, 0.028) 2px, transparent 2px, transparent 10px),
    radial-gradient(circle at top left, rgba(33, 61, 104, 0.9) 0%, rgba(12, 26, 48, 0.95) 100%),
    linear-gradient(135deg, #ECC128 0%, #0F1626 25%, #FFD500 50%, #213D68 75%, #FFF4D0 100%) !important;
  background-origin: border-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, border-box;
  background-color: #0c1a30 !important;
  color: #FFF4D0;
  box-shadow:
    0 15px 35px rgba(5, 10, 20, 0.8),
    0 0 20px rgba(233, 193, 40, 0.12),
    inset 0 0 15px rgba(255, 244, 208, 0.05) !important;
}

#profile-card-live-preview[data-preview-theme="starry_night"] .public-card-shell {
  border: 3px solid transparent !important;
  background-image:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 3px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.028) 0px, rgba(255, 255, 255, 0.028) 1px, transparent 1px, transparent 3px),
    repeating-linear-gradient(45deg, rgba(255, 244, 208, 0.028) 0px, rgba(255, 244, 208, 0.028) 2px, transparent 2px, transparent 10px),
    radial-gradient(circle at top left, rgba(33, 61, 104, 0.9) 0%, rgba(12, 26, 48, 0.95) 100%),
    linear-gradient(135deg, #ECC128 0%, #0F1626 25%, #FFD500 50%, #213D68 75%, #FFF4D0 100%) !important;
  background-origin: border-box;
  background-clip: padding-box, padding-box, padding-box, padding-box, border-box;
  background-color: #0c1a30 !important;
}

[data-card-theme="starry_night"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 22%, rgba(236, 193, 40, 0.12) 0%, transparent 30%),
    radial-gradient(circle at 78% 18%, rgba(255, 244, 208, 0.1) 0%, transparent 28%),
    repeating-linear-gradient(18deg, rgba(33, 61, 104, 0.14) 0 2px, transparent 2px 18px);
  mix-blend-mode: screen;
}

[data-card-theme="starry_night"] .public-card-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 244, 208, 0.16) 0 5px, transparent 6px),
    radial-gradient(circle at 82% 32%, rgba(236, 193, 40, 0.2) 0 7px, transparent 8px),
    radial-gradient(circle at 32% 78%, rgba(255, 213, 0, 0.12) 0 4px, transparent 5px),
    repeating-linear-gradient(164deg, rgba(255, 244, 208, 0.035) 0 2px, transparent 2px 18px);
  opacity: 0.82;
  mix-blend-mode: screen;
}

[data-card-theme="starry_night"] .public-card-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="starry_night"] .unq-ref-card-overlay {
  z-index: 1;
  opacity: 0.72;
}

[data-card-theme="starry_night"] .unq-ref-name,
[data-card-theme="starry_night"] .unq-ref-name-text {
  color: #FFF4D0 !important;
  text-shadow: 0 2px 0 rgba(12, 26, 48, 0.86), 0 0 14px rgba(236, 193, 40, 0.5);
}

[data-card-theme="starry_night"] .unq-profile-pet-chain {
  border: 1px solid rgba(59, 82, 122, 0.72);
  border-radius: 999px;
  padding: 2px 5px;
  background: rgba(11, 25, 44, 0.46);
  box-shadow: 0 0 10px rgba(59, 82, 122, 0.24);
}

[data-card-theme="starry_night"] .unq-ref-action-btn,
[data-card-theme="starry_night"] .unq-ref-follow-toggle,
[data-card-theme="starry_night"] .unq-follow-action-btn {
  background: rgba(12, 26, 48, 0.8) !important;
  border: 2px solid #ECC128 !important;
  color: #FFF4D0 !important;
  box-shadow: inset 0 0 8px rgba(236, 193, 40, 0.2) !important;
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease !important;
}

[data-card-theme="starry_night"] .unq-ref-action-btn:hover,
[data-card-theme="starry_night"] .unq-ref-follow-toggle:hover,
[data-card-theme="starry_night"] .unq-follow-action-btn:hover {
  background: #ECC128 !important;
  border-color: #FFD500 !important;
  color: #0c1a30 !important;
  box-shadow: 0 0 15px rgba(255, 213, 0, 0.6) !important;
  transform: scale(1.04);
}

[data-card-theme="soviet_carpet"] .public-card-shell {
  position: relative;
  overflow: visible;
  border: 3px solid #D4AF37 !important;
  background: rgba(25, 10, 10, 0.92) !important;
  color: #FDF5E6;
  box-shadow: 0 24px 56px rgba(40, 0, 0, 0.55);
}

[data-card-theme="soviet_carpet"] .public-card-shell::before,
[data-card-theme="soviet_carpet"] .public-card-shell::after {
  content: "||||||||||||||||||||||||||||";
  position: absolute;
  left: 28px;
  right: 28px;
  z-index: 4;
  overflow: hidden;
  color: rgba(253, 245, 230, 0.76);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 5px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
  text-shadow: 0 1px 0 rgba(128, 0, 0, 0.35);
}

[data-card-theme="soviet_carpet"] .public-card-shell::before {
  top: -13px;
}

[data-card-theme="soviet_carpet"] .public-card-shell::after {
  bottom: -13px;
}

[data-card-theme="vintage_mickey"] .public-card-shell {
  display: block !important;
  position: relative;
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  overflow: hidden;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 3px solid #D35252 !important;
  background: #FFFFFF !important;
  color: #2B2B2B;
  box-shadow: 0 24px 46px rgba(43, 43, 43, 0.18);
}

[data-card-theme="vintage_mickey"] .public-card-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 0;
  border: 2px dashed rgba(211, 82, 82, 0.24);
  border-radius: calc(var(--theme-card-radius, 30px) - 8px);
  pointer-events: none;
}

[data-card-theme="vintage_mickey"] .public-card-shell > * {
  position: relative;
  z-index: 1;
}

[data-card-theme="vintage_mickey"] .unq-ref-card-overlay {
  position: absolute !important;
  inset: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  z-index: 0;
}

[data-card-theme="vintage_mickey"] .unq-ref-overlay-svg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

[data-card-theme="vintage_mickey"] .unq-ref-shell {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 18px 18px 20px;
}

[data-card-theme="vintage_mickey"] .unq-ref-shell-meta {
  margin-bottom: 10px;
}

[data-card-theme="vintage_mickey"] .unq-ref-official-unq,
[data-card-theme="vintage_mickey"] .unq-ref-staff-badge {
  margin-bottom: 12px;
  padding: 10px 14px;
}

[data-card-theme="vintage_mickey"] .unq-ref-profile,
[data-card-theme="vintage_mickey"] .unq-ref-profile.has-pets,
[data-card-theme="vintage_mickey"] .unq-ref-profile.has-emoji-pack,
[data-card-theme="vintage_mickey"] .unq-ref-profile.has-emoji-pack.has-pets {
  display: flex !important;
  min-height: 0 !important;
  height: auto !important;
  margin-top: 14px;
  padding-top: 0 !important;
  justify-content: flex-start !important;
}

[data-card-theme="vintage_mickey"] .unq-ref-profile.has-pets .unq-ref-avatar-wrap {
  margin-top: 0;
}

[data-card-theme="vintage_mickey"] .unq-ref-profile.has-pets .unq-ref-name-wrap {
  margin-top: 14px;
}

[data-card-theme="vintage_mickey"] .unq-ref-profile-emoji-pack {
  height: 180px;
  opacity: 0.42;
}

[data-card-theme] .public-card-button {
  background: var(--theme-button-primary-bg, #171717) !important;
  color: var(--theme-button-primary-text, #ffffff) !important;
  border-color: var(--theme-button-primary-border, #171717) !important;
}

.home-slug-counter {
  border: 1px solid #d9d9d9;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 30px rgba(17, 17, 17, 0.06);
  backdrop-filter: blur(6px);
  padding: 16px 18px;
}

.home-slug-counter-title {
  margin: 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #8b8b8b;
  font-weight: 700;
}

.home-slug-counter-main {
  margin: 8px 0 0;
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  color: #2d2d2d;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
}

.home-slug-counter-value {
  font-size: 36px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #101010;
  font-weight: 800;
}

.home-slug-counter-total {
  color: #777;
  font-weight: 700;
}

.home-slug-counter-track {
  margin-top: 12px;
  width: 100%;
  height: 8px;
  background: #ececec;
  border-radius: 9999px;
  overflow: hidden;
}

.home-slug-counter-fill {
  width: 0%;
  height: 100%;
  border-radius: 9999px;
  background: linear-gradient(90deg, #171717, #3b3b3b);
  transition: width 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.status-dot {
  display: inline-flex;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: #a3a3a3;
}

.status-dot.is-active {
  background: #16a34a;
}

.public-card-toast {
  position: fixed;
  left: 50%;
  bottom: 22px;
  transform: translate(-50%, 10px);
  opacity: 0;
  pointer-events: none;
  z-index: 80;
  border-radius: 9999px;
  border: 1px solid #171717;
  background: #171717;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  padding: 10px 14px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.24);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.public-card-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

.public-card-toast.is-error {
  border-color: #dc2626;
  background: #dc2626;
}

.unq-follow-dialog {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  padding:
    max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
  overflow-y: auto;
  overscroll-behavior: contain;
}

.unq-follow-dialog[hidden] {
  display: none;
}

.unq-follow-dialog-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(9, 9, 11, 0.8);
  cursor: pointer;
}

.unq-follow-dialog-card {
  position: relative;
  z-index: 1;
  width: min(100%, 640px);
  max-height: min(82vh, 760px);
  max-height: min(760px, calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px));
  margin: auto;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  border-radius: var(--theme-card-radius, 28px);
  border: 2px solid var(--theme-border, var(--theme-accent-color, #000000)) !important;
  background: var(--theme-card-bg, var(--follow-dialog-bg, #ffffff));
  -webkit-backdrop-filter: var(--follow-dialog-filter, blur(10px));
  backdrop-filter: var(--follow-dialog-filter, blur(10px));
  box-shadow: var(--follow-dialog-shadow, 0 36px 90px rgba(15, 23, 42, 0.24));
  color: var(--theme-text-primary, var(--theme-name-color, #111827));
  font-family: var(--theme-font-family, inherit);
}

.unq-follow-dialog-head,
.unq-follow-dialog-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 22px;
  border-bottom: 1px solid var(--theme-divider-color, var(--follow-dialog-line, #e5e7eb));
}

.unq-follow-dialog-foot {
  justify-content: center;
  border-top: 1px solid var(--theme-divider-color, var(--follow-dialog-line, #e5e7eb));
  border-bottom: 0;
}

.unq-follow-dialog-kicker {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--theme-text-secondary, var(--theme-role-color, #6b7280));
}

.unq-follow-dialog-title {
  margin: 4px 0 0;
  font-size: 22px;
  font-weight: 800;
  color: var(--theme-text-primary, var(--theme-name-color, #111827));
}

.unq-follow-dialog-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 2px solid var(--theme-border, var(--theme-button-secondary-border, #000000));
  border-radius: 9999px;
  background: var(--theme-button-secondary-bg, var(--follow-dialog-control-bg, #f9fafb));
  color: var(--theme-button-secondary-text, var(--theme-text-primary, #111827));
  cursor: pointer;
}

.unq-follow-dialog-error {
  padding: 14px 22px 0;
  font-size: 13px;
  font-weight: 600;
  color: #b91c1c;
}

.unq-follow-dialog-body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 8px 22px 22px;
}

.unq-follow-dialog-list {
  display: grid;
  gap: 12px;
}

.unq-follow-dialog-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border: 2px solid var(--theme-border, var(--theme-accent-color, #000000)) !important;
  border-radius: var(--theme-surface-radius, 20px);
  background: var(--follow-dialog-item-bg, var(--theme-surface-bg, rgba(248, 250, 252, 0.92)));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 14px;
}

.unq-follow-dialog-text {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.unq-follow-dialog-name-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.unq-follow-dialog-name {
  font-size: 14px;
  font-weight: 700;
  color: var(--theme-text-primary, var(--theme-name-color, #111827));
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.unq-follow-dialog-meta {
  font-size: 12px;
  color: var(--theme-text-secondary, var(--theme-role-color, #6b7280));
  overflow-wrap: anywhere;
}

.unq-follow-dialog-badge {
  display: inline-flex;
  width: fit-content;
  border-radius: 9999px;
  border: 1px solid var(--follow-dialog-warning-line, rgba(251, 191, 36, 0.45));
  background: var(--follow-dialog-warning-bg, rgba(254, 249, 195, 0.96));
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
  color: var(--follow-dialog-warning-text, #92400e);
}

.unq-follow-dialog-action,
.unq-follow-dialog-more {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 9999px;
  border: 1px solid var(--follow-dialog-line, #d1d5db);
  background: var(--follow-dialog-control-bg, #ffffff);
  color: var(--follow-dialog-title, #111827);
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
  cursor: pointer;
}

.unq-follow-dialog-action {
  width: 30px;
  height: 30px;
  min-height: 30px;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--theme-accent-color, var(--theme-text-primary, var(--theme-name-color, #111827)));
  font-size: 22px;
  font-weight: 300;
  line-height: 1;
  box-shadow: none;
}

.unq-follow-dialog-action:hover,
.unq-follow-dialog-action:focus-visible {
  color: var(--theme-accent-color, currentColor);
  transform: scale(1.08);
  outline: none;
}

.unq-follow-dialog-action:disabled {
  opacity: 0.48;
  cursor: wait;
  transform: none;
}

.unq-follow-dialog-action.is-active {
  border: 0;
  background: transparent;
  color: var(--theme-text-secondary, var(--theme-role-color, #6b7280));
  box-shadow: none;
}

.unq-follow-dialog-empty {
  border: 1px dashed var(--follow-dialog-line, #d1d5db);
  border-radius: 20px;
  background: var(--follow-dialog-item-bg, #f8fafc);
  padding: 28px 16px;
  text-align: center;
  font-size: 14px;
  color: var(--theme-text-secondary, var(--follow-dialog-muted, #6b7280));
}

body[data-card-theme="default_dark"],
body[data-card-theme="forest"],
body[data-card-theme="midnight_obsidian"],
body[data-card-theme="golden_noir"],
body[data-card-theme="nebula_glass"],
body[data-card-theme="galaxy"],
body[data-card-theme="velours"],
body[data-card-theme="graffiti_neon"],
body[data-card-theme="ivory_tennis"],
body[data-card-theme="grand_slam_clay"],
body[data-card-theme="polo_navy"],
body[data-card-theme="boxing_legend"],
body[data-card-theme="basketball_court"],
body[data-card-theme="football_pitch"],
body[data-card-theme="olympic_gold"],
body[data-card-theme="serpent_scale"],
body[data-card-theme^="color_"] {
  --follow-dialog-bg: rgba(26, 11, 54, 0.95);
  --follow-dialog-filter: blur(14px);
  --follow-dialog-shadow: 0 36px 90px rgba(4, 2, 16, 0.55);
  --follow-dialog-line: rgba(241, 234, 255, 0.12);
  --follow-dialog-item-line: rgba(241, 234, 255, 0.12);
  --follow-dialog-item-bg: rgba(255, 255, 255, 0.07);
  --follow-dialog-control-bg: rgba(255, 255, 255, 0.08);
  --follow-dialog-title: #ffffff;
  --follow-dialog-text: #f1eaff;
  --follow-dialog-muted: rgba(241, 234, 255, 0.68);
  --follow-dialog-avatar-bg: rgba(255, 255, 255, 0.12);
  --follow-dialog-avatar-line: rgba(241, 234, 255, 0.18);
  --follow-dialog-warning-bg: rgba(255, 211, 110, 0.14);
  --follow-dialog-warning-line: rgba(255, 211, 110, 0.3);
  --follow-dialog-warning-text: #fff6d8;
  --follow-dialog-accent-text: #061123;
}

body[data-card-theme="arctic"],
body[data-card-theme="linen"],
body[data-card-theme="marble"],
body[data-card-theme="sage_luxe"],
body[data-card-theme="aurora_codex"],
body[data-card-theme="heritage_crest"],
body[data-card-theme="racing_green"],
body[data-card-theme="alpine_ski"],
body[data-card-theme="anime_blush"],
body[data-card-theme="cheetah_spots"] {
  --follow-dialog-bg: #ffffff;
  --follow-dialog-filter: none;
  --follow-dialog-shadow: 0 36px 90px rgba(15, 23, 42, 0.2);
  --follow-dialog-line: rgba(17, 24, 39, 0.1);
  --follow-dialog-item-line: rgba(17, 24, 39, 0.08);
  --follow-dialog-item-bg: rgba(248, 250, 252, 0.92);
  --follow-dialog-control-bg: #f9fafb;
  --follow-dialog-title: #111827;
  --follow-dialog-text: #111827;
  --follow-dialog-muted: #6b7280;
  --follow-dialog-avatar-bg: rgba(255, 255, 255, 0.82);
  --follow-dialog-avatar-line: rgba(148, 163, 184, 0.28);
}

[data-follow-dialog-portal][data-card-theme] {
  --follow-dialog-bg: var(--theme-card-bg, #ffffff);
  --follow-dialog-line: var(--theme-border, var(--theme-accent-color, #000000));
  --follow-dialog-item-line: var(--theme-border, var(--theme-accent-color, #000000));
  --follow-dialog-item-bg: var(--theme-surface-bg, color-mix(in srgb, var(--theme-card-bg, #ffffff) 84%, transparent));
  --follow-dialog-control-bg: var(--theme-button-secondary-bg, var(--theme-surface-bg, #ffffff));
  --follow-dialog-title: var(--theme-text-primary, var(--theme-name-color, #111827));
  --follow-dialog-text: var(--theme-text-primary, var(--theme-name-color, #111827));
  --follow-dialog-muted: var(--theme-text-secondary, var(--theme-role-color, #6b7280));
  --follow-dialog-avatar-bg: var(--theme-avatar-bg, var(--theme-surface-bg, rgba(255, 255, 255, 0.7)));
  --follow-dialog-avatar-line: var(--theme-border, var(--theme-avatar-border, rgba(148, 163, 184, 0.28)));
}

[data-page="public-home"] #latest-posts {
  position: relative;
  background: #FAFAFA;
}

.public-posts-page {
  background: #FAFAFA;
}

.public-posts-page .public-posts-grid {
  display: grid;
  width: 100%;
  max-width: none;
  margin-top: 44px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

.public-posts-page .home-latest-post-card {
  min-height: 0;
  border: 2px solid #000000 !important;
  border-radius: 32px !important;
  box-shadow: none;
}

.public-posts-page .home-latest-post-card:hover {
  border-color: #000000;
  box-shadow: none;
}

.public-posts-pagination {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 44px;
  margin-bottom: 34px;
  border: 1px solid #e0e0e0;
  border-radius: 24px;
  background: #ffffff;
  padding: 18px 20px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.public-posts-pagination-total {
  font-size: 0.95rem;
  font-weight: 600;
  color: #4b5563;
}

.public-posts-pagination-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.public-posts-pagination-current {
  font-size: 0.95rem;
  font-weight: 700;
  color: #4b5563;
}

.public-posts-pagination-button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid #d4d4d4;
  border-radius: 14px;
  background: #ffffff;
  padding: 0 18px;
  font-size: 0.92rem;
  font-weight: 700;
  color: #3f3f46;
  text-decoration: none;
  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;
}

.public-posts-pagination-button:hover,
.public-posts-pagination-button:focus-visible {
  border-color: #bdbdbd;
  background: #fdfdfd;
  transform: translateY(-1px);
}

.home-latest-post-card {
  --home-post-accent: #8b6b55;
  --home-post-accent-soft: rgba(139, 107, 85, 0.28);
  --home-post-action-hover: #2a2a2a;
  --home-post-action-focus: rgba(15, 23, 42, 0.18);
  --home-post-like-accent: #111111;
  --home-post-like-accent-soft: rgba(17, 17, 17, 0.18);
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  border: 2px solid #000000 !important;
  border-radius: 32px !important;
  background: #ffffff;
  padding: 20px !important;
  cursor: pointer;
  box-shadow: none;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.home-latest-post-card:focus-visible {
  outline: 2px solid var(--home-post-accent-soft);
  outline-offset: 4px;
}

.home-latest-post-stack {
  margin-inline: auto;
  display: grid;
  width: 100%;
  max-width: 1120px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.home-latest-post-card:hover {
  transform: translateY(-2px);
  border-color: #000000;
  background-color: #ffffff;
  box-shadow: none;
}

.home-latest-post-brand {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  object-fit: cover;
  pointer-events: none;
}

.home-latest-post-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding-right: 44px;
}

.home-latest-post-author {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
}

.home-latest-post-author> :first-child {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border: 0 !important;
  background: #171717 !important;
  color: #ffffff !important;
}

.home-latest-post-author-meta {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.home-latest-post-author-line {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
}

.home-latest-post-author-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 900;
  color: #0a0a0a;
}

.home-latest-post-author-verified {
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  flex: 0 0 1rem;
  align-items: center;
  justify-content: center;
  color: #0a0a0a;
}

.home-latest-post-author-verified svg {
  display: block;
  height: 100%;
  width: 100%;
}

.home-latest-post-author-slug {
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  color: #8c8c8c;
}

.home-post-follow-btn {
  display: none;
  min-height: 46px;
  width: 46px;
  max-width: 46px;
  flex: 0 0 46px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  border: 1px solid transparent;
  padding: 0;
  font-size: 2.2rem;
  font-weight: 300;
  line-height: 1;
  color: #909090;
  background: transparent;
  box-shadow: none;
}

.home-post-follow-btn-symbol {
  display: block;
  line-height: 1;
  transform: translateY(-2px);
}

.home-post-follow-btn.is-following {
  color: var(--home-post-accent);
}

.home-post-follow-btn.is-busy {
  opacity: 0.55;
}

.home-post-follow-btn:focus-visible {
  outline: 2px solid var(--home-post-accent-soft);
  outline-offset: 4px;
}

.home-latest-post-content {
  margin-top: 10px;
  margin-bottom: 0;
  min-height: 2.9em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.38;
  color: #111111;
}

.home-latest-post-foot {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
}

.home-latest-post-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.home-latest-post-action-group {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0f0f0f;
  font: inherit;
  text-decoration: none;
}

.home-latest-post-action-button {
  cursor: pointer;
  transition: color 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}

.home-latest-post-action-button:hover {
  color: var(--home-post-action-hover);
  transform: translateY(-1px);
}

.home-latest-post-action-button:hover .home-latest-post-action-value,
.home-latest-post-action-button.is-liked .home-latest-post-action-value {
  color: currentColor;
}

.home-latest-post-action-button:focus-visible {
  outline: 2px solid var(--home-post-action-focus);
  outline-offset: 4px;
  border-radius: 999px;
}

.home-latest-post-action-button:disabled {
  cursor: default;
  opacity: 0.42;
}

.home-latest-post-action-button.is-busy {
  opacity: 0.55;
}

.home-latest-post-action-button[data-home-post-like]:hover,
.home-latest-post-action-button[data-home-post-like]:focus-visible,
.home-latest-post-action-button.is-liked {
  color: var(--home-post-like-accent);
}

.home-latest-post-action-button[data-home-post-like]:focus-visible {
  outline-color: var(--home-post-like-accent-soft);
}

.home-latest-post-action-group--link {
  gap: 0;
}

.home-latest-post-action-icon {
  display: block;
  height: 1.35rem;
  width: 1.35rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.home-latest-post-action-button.is-liked .home-latest-post-action-icon {
  fill: currentColor;
  stroke: currentColor;
}

.home-latest-post-action-value {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: nowrap;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1;
  color: #5f6368;
}

.home-latest-post-meta-row {
  margin-top: auto;
  display: flex;
  min-width: 0;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  padding-top: 14px;
}

.home-latest-post-stats {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
  font-weight: 400;
  line-height: 1.2;
  color: #8d8d8d;
}

.home-latest-post-date {
  flex: 0 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.84rem;
  font-weight: 400;
  line-height: 1.2;
  color: #a0a0a0;
}

.unqx-story-render-root {
  position: fixed;
  left: -12000px;
  top: 0;
  z-index: 1;
  display: flex;
  width: 1080px;
  height: 1920px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #ffffff url("/images/instagram-story-template.png") center / cover no-repeat;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  pointer-events: none;
}

.unqx-story-card-slot {
  display: flex;
  width: 760px;
  min-height: 390px;
  align-items: center;
  justify-content: center;
}

.unqx-story-render-root .home-latest-post-card {
  width: 440px !important;
  max-width: 440px !important;
  min-height: 210px;
  height: auto !important;
  flex: 0 0 auto;
  cursor: default;
  transform: scale(1.72);
  transform-origin: center;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.unqx-story-render-root .home-latest-post-card:hover {
  transform: scale(1.72);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

@media (min-width: 1024px) {
  .home-latest-post-stack {
    max-width: 1120px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
  }

  .home-latest-post-card {
    min-height: 0;
    padding: 20px !important;
    border-radius: 32px !important;
  }

  .home-latest-post-head {
    align-items: center;
    gap: 12px;
  }

  .home-latest-post-author-name {
    font-size: 1rem;
  }

  .home-latest-post-author-slug {
    font-size: 0.75rem;
  }

  .home-latest-post-author-verified {
    height: 1rem;
    width: 1rem;
    flex-basis: 1rem;
  }

  .home-post-follow-btn {
    display: none;
  }

  .home-latest-post-content {
    margin-top: 10px;
    min-height: 2.9em;
    font-size: 1.05rem;
    line-height: 1.38;
  }

  .home-latest-post-foot {
    gap: 12px;
    padding-top: 12px;
  }

  .home-latest-post-actions {
    gap: 12px;
  }

  .home-latest-post-action-group {
    gap: 5px;
  }

  .home-latest-post-action-icon {
    height: 1.35rem;
    width: 1.35rem;
  }

  .home-latest-post-action-value {
    font-size: 0.88rem;
  }

  .home-latest-post-date {
    font-size: 0.84rem;
  }
}

@media (max-width: 1024px) {
  .public-posts-page .public-posts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .public-posts-page .public-posts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-latest-post-stack {
    grid-template-columns: 1fr;
  }

  .home-latest-post-foot {
    align-items: center;
  }

  .home-latest-post-meta-row {
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .public-posts-page .public-posts-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .public-posts-page .public-posts-grid {
    grid-template-columns: 1fr;
  }

  .public-posts-pagination {
    align-items: flex-start;
    flex-direction: column;
  }

  .public-posts-pagination-actions {
    width: 100%;
    justify-content: space-between;
  }

  .home-latest-post-head {
    align-items: center;
  }

  .home-post-follow-btn {
    display: none;
  }

  .home-latest-post-content {
    min-height: auto;
  }

  .home-latest-post-card {
    position: relative;
    border-radius: 32px !important;
    padding: 20px !important;
  }

  .home-latest-post-actions {
    gap: 12px;
    flex-wrap: wrap;
  }

  .home-latest-post-action-icon {
    height: 1.35rem;
    width: 1.35rem;
  }

  .home-latest-post-date {
    font-size: 0.84rem;
  }
}

.status-dot.is-paused {
  background: #ca8a04;
}

.status-dot.is-private {
  background: #dc2626;
}

.profile-tab-panel {
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.profile-tab-panel:not(.hidden) {
  opacity: 1;
  transform: translateY(0);
}

body[data-page="profile-page"] {
  overflow-x: hidden;
}

#profile-card-live-preview {
  overflow: hidden;
}

#profile-card-live-preview[data-preview-theme] {
  position: relative;
  isolation: isolate;
  border-color: var(--preview-border-color, #d4d4d8);
  background: var(--preview-page-bg, #f3f4f6);
}

#profile-card-live-preview[data-preview-theme]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: var(--preview-screen-opacity, 0.42);
  background-image: var(--preview-screen-pattern, none);
}

#profile-card-live-preview[data-preview-theme]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: var(--preview-overlay-opacity, 0.5);
  background-image: var(--preview-overlay-pattern, none);
}

#profile-card-live-preview[data-preview-theme="default_dark"] {
  --preview-border-color: #d8dee8;
  --preview-page-bg: linear-gradient(140deg, #f7f8fa 0%, #eceff3 52%, #e5e9ef 100%);
  --preview-screen-opacity: 0.42;
  --preview-screen-pattern:
    radial-gradient(circle at 14% 16%, rgba(255, 255, 255, 0.34) 0%, transparent 42%),
    radial-gradient(circle at 84% 82%, rgba(96, 108, 130, 0.12) 0%, transparent 44%),
    repeating-linear-gradient(90deg, transparent 0 54px, rgba(58, 70, 92, 0.045) 54px 56px);
}

#profile-card-live-preview[data-preview-theme="arctic"] {
  --preview-border-color: #cfdbe6;
  --preview-page-bg: linear-gradient(160deg, #e8f3f9 0%, #d4e8f2 50%, #c4dce8 100%);
  --preview-screen-opacity: 0.5;
  --preview-screen-pattern:
    radial-gradient(circle at 14% 18%, rgba(233, 245, 255, 0.38) 0%, transparent 36%),
    radial-gradient(circle at 86% 78%, rgba(132, 166, 194, 0.16) 0%, transparent 40%),
    repeating-linear-gradient(120deg, transparent 0 44px, rgba(114, 146, 173, 0.06) 44px 46px);
}

#profile-card-live-preview[data-preview-theme="linen"] {
  --preview-border-color: #ddceb9;
  --preview-page-bg: linear-gradient(160deg, #f3ecdf 0%, #e9ddcb 52%, #dcccb7 100%);
  --preview-screen-opacity: 0.52;
  --preview-screen-pattern:
    radial-gradient(circle at 12% 20%, rgba(255, 247, 233, 0.34) 0%, transparent 34%),
    radial-gradient(circle at 84% 82%, rgba(165, 126, 84, 0.12) 0%, transparent 42%),
    repeating-linear-gradient(124deg, transparent 0 38px, rgba(131, 96, 61, 0.055) 38px 40px);
  --preview-overlay-opacity: 0.45;
  --preview-overlay-pattern:
    repeating-linear-gradient(45deg, transparent 0 10px, rgba(166, 130, 92, 0.08) 10px 11px),
    repeating-linear-gradient(-45deg, transparent 0 10px, rgba(136, 105, 75, 0.06) 10px 11px);
}

#profile-card-live-preview[data-preview-theme="marble"] {
  --preview-border-color: #dfdfdf;
  --preview-page-bg: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
  --preview-screen-opacity: 0.46;
  --preview-screen-pattern:
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26) 0%, transparent 36%),
    radial-gradient(circle at 84% 78%, rgba(0, 0, 0, 0.045) 0%, transparent 40%),
    repeating-linear-gradient(112deg, transparent 0 52px, rgba(35, 35, 35, 0.028) 52px 54px);
}

#profile-card-live-preview[data-preview-theme="forest"] {
  --preview-border-color: #20422f;
  --preview-page-bg: #071a10;
  --preview-screen-opacity: 0.54;
  --preview-screen-pattern:
    radial-gradient(circle at 14% 22%, rgba(43, 104, 68, 0.32) 0%, transparent 34%),
    radial-gradient(circle at 88% 76%, rgba(32, 74, 50, 0.3) 0%, transparent 40%),
    repeating-linear-gradient(128deg, transparent 0 42px, rgba(198, 184, 147, 0.065) 42px 44px);
}

#profile-card-live-preview[data-preview-theme="sage_luxe"] {
  --preview-border-color: #c7d3c9;
  --preview-page-bg: linear-gradient(160deg, #eef4ef 0%, #e2ebe4 55%, #d5e0d8 100%);
  --preview-screen-opacity: 0.5;
  --preview-screen-pattern:
    radial-gradient(circle at 14% 18%, rgba(246, 251, 247, 0.42) 0%, transparent 38%),
    radial-gradient(circle at 86% 78%, rgba(112, 136, 116, 0.14) 0%, transparent 42%),
    repeating-linear-gradient(136deg, transparent 0 42px, rgba(116, 134, 119, 0.06) 42px 44px);
}

#profile-card-live-preview[data-preview-theme="midnight_obsidian"] {
  --preview-border-color: #26364f;
  --preview-page-bg: linear-gradient(150deg, #090f16 0%, #101827 48%, #0a0f15 100%);
  --preview-screen-opacity: 0.52;
  --preview-screen-pattern:
    radial-gradient(circle at 12% 16%, rgba(72, 108, 170, 0.34) 0%, transparent 36%),
    radial-gradient(circle at 86% 74%, rgba(47, 77, 126, 0.3) 0%, transparent 42%),
    repeating-linear-gradient(118deg, transparent 0 40px, rgba(126, 161, 226, 0.09) 40px 42px);
}

#profile-card-live-preview[data-preview-theme="golden_noir"] {
  --preview-border-color: #394052;
  --preview-page-bg: linear-gradient(150deg, #0b0e16 0%, #141a27 50%, #0b0f17 100%);
  --preview-screen-opacity: 0.54;
  --preview-screen-pattern:
    radial-gradient(circle at 14% 16%, rgba(201, 173, 106, 0.14) 0%, transparent 44%),
    radial-gradient(circle at 84% 80%, rgba(178, 154, 96, 0.12) 0%, transparent 40%),
    repeating-linear-gradient(132deg, transparent 0 56px, rgba(201, 173, 106, 0.04) 56px 58px);
}

#profile-card-live-preview[data-preview-theme="aurora_codex"] {
  --preview-border-color: #c7b090;
  --preview-page-bg: linear-gradient(160deg, #f4ead2 0%, #efe1c2 56%, #f9f0dc 100%);
  --preview-screen-opacity: 0.5;
  --preview-screen-pattern:
    radial-gradient(circle at 14% 16%, rgba(148, 41, 33, 0.1) 0%, transparent 36%),
    radial-gradient(circle at 84% 76%, rgba(126, 97, 68, 0.12) 0%, transparent 42%),
    repeating-linear-gradient(128deg, transparent 0 64px, rgba(131, 102, 74, 0.06) 64px 66px);
}

#profile-card-live-preview[data-preview-theme="nebula_glass"] {
  --preview-border-color: rgba(255, 255, 255, 0.14);
  --preview-page-bg:
    radial-gradient(circle at 14% 20%, rgba(75, 126, 218, 0.42) 0%, transparent 32%),
    radial-gradient(circle at 84% 18%, rgba(132, 91, 190, 0.36) 0%, transparent 30%),
    radial-gradient(circle at 70% 78%, rgba(39, 154, 190, 0.24) 0%, transparent 34%),
    linear-gradient(125deg, #0a0f24 0%, #151a3d 22%, #0d2540 42%, #1e112a 62%, #102c4d 78%, #24143b 100%);
  --preview-screen-opacity: 0;
  --preview-screen-pattern: none;
  --preview-overlay-opacity: 0.62;
  --preview-overlay-pattern:
    radial-gradient(circle at 14% 16%, rgba(255, 255, 255, 0.11) 0%, transparent 40%),
    radial-gradient(circle at 84% 82%, rgba(255, 255, 255, 0.08) 0%, transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-size: 400% 400%;
  animation: unqLiquidGlassGradient 10s ease-in-out infinite;
  will-change: background-position;
}

#profile-card-live-preview[data-preview-theme="galaxy"] {
  --preview-border-color: rgba(0, 229, 255, 0.38);
  --preview-page-bg:
    radial-gradient(circle at 16% 18%, rgba(0, 229, 255, 0.22) 0%, transparent 34%),
    radial-gradient(circle at 82% 72%, rgba(0, 163, 255, 0.18) 0%, transparent 38%),
    radial-gradient(circle at 62% 42%, rgba(241, 234, 255, 0.12) 0%, transparent 30%),
    linear-gradient(135deg, #12072B 0%, #2A085C 50%, #5E179B 100%);
  --preview-screen-opacity: 0;
  --preview-screen-pattern: none;
  --preview-overlay-opacity: 0.72;
  --preview-overlay-pattern:
    radial-gradient(circle at 18% 18%, rgba(0, 229, 255, 0.28) 0%, transparent 34%),
    radial-gradient(circle at 82% 74%, rgba(0, 163, 255, 0.22) 0%, transparent 38%),
    radial-gradient(circle at 62% 44%, rgba(241, 234, 255, 0.12) 0%, transparent 30%);
  background-size: cover;
  background-position: center;
}

#profile-card-live-preview[data-preview-theme="soviet_carpet"] {
  --preview-border-color: #D4AF37;
  --preview-page-bg:
    radial-gradient(circle at 50% 50%, rgba(212, 175, 55, 0.28) 0 9px, transparent 10px),
    radial-gradient(circle at 20% 20%, rgba(253, 245, 230, 0.17) 0 6px, transparent 7px),
    linear-gradient(135deg, #800000 0%, #4b0909 54%, #250a0a 100%);
  --preview-screen-opacity: 0.54;
  --preview-screen-pattern:
    radial-gradient(circle at 50% 50%, rgba(212, 175, 55, 0.26) 0 6px, transparent 7px),
    repeating-linear-gradient(45deg, rgba(212, 175, 55, 0.14) 0 2px, transparent 2px 34px),
    repeating-linear-gradient(-45deg, rgba(25, 10, 10, 0.28) 0 2px, transparent 2px 34px);
  background-size: 350px 350px;
}

#profile-card-live-preview[data-preview-theme="vintage_mickey"] {
  --preview-border-color: #D35252;
  --preview-page-bg:
    repeating-linear-gradient(45deg,
      #8ECAA5 0 64px,
      #D35252 64px 128px,
      #F4D068 128px 192px,
      #F5E6CA 192px 256px);
  --preview-screen-opacity: 0.58;
  --preview-screen-pattern:
    radial-gradient(circle at 20% 26%, rgba(43, 43, 43, 0.15) 0 14px, transparent 15px),
    radial-gradient(circle at 15% 18%, rgba(43, 43, 43, 0.15) 0 9px, transparent 10px),
    radial-gradient(circle at 25% 18%, rgba(43, 43, 43, 0.15) 0 9px, transparent 10px),
    radial-gradient(circle at 74% 62%, rgba(211, 82, 82, 0.2) 0 5px, transparent 6px),
    radial-gradient(circle at 74% 62%, rgba(255, 255, 255, 0.36) 0 2px, transparent 3px);
}

#profile-card-live-preview[data-preview-theme="rick_morty_portal"] {
  --preview-border-color: #39FF14;
  --preview-page-bg:
    radial-gradient(circle at 50% 38%, rgba(57, 255, 20, 0.36) 0%, rgba(57, 255, 20, 0.16) 28%, transparent 56%),
    radial-gradient(circle at 74% 16%, rgba(255, 228, 0, 0.18) 0%, transparent 28%),
    linear-gradient(135deg, #0B001A 0%, #120524 56%, #02030A 100%);
  --preview-screen-opacity: 0.5;
  --preview-screen-pattern:
    radial-gradient(circle at 18% 24%, rgba(166, 255, 150, 0.32) 0 5px, transparent 6px),
    radial-gradient(circle at 72% 62%, rgba(255, 228, 0, 0.24) 0 7px, transparent 8px),
    repeating-linear-gradient(0deg, rgba(57, 255, 20, 0.08) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(90deg, rgba(57, 255, 20, 0.06) 0 1px, transparent 1px 22px);
  --preview-overlay-opacity: 0.72;
  --preview-overlay-pattern:
    radial-gradient(circle at 50% 46%, rgba(57, 255, 20, 0.34) 0%, transparent 42%),
    radial-gradient(circle at 62% 34%, rgba(255, 228, 0, 0.16) 0%, transparent 24%);
}

#profile-card-live-preview[data-preview-theme="gravity_falls"] {
  --preview-border-color: #E5A93C;
  --preview-page-bg:
    radial-gradient(circle at 16% 18%, rgba(229, 169, 60, 0.2) 0%, transparent 30%),
    radial-gradient(circle at 78% 72%, rgba(255, 107, 139, 0.12) 0%, transparent 34%),
    linear-gradient(135deg, #1A2E22 0%, #213a2b 48%, #0d1711 100%);
  --preview-screen-opacity: 0.54;
  --preview-screen-pattern:
    radial-gradient(circle at 18% 24%, rgba(229, 169, 60, 0.34) 0 4px, transparent 5px),
    radial-gradient(circle at 74% 60%, rgba(150, 255, 180, 0.24) 0 3px, transparent 4px),
    repeating-linear-gradient(90deg, rgba(242, 227, 198, 0.05) 0 1px, transparent 1px 20px);
  --preview-overlay-opacity: 0.72;
  --preview-overlay-pattern:
    radial-gradient(circle at 50% 34%, rgba(229, 169, 60, 0.24) 0%, transparent 38%),
    radial-gradient(circle at 58% 68%, rgba(255, 107, 139, 0.12) 0%, transparent 26%);
}

#profile-card-live-preview[data-preview-theme="venom_symbiote"] {
  --preview-border-color: #E53E6D;
  --preview-page-bg:
    radial-gradient(circle at 78% 18%, rgba(0, 240, 255, 0.18) 0%, transparent 38%),
    radial-gradient(circle at 20% 82%, rgba(229, 62, 109, 0.2) 0%, transparent 34%),
    linear-gradient(135deg, #15040A 0%, #08080C 54%, #020205 100%);
  --preview-screen-opacity: 0.56;
  --preview-screen-pattern:
    radial-gradient(circle at 80% 20%, rgba(0, 240, 255, 0.18) 0%, transparent 42%),
    repeating-linear-gradient(115deg, rgba(229, 62, 109, 0.1) 0 2px, transparent 2px 28px);
  --preview-overlay-opacity: 0.72;
  --preview-overlay-pattern:
    radial-gradient(circle at 22% 22%, rgba(0, 240, 255, 0.22) 0%, transparent 32%),
    radial-gradient(circle at 82% 74%, rgba(229, 62, 109, 0.22) 0%, transparent 36%);
}

#profile-card-live-preview[data-preview-theme="snow_leopard"] {
  --preview-border-color: #CBD5E1;
  --preview-page-bg:
    radial-gradient(circle at center, #F8FAFC 0%, #CBD5E1 100%),
    radial-gradient(ellipse at 18% 18%, rgba(255, 255, 255, 0.56) 0%, transparent 42%),
    radial-gradient(ellipse at 82% 78%, rgba(148, 163, 184, 0.22) 0%, transparent 45%);
  --preview-screen-opacity: 0.34;
  --preview-screen-pattern:
    radial-gradient(circle at 20% 24%, rgba(255, 255, 255, 0.8) 0 2px, transparent 3px),
    radial-gradient(circle at 72% 68%, rgba(30, 41, 59, 0.12) 0 7px, transparent 8px),
    repeating-linear-gradient(118deg, rgba(15, 23, 42, 0.035) 0 1px, transparent 1px 24px);
  --preview-overlay-opacity: 0.46;
  --preview-overlay-pattern:
    radial-gradient(circle at 28% 30%, rgba(15, 23, 42, 0.18) 0 8%, transparent 9%),
    radial-gradient(circle at 72% 62%, rgba(30, 41, 59, 0.14) 0 10%, transparent 11%);
}

#profile-card-live-preview[data-preview-theme="shinobi_path"] {
  --preview-border-color: #00F0FF;
  --preview-page-bg:
    radial-gradient(circle at 50% 48%, rgba(20, 255, 236, 0.22) 0%, transparent 42%),
    linear-gradient(135deg, #C84B31 0%, #B03E27 54%, #7f2d20 100%);
  --preview-screen-opacity: 0.5;
  --preview-screen-pattern:
    radial-gradient(circle at 100% 150%, transparent 24%, rgba(176, 62, 39, 0.76) 24%, rgba(176, 62, 39, 0.76) 28%, transparent 28%),
    radial-gradient(circle at 0% 150%, transparent 24%, rgba(176, 62, 39, 0.76) 24%, rgba(176, 62, 39, 0.76) 28%, transparent 28%),
    radial-gradient(circle at 50% 100%, transparent 4%, rgba(176, 62, 39, 0.76) 4%, rgba(176, 62, 39, 0.76) 8%, transparent 8%),
    radial-gradient(circle at 100% 50%, transparent 24%, rgba(176, 62, 39, 0.76) 24%, rgba(176, 62, 39, 0.76) 28%, transparent 28%),
    radial-gradient(circle at 0% 50%, transparent 24%, rgba(176, 62, 39, 0.76) 24%, rgba(176, 62, 39, 0.76) 28%, transparent 28%);
  --preview-overlay-opacity: 0.72;
  --preview-overlay-pattern:
    radial-gradient(circle at 50% 46%, rgba(20, 255, 236, 0.26) 0%, transparent 38%),
    radial-gradient(circle at 72% 24%, rgba(255, 140, 0, 0.18) 0%, transparent 28%);
  background-size: 80px 80px;
}

#profile-card-live-preview[data-preview-theme="shinobi_way"] {
  --preview-border-color: #009793;
  --preview-page-bg:
    radial-gradient(circle at 10% 15%, rgba(0, 151, 147, 0.25) 0%, transparent 45%),
    radial-gradient(circle at 90% 85%, rgba(0, 151, 147, 0.25) 0%, transparent 45%),
    radial-gradient(circle at 100% 150%, transparent 24px, rgba(238, 137, 59, 0.72) 24px, rgba(238, 137, 59, 0.72) 28px, transparent 28px),
    radial-gradient(circle at 0% 150%, transparent 24px, rgba(238, 137, 59, 0.72) 24px, rgba(238, 137, 59, 0.72) 28px, transparent 28px),
    linear-gradient(to bottom, #D15F47, #b24731);
  --preview-screen-opacity: 0.48;
  --preview-screen-pattern:
    radial-gradient(circle at 18% 24%, rgba(0, 151, 147, 0.22) 0 5px, transparent 6px),
    radial-gradient(circle at 80% 70%, rgba(255, 195, 85, 0.18) 0 6px, transparent 7px),
    repeating-linear-gradient(120deg, rgba(44, 54, 77, 0.12) 0 2px, transparent 2px 26px);
  --preview-overlay-opacity: 0.7;
  --preview-overlay-pattern:
    radial-gradient(circle at 50% 48%, rgba(0, 151, 147, 0.26) 0%, transparent 38%),
    radial-gradient(circle at 72% 24%, rgba(238, 137, 59, 0.18) 0%, transparent 28%);
  background-size: 60px 60px;
}

#profile-card-live-preview[data-preview-theme="samarkand_heritage"] {
  --preview-border-color: #A87E43;
  --preview-page-bg:
    radial-gradient(circle at top, rgba(32, 138, 133, 0.24) 0%, transparent 58%),
    radial-gradient(circle at 18% 24%, rgba(168, 126, 67, 0.22) 0 6px, transparent 7px),
    linear-gradient(to bottom, #C5A07A 0%, #A87E43 100%);
  --preview-screen-opacity: 0.42;
  --preview-screen-pattern:
    radial-gradient(circle at 24% 26%, rgba(230, 193, 122, 0.2) 0 5px, transparent 6px),
    radial-gradient(circle at 78% 70%, rgba(32, 138, 133, 0.18) 0 6px, transparent 7px),
    repeating-linear-gradient(45deg, rgba(30, 77, 156, 0.12) 0 2px, transparent 2px 28px);
  --preview-overlay-opacity: 0.68;
  --preview-overlay-pattern:
    radial-gradient(circle at 50% 0%, rgba(32, 138, 133, 0.24) 0%, transparent 54%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0 60 30 30 60 0 30Z' fill='none' stroke='%23208A85' stroke-width='1.5' opacity='.42'/%3E%3Cpath d='M30 10 50 30 30 50 10 30Z' fill='none' stroke='%23A87E43' stroke-width='1' opacity='.5'/%3E%3C/svg%3E");
}

#profile-card-live-preview[data-preview-theme="uzbekistan_35"] {
  --preview-border-color: #D4AF37;
  --preview-page-bg:
    radial-gradient(circle at 50% 42%, rgba(212, 175, 55, 0.24) 0%, transparent 42%),
    linear-gradient(135deg, #0092B3 0%, #0092B3 30%, #CE1126 31%, #ffffff 35%, #ffffff 66%, #CE1126 67%, #1EB53A 70%, #1EB53A 100%),
    #0A192F;
  --preview-screen-opacity: 0.5;
  --preview-screen-pattern:
    radial-gradient(circle at 50% 46%, rgba(212, 175, 55, 0.25) 0 12px, transparent 13px),
    repeating-linear-gradient(115deg, rgba(255, 243, 168, 0.18) 0 2px, transparent 2px 24px);
  --preview-overlay-opacity: 0.72;
  --preview-overlay-pattern:
    radial-gradient(circle at 50% 42%, rgba(212, 175, 55, 0.22) 0%, transparent 48%),
    linear-gradient(135deg, rgba(0, 146, 179, 0.28), rgba(212, 175, 55, 0.12), rgba(30, 181, 58, 0.22));
}

#profile-card-live-preview[data-preview-theme="turtle_power"] {
  --preview-border-color: #1E293B;
  --preview-page-bg:
    radial-gradient(circle at 15% 20%, rgba(74, 120, 54, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 85% 80%, rgba(74, 120, 54, 0.34) 0%, transparent 45%),
    radial-gradient(circle at 78% 18%, rgba(200, 29, 37, 0.14) 0%, transparent 34%),
    linear-gradient(135deg, #2c3e4b 0%, #151d24 100%);
  --preview-screen-opacity: 0.52;
  --preview-screen-pattern:
    repeating-linear-gradient(45deg, rgba(255, 230, 0, 0.12) 0 2px, transparent 2px 20px),
    radial-gradient(circle at 20% 26%, rgba(255, 230, 0, 0.16) 0 7px, transparent 8px),
    radial-gradient(circle at 78% 70%, rgba(200, 29, 37, 0.16) 0 8px, transparent 9px);
  --preview-overlay-opacity: 0.74;
  --preview-overlay-pattern:
    radial-gradient(circle at 80% 18%, rgba(200, 29, 37, 0.18) 0%, transparent 40%),
    repeating-linear-gradient(45deg, #4A7836, #4A7836 10px, #3f672e 10px, #3f672e 20px);
}

#profile-card-live-preview[data-preview-theme="egypt_nile"] {
  --preview-border-color: #E6A141;
  --preview-page-bg:
    radial-gradient(circle at 50% 30%, rgba(230, 161, 65, 0.22) 0%, transparent 70%),
    radial-gradient(circle at 12% 82%, rgba(30, 94, 74, 0.18) 0%, transparent 36%),
    radial-gradient(circle at 88% 18%, rgba(26, 54, 93, 0.16) 0%, transparent 38%),
    linear-gradient(to bottom, #C17A44 0%, #8C532B 100%);
  --preview-screen-opacity: 0.44;
  --preview-screen-pattern:
    radial-gradient(circle at 18% 20%, rgba(26, 54, 93, 0.16) 0 8px, transparent 9px),
    radial-gradient(circle at 80% 72%, rgba(230, 161, 65, 0.2) 0 6px, transparent 7px),
    repeating-linear-gradient(90deg, rgba(112, 62, 22, 0.16) 0 1px, transparent 1px 22px);
  --preview-overlay-opacity: 0.68;
  --preview-overlay-pattern:
    radial-gradient(circle at 50% 18%, rgba(230, 161, 65, 0.16), transparent 42%),
    repeating-linear-gradient(90deg, rgba(230, 161, 65, 0.11) 0 2px, transparent 2px 28px);
}

#profile-card-live-preview[data-preview-theme="kawaii_kitty"] {
  --preview-border-color: #1E1E1E;
  --preview-page-bg:
    radial-gradient(#ffb2bf 20%, transparent 21%),
    radial-gradient(#ffb2bf 20%, transparent 21%),
    linear-gradient(135deg, #FFE2E8 0%, #FFC0CB 58%, #FFEEF2 100%);
  --preview-screen-opacity: 0.34;
  --preview-screen-pattern:
    radial-gradient(circle at 20% 24%, rgba(255, 107, 139, 0.16) 0 7px, transparent 8px),
    radial-gradient(circle at 78% 70%, rgba(255, 178, 191, 0.18) 0 8px, transparent 9px);
  --preview-overlay-opacity: 0.3;
  --preview-overlay-pattern:
    radial-gradient(circle at 18% 22%, rgba(255, 178, 191, 0.22) 0 8px, transparent 9px),
    radial-gradient(circle at 82% 74%, rgba(255, 140, 163, 0.18) 0 10px, transparent 11px);
}

#profile-card-live-preview[data-preview-theme="sakura_blossom"] {
  --preview-border-color: #D2A298;
  --preview-page-bg:
    radial-gradient(ellipse at 22% 42%, rgba(111, 130, 104, 0.22) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 38%, rgba(119, 139, 112, 0.16) 0%, transparent 48%),
    radial-gradient(ellipse at 52% 76%, rgba(255, 131, 151, 0.1) 0%, transparent 58%),
    linear-gradient(135deg, #EADBC8 0%, #FDFAF2 58%, #F4EAD4 100%);
  --preview-screen-opacity: 0.3;
  --preview-screen-pattern:
    radial-gradient(circle at 20% 24%, rgba(255, 131, 151, 0.14) 0 5px, transparent 6px),
    repeating-linear-gradient(0deg, rgba(31, 20, 18, 0.018) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(31, 20, 18, 0.014) 0 1px, transparent 1px 5px);
  --preview-overlay-opacity: 0.62;
  --preview-overlay-pattern:
    radial-gradient(ellipse at 26% 40%, rgba(162, 172, 147, 0.16) 0%, transparent 46%),
    radial-gradient(circle at 76% 30%, rgba(255, 131, 151, 0.16) 0%, transparent 36%),
    repeating-linear-gradient(12deg, rgba(31, 20, 18, 0.025) 0 1px, transparent 1px 18px);
}

#profile-card-live-preview[data-preview-theme="starry_night"] {
  --preview-border-color: #FFD500;
  --preview-page-bg:
    radial-gradient(circle at 80% 20%, rgba(255, 213, 0, 0.15) 0%, transparent 40%),
    radial-gradient(ellipse at 50% 50%, rgba(33, 61, 104, 0.4) 0%, transparent 70%),
    linear-gradient(135deg, #0B1528 0%, #0C1A30 54%, #040817 100%);
  --preview-screen-opacity: 0.5;
  --preview-screen-pattern:
    radial-gradient(circle at 16% 20%, rgba(255, 244, 208, 0.24) 0 4px, transparent 5px),
    radial-gradient(circle at 76% 26%, rgba(236, 193, 40, 0.24) 0 6px, transparent 7px),
    repeating-linear-gradient(18deg, rgba(33, 61, 104, 0.18) 0 2px, transparent 2px 24px);
  --preview-overlay-opacity: 0.72;
  --preview-overlay-pattern:
    radial-gradient(ellipse at 50% 44%, rgba(33, 61, 104, 0.32) 0%, transparent 52%),
    radial-gradient(circle at 62% 18%, rgba(255, 213, 0, 0.16) 0%, transparent 28%);
}

#profile-card-live-preview[data-preview-theme="velours"] {
  --preview-border-color: #5a1828;
  --preview-page-bg: radial-gradient(circle at 18% 18%, rgba(196, 53, 74, 0.12) 0%, transparent 40%),
    radial-gradient(circle at 82% 82%, rgba(139, 26, 42, 0.1) 0%, transparent 45%),
    linear-gradient(160deg, #2d0a12 0%, #2a0911 52%, #380d18 100%);
  --preview-screen-opacity: 0.58;
  --preview-screen-pattern:
    repeating-linear-gradient(35deg, rgba(255, 255, 255, 0.04) 0 2px, transparent 2px 10px),
    repeating-linear-gradient(-38deg, rgba(0, 0, 0, 0.06) 0 2px, transparent 2px 11px);
}

#profile-card-live-preview[data-preview-theme="graffiti"] {
  --preview-border-color: #EC4899;
  --preview-page-bg:
    radial-gradient(circle at 12% 20%, rgba(236, 72, 153, 0.32) 0%, transparent 32%),
    radial-gradient(circle at 86% 16%, rgba(255, 230, 0, 0.24) 0%, transparent 30%),
    radial-gradient(circle at 70% 82%, rgba(236, 72, 153, 0.22) 0%, transparent 38%),
    linear-gradient(135deg, #050506 0%, #0c0c0e 58%, #020202 100%);
  --preview-screen-opacity: 0.62;
  --preview-screen-pattern:
    radial-gradient(circle at 18% 22%, rgba(236, 72, 153, 0.22) 0 8px, transparent 9px),
    radial-gradient(circle at 78% 18%, rgba(255, 230, 0, 0.22) 0 7px, transparent 8px),
    repeating-linear-gradient(90deg, rgba(255, 230, 0, 0.14) 0 2px, transparent 2px 24px);
  --preview-overlay-opacity: 0.72;
  --preview-overlay-pattern:
    radial-gradient(circle at 20% 28%, rgba(236, 72, 153, 0.24) 0 3px, transparent 4px),
    radial-gradient(circle at 80% 70%, rgba(255, 230, 0, 0.18) 0 4px, transparent 5px),
    repeating-linear-gradient(20deg, rgba(255, 255, 255, 0.04) 0 3px, transparent 3px 18px);
}

#profile-card-live-preview[data-preview-theme="graffiti_neon"] {
  --preview-border-color: rgba(94, 247, 255, 0.26);
  --preview-page-bg:
    radial-gradient(circle at 18% 18%, rgba(94, 247, 255, 0.14) 0%, transparent 40%),
    radial-gradient(circle at 82% 82%, rgba(242, 132, 255, 0.14) 0%, transparent 44%),
    linear-gradient(160deg, #12111d 0%, #19142a 48%, #0f1220 100%);
  --preview-screen-opacity: 0.62;
  --preview-screen-pattern:
    linear-gradient(110deg, transparent 0 48%, rgba(94, 247, 255, 0.08) 48% 50%, transparent 50% 100%),
    radial-gradient(circle at 20% 26%, rgba(181, 255, 94, 0.16) 0%, transparent 34%),
    radial-gradient(circle at 78% 18%, rgba(242, 132, 255, 0.16) 0%, transparent 28%);
  --preview-overlay-opacity: 0.64;
  --preview-overlay-pattern:
    repeating-linear-gradient(34deg, rgba(255, 255, 255, 0.03) 0 3px, transparent 3px 16px),
    radial-gradient(circle at 24% 28%, rgba(94, 247, 255, 0.16) 0 2px, transparent 2px 18px),
    radial-gradient(circle at 78% 72%, rgba(242, 132, 255, 0.18) 0 2px, transparent 2px 18px);
}

#profile-card-live-preview[data-preview-theme="heritage_crest"],
#profile-card-live-preview[data-preview-theme="ivory_tennis"],
#profile-card-live-preview[data-preview-theme="grand_slam_clay"],
#profile-card-live-preview[data-preview-theme="racing_green"],
#profile-card-live-preview[data-preview-theme="polo_navy"],
#profile-card-live-preview[data-preview-theme="alpine_ski"],
#profile-card-live-preview[data-preview-theme="boxing_legend"],
#profile-card-live-preview[data-preview-theme="basketball_court"],
#profile-card-live-preview[data-preview-theme="football_pitch"],
#profile-card-live-preview[data-preview-theme="olympic_gold"],
#profile-card-live-preview[data-preview-theme="anime_blush"],
#profile-card-live-preview[data-preview-theme="cheetah_spots"],
#profile-card-live-preview[data-preview-theme="serpent_scale"] {
  --preview-page-bg:
    radial-gradient(circle at 18% 18%, var(--preview-sport-glow, rgba(255, 255, 255, 0.16)) 0%, transparent 40%),
    radial-gradient(circle at 82% 82%, var(--preview-sport-glow-soft, rgba(255, 255, 255, 0.08)) 0%, transparent 46%),
    linear-gradient(160deg, var(--preview-sport-deep) 0%, var(--preview-sport-base) 52%, var(--preview-sport-surface) 100%);
  --preview-border-color: var(--preview-sport-border);
  --preview-screen-opacity: 0.56;
  --preview-screen-pattern:
    repeating-linear-gradient(128deg, transparent 0 48px, var(--preview-sport-line) 48px 50px),
    repeating-linear-gradient(58deg, transparent 0 72px, var(--preview-sport-line-soft) 72px 74px);
}

#profile-card-live-preview[data-preview-theme="heritage_crest"] {
  --preview-sport-deep: #fff5f9;
  --preview-sport-base: #ffc6dd;
  --preview-sport-surface: #ffe6f0;
  --preview-sport-border: #ff9fca;
  --preview-sport-line: rgba(255, 111, 174, 0.18);
  --preview-sport-line-soft: rgba(255, 255, 255, 0.2);
  --preview-sport-glow: rgba(255, 111, 174, 0.2);
  --preview-sport-glow-soft: rgba(255, 221, 235, 0.34);
}

#profile-card-live-preview[data-preview-theme="ivory_tennis"] {
  --preview-sport-deep: #050608;
  --preview-sport-base: #2b2f36;
  --preview-sport-surface: #15171c;
  --preview-sport-border: #3d424c;
  --preview-sport-line: rgba(240, 200, 75, 0.16);
  --preview-sport-line-soft: rgba(255, 255, 255, 0.06);
  --preview-sport-glow: rgba(240, 200, 75, 0.12);
  --preview-sport-glow-soft: rgba(180, 190, 205, 0.08);
}

#profile-card-live-preview[data-preview-theme="grand_slam_clay"] {
  --preview-sport-deep: #0a1f4d;
  --preview-sport-base: #cf1f2d;
  --preview-sport-surface: #123b86;
  --preview-sport-border: #224b9c;
  --preview-sport-line: rgba(107, 183, 255, 0.16);
  --preview-sport-line-soft: rgba(255, 255, 255, 0.08);
  --preview-sport-glow: rgba(207, 31, 45, 0.18);
  --preview-sport-glow-soft: rgba(107, 183, 255, 0.14);
}

#profile-card-live-preview[data-preview-theme="racing_green"] {
  --preview-sport-deep: #f5f9ff;
  --preview-sport-base: #ffc8df;
  --preview-sport-surface: #ffeaf3;
  --preview-sport-border: #ffb7d1;
  --preview-sport-line: rgba(138, 183, 255, 0.16);
  --preview-sport-line-soft: rgba(255, 255, 255, 0.2);
  --preview-sport-glow: rgba(255, 184, 213, 0.22);
  --preview-sport-glow-soft: rgba(183, 215, 255, 0.24);
}

#profile-card-live-preview[data-preview-theme="polo_navy"] {
  --preview-sport-deep: #061422;
  --preview-sport-base: #082033;
  --preview-sport-surface: #0a3a52;
  --preview-sport-border: #1d6f87;
  --preview-sport-line: rgba(77, 247, 255, 0.18);
  --preview-sport-line-soft: rgba(145, 248, 255, 0.08);
  --preview-sport-glow: rgba(77, 247, 255, 0.14);
  --preview-sport-glow-soft: rgba(14, 240, 255, 0.12);
}

#profile-card-live-preview[data-preview-theme="alpine_ski"] {
  --preview-sport-deep: #fff8fe;
  --preview-sport-base: #d8c7ff;
  --preview-sport-surface: #f3f5ff;
  --preview-sport-border: #c7b5ff;
  --preview-sport-line: rgba(116, 217, 255, 0.18);
  --preview-sport-line-soft: rgba(255, 255, 255, 0.3);
  --preview-sport-glow: rgba(216, 199, 255, 0.26);
  --preview-sport-glow-soft: rgba(191, 233, 255, 0.22);
}

#profile-card-live-preview[data-preview-theme="boxing_legend"] {
  --preview-sport-deep: #2b0900;
  --preview-sport-base: #d94818;
  --preview-sport-surface: #6f1c08;
  --preview-sport-border: #a43512;
  --preview-sport-line: rgba(255, 209, 90, 0.16);
  --preview-sport-line-soft: rgba(255, 245, 232, 0.08);
  --preview-sport-glow: rgba(255, 177, 59, 0.2);
  --preview-sport-glow-soft: rgba(255, 209, 90, 0.12);
}

#profile-card-live-preview[data-preview-theme="basketball_court"] {
  --preview-sport-deep: #180821;
  --preview-sport-base: #cf2b9f;
  --preview-sport-surface: #4d1457;
  --preview-sport-border: #9933a8;
  --preview-sport-line: rgba(97, 247, 255, 0.18);
  --preview-sport-line-soft: rgba(255, 211, 244, 0.08);
  --preview-sport-glow: rgba(207, 43, 159, 0.2);
  --preview-sport-glow-soft: rgba(97, 247, 255, 0.12);
}

#profile-card-live-preview[data-preview-theme="football_pitch"] {
  --preview-sport-deep: #07251d;
  --preview-sport-base: #1ba879;
  --preview-sport-surface: #0b5845;
  --preview-sport-border: #35bd8e;
  --preview-sport-line: rgba(168, 255, 214, 0.16);
  --preview-sport-line-soft: rgba(240, 255, 248, 0.08);
  --preview-sport-glow: rgba(168, 255, 214, 0.15);
  --preview-sport-glow-soft: rgba(27, 168, 121, 0.16);
}

#profile-card-live-preview[data-preview-theme="olympic_gold"] {
  --preview-sport-deep: #180825;
  --preview-sport-base: #6732bd;
  --preview-sport-surface: #3a176b;
  --preview-sport-border: #8b61d8;
  --preview-sport-line: rgba(255, 211, 110, 0.16);
  --preview-sport-line-soft: rgba(231, 212, 255, 0.08);
  --preview-sport-glow: rgba(103, 50, 189, 0.2);
  --preview-sport-glow-soft: rgba(255, 211, 110, 0.12);
}

#profile-card-live-preview[data-preview-theme="anime_blush"] {
  --preview-sport-deep: #fff1fa;
  --preview-sport-base: #ff9ed1;
  --preview-sport-surface: #ffe6f4;
  --preview-sport-border: #ff8fc7;
  --preview-sport-line: rgba(168, 116, 255, 0.16);
  --preview-sport-line-soft: rgba(255, 255, 255, 0.22);
  --preview-sport-glow: rgba(255, 98, 172, 0.22);
  --preview-sport-glow-soft: rgba(202, 167, 255, 0.24);
}

#profile-card-live-preview[data-preview-theme="cheetah_spots"] {
  --preview-sport-deep: #5a2b0d;
  --preview-sport-base: #f5c46b;
  --preview-sport-surface: #b66a20;
  --preview-sport-border: #7b3f13;
  --preview-sport-line: rgba(43, 22, 8, 0.18);
  --preview-sport-line-soft: rgba(255, 240, 207, 0.1);
  --preview-sport-glow: rgba(245, 196, 107, 0.2);
  --preview-sport-glow-soft: rgba(43, 22, 8, 0.12);
}

#profile-card-live-preview[data-preview-theme="serpent_scale"] {
  --preview-sport-deep: #07190f;
  --preview-sport-base: #155332;
  --preview-sport-surface: #0b2a1a;
  --preview-sport-border: #236f43;
  --preview-sport-line: rgba(142, 230, 168, 0.16);
  --preview-sport-line-soft: rgba(236, 255, 241, 0.08);
  --preview-sport-glow: rgba(142, 230, 168, 0.16);
  --preview-sport-glow-soft: rgba(21, 83, 50, 0.18);
}

#profile-card-live-preview[data-preview-theme^="color_"] {
  --preview-page-bg:
    radial-gradient(circle at 18% 18%, var(--preview-color-glow, rgba(255, 255, 255, 0.16)) 0%, transparent 40%),
    radial-gradient(circle at 82% 82%, var(--preview-color-glow-soft, rgba(255, 255, 255, 0.08)) 0%, transparent 46%),
    linear-gradient(160deg, var(--preview-color-deep) 0%, var(--preview-color-base) 52%, var(--preview-color-surface) 100%);
  --preview-border-color: var(--preview-color-border);
  --preview-screen-opacity: 0.56;
  --preview-screen-pattern:
    repeating-linear-gradient(128deg, transparent 0 48px, var(--preview-color-line) 48px 50px),
    repeating-linear-gradient(58deg, transparent 0 72px, var(--preview-color-line-soft) 72px 74px);
}

#profile-card-live-preview[data-preview-theme="color_red"] {
  --preview-color-deep: #3c0710;
  --preview-color-base: #8e1627;
  --preview-color-surface: #5d0d18;
  --preview-color-border: #8f2438;
  --preview-color-line: rgba(255, 107, 133, 0.12);
  --preview-color-line-soft: rgba(255, 242, 245, 0.08);
  --preview-color-glow: rgba(255, 107, 133, 0.14);
  --preview-color-glow-soft: rgba(255, 196, 211, 0.1);
}

#profile-card-live-preview[data-preview-theme="color_orange"] {
  --preview-color-deep: #4f2100;
  --preview-color-base: #c85600;
  --preview-color-surface: #7b3403;
  --preview-color-border: #aa4f10;
  --preview-color-line: rgba(255, 185, 87, 0.12);
  --preview-color-line-soft: rgba(255, 244, 229, 0.08);
  --preview-color-glow: rgba(255, 185, 87, 0.14);
  --preview-color-glow-soft: rgba(255, 224, 184, 0.1);
}

#profile-card-live-preview[data-preview-theme="color_yellow"] {
  --preview-color-deep: #5f4600;
  --preview-color-base: #d1a800;
  --preview-color-surface: #8b6a07;
  --preview-color-border: #b18f12;
  --preview-color-line: rgba(255, 243, 166, 0.14);
  --preview-color-line-soft: rgba(255, 251, 234, 0.08);
  --preview-color-glow: rgba(255, 243, 166, 0.18);
  --preview-color-glow-soft: rgba(255, 247, 197, 0.11);
}

#profile-card-live-preview[data-preview-theme="color_green"] {
  --preview-color-deep: #0d3317;
  --preview-color-base: #1f8f47;
  --preview-color-surface: #145726;
  --preview-color-border: #2a7d44;
  --preview-color-line: rgba(180, 255, 130, 0.12);
  --preview-color-line-soft: rgba(242, 255, 244, 0.08);
  --preview-color-glow: rgba(180, 255, 130, 0.14);
  --preview-color-glow-soft: rgba(215, 255, 213, 0.1);
}

#profile-card-live-preview[data-preview-theme="color_teal"] {
  --preview-color-deep: #072f33;
  --preview-color-base: #0f8c93;
  --preview-color-surface: #0b4e54;
  --preview-color-border: #17727a;
  --preview-color-line: rgba(145, 248, 255, 0.12);
  --preview-color-line-soft: rgba(236, 255, 255, 0.08);
  --preview-color-glow: rgba(145, 248, 255, 0.14);
  --preview-color-glow-soft: rgba(200, 254, 255, 0.1);
}

#profile-card-live-preview[data-preview-theme="color_blue"] {
  --preview-color-deep: #0b234d;
  --preview-color-base: #1d63d6;
  --preview-color-surface: #123d8a;
  --preview-color-border: #2d5ea8;
  --preview-color-line: rgba(143, 200, 255, 0.12);
  --preview-color-line-soft: rgba(238, 246, 255, 0.08);
  --preview-color-glow: rgba(143, 200, 255, 0.14);
  --preview-color-glow-soft: rgba(212, 232, 255, 0.1);
}

#profile-card-live-preview[data-preview-theme="color_purple"] {
  --preview-color-deep: #33124f;
  --preview-color-base: #7a2fca;
  --preview-color-surface: #5b2290;
  --preview-color-border: #6d3ba8;
  --preview-color-line: rgba(214, 173, 255, 0.12);
  --preview-color-line-soft: rgba(251, 244, 255, 0.08);
  --preview-color-glow: rgba(214, 173, 255, 0.14);
  --preview-color-glow-soft: rgba(240, 223, 255, 0.1);
}

#profile-card-live-preview[data-preview-theme="color_pink"] {
  --preview-color-deep: #57163b;
  --preview-color-base: #d53c84;
  --preview-color-surface: #8a235f;
  --preview-color-border: #ab3d72;
  --preview-color-line: rgba(255, 182, 220, 0.12);
  --preview-color-line-soft: rgba(255, 243, 249, 0.08);
  --preview-color-glow: rgba(255, 182, 220, 0.14);
  --preview-color-glow-soft: rgba(255, 220, 237, 0.1);
}

#profile-card-live-preview [data-card-view] {
  position: relative;
  z-index: 1;
  max-width: 480px;
  margin: 0 auto;
}

#profile-card-live-preview .unq-ref-name,
#profile-card-live-preview .unq-ref-phone,
#profile-card-live-preview .unq-ref-about p span,
#profile-card-live-preview .unq-ref-action-btn span {
  overflow-wrap: anywhere;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 1024px) {
  [data-page="public-home"] .home-pricing-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  [data-page="public-home"] .home-pricing-card {
    padding: 30px 24px;
  }

  [data-page="public-home"] .home-pricing-price-value {
    font-size: clamp(52px, 10vw, 70px);
  }

  [data-page="public-home"] .home-pricing-price-currency {
    font-size: 18px;
  }

  [data-page="public-home"] .home-pricing-feature {
    font-size: 16px;
  }

  [data-page="public-home"] .home-pricing-cta {
    max-width: 460px;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  [data-page="public-home"] {
    --site-header-height: 68px;
  }

  [data-page="public-home"] .site-header {
    padding-top: env(safe-area-inset-top, 0px);
  }

  [data-page="public-home"] .site-header-inner {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }

  [data-page="public-home"] .site-header-brand-row {
    gap: 10px;
    max-width: calc(100% - 56px);
  }

  [data-page="public-home"] .site-header .home-ad-grid--header {
    gap: 0;
    flex: 0 1 auto;
    min-width: 0;
  }

  [data-page="public-home"] .site-header .home-ad-grid--header .home-ad-logo {
    max-width: 152px;
    max-height: 48px;
  }

  [data-page="public-home"] .site-logo-mark {
    width: auto !important;
    height: 30px !important;
    border-radius: 0 !important;
  }

  [data-page="public-home"] .site-header-mobile-toggle {
    width: 44px;
    height: 44px;
  }

  [data-page="public-home"] .site-mobile-menu {
    border-top-width: 1px;
    border-bottom: 1px solid #e3e3e3;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    box-shadow: 0 18px 30px -28px rgba(15, 23, 42, 0.45);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 16px;
  }

  [data-page="public-home"] .site-mobile-link {
    display: block;
    font-size: 15px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
  }

  [data-page="public-home"] .site-mobile-menu .site-mobile-link:last-of-type {
    border-bottom: 0;
  }

  [data-page="public-home"] .home-pricing-section {
    padding-top: 60px;
    padding-bottom: 64px;
    padding-left: 14px;
    padding-right: 14px;
  }

  [data-page="public-home"] .home-pricing-title {
    margin-bottom: 28px;
    font-size: clamp(30px, 9vw, 38px);
    line-height: 1.08;
    letter-spacing: -0.03em;
  }

  [data-page="public-home"] .home-pricing-card {
    border-radius: 28px;
    padding: 28px 18px 20px;
    box-shadow:
      0 20px 38px -30px rgba(15, 23, 42, 0.74),
      0 1px 0 rgba(255, 255, 255, 0.14) inset;
  }

  [data-page="public-home"] .home-pricing-badge {
    left: 12px;
    right: auto;
    top: 12px;
    transform: none;
    border-color: rgba(255, 255, 255, 0.48);
    background: rgba(20, 20, 20, 0.9);
    padding: 5px 10px;
    font-size: 10px;
  }

  [data-page="public-home"] .home-pricing-body {
    max-width: 100%;
  }

  [data-page="public-home"] .home-pricing-name {
    margin-top: 4px;
    font-size: 10px;
    letter-spacing: 0.24em;
  }

  [data-page="public-home"] .home-pricing-price {
    margin-top: 14px;
    gap: 6px;
  }

  [data-page="public-home"] .home-pricing-price-value {
    font-size: clamp(46px, 17vw, 62px);
    line-height: 0.9;
  }

  [data-page="public-home"] .home-pricing-price-side {
    padding-bottom: 6px;
  }

  [data-page="public-home"] .home-pricing-price-currency {
    font-size: 18px;
    line-height: 1;
  }

  [data-page="public-home"] .home-pricing-price-period {
    font-size: 12px;
    line-height: 1;
  }

  [data-page="public-home"] .home-pricing-note {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.35;
  }

  [data-page="public-home"] .home-pricing-features {
    margin-top: 20px;
  }

  [data-page="public-home"] .home-pricing-feature {
    gap: 8px;
    font-size: 16px;
    line-height: 1.38;
  }

  [data-page="public-home"] .home-pricing-feature svg {
    width: 15px;
    height: 15px;
    margin-top: 3px;
  }

  [data-page="public-home"] .home-pricing-cta {
    width: 100%;
    max-width: none;
    margin-top: 24px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 14px;
    min-height: 52px;
    font-size: 17px;
    letter-spacing: 0;
  }

  [data-page="public-home"] .home-pricing-card.bg-neutral-900 .home-pricing-cta {
    border-color: rgba(255, 255, 255, 0.24);
  }

  [data-page="public-home"] .home-pricing-card.bg-white .home-pricing-cta {
    border-color: rgba(23, 23, 23, 0.14);
  }

  [data-page="public-home"] .site-flash-sale {
    padding: 0 16px 14px;
  }

  [data-page="public-home"] .site-flash-sale-inner {
    padding-top: 12px;
  }

  [data-page="public-home"] .site-flash-sale-head {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  [data-page="public-home"] .site-flash-sale-title {
    font-size: 16px;
  }

  [data-page="public-home"] .site-flash-sale-summary {
    flex-basis: 100%;
    font-size: 12px;
  }

  [data-page="public-home"] .site-flash-sale-quick {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  [data-page="public-home"] .site-flash-sale-action {
    width: 100%;
    min-height: 40px;
  }

  [data-page="public-home"] .site-flash-sale-marquee {
    margin-top: 10px;
    padding-inline: 16px;
  }

  [data-page="public-home"] .site-flash-sale-marquee-item {
    padding: 9px 12px;
    font-size: 11px;
  }

  [data-page="public-home"] .site-flash-sale-spotlight {
    border-radius: 26px;
    padding: 22px 18px;
  }

  [data-page="public-home"] .site-flash-sale-spotlight-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  [data-page="public-home"] .site-flash-sale-spotlight-title {
    font-size: 28px;
  }

  [data-page="public-home"] .site-flash-sale-spotlight-text {
    font-size: 15px;
  }

  [data-page="public-home"] .site-flash-sale-spotlight-actions {
    flex-direction: column;
  }

  [data-page="public-home"] .site-flash-sale-spotlight-action {
    width: 100%;
  }

  [data-page="public-home"] .site-flash-sale-spotlight-stats {
    grid-template-columns: 1fr;
  }

  [data-page="public-home"] .site-flash-sale-spotlight-stat {
    min-height: 0;
  }

  [data-page="public-home"] #calculator {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  #profile-card-live-preview [data-card-view] {
    max-width: 100%;
  }

  #profile-card-live-preview .unq-ref-footline {
    flex-wrap: wrap;
    gap: 6px;
  }

  .home-slug-counter-main {
    font-size: 19px;
  }

  .home-slug-counter-value {
    font-size: 30px;
  }

  .home-profile-marquee {
    padding: 10px;
  }

  .home-profile-marquee-group {
    gap: 10px;
    padding-right: 10px;
  }

  .home-profile-marquee-item {
    min-width: 190px;
    max-width: 230px;
    padding: 9px 10px;
  }
}

@media (max-width: 420px) {
  [data-page="public-home"] .site-flash-sale-quick-chip {
    width: 100%;
    justify-content: center;
  }

  [data-page="public-home"] .site-flash-sale-title {
    font-size: 15px;
  }

  [data-page="public-home"] .site-flash-sale-spotlight-title {
    font-size: 24px;
  }

  [data-page="public-home"] .home-pricing-card {
    padding: 24px 14px 16px;
    border-radius: 24px;
  }

  [data-page="public-home"] .home-pricing-badge {
    left: 10px;
    top: 10px;
  }

  [data-page="public-home"] .home-pricing-name {
    letter-spacing: 0.2em;
  }

  [data-page="public-home"] .home-pricing-feature {
    font-size: 15px;
    line-height: 1.4;
  }

  [data-page="public-home"] .home-pricing-cta {
    min-height: 50px;
    font-size: 16px;
  }
}

body[data-card-theme] {
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  background-color: var(--theme-page-bg, #f6f6f6);
  background-image: var(--theme-page-bg-image, none);
  --theme-screen-opacity: 0.52;
  --theme-screen-pattern:
    radial-gradient(circle at 16% 22%, rgba(255, 255, 255, 0.22) 0%, transparent 42%),
    radial-gradient(circle at 82% 76%, rgba(17, 26, 44, 0.07) 0%, transparent 46%),
    repeating-linear-gradient(132deg, transparent 0 34px, rgba(20, 28, 42, 0.035) 34px 36px);
}

body[data-card-theme].has-custom-theme-page-bg {
  background: var(--unqx-public-page-bg, var(--theme-page-bg, #f6f6f6)) !important;
}

body[data-card-theme] main {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  align-items: flex-start !important;
  padding-top: max(22px, env(safe-area-inset-top, 0px)) !important;
  padding-bottom: max(18px, env(safe-area-inset-bottom, 0px)) !important;
}

body[data-card-theme] main::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: var(--theme-screen-opacity, 0.62);
  background-image: var(--theme-screen-pattern);
}

body[data-card-theme] #public-card-layout {
  position: relative;
  z-index: 1;
  margin-inline: auto;
}

body[data-card-theme="soviet_carpet"] {
  --theme-page-bg: #800000;
  --theme-screen-opacity: 0.42;
  --theme-screen-pattern:
    radial-gradient(circle at 50% 50%, rgba(212, 175, 55, 0.34) 0 6px, transparent 7px),
    radial-gradient(circle at 0 0, rgba(253, 245, 230, 0.18) 0 5px, transparent 6px),
    radial-gradient(circle at 100% 100%, rgba(255, 51, 51, 0.18) 0 7px, transparent 8px),
    repeating-linear-gradient(45deg, rgba(212, 175, 55, 0.14) 0 2px, transparent 2px 34px),
    repeating-linear-gradient(-45deg, rgba(25, 10, 10, 0.28) 0 2px, transparent 2px 34px);
  background-color: #800000 !important;
  background-image:
    url("/vendor/unqx/assets/themes/carpet_pattern.png"),
    radial-gradient(ellipse at center, rgba(25, 10, 10, 0.22) 0%, transparent 58%),
    radial-gradient(circle at 50% 50%, rgba(212, 175, 55, 0.28) 0 9px, transparent 10px),
    radial-gradient(circle at 20% 20%, rgba(253, 245, 230, 0.17) 0 6px, transparent 7px),
    radial-gradient(circle at 80% 80%, rgba(255, 51, 51, 0.16) 0 7px, transparent 8px),
    linear-gradient(135deg, #800000 0%, #4b0909 54%, #250a0a 100%) !important;
  background-repeat: repeat !important;
  background-size: 350px 350px !important;
}

body[data-card-theme="vintage_mickey"] {
  --theme-page-bg: #F5E6CA;
  --theme-screen-opacity: 0.34;
  --theme-screen-pattern:
    repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.12) 0 2px, transparent 2px 32px),
    repeating-linear-gradient(45deg, rgba(43, 43, 43, 0.06) 0 2px, transparent 2px 44px);
  background-color: #F5E6CA !important;
  background-image:
    repeating-linear-gradient(45deg,
      #8ECAA5 0 74px,
      #D35252 74px 148px,
      #F4D068 148px 222px,
      #F5E6CA 222px 296px) !important;
  background-size: auto !important;
}

body[data-card-theme="vintage_mickey"]::before {
  content: none;
}

body[data-card-theme="rick_morty_portal"] {
  --theme-page-bg: #0B001A;
  --theme-screen-opacity: 0.44;
  --theme-screen-pattern:
    radial-gradient(circle at 22% 20%, rgba(166, 255, 150, 0.24) 0 5px, transparent 6px),
    radial-gradient(circle at 68% 70%, rgba(255, 228, 0, 0.2) 0 7px, transparent 8px),
    repeating-linear-gradient(0deg, rgba(57, 255, 20, 0.06) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(90deg, rgba(57, 255, 20, 0.05) 0 1px, transparent 1px 28px);
  background-color: #0B001A !important;
  background-image:
    radial-gradient(circle at 50% 42%, rgba(57, 255, 20, 0.26) 0%, rgba(15, 115, 28, 0.14) 32%, transparent 62%),
    radial-gradient(circle at 78% 14%, rgba(255, 228, 0, 0.12) 0%, transparent 28%),
    radial-gradient(circle at 18% 84%, rgba(166, 255, 150, 0.12) 0%, transparent 34%),
    linear-gradient(135deg, #0B001A 0%, #120524 56%, #02030A 100%) !important;
}

body[data-card-theme="rick_morty_portal"]::before {
  content: none;
}

body[data-card-theme="gravity_falls"] {
  --theme-page-bg: #1A2E22;
  --theme-screen-opacity: 0.46;
  --theme-screen-pattern:
    radial-gradient(circle at 16% 22%, rgba(229, 169, 60, 0.28) 0 4px, transparent 5px),
    radial-gradient(circle at 82% 68%, rgba(150, 255, 180, 0.22) 0 3px, transparent 4px),
    repeating-linear-gradient(90deg, rgba(242, 227, 198, 0.05) 0 1px, transparent 1px 24px);
  background-color: #1A2E22 !important;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(229, 169, 60, 0.16) 0%, transparent 28%),
    radial-gradient(circle at 84% 78%, rgba(255, 107, 139, 0.12) 0%, transparent 30%),
    repeating-linear-gradient(112deg, rgba(10, 26, 17, 0.24) 0 2px, transparent 2px 26px),
    linear-gradient(135deg, #1A2E22 0%, #203927 50%, #0d1711 100%) !important;
}

body[data-card-theme="gravity_falls"]::before {
  content: none;
}

body[data-card-theme="venom_symbiote"] {
  --theme-page-bg: #050508;
  --theme-screen-opacity: 0.46;
  --theme-screen-pattern:
    radial-gradient(circle at 80% 20%, rgba(0, 240, 255, 0.16) 0%, transparent 42%),
    radial-gradient(circle at 18% 74%, rgba(229, 62, 109, 0.16) 0%, transparent 36%),
    repeating-linear-gradient(115deg, rgba(229, 62, 109, 0.08) 0 2px, transparent 2px 28px);
  background-color: #050508 !important;
  background-image:
    radial-gradient(circle at 82% 18%, rgba(0, 240, 255, 0.16) 0%, transparent 38%),
    radial-gradient(circle at 18% 82%, rgba(229, 62, 109, 0.18) 0%, transparent 36%),
    radial-gradient(ellipse at center, rgba(8, 8, 12, 0.72) 0%, transparent 68%),
    linear-gradient(135deg, #050508 0%, #08080C 56%, #020205 100%) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body[data-card-theme="venom_symbiote"]::before {
  content: none;
}

body[data-card-theme="snow_leopard"] {
  --theme-page-bg: #E2E8F0;
  --theme-screen-opacity: 0.34;
  --theme-screen-pattern:
    radial-gradient(circle at 20% 24%, rgba(255, 255, 255, 0.8) 0 2px, transparent 3px),
    radial-gradient(circle at 72% 68%, rgba(30, 41, 59, 0.12) 0 7px, transparent 8px),
    repeating-linear-gradient(118deg, rgba(15, 23, 42, 0.035) 0 1px, transparent 1px 24px);
  background-color: #E2E8F0 !important;
  background-image:
    radial-gradient(circle at center, #F8FAFC 0%, #CBD5E1 100%),
    radial-gradient(ellipse at 18% 18%, rgba(255, 255, 255, 0.56) 0%, transparent 42%),
    radial-gradient(ellipse at 82% 78%, rgba(148, 163, 184, 0.22) 0%, transparent 45%) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body[data-card-theme="snow_leopard"]::before {
  content: none;
}

body[data-card-theme="graffiti"] {
  --theme-page-bg: #050506;
  --theme-screen-opacity: 0.62;
  --theme-screen-pattern:
    radial-gradient(circle at 18% 22%, rgba(236, 72, 153, 0.24) 0 10px, transparent 11px),
    radial-gradient(circle at 78% 18%, rgba(255, 230, 0, 0.24) 0 8px, transparent 9px),
    radial-gradient(circle at 64% 78%, rgba(236, 72, 153, 0.18) 0 11px, transparent 12px),
    repeating-linear-gradient(90deg, rgba(255, 230, 0, 0.12) 0 2px, transparent 2px 24px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 18px);
  background-color: #050506 !important;
  background-image:
    radial-gradient(circle at 10% 20%, rgba(236, 72, 153, 0.28) 0%, transparent 32%),
    radial-gradient(circle at 86% 16%, rgba(255, 230, 0, 0.24) 0%, transparent 30%),
    radial-gradient(circle at 72% 84%, rgba(236, 72, 153, 0.2) 0%, transparent 38%),
    linear-gradient(135deg, #050506 0%, #0c0c0e 58%, #020202 100%) !important;
  font-family: "Sedgwick Ave Display", Impact, "Arial Black", cursive;
}

body[data-card-theme="graffiti"]::before {
  content: none;
}

body[data-card-theme="shinobi_path"] {
  --theme-page-bg: #C84B31;
  --theme-screen-opacity: 0.44;
  --theme-screen-pattern:
    radial-gradient(circle at 100% 150%, transparent 24%, rgba(176, 62, 39, 0.78) 24%, rgba(176, 62, 39, 0.78) 28%, transparent 28%),
    radial-gradient(circle at 0% 150%, transparent 24%, rgba(176, 62, 39, 0.78) 24%, rgba(176, 62, 39, 0.78) 28%, transparent 28%),
    radial-gradient(circle at 50% 100%, transparent 4%, rgba(176, 62, 39, 0.78) 4%, rgba(176, 62, 39, 0.78) 8%, transparent 8%),
    radial-gradient(circle at 100% 50%, transparent 24%, rgba(176, 62, 39, 0.78) 24%, rgba(176, 62, 39, 0.78) 28%, transparent 28%),
    radial-gradient(circle at 0% 50%, transparent 24%, rgba(176, 62, 39, 0.78) 24%, rgba(176, 62, 39, 0.78) 28%, transparent 28%);
  background-color: #C84B31 !important;
  background-image:
    radial-gradient(circle at 50% 46%, rgba(20, 255, 236, 0.18) 0%, transparent 38%),
    radial-gradient(circle at 100% 150%, transparent 24%, rgba(176, 62, 39, 0.8) 24%, rgba(176, 62, 39, 0.8) 28%, transparent 28%),
    radial-gradient(circle at 0% 150%, transparent 24%, rgba(176, 62, 39, 0.8) 24%, rgba(176, 62, 39, 0.8) 28%, transparent 28%),
    radial-gradient(circle at 50% 100%, transparent 4%, rgba(176, 62, 39, 0.8) 4%, rgba(176, 62, 39, 0.8) 8%, transparent 8%),
    radial-gradient(circle at 100% 50%, transparent 24%, rgba(176, 62, 39, 0.8) 24%, rgba(176, 62, 39, 0.8) 28%, transparent 28%),
    radial-gradient(circle at 0% 50%, transparent 24%, rgba(176, 62, 39, 0.8) 24%, rgba(176, 62, 39, 0.8) 28%, transparent 28%) !important;
  background-size: auto, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px !important;
}

body[data-card-theme="shinobi_path"]::before {
  content: none;
}

body[data-card-theme="shinobi_way"] {
  --theme-page-bg: #D15F47;
  --theme-screen-opacity: 0.42;
  --theme-screen-pattern:
    radial-gradient(circle at 10% 15%, rgba(0, 147, 147, 0.25) 0%, transparent 45%),
    radial-gradient(circle at 90% 85%, rgba(0, 147, 147, 0.25) 0%, transparent 45%),
    radial-gradient(circle at 100% 150%, transparent 24px, rgba(238, 137, 59, 0.72) 24px, rgba(238, 137, 59, 0.72) 28px, transparent 28px),
    radial-gradient(circle at 0% 150%, transparent 24px, rgba(238, 137, 59, 0.72) 24px, rgba(238, 137, 59, 0.72) 28px, transparent 28px);
  background-color: #D15F47 !important;
  background-image:
    radial-gradient(circle at 10% 15%, rgba(0, 147, 147, 0.25) 0%, transparent 45%),
    radial-gradient(circle at 90% 85%, rgba(0, 147, 147, 0.25) 0%, transparent 45%),
    radial-gradient(circle at 100% 150%, transparent 24px, #EE893B 24px, #EE893B 28px, transparent 28px),
    radial-gradient(circle at 0% 150%, transparent 24px, #EE893B 24px, #EE893B 28px, transparent 28px),
    linear-gradient(to bottom, #D15F47, #b24731) !important;
  background-size: 100% 100%, 100% 100%, 60px 60px, 60px 60px, 100% 100% !important;
}

body[data-card-theme="shinobi_way"]::before {
  content: none;
}

body[data-card-theme="samarkand_heritage"] {
  --theme-page-bg: #C5A07A;
  --theme-screen-opacity: 0.36;
  --theme-screen-pattern:
    radial-gradient(circle at top, rgba(32, 138, 133, 0.2) 0%, transparent 60%),
    radial-gradient(circle at 18% 24%, rgba(168, 126, 67, 0.2) 0 6px, transparent 7px),
    radial-gradient(circle at 82% 70%, rgba(30, 77, 156, 0.14) 0 8px, transparent 9px),
    repeating-linear-gradient(35deg, rgba(255, 255, 255, 0.05) 0 2px, transparent 2px 22px);
  background-color: #C5A07A !important;
  background-image:
    radial-gradient(circle at top, rgba(32, 138, 133, 0.2) 0%, transparent 60%),
    linear-gradient(to bottom, #C5A07A 0%, #A87E43 100%) !important;
}

body[data-card-theme="samarkand_heritage"]::before {
  content: none;
}

body[data-card-theme="uzbekistan_35"] {
  --theme-page-bg: #0A192F;
  --theme-screen-opacity: 0.42;
  --theme-screen-pattern:
    radial-gradient(circle at 50% 42%, rgba(212, 175, 55, 0.18) 0%, transparent 48%),
    repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.06) 0 2px, transparent 2px 28px);
  background-color: #0A192F !important;
  background-image:
    radial-gradient(circle at 48% 32%, rgba(212, 175, 55, 0.16) 0%, transparent 36%),
    linear-gradient(135deg, rgba(0, 146, 179, 0.32) 0%, rgba(0, 146, 179, 0.2) 28%, rgba(206, 17, 38, 0.18) 31%, rgba(255, 255, 255, 0.08) 38%, rgba(30, 181, 58, 0.22) 78%),
    #0A192F !important;
}

body[data-card-theme="uzbekistan_35"]::before {
  content: none;
}

body[data-card-theme="turtle_power"] {
  --theme-page-bg: #151d24;
  --theme-screen-opacity: 0.52;
  --theme-screen-pattern:
    radial-gradient(circle at 14% 18%, rgba(74, 120, 54, 0.34) 0%, transparent 42%),
    radial-gradient(circle at 88% 82%, rgba(200, 29, 37, 0.18) 0%, transparent 36%),
    repeating-linear-gradient(115deg, rgba(149, 175, 186, 0.12) 0 2px, transparent 2px 28px);
  background-color: #151d24 !important;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(74, 120, 54, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 85% 80%, rgba(74, 120, 54, 0.34) 0%, transparent 45%),
    radial-gradient(circle at 78% 18%, rgba(200, 29, 37, 0.14) 0%, transparent 34%),
    linear-gradient(135deg, #2c3e4b 0%, #151d24 100%) !important;
  font-family: "Permanent Marker", Impact, "Arial Black", cursive;
}

body[data-card-theme="turtle_power"]::before {
  content: none;
}

body[data-card-theme="egypt_nile"] {
  --theme-page-bg: #C17A44;
  --theme-screen-opacity: 0.42;
  --theme-screen-pattern:
    radial-gradient(circle at 50% 30%, rgba(230, 161, 65, 0.22) 0%, transparent 70%),
    radial-gradient(circle at 18% 20%, rgba(26, 54, 93, 0.16) 0 8px, transparent 9px),
    repeating-linear-gradient(90deg, rgba(112, 62, 22, 0.16) 0 1px, transparent 1px 22px);
  background-color: #C17A44 !important;
  background-image:
    radial-gradient(circle at 50% 30%, rgba(230, 161, 65, 0.22) 0%, transparent 70%),
    radial-gradient(circle at 12% 82%, rgba(30, 94, 74, 0.18) 0%, transparent 36%),
    radial-gradient(circle at 88% 18%, rgba(26, 54, 93, 0.16) 0%, transparent 38%),
    linear-gradient(to bottom, #C17A44 0%, #8C532B 100%) !important;
  font-family: "Comfortaa", "Sora", sans-serif;
}

body[data-card-theme="egypt_nile"]::before {
  content: none;
}

body[data-card-theme="kawaii_kitty"] {
  --theme-page-bg: #FFC0CB;
  --theme-screen-opacity: 0.34;
  --theme-screen-pattern:
    radial-gradient(#ffb2bf 20%, transparent 21%),
    radial-gradient(#ffb2bf 20%, transparent 21%);
  background-color: #FFC0CB !important;
  background-image:
    radial-gradient(#ffb2bf 20%, transparent 21%),
    radial-gradient(#ffb2bf 20%, transparent 21%),
    linear-gradient(135deg, #FFE2E8 0%, #FFC0CB 58%, #FFEEF2 100%) !important;
  background-size: 30px 30px, 30px 30px, 100% 100% !important;
  background-position: 0 0, 15px 15px, 0 0 !important;
  font-family: "Fredoka", "Sora", sans-serif;
}

body[data-card-theme="kawaii_kitty"]::before {
  content: none;
}

body[data-card-theme="sakura_blossom"] {
  --theme-page-bg: #EADBC8;
  --theme-screen-opacity: 0.28;
  --theme-screen-pattern:
    radial-gradient(circle at 20% 24%, rgba(255, 131, 151, 0.14) 0 5px, transparent 6px),
    repeating-linear-gradient(12deg, rgba(31, 20, 18, 0.026) 0 1px, transparent 1px 18px);
  background-color: #EADBC8 !important;
  background-image:
    radial-gradient(ellipse at 22% 42%, rgba(111, 130, 104, 0.22) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 38%, rgba(119, 139, 112, 0.16) 0%, transparent 48%),
    radial-gradient(ellipse at 52% 76%, rgba(255, 131, 151, 0.1) 0%, transparent 58%),
    linear-gradient(135deg, #EADBC8 0%, #FDFAF2 58%, #F4EAD4 100%) !important;
  background-attachment: fixed !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body[data-card-theme="sakura_blossom"]::before {
  content: none;
}

body[data-card-theme="starry_night"] {
  --theme-page-bg: #0B1528;
  --theme-screen-opacity: 0.44;
  --theme-screen-pattern:
    radial-gradient(circle at 16% 20%, rgba(255, 244, 208, 0.2) 0 4px, transparent 5px),
    radial-gradient(circle at 76% 26%, rgba(236, 193, 40, 0.2) 0 6px, transparent 7px),
    repeating-linear-gradient(18deg, rgba(33, 61, 104, 0.16) 0 2px, transparent 2px 24px);
  background-color: #0B1528 !important;
  background-image:
    radial-gradient(circle at 80% 20%, rgba(255, 213, 0, 0.15) 0%, transparent 40%),
    radial-gradient(ellipse at 50% 50%, rgba(33, 61, 104, 0.4) 0%, transparent 70%),
    linear-gradient(135deg, #0B1528 0%, #0C1A30 54%, #040817 100%) !important;
}

body[data-card-theme="starry_night"]::before {
  content: none;
}

@keyframes float-and-twinkle {
  0% {
    transform: translateY(0px) rotate(0deg) scale(0.9);
    opacity: 0.4;
  }

  50% {
    transform: translateY(-15px) rotate(45deg) scale(1.1);
    opacity: 0.9;
  }

  100% {
    transform: translateY(0px) rotate(90deg) scale(0.9);
    opacity: 0.4;
  }
}

.vintage-mickey-sparkles {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.sparkle,
.vintage-mickey-sparkle {
  position: absolute;
  display: block;
  filter: drop-shadow(0 2px 0 rgba(43, 43, 43, 0.12));
  transform-origin: 50% 50%;
  animation: float-and-twinkle 6s ease-in-out infinite;
  will-change: transform, opacity;
}

.rick-morty-portal-effects {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.rick-morty-portal-effects .portal-bg {
  position: absolute;
  left: 50%;
  top: 42%;
  width: min(600px, 118vw);
  height: min(600px, 118vw);
  background:
    conic-gradient(from 0deg, rgba(57, 255, 20, 0.08), rgba(166, 255, 150, 0.38), rgba(255, 228, 0, 0.18), rgba(57, 255, 20, 0.08)),
    radial-gradient(circle, rgba(57, 255, 20, 0.4) 0%, rgba(15, 115, 28, 0.2) 50%, rgba(11, 0, 26, 0) 70%);
  border-radius: 50%;
  filter: blur(40px);
  transform: translate(-50%, -50%);
  animation: portal-spin 20s linear infinite;
}

.portal-bubble {
  position: absolute;
  bottom: 14%;
  border-radius: 50%;
  background: radial-gradient(circle, #A6FF96 0%, #39FF14 100%);
  box-shadow: 0 0 8px #39FF14, 0 0 18px rgba(57, 255, 20, 0.28);
  animation: portal-bubble-float 8s ease-in-out infinite;
  will-change: transform, opacity;
}

.portal-bubble-yellow {
  background: radial-gradient(circle, #FFF6A6 0%, #FFE400 100%);
  box-shadow: 0 0 8px #FFE400, 0 0 18px rgba(255, 228, 0, 0.3);
}

@keyframes portal-spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes portal-bubble-float {
  0% {
    transform: translate3d(0, 100px, 0) scale(0.8);
    opacity: 0;
  }

  35% {
    opacity: 0.72;
  }

  70% {
    opacity: 0.58;
  }

  100% {
    transform: translate3d(var(--bubble-drift, 18px), -150px, 0) scale(1.2);
    opacity: 0;
  }
}

.gravity-falls-effects {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.gravity-bill {
  position: absolute;
  top: 15%;
  left: 10%;
  width: 120px;
  height: 120px;
  opacity: 0.08;
  filter: drop-shadow(0 0 18px rgba(229, 169, 60, 0.7));
  animation: bill-float 6s ease-in-out infinite;
}

.firefly {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  animation: firefly-glow 5s ease-in-out infinite;
  will-change: transform, opacity;
}

@keyframes bill-float {
  0% {
    transform: translateY(0px) rotate(0deg);
  }

  50% {
    transform: translateY(-10px) rotate(2deg);
  }

  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

@keyframes firefly-glow {
  0%,
  100% {
    opacity: 0;
    transform: scale(0.5) translate(0, 0);
  }

  50% {
    opacity: 0.8;
    transform: scale(1.2) translate(15px, -25px);
  }
}

.venom-symbiote-effects {
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}

.neon-lightning {
  position: absolute;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 70% 20%, rgba(0, 240, 255, 0.15) 0%, transparent 60%),
    radial-gradient(circle at 12% 86%, rgba(229, 62, 109, 0.12) 0%, transparent 54%);
  opacity: 0;
  animation: neon-sparkle 6s infinite;
}

.venom-lightning {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 80% 20%, rgba(0, 240, 255, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 18% 76%, rgba(229, 62, 109, 0.12) 0%, transparent 42%);
  animation: electric-flash 8s infinite;
}

.venom-electric-arcs {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: drop-shadow(0 0 0px #00F0FF);
  animation: electric-flash 8s infinite 0.7s;
}

.symbiote-tendril {
  position: absolute;
  width: 15px;
  height: 40px;
  background: linear-gradient(to top, #000000, #12050b);
  border-radius: 50% 50% 30% 30%;
  filter: blur(2px);
  pointer-events: none;
  z-index: 1;
  animation: symbiote-float 10s infinite ease-in-out;
}

.symbiote-tendril-left {
  left: -50px;
  top: 30%;
  width: 150px;
  height: 300px;
  background: radial-gradient(ellipse at left, rgba(21, 4, 10, 0.94) 0%, rgba(8, 8, 12, 0.54) 48%, transparent 80%);
  border-radius: 50% 0 0 50%;
  filter: blur(10px);
  animation: tendril-pulse 7s ease-in-out infinite;
}

.symbiote-tendril-right {
  right: -54px;
  top: 18%;
  width: 150px;
  height: 300px;
  background: radial-gradient(ellipse at right, rgba(229, 62, 109, 0.28) 0%, rgba(8, 8, 12, 0.6) 46%, transparent 82%);
  border-radius: 0 50% 50% 0;
  filter: blur(10px);
  animation: tendril-pulse 7s ease-in-out infinite;
  animation-delay: 1.8s;
}

.tendril-1 {
  left: 8%;
  animation-duration: 9s;
  animation-delay: 0s;
}

.tendril-2 {
  left: 23%;
  width: 25px;
  height: 60px;
  animation-duration: 13s;
  animation-delay: -3s;
}

.tendril-3 {
  left: 45%;
  width: 10px;
  height: 30px;
  animation-duration: 11s;
  animation-delay: -6s;
}

.tendril-4 {
  left: 68%;
  width: 30px;
  height: 70px;
  filter: blur(3px);
  animation-duration: 15s;
  animation-delay: -2s;
}

.tendril-5 {
  left: 85%;
  width: 12px;
  height: 35px;
  animation-duration: 8s;
  animation-delay: -5s;
}

@keyframes symbiote-float {
  0% {
    transform: translateY(110vh) scaleX(1) scaleY(1);
    opacity: 0;
  }

  30% {
    opacity: 0.7;
    transform: translateY(70vh) scaleX(0.8) scaleY(1.2);
  }

  60% {
    transform: translateY(30vh) scaleX(1.1) scaleY(0.9);
  }

  100% {
    transform: translateY(-10vh) scaleX(1) scaleY(1);
    opacity: 0;
  }
}

@keyframes neon-sparkle {
  0%,
  94%,
  98%,
  100% {
    opacity: 0;
  }

  95%,
  97% {
    opacity: 0.6;
    filter: drop-shadow(0 0 15px #00F0FF);
  }

  96% {
    opacity: 0.2;
  }
}

@keyframes electric-flash {
  0%,
  92%,
  100% {
    opacity: 0;
    filter: drop-shadow(0 0 0px #00F0FF);
  }

  93%,
  97% {
    opacity: 0.6;
    filter: drop-shadow(0 0 8px #00F0FF);
  }

  95% {
    opacity: 0.1;
  }

  96% {
    opacity: 0.8;
    filter: drop-shadow(0 0 15px #00F0FF);
  }
}

@keyframes tendril-pulse {
  0%,
  100% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.3;
  }

  50% {
    transform: scale(1.05) rotate(3deg) skewY(-4deg);
    opacity: 0.5;
  }
}

.graffiti-effects {
  position: fixed;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow: hidden;
  mix-blend-mode: screen;
}

.spray-cloud {
  position: fixed;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  opacity: 0;
  filter: blur(22px);
  animation: spray-paint 8s ease-out infinite;
  will-change: transform, opacity;
}

.spray-pink {
  left: 15%;
  top: 20%;
  background: #EC4899;
  animation-delay: 0s;
}

.spray-yellow {
  right: 10%;
  top: 45%;
  width: 180px;
  height: 180px;
  background: #FFE600;
  animation-delay: -2s;
}

.spray-blue {
  left: 30%;
  bottom: 15%;
  width: 140px;
  height: 140px;
  background: #EC4899;
  animation-delay: -4s;
}

.spray-orange {
  right: 25%;
  top: 10%;
  width: 130px;
  height: 130px;
  background: #FF4500;
  animation-delay: -6s;
}

.paint-drip {
  position: absolute;
  top: 0;
  width: 5px;
  height: 0;
  border-radius: 0 0 999px 999px;
  opacity: 0;
  animation: drip-down 12s ease-in-out infinite;
  box-shadow: 0 0 12px currentColor;
  z-index: 2;
  will-change: height, opacity;
}

.drip-1 {
  left: 12%;
  color: #FFE600;
  background: #FFE600;
  animation-delay: 1s;
}

.drip-2 {
  left: 45%;
  color: #EC4899;
  background: #EC4899;
  animation-delay: 4s;
  animation-duration: 9s;
}

.drip-3 {
  right: 18%;
  color: #FF4500;
  background: #FF4500;
  animation-delay: 2s;
  animation-duration: 15s;
}

@keyframes spray-paint {
  0% {
    transform: scale(0.35) rotate(0deg);
    opacity: 0;
  }

  18% {
    opacity: 0.38;
  }

  56% {
    opacity: 0.18;
  }

  100% {
    transform: scale(1.35) rotate(18deg);
    opacity: 0;
  }
}

@keyframes drip-down {
  0%,
  70%,
  100% {
    height: 0;
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  42% {
    height: 120px;
    opacity: 0.82;
  }
}

.snow-leopard-effects {
  position: fixed;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow: hidden;
  perspective: 900px;
}

.snow-flake {
  position: fixed;
  top: -12px;
  background-color: #FFFFFF;
  border-radius: 50%;
  pointer-events: none;
  animation: snow-fall linear infinite;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.72);
  will-change: transform;
}

.snow-foreground {
  width: 6px;
  height: 6px;
  filter: blur(1px);
  opacity: 0.9;
  z-index: 10;
}

.snow-midground {
  width: 4px;
  height: 4px;
  opacity: 0.7;
  z-index: 4;
}

.snow-background {
  width: 2px;
  height: 2px;
  opacity: 0.5;
  z-index: 1;
}

.snow-1 {
  --snow-drift: -10px;
}

.snow-2 {
  --snow-drift: 28px;
}

.snow-3 {
  --snow-drift: -24px;
}

.snow-4 {
  --snow-drift: 38px;
}

.snow-5 {
  --snow-drift: -16px;
}

.snow-6 {
  --snow-drift: 22px;
}

.snow-7 {
  --snow-drift: -34px;
}

@keyframes snow-fall {
  0% {
    transform: translate3d(0, -10px, 0) rotate(0deg);
  }

  50% {
    transform: translate3d(calc(var(--snow-drift, 24px) * -1), 50vh, 35px) rotate(180deg);
  }

  100% {
    transform: translate3d(var(--snow-drift, -10px), 105vh, 0) rotate(360deg);
  }
}

.shinobi-path-effects {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.chakra-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(450px, 96vw);
  height: min(450px, 96vw);
  background:
    conic-gradient(from 0deg, rgba(20, 255, 236, 0), rgba(20, 255, 236, 0.18), rgba(255, 140, 0, 0.08), rgba(20, 255, 236, 0)),
    radial-gradient(circle, rgba(20, 255, 236, 0.3) 0%, transparent 70%);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  filter: blur(18px);
  animation: chakra-pulse 4s ease-in-out infinite;
}

.shinobi-cloud {
  position: absolute;
  left: -260px;
  display: block;
  background: linear-gradient(135deg, #0D7377 0%, #14FFEC 100%);
  filter: blur(2px) drop-shadow(0 0 10px rgba(20, 255, 236, 0.4));
  border-radius: 50px;
  opacity: 0.35;
  animation: cloud-drift 30s linear infinite;
}

.shinobi-cloud::before,
.shinobi-cloud::after,
.shinobi-cloud span {
  content: "";
  position: absolute;
  bottom: 8px;
  border-radius: 50%;
  background: inherit;
}

.shinobi-cloud::before {
  left: 22px;
  width: 54px;
  height: 54px;
}

.shinobi-cloud::after {
  left: 72px;
  width: 76px;
  height: 76px;
}

.shinobi-cloud span {
  left: 132px;
  width: 52px;
  height: 52px;
}

.cloud-1 {
  top: 15%;
  width: 180px;
  height: 40px;
  animation-duration: 30s;
}

.cloud-2 {
  top: 60%;
  width: 240px;
  height: 50px;
  animation-duration: 42s;
  animation-delay: -15s;
}

.cloud-3 {
  top: 34%;
  width: 210px;
  height: 46px;
  animation-duration: 36s;
  animation-delay: -7s;
}

.cloud-4 {
  top: 78%;
  width: 170px;
  height: 38px;
  animation-duration: 48s;
  animation-delay: -24s;
}

@keyframes cloud-drift {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }

  10% {
    opacity: 0.35;
  }

  90% {
    opacity: 0.35;
  }

  100% {
    transform: translateX(110vw);
    opacity: 0;
  }
}

@keyframes chakra-pulse {
  0%,
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
  }

  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.25;
  }
}

.shinobi-way-effects {
  position: fixed;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow: hidden;
}

.konoha-leaf {
  position: fixed;
  top: -5vh;
  pointer-events: none;
  z-index: 1;
  animation: leaf-wind 9s linear infinite;
  will-change: transform, opacity;
}

.konoha-leaf::before {
  content: "";
  display: block;
  width: 14px;
  height: 22px;
  border-radius: 0% 100% 10% 90%;
  transform: rotate(-15deg);
}

.leaf-teal::before {
  background: #009793;
  box-shadow: 0 0 8px rgba(0, 147, 147, 0.4);
}

.leaf-orange::before {
  background: #EE893B;
  box-shadow: 0 0 8px rgba(238, 137, 59, 0.4);
}

.leaf-1 {
  left: 5%;
  animation-delay: 0s;
  animation-duration: 8s;
}

.leaf-2 {
  left: 20%;
  animation-delay: -3s;
  animation-duration: 11s;
}

.leaf-3 {
  left: 45%;
  animation-delay: -1.5s;
  animation-duration: 7s;
}

.leaf-4 {
  left: 65%;
  animation-delay: -5s;
  animation-duration: 10s;
}

.leaf-5 {
  left: 85%;
  animation-delay: -2s;
  animation-duration: 9s;
}

.leaf-6 {
  left: 34%;
  animation-delay: -6.5s;
  animation-duration: 12s;
}

.leaf-7 {
  left: 76%;
  animation-delay: -4.2s;
  animation-duration: 8.5s;
}

@keyframes leaf-wind {
  0% {
    transform: translateY(-5vh) translateX(-50px) rotate(0deg) scale(0.8);
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  90% {
    opacity: 0.8;
  }

  100% {
    transform: translateY(105vh) translateX(250px) rotate(720deg) scale(1.1);
    opacity: 0;
  }
}

@keyframes chakra-way-pulse {
  0%,
  100% {
    transform: scale(0.98);
    filter: drop-shadow(0 0 15px rgba(0, 151, 147, 0.3));
    opacity: 0.82;
  }

  50% {
    transform: scale(1.02);
    filter: drop-shadow(0 0 30px rgba(0, 151, 147, 0.6));
    opacity: 1;
  }
}

.samarkand-heritage-effects {
  position: fixed;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow: hidden;
}

.gold-dust {
  position: fixed;
  bottom: -10px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  animation: float-dust infinite linear;
  will-change: transform, opacity;
}

.dust-gold {
  background: #A87E43;
  box-shadow: 0 0 8px #A87E43, 0 0 15px rgba(168, 126, 67, 0.5);
}

.dust-teal {
  background: #208A85;
  box-shadow: 0 0 8px #208A85, 0 0 15px rgba(32, 138, 133, 0.5);
}

.dust-1 {
  left: 15%;
  width: 4px;
  height: 4px;
  animation-duration: 12s;
  animation-delay: 0s;
}

.dust-2 {
  left: 35%;
  width: 3px;
  height: 3px;
  animation-duration: 16s;
  animation-delay: -3s;
}

.dust-3 {
  left: 55%;
  width: 5px;
  height: 5px;
  animation-duration: 14s;
  animation-delay: -7s;
}

.dust-4 {
  left: 75%;
  width: 2px;
  height: 2px;
  animation-duration: 18s;
  animation-delay: -2s;
}

.dust-5 {
  left: 90%;
  width: 4px;
  height: 4px;
  animation-duration: 11s;
  animation-delay: -5s;
}

.dust-6 {
  left: 8%;
  width: 3px;
  height: 3px;
  animation-duration: 15s;
  animation-delay: -9s;
}

.dust-7 {
  left: 66%;
  width: 4px;
  height: 4px;
  animation-duration: 13s;
  animation-delay: -11s;
}

@keyframes float-dust {
  0% {
    transform: translateY(105vh) translateX(0) rotate(0deg);
    opacity: 0;
  }

  20% {
    opacity: 0.8;
  }

  80% {
    opacity: 0.6;
  }

  100% {
    transform: translateY(-5vh) translateX(50px) rotate(360deg);
    opacity: 0;
  }
}

@keyframes majolica-pulse {
  0%,
  100% {
    opacity: 0.2;
    filter: blur(15px);
  }

  50% {
    opacity: 0.5;
    filter: blur(25px);
  }
}

.turtle-power-effects {
  position: fixed;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow: hidden;
}

.patrolling-turtle-1,
.patrolling-turtle-2 {
  position: fixed;
  width: 58px;
  height: 58px;
  z-index: 99;
  pointer-events: none;
  filter: drop-shadow(0 5px 0 rgba(30, 41, 59, 0.34)) drop-shadow(0 0 12px rgba(74, 120, 54, 0.42));
  will-change: left, top, transform;
}

.patrolling-turtle-1 {
  animation: route-fast 25s infinite linear;
}

.patrolling-turtle-2 {
  width: 48px;
  height: 48px;
  animation: route-slow 38s infinite linear;
}

.t-leg-l {
  animation: crawl-left 0.6s infinite ease-in-out;
  transform-origin: top right;
}

.t-leg-r {
  animation: crawl-right 0.6s infinite ease-in-out;
  transform-origin: top left;
}

.mutagen-splat {
  position: fixed;
  width: 120px;
  height: 120px;
  border-radius: 42% 58% 48% 52%;
  background:
    radial-gradient(circle at 38% 36%, rgba(255, 230, 0, 0.42) 0 8px, transparent 9px),
    radial-gradient(circle, rgba(74, 120, 54, 0.34), rgba(74, 120, 54, 0.02) 68%);
  filter: blur(1px);
  opacity: 0.4;
  animation: splat-pulse 5s ease-in-out infinite;
}

.splat-1 {
  left: 6%;
  top: 14%;
}

.splat-2 {
  right: 9%;
  top: 60%;
  animation-delay: -2s;
  transform: scale(1.25) rotate(18deg);
}

.splat-3 {
  left: 42%;
  bottom: 8%;
  animation-delay: -3.5s;
  transform: scale(0.8) rotate(-22deg);
}

@keyframes crawl-left {
  0%,
  100% {
    transform: rotate(-16deg) translateY(0);
  }

  50% {
    transform: rotate(18deg) translateY(2px);
  }
}

@keyframes crawl-right {
  0%,
  100% {
    transform: rotate(18deg) translateY(0);
  }

  50% {
    transform: rotate(-16deg) translateY(2px);
  }
}

@keyframes route-fast {
  0% {
    left: -8%;
    top: 78%;
    transform: rotate(78deg);
  }

  30% {
    left: 34%;
    top: 52%;
    transform: rotate(58deg);
  }

  55% {
    left: 84%;
    top: 20%;
    transform: rotate(74deg);
  }

  56% {
    left: 84%;
    top: 20%;
    transform: rotate(250deg) scaleX(-1);
  }

  80% {
    left: 38%;
    top: 42%;
    transform: rotate(238deg) scaleX(-1);
  }

  100% {
    left: -8%;
    top: 78%;
    transform: rotate(250deg) scaleX(-1);
  }
}

@keyframes route-slow {
  0% {
    left: 96%;
    top: 16%;
    transform: rotate(250deg) scaleX(-1);
  }

  34% {
    left: 58%;
    top: 36%;
    transform: rotate(240deg) scaleX(-1);
  }

  68% {
    left: 10%;
    top: 66%;
    transform: rotate(246deg) scaleX(-1);
  }

  69% {
    left: 10%;
    top: 66%;
    transform: rotate(70deg);
  }

  100% {
    left: 96%;
    top: 16%;
    transform: rotate(70deg);
  }
}

@keyframes splat-pulse {
  0%,
  100% {
    opacity: 0.25;
    filter: blur(1px) saturate(1);
  }

  50% {
    opacity: 0.52;
    filter: blur(2px) saturate(1.25);
  }
}

.egypt-nile-effects {
  position: fixed;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow: hidden;
}

.egypt-spark {
  position: fixed;
  bottom: -12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #E6A141;
  box-shadow: 0 0 8px #E6A141, 0 0 18px rgba(230, 161, 65, 0.42);
  animation: egypt-float 15s infinite linear;
}

.spark-1 {
  left: 15%;
  animation-duration: 14s;
}

.spark-2 {
  left: 45%;
  animation-duration: 18s;
  animation-delay: -4s;
}

.spark-3 {
  left: 75%;
  animation-duration: 15s;
  animation-delay: -8s;
}

.spark-4 {
  left: 88%;
  animation-duration: 20s;
  animation-delay: -11s;
}

.egypt-scarab {
  position: fixed;
  width: 54px;
  height: 34px;
  opacity: 0.13;
  filter: drop-shadow(0 0 8px rgba(230, 161, 65, 0.34));
  background:
    radial-gradient(ellipse at 50% 58%, #E6A141 0 38%, transparent 39%),
    radial-gradient(ellipse at 24% 50%, #1E5E4A 0 24%, transparent 25%),
    radial-gradient(ellipse at 76% 50%, #1E5E4A 0 24%, transparent 25%);
  animation: scarab-drift 22s ease-in-out infinite;
}

.egypt-scarab::before {
  content: "";
  position: absolute;
  left: 23px;
  top: -7px;
  width: 8px;
  height: 12px;
  border-radius: 50%;
  background: #E6A141;
}

.scarab-1 {
  left: 6%;
  top: 22%;
}

.scarab-2 {
  right: 8%;
  bottom: 20%;
  transform: scale(1.25) rotate(18deg);
  animation-delay: -9s;
}

.nile-wave-wrapper {
  position: absolute !important;
  left: 0;
  bottom: 0;
  z-index: 2 !important;
  width: 100%;
  height: 48px;
  overflow: hidden;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(143, 165, 199, 0.92), rgba(71, 104, 147, 0.95)),
    radial-gradient(circle at 30% 0%, rgba(255, 255, 255, 0.25), transparent 42%);
  box-shadow: inset 0 6px 12px rgba(26, 54, 93, 0.4), 0 -2px 0 rgba(230, 161, 65, 0.44);
}

.nile-wave-svg {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 200%;
  height: 100%;
  fill: #768cae;
  opacity: 0.78;
  animation: nile-flow 8s infinite ease-in-out;
}

.nile-wave-svg-secondary {
  bottom: 6px;
  fill: rgba(214, 231, 255, 0.42);
  opacity: 0.65;
  animation-duration: 11s;
  animation-delay: -3s;
}

@keyframes nile-flow {
  0% {
    transform: translateX(0) scaleY(1);
  }

  50% {
    transform: translateX(-25%) scaleY(1.15);
  }

  100% {
    transform: translateX(-50%) scaleY(1);
  }
}

@keyframes egypt-float {
  0% {
    transform: translateY(100vh) scale(0.5);
    opacity: 0;
  }

  45% {
    opacity: 0.62;
  }

  100% {
    transform: translateY(-10vh) scale(1.2);
    opacity: 0;
  }
}

@keyframes scarab-drift {
  0%,
  100% {
    opacity: 0.08;
    transform: translateY(0) rotate(-6deg);
  }

  50% {
    opacity: 0.18;
    transform: translateY(-14px) rotate(8deg);
  }
}

.kawaii-kitty-effects {
  position: fixed;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow: hidden;
}

.falling-heart {
  position: fixed;
  top: -50px;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  fill: #FF6B8B;
  animation: heart-fall 10s infinite linear;
  filter: drop-shadow(0 3px 0 rgba(30, 30, 30, 0.14));
  will-change: transform, opacity;
}

.heart-1 {
  left: 10%;
  width: 18px;
  height: 18px;
  fill: #FF8CA3;
  animation-duration: 9s;
  animation-delay: 0s;
}

.heart-2 {
  left: 30%;
  width: 25px;
  height: 25px;
  fill: #FFB2BF;
  animation-duration: 12s;
  animation-delay: -2s;
}

.heart-3 {
  left: 55%;
  width: 14px;
  height: 14px;
  fill: #FF6B8B;
  animation-duration: 8s;
  animation-delay: -4s;
}

.heart-4 {
  left: 75%;
  width: 22px;
  height: 22px;
  fill: #FF8CA3;
  animation-duration: 11s;
  animation-delay: -1s;
}

.heart-5 {
  left: 90%;
  width: 16px;
  height: 16px;
  fill: #FFB2BF;
  animation-duration: 10s;
  animation-delay: -6s;
}

.heart-6 {
  left: 42%;
  width: 19px;
  height: 19px;
  fill: #FF6B8B;
  animation-duration: 13s;
  animation-delay: -7s;
}

.heart-7 {
  left: 68%;
  width: 12px;
  height: 12px;
  fill: #FF8CA3;
  animation-duration: 9.5s;
  animation-delay: -5s;
}

@keyframes heart-fall {
  0% {
    transform: translateY(-10vh) translateX(0) rotate(0deg);
    opacity: 0;
  }

  10% {
    opacity: 0.82;
  }

  50% {
    transform: translateY(50vh) translateX(30px) rotate(180deg);
  }

  90% {
    opacity: 0.78;
  }

  100% {
    transform: translateY(110vh) translateX(50px) rotate(360deg);
    opacity: 0;
  }
}

.sakura-blossom-effects {
  position: fixed;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow: hidden;
  perspective: 900px;
}

.sakura-calligraphy {
  position: absolute;
  top: 12%;
  right: 9%;
  color: #1F1412;
  font-family: "Times New Roman", serif;
  font-size: clamp(40px, 8vw, 96px);
  font-weight: 700;
  line-height: 1.08;
  opacity: 0.05;
  writing-mode: vertical-rl;
  letter-spacing: 0.16em;
}

.sakura-petal {
  position: fixed;
  top: -36px;
  width: 12px;
  height: 10px;
  background: linear-gradient(135deg, #FFB5C2 0%, #FF8397 48%, #B04B4B 100%);
  border-radius: 50% 0% 50% 50%;
  opacity: 0;
  pointer-events: none;
  z-index: 4;
  box-shadow: 0 2px 5px rgba(176, 75, 75, 0.2);
  transform-origin: bottom left;
  animation: sakura-fall-3d 12s linear infinite;
  will-change: transform, opacity;
}

.sakura-petal--foreground {
  width: 18px;
  height: 14px;
  z-index: 10;
  filter: blur(0.8px);
}

.sakura-petal--midground {
  width: 12px;
  height: 10px;
  z-index: 5;
}

.sakura-petal--background {
  width: 8px;
  height: 6px;
  z-index: 1;
  filter: blur(0.25px);
}

.petal-1 {
  --petal-drift: 120px;
}

.petal-2 {
  --petal-drift: -88px;
}

.petal-3 {
  --petal-drift: 64px;
}

.petal-4 {
  --petal-drift: -118px;
}

.petal-5 {
  --petal-drift: 96px;
}

.petal-6 {
  --petal-drift: -58px;
}

.petal-7 {
  --petal-drift: 142px;
}

.petal-8 {
  --petal-drift: -134px;
}

@keyframes sakura-fall-3d {
  0% {
    transform: translate3d(0, -8vh, 0) rotate(var(--petal-start-rotate, 0deg)) rotateY(0deg) scale(0.72);
    opacity: 0;
  }

  10% {
    opacity: 0.92;
  }

  38% {
    transform: translate3d(calc(var(--petal-drift, 80px) * 0.42), 36vh, 34px) rotate(180deg) rotateY(150deg) scale(1);
  }

  66% {
    transform: translate3d(calc(var(--petal-drift, 80px) * -0.24), 68vh, -26px) rotate(360deg) rotateY(270deg) scale(0.86);
  }

  90% {
    opacity: 0.86;
  }

  100% {
    transform: translate3d(var(--petal-drift, 120px), 108vh, 0) rotate(540deg) rotateY(360deg) scale(1.08);
    opacity: 0;
  }
}

.starry-night-effects {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.gogh-swirl {
  position: absolute;
  top: 40%;
  left: 50%;
  width: min(650px, 128vw);
  height: min(400px, 86vw);
  background:
    conic-gradient(from 0deg, rgba(33, 61, 104, 0.08), rgba(236, 193, 40, 0.18), rgba(33, 61, 104, 0.35), rgba(255, 244, 208, 0.1), rgba(33, 61, 104, 0.08)),
    radial-gradient(ellipse at center, rgba(33, 61, 104, 0.35) 0%, rgba(236, 193, 40, 0.05) 40%, rgba(11, 21, 40, 0) 70%);
  border-radius: 50%;
  filter: blur(25px);
  transform: translate(-50%, -50%);
  animation: starry-wind 30s linear infinite;
}

.gogh-star {
  position: absolute;
  border-radius: 50%;
  background:
    radial-gradient(circle, #FFF4D0 10%, #ECC128 40%, rgba(33, 61, 104, 0.6) 70%, transparent 100%),
    repeating-radial-gradient(circle, rgba(255, 244, 208, 0.32) 0 2px, rgba(236, 193, 40, 0.12) 2px 5px, transparent 5px 9px);
  animation: gogh-star-glow 8s ease-in-out infinite;
  pointer-events: none;
}

.gogh-cypress {
  position: absolute;
  left: 2%;
  bottom: -4%;
  width: min(160px, 30vw);
  height: auto;
  opacity: 0.12;
  filter: blur(0.2px);
}

@keyframes starry-wind {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.9);
    opacity: 0.4;
  }

  50% {
    transform: translate(-50%, -50%) rotate(180deg) scale(1.1);
    opacity: 0.6;
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg) scale(0.9);
    opacity: 0.4;
  }
}

@keyframes gogh-vortex {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.95);
  }

  50% {
    transform: translate(-50%, -50%) rotate(180deg) scale(1.05);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg) scale(0.95);
  }
}

@keyframes gogh-star-glow {
  0%,
  100% {
    transform: scale(0.9);
    filter: drop-shadow(0 0 8px rgba(255, 213, 0, 0.6));
  }

  50% {
    transform: scale(1.12);
    filter: drop-shadow(0 0 25px rgba(255, 213, 0, 0.95));
  }
}

@keyframes star-pulse {
  0%,
  100% {
    transform: scale(0.85);
    opacity: 0.7;
    filter: drop-shadow(0 0 8px rgba(255, 213, 0, 0.5));
  }

  50% {
    transform: scale(1.15);
    opacity: 1;
    filter: drop-shadow(0 0 20px rgba(255, 213, 0, 0.9));
  }
}

.black-gold-leaf-effects {
  position: fixed;
  inset: 0;
  z-index: 8;
  pointer-events: none;
  overflow: hidden;
  perspective: 900px;
}

body[data-card-theme="black_gold_leaf"] {
  background: #000000 !important;
}

body[data-card-theme="black_gold_leaf"] main,
#profile-card-live-preview[data-preview-theme="black_gold_leaf"] {
  background: #000000 !important;
}

.black-gold-leaf {
  position: fixed;
  top: -44px;
  display: block;
  opacity: 0;
  transform-origin: 50% 100%;
  animation: black-gold-leaf-fall 22s linear infinite;
  overflow: visible;
  color: #fff3a6;
  filter:
    drop-shadow(0 0 7px rgba(255, 246, 186, 0.9))
    drop-shadow(0 0 16px rgba(255, 232, 139, 0.64))
    drop-shadow(0 0 30px rgba(212, 175, 55, 0.34));
  will-change: transform, opacity;
}

.black-gold-leaf .black-gold-leaf-shape {
  stroke: rgba(255, 249, 200, 0.62);
  stroke-width: 1.2;
  stroke-linejoin: round;
}

.black-gold-leaf .black-gold-leaf-vein {
  fill: none;
  stroke: rgba(255, 255, 224, 0.76);
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.black-gold-leaf-1,
.black-gold-leaf-5,
.black-gold-leaf-7 {
  filter: blur(0.15px);
}

.black-gold-leaf-2,
.black-gold-leaf-4,
.black-gold-leaf-8 {
  filter: blur(0.55px);
}

.black-gold-leaf-3,
.black-gold-leaf-6 {
  filter: blur(0.3px);
}

@keyframes black-gold-leaf-fall {
  0% {
    transform: translate3d(0, -10vh, 0) rotate(var(--leaf-rotate, 0deg)) rotateY(0deg) scale(0.74);
    opacity: 0;
  }

  12% {
    opacity: var(--leaf-opacity, 0.34);
  }

  38% {
    transform: translate3d(34px, 36vh, 28px) rotate(calc(var(--leaf-rotate, 0deg) + 120deg)) rotateY(135deg) scale(0.96);
  }

  68% {
    transform: translate3d(-22px, 70vh, -18px) rotate(calc(var(--leaf-rotate, 0deg) + 255deg)) rotateY(246deg) scale(0.84);
  }

  92% {
    opacity: calc(var(--leaf-opacity, 0.34) * 0.8);
  }

  100% {
    transform: translate3d(52px, 112vh, 0) rotate(calc(var(--leaf-rotate, 0deg) + 390deg)) rotateY(360deg) scale(1.02);
    opacity: 0;
  }
}

.ocean-2d-effects {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: linear-gradient(180deg, #dff7ff 0%, #bcecff 46%, #eafcff 100%);
}

body[data-card-theme="ocean_2d"] {
  background: #dff7ff !important;
}

body[data-card-theme="ocean_2d"] main,
#profile-card-live-preview[data-preview-theme="ocean_2d"] {
  background: linear-gradient(180deg, #dff7ff 0%, #bcecff 48%, #eafcff 100%) !important;
}

.ocean-2d-sun-glow {
  position: absolute;
  top: 7%;
  right: 10%;
  width: min(220px, 44vw);
  height: min(220px, 44vw);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.72) 0 28%, rgba(255, 255, 255, 0.22) 44%, transparent 70%);
  filter: blur(2px);
  opacity: 0.72;
}

.ocean-2d-cloud {
  position: absolute;
  display: block;
  height: 72px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow:
    22px -18px 0 rgba(255, 255, 255, 0.66),
    54px -30px 0 rgba(255, 255, 255, 0.58),
    92px -14px 0 rgba(255, 255, 255, 0.68),
    124px 6px 0 rgba(255, 255, 255, 0.62),
    38px 14px 0 rgba(210, 232, 238, 0.72);
  opacity: 0.74;
}

.ocean-2d-cloud-1 {
  top: 8%;
  left: -28px;
  width: 154px;
}

.ocean-2d-cloud-2 {
  top: 11%;
  right: -34px;
  width: 170px;
  transform: scale(0.82);
  opacity: 0.7;
}

.ocean-2d-cloud-3 {
  top: 20%;
  left: 18%;
  width: 112px;
  transform: scale(0.52);
  opacity: 0.45;
}

.ocean-2d-seagull {
  position: absolute;
  left: -110px;
  width: 86px;
  height: 32px;
  overflow: visible;
  opacity: 0;
  transform: scale(var(--seagull-scale, 1));
  animation: ocean-2d-seagull-flight 14s linear infinite;
  will-change: transform, opacity;
}

.ocean-2d-seagull-wing,
.ocean-2d-seagull-body {
  fill: #ffffff;
  stroke: rgba(7, 89, 133, 0.16);
  stroke-width: 1.6;
  stroke-linejoin: round;
}

.ocean-2d-seagull-wing-left {
  transform-origin: 43px 18px;
  animation: ocean-2d-wing-left 2.8s ease-in-out infinite;
}

.ocean-2d-seagull-wing-right {
  transform-origin: 43px 18px;
  animation: ocean-2d-wing-right 2.8s ease-in-out infinite;
}

.ocean-2d-seagull-2 {
  opacity: 0;
}

.ocean-2d-seagull-3 .ocean-2d-seagull-wing,
.ocean-2d-seagull-3 .ocean-2d-seagull-body {
  fill: rgba(255, 255, 255, 0.82);
}

.ocean-2d-wave {
  position: absolute;
  left: -12%;
  right: -12%;
  height: 170px;
  border-radius: 50% 50% 0 0 / 44% 44% 0 0;
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255, 255, 255, 0.82) 0 12%, transparent 13%),
    radial-gradient(ellipse at 48% 4%, rgba(255, 255, 255, 0.72) 0 10%, transparent 11%),
    radial-gradient(ellipse at 78% 0%, rgba(255, 255, 255, 0.78) 0 11%, transparent 12%),
    linear-gradient(180deg, #ffffff 0 12px, #7fdcff 13px, #1fa8d5 100%);
  box-shadow: inset 0 12px 0 rgba(255, 255, 255, 0.28);
  opacity: 0.88;
  transform: translateX(0);
  animation: ocean-2d-wave-sway 9s ease-in-out infinite;
}

.ocean-2d-wave-1 {
  bottom: -44px;
  z-index: 3;
  animation-duration: 8.5s;
}

.ocean-2d-wave-2 {
  bottom: 34px;
  z-index: 2;
  height: 150px;
  opacity: 0.54;
  background:
    radial-gradient(ellipse at 26% 0%, rgba(255, 255, 255, 0.66) 0 10%, transparent 11%),
    radial-gradient(ellipse at 70% 4%, rgba(255, 255, 255, 0.6) 0 9%, transparent 10%),
    linear-gradient(180deg, rgba(255,255,255,0.82) 0 10px, #9ee8ff 11px, #48bde6 100%);
  animation-duration: 12s;
  animation-delay: -3s;
}

.ocean-2d-wave-3 {
  bottom: 112px;
  z-index: 1;
  height: 125px;
  opacity: 0.34;
  background:
    radial-gradient(ellipse at 42% 0%, rgba(255, 255, 255, 0.52) 0 10%, transparent 11%),
    linear-gradient(180deg, rgba(255,255,255,0.62) 0 8px, #bdefff 9px, #78d6f8 100%);
  animation-duration: 15s;
  animation-delay: -5s;
}

.ocean-2d-wave-4 {
  bottom: 214px;
  z-index: 1;
  height: 82px;
  opacity: 0.24;
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255, 255, 255, 0.58) 0 11%, transparent 12%),
    radial-gradient(ellipse at 58% 0%, rgba(255, 255, 255, 0.48) 0 9%, transparent 10%),
    linear-gradient(180deg, rgba(255,255,255,0.58) 0 7px, #a9e9ff 8px, #46b6df 100%);
  animation-duration: 18s;
  animation-delay: -8s;
}

.ocean-2d-foam {
  position: absolute;
  width: 180px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.62);
  filter: blur(0.2px);
  animation: ocean-2d-foam-drift 10s ease-in-out infinite;
}

.ocean-2d-foam-1 {
  left: 8%;
  bottom: 170px;
}

.ocean-2d-foam-2 {
  right: 6%;
  bottom: 244px;
  width: 132px;
  opacity: 0.72;
  animation-delay: -4s;
}

.ocean-2d-foam-3 {
  left: 38%;
  bottom: 306px;
  width: 104px;
  height: 18px;
  opacity: 0.52;
  animation-delay: -7s;
}

.ocean-2d-bubble {
  position: absolute;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.16);
  animation: ocean-2d-bubble-float 8s ease-in-out infinite;
}

.ocean-2d-bubble-1 {
  left: 14%;
  top: 22%;
  width: 18px;
  height: 18px;
}

.ocean-2d-bubble-2 {
  right: 18%;
  top: 34%;
  width: 28px;
  height: 28px;
  animation-delay: -2.5s;
}

.ocean-2d-bubble-3 {
  left: 72%;
  top: 16%;
  width: 12px;
  height: 12px;
  animation-delay: -5s;
}

@keyframes ocean-2d-wave-sway {
  0%, 100% {
    transform: translateX(-2%) translateY(0);
  }

  50% {
    transform: translateX(2.5%) translateY(8px);
  }
}

@keyframes ocean-2d-foam-drift {
  0%, 100% {
    transform: translateX(-12px) scaleX(0.92);
    opacity: 0.46;
  }

  50% {
    transform: translateX(24px) scaleX(1.08);
    opacity: 0.78;
  }
}

@keyframes ocean-2d-bubble-float {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(0.92);
    opacity: 0.36;
  }

  50% {
    transform: translate3d(10px, -22px, 0) scale(1.12);
    opacity: 0.76;
  }
}

@keyframes ocean-2d-seagull-flight {
  0% {
    transform: translate3d(-120px, 0, 0) scale(var(--seagull-scale, 1));
    opacity: 0;
  }

  10% {
    opacity: 0.92;
  }

  50% {
    transform: translate3d(52vw, -18px, 0) scale(var(--seagull-scale, 1));
  }

  90% {
    opacity: 0.9;
  }

  100% {
    transform: translate3d(calc(100vw + 150px), 10px, 0) scale(var(--seagull-scale, 1));
    opacity: 0;
  }
}

@keyframes ocean-2d-wing-left {
  0%, 100% {
    transform: rotate(0deg) translateY(0);
  }

  50% {
    transform: rotate(-10deg) translateY(-2px);
  }
}

@keyframes ocean-2d-wing-right {
  0%, 100% {
    transform: rotate(0deg) translateY(0);
  }

  50% {
    transform: rotate(10deg) translateY(-2px);
  }
}

body[data-card-theme] #card-view-root {
  margin-inline: auto;
  width: 100%;
  max-width: 560px !important;
}

body[data-card-theme] #card-view-root>[data-card-view] {
  position: relative;
  width: 100%;
  max-width: 460px;
}

#card-slug-search-results {
  max-width: 430px;
  margin-left: auto;
  box-shadow: 0 8px 28px rgba(17, 17, 17, 0.06);
  --card-search-result-text: #404040;
  --card-search-result-strong: #171717;
  --card-search-result-muted: #666666;
  --card-search-result-hover: rgba(17, 24, 39, 0.06);
}

.public-card-search-row {
  color: var(--card-search-result-text) !important;
  transition:
    background-color 0.18s ease,
    color 0.18s ease;
}

.public-card-search-row:hover,
.public-card-search-row:focus-visible {
  background: var(--card-search-result-hover) !important;
}

.public-card-search-slug {
  color: var(--card-search-result-strong) !important;
}

.public-card-search-name,
.public-card-search-empty {
  color: var(--card-search-result-muted) !important;
}

.public-card-search-price {
  color: var(--card-search-result-text) !important;
}

.unq-ref-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 10px;
}

.unq-ref-slug {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  letter-spacing: 0.09em;
  color: var(--theme-muted-color, #9a9a9a);
}

.unq-ref-slug-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.unq-ref-slugs {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
  padding-bottom: 2px;
}

.unq-ref-slug-chip {
  white-space: nowrap;
  border: var(--theme-surface-border, 1px solid #e1e1e1);
  border-radius: 9999px;
  background: var(--theme-surface-bg, #f7f7f7);
  padding: 2px 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  letter-spacing: 0.09em;
  color: var(--theme-muted-color, #9a9a9a);
  text-decoration: none;
}

.unq-ref-slug-chip.is-active {
  color: var(--theme-email-color, #5f6368);
  border-color: var(--theme-email-color, #5f6368);
}

.unq-ref-slug-price {
  border: var(--theme-surface-border, 1px solid #e1e1e1);
  border-radius: 9999px;
  background: var(--theme-surface-bg, #f7f7f7);
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  color: var(--theme-email-color, #5f6368);
  letter-spacing: normal;
}

.unq-ref-sale-bubble {
  flex: 1 0 100%;
  width: fit-content;
  max-width: 100%;
  margin-top: 4px;
  border: 1px solid color-mix(in srgb, var(--theme-email-color, #ffffff) 58%, transparent);
  border-radius: 9999px;
  background: color-mix(in srgb, var(--theme-surface-bg, rgba(255, 255, 255, 0.16)) 72%, transparent);
  padding: 7px 14px;
  color: var(--theme-email-color, #ffffff);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  backdrop-filter: blur(10px);
}

.unq-ref-share {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  color: var(--theme-muted-color, #9a9a9a);
  font-size: 11px;
  cursor: pointer;
}

.unq-ref-top-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.unq-ref-follow-toggle {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 9999px;
  border: 1px solid var(--theme-button-secondary-border, #d1d5db);
  background: var(--theme-button-secondary-bg, transparent);
  color: var(--theme-button-secondary-text, #202020);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: none;
  cursor: pointer;
  transition:
    transform 0.16s ease,
    background-color 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease;
}

.unq-ref-follow-toggle.is-active {
  border-color: var(--theme-accent-color, #202020);
  background: transparent;
  color: var(--theme-accent-color, #202020);
}

.unq-ref-follow-toggle:hover,
.unq-ref-follow-toggle:focus-visible {
  transform: translateY(-1px);
}

.unq-ref-follow-toggle--hero {
  min-height: auto;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.06em;
  box-shadow: 0 8px 20px rgba(17, 17, 17, 0.08);
}

.unq-ref-shell {
  position: relative;
  border: var(--theme-card-border, 1px solid #d8d8d8) !important;
  border-radius: var(--theme-card-radius, 20px);
  background: var(--theme-card-bg, #fff) !important;
  box-shadow: var(--theme-card-shadow, none);
  padding: 26px 24px 24px;
  overflow: hidden;
}

.unq-ref-shell::before {
  content: none;
}

.unq-ref-shell>* {
  position: relative;
  z-index: 1;
}

.unq-ref-card-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.unq-ref-overlay-svg {
  width: 100%;
  height: 100%;
  display: block;
  opacity: var(--theme-card-overlay-opacity, 0.14);
  mix-blend-mode: normal;
}

[data-card-theme="default_dark"] .unq-ref-overlay-svg {
  opacity: 0.13;
  mix-blend-mode: normal;
}

[data-card-theme="arctic"] .unq-ref-overlay-svg {
  opacity: 0.12;
  mix-blend-mode: normal;
}

[data-card-theme="linen"] .unq-ref-overlay-svg {
  opacity: 0.22;
  mix-blend-mode: multiply;
}

[data-card-theme="marble"] .unq-ref-overlay-svg {
  opacity: 0.18;
  mix-blend-mode: multiply;
}

[data-card-theme="forest"] .unq-ref-overlay-svg {
  opacity: 0.2;
  mix-blend-mode: screen;
}

[data-card-theme="sage_luxe"] .unq-ref-overlay-svg {
  opacity: 0.18;
  mix-blend-mode: multiply;
}

[data-card-theme="midnight_obsidian"] .unq-ref-overlay-svg {
  opacity: 0.22;
  mix-blend-mode: screen;
}

[data-card-theme="golden_noir"] .unq-ref-overlay-svg {
  opacity: 0.2;
  mix-blend-mode: screen;
}

[data-card-theme="ocean_2d"] .unq-ref-overlay-svg {
  opacity: 1;
  mix-blend-mode: normal;
}

[data-card-theme="aurora_codex"] .unq-ref-overlay-svg {
  opacity: 0.26;
  mix-blend-mode: multiply;
}

[data-card-theme="nebula_glass"] .unq-ref-overlay-svg {
  opacity: 0;
  display: none;
}

[data-card-theme="galaxy"] .unq-ref-overlay-svg {
  opacity: 0;
  display: none;
}

[data-card-theme="velours"] .unq-ref-overlay-svg {
  opacity: 1;
  mix-blend-mode: normal;
}

[data-card-theme="heritage_crest"] .unq-ref-overlay-svg,
[data-card-theme="racing_green"] .unq-ref-overlay-svg,
[data-card-theme="alpine_ski"] .unq-ref-overlay-svg,
[data-card-theme="anime_blush"] .unq-ref-overlay-svg {
  opacity: 0.78;
  mix-blend-mode: normal;
}

[data-card-theme="ivory_tennis"] .unq-ref-overlay-svg,
[data-card-theme="polo_navy"] .unq-ref-overlay-svg,
[data-card-theme="basketball_court"] .unq-ref-overlay-svg,
[data-card-theme="olympic_gold"] .unq-ref-overlay-svg,
[data-card-theme="serpent_scale"] .unq-ref-overlay-svg {
  opacity: 0.9;
  mix-blend-mode: screen;
}

[data-card-theme="grand_slam_clay"] .unq-ref-overlay-svg,
[data-card-theme="boxing_legend"] .unq-ref-overlay-svg,
[data-card-theme="football_pitch"] .unq-ref-overlay-svg,
[data-card-theme="cheetah_spots"] .unq-ref-overlay-svg {
  opacity: 0.82;
  mix-blend-mode: normal;
}

[data-card-theme="ocean_2d"] .unq-ref-shell {
  border-color: rgba(255, 255, 255, 0.86) !important;
  outline: 1px solid rgba(14, 116, 144, 0.16);
  outline-offset: -8px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.72) 0 42px, transparent 43px),
    radial-gradient(circle at 88% 22%, rgba(255, 255, 255, 0.36) 0 28px, transparent 29px),
    var(--theme-card-bg, #b8ebff) !important;
  box-shadow:
    0 24px 58px rgba(6, 95, 126, 0.28),
    0 0 0 8px rgba(255, 255, 255, 0.22),
    inset 0 0 0 1px rgba(255, 255, 255, 0.36);
}

[data-card-theme="ocean_2d"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 22px;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.16) 1px, transparent 1px) 0 0 / 34px 34px,
    linear-gradient(0deg, rgba(255,255,255,0.12) 1px, transparent 1px) 0 0 / 34px 34px,
    radial-gradient(circle at 20% 72%, rgba(255,255,255,0.18) 0 7px, transparent 8px),
    radial-gradient(circle at 84% 64%, rgba(255,255,255,0.16) 0 11px, transparent 12px);
  opacity: 0.7;
}

[data-card-theme="ocean_2d"] .unq-ref-card-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 5%, rgba(255,255,255,0.48), transparent 36%),
    linear-gradient(115deg, transparent 0 18%, rgba(255,255,255,0.16) 19% 21%, transparent 22% 46%, rgba(255,255,255,0.1) 47% 48%, transparent 49%);
  opacity: 0.62;
  animation: ocean-2d-card-light 9s ease-in-out infinite;
}

[data-card-theme="ocean_2d"] .unq-ref-brand h2,
[data-card-theme="ocean_2d"] .unq-ref-name,
[data-card-theme="ocean_2d"] .unq-ref-name-text {
  color: #ffffff !important;
  text-shadow: 0 3px 0 rgba(7, 89, 133, 0.18), 0 14px 24px rgba(6, 95, 126, 0.22);
}

[data-card-theme="ocean_2d"] .unq-ref-brand p,
[data-card-theme="ocean_2d"] .unq-ref-role,
[data-card-theme="ocean_2d"] .unq-ref-company,
[data-card-theme="ocean_2d"] .unq-ref-bio {
  color: rgba(235, 252, 255, 0.92) !important;
  text-shadow: 0 2px 8px rgba(7, 89, 133, 0.24);
}

[data-card-theme="ocean_2d"] .unq-ref-avatar-wrap {
  position: relative;
  padding: 6px;
  border-radius: 999px;
  background:
    conic-gradient(from 220deg, #ffffff, #a8efff, #ffffff, #38bdf8, #ffffff);
  box-shadow:
    0 18px 32px rgba(6, 95, 126, 0.25),
    0 0 0 8px rgba(255, 255, 255, 0.2);
}

[data-card-theme="ocean_2d"] .unq-ref-avatar-wrap::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: 8px;
  width: 22px;
  height: 14px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 20% 42%, #ffffff 0 4px, transparent 5px),
    radial-gradient(circle at 50% 30%, #ffffff 0 5px, transparent 6px),
    radial-gradient(circle at 78% 48%, #ffffff 0 4px, transparent 5px);
  opacity: 0.9;
}

[data-card-theme="ocean_2d"] .unq-ref-avatar-img,
[data-card-theme="ocean_2d"] .unq-ref-avatar-fallback {
  border: 4px solid rgba(255, 255, 255, 0.92) !important;
  box-shadow: inset 0 0 0 2px rgba(14, 116, 144, 0.1);
}

[data-card-theme="ocean_2d"] .unq-ref-surface,
[data-card-theme="ocean_2d"] .unq-ref-contact,
[data-card-theme="ocean_2d"] .unq-ref-phone,
[data-card-theme="ocean_2d"] .unq-ref-button,
[data-card-theme="ocean_2d"] .unq-ref-tag,
[data-card-theme="ocean_2d"] .unq-ref-top-badge,
[data-card-theme="ocean_2d"] .unq-ref-slug-chip,
[data-card-theme="ocean_2d"] .unq-ref-share {
  border-color: rgba(255, 255, 255, 0.58) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.9), rgba(205,245,255,0.72)) !important;
  color: #075985 !important;
  box-shadow:
    0 12px 22px rgba(6, 95, 126, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

[data-card-theme="ocean_2d"] .unq-ref-button:hover,
[data-card-theme="ocean_2d"] .unq-ref-slug-chip:hover,
[data-card-theme="ocean_2d"] .unq-ref-share:hover {
  transform: translateY(-2px);
  box-shadow:
    0 16px 26px rgba(6, 95, 126, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

[data-card-theme="ocean_2d"] .unq-ref-divider {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.74), transparent) !important;
}

[data-card-theme="ocean_2d"] .unq-ref-footline {
  color: rgba(7, 89, 133, 0.76);
}

@keyframes ocean-2d-card-light {
  0%, 100% {
    opacity: 0.48;
    transform: translateX(-10px);
  }

  50% {
    opacity: 0.72;
    transform: translateX(10px);
  }
}

/* Distinct visual identities for the newest signature themes. */
[data-card-theme="heritage_crest"] .unq-ref-shell {
  border-radius: 30px 30px 42px 42px;
  border-style: dashed !important;
  border-width: 2px !important;
  outline: 6px solid rgba(255, 255, 255, 0.48);
}

[data-card-theme="heritage_crest"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(255, 111, 174, 0.28);
  border-radius: 22px 22px 34px 34px;
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 111, 174, 0.22) 0 7px, transparent 8px),
    radial-gradient(circle at 84% 12%, rgba(255, 255, 255, 0.7) 0 8px, transparent 9px),
    linear-gradient(90deg, transparent 0 44%, rgba(255, 111, 174, 0.18) 44% 56%, transparent 56% 100%);
}

[data-card-theme="heritage_crest"] .unq-ref-top-badge,
[data-card-theme="heritage_crest"] .unq-ref-tag {
  border-style: dashed;
}

[data-card-theme="heritage_crest"] .unq-ref-avatar-wrap {
  transform: rotate(-3deg);
}

[data-card-theme="heritage_crest"] .unq-ref-avatar-img,
[data-card-theme="heritage_crest"] .unq-ref-avatar-fallback {
  border-radius: 34% 66% 42% 58% / 54% 40% 60% 46%;
  box-shadow: 0 12px 24px rgba(255, 111, 174, 0.22);
}

[data-card-theme="heritage_crest"] .unq-ref-avatar-wrap::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 2px;
  z-index: 4;
  width: 34px;
  height: 22px;
  background:
    radial-gradient(circle at 22% 50%, #ff6fae 0 10px, transparent 11px),
    radial-gradient(circle at 78% 50%, #ff6fae 0 10px, transparent 11px),
    radial-gradient(circle at 50% 50%, #ffffff 0 5px, transparent 6px);
  transform: rotate(16deg);
  filter: drop-shadow(0 6px 10px rgba(255, 111, 174, 0.28));
}

[data-card-theme="heritage_crest"] .unq-ref-action-btn {
  border-radius: 999px 999px 18px 18px;
}

[data-card-theme="ivory_tennis"] .unq-ref-shell {
  border-radius: 10px;
  border-width: 2px !important;
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

[data-card-theme="ivory_tennis"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(135deg, transparent 0 22px, rgba(240, 200, 75, 0.8) 22px 26px, transparent 26px),
    linear-gradient(315deg, transparent 0 22px, rgba(240, 200, 75, 0.44) 22px 26px, transparent 26px),
    repeating-linear-gradient(90deg, transparent 0 34px, rgba(255, 255, 255, 0.045) 34px 36px);
}

[data-card-theme="ivory_tennis"] .unq-ref-brand h2,
[data-card-theme="ivory_tennis"] .unq-ref-name {
  text-transform: uppercase;
}

[data-card-theme="ivory_tennis"] .unq-ref-avatar-img,
[data-card-theme="ivory_tennis"] .unq-ref-avatar-fallback {
  border-radius: 18px;
  transform: rotate(45deg) scale(0.84);
  box-shadow: 0 0 0 8px rgba(240, 200, 75, 0.08), 0 18px 32px rgba(0, 0, 0, 0.32);
}

[data-card-theme="ivory_tennis"] .unq-ref-avatar-img {
  transform: rotate(45deg) scale(0.84);
}

[data-card-theme="ivory_tennis"] .unq-ref-action-btn {
  border-radius: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-card-theme="grand_slam_clay"] .unq-ref-shell {
  border-radius: 24px 8px 24px 8px;
  border-width: 2px !important;
  box-shadow: var(--theme-card-shadow, none), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

[data-card-theme="grand_slam_clay"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(128deg, rgba(207, 31, 45, 0.22) 0 30%, transparent 30% 52%, rgba(18, 59, 134, 0.3) 52%),
    radial-gradient(circle at 50% 16%, transparent 0 34px, rgba(255, 255, 255, 0.18) 35px 36px, transparent 37px);
}

[data-card-theme="grand_slam_clay"] .unq-ref-avatar-wrap {
  border-radius: 20px;
}

[data-card-theme="grand_slam_clay"] .unq-ref-avatar-img,
[data-card-theme="grand_slam_clay"] .unq-ref-avatar-fallback {
  border-radius: 24px;
  box-shadow: -8px 8px 0 rgba(207, 31, 45, 0.36), 8px -8px 0 rgba(107, 183, 255, 0.28);
}

[data-card-theme="grand_slam_clay"] .unq-ref-action-btn {
  border-radius: 14px 4px 14px 4px;
}

[data-card-theme="grand_slam_clay"] .unq-ref-divider {
  height: 2px;
  background: linear-gradient(90deg, transparent, #cf1f2d, #6bb7ff, transparent);
}

[data-card-theme="racing_green"] .unq-ref-shell {
  border-radius: 36px;
  border-width: 1px !important;
  box-shadow: var(--theme-card-shadow, none), 0 0 0 10px rgba(255, 255, 255, 0.34);
}

[data-card-theme="racing_green"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 0;
  pointer-events: none;
  border-radius: 30px;
  border: 1px solid rgba(255, 143, 189, 0.24);
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 143, 189, 0.28) 0 9px, transparent 10px),
    radial-gradient(circle at 82% 26%, rgba(138, 183, 255, 0.22) 0 11px, transparent 12px),
    radial-gradient(circle at 28% 82%, rgba(255, 255, 255, 0.5) 0 7px, transparent 8px);
}

[data-card-theme="racing_green"] .unq-ref-avatar-img,
[data-card-theme="racing_green"] .unq-ref-avatar-fallback {
  border-radius: 999px 999px 46px 46px;
  box-shadow: 0 12px 28px rgba(138, 183, 255, 0.2);
}

[data-card-theme="racing_green"] .unq-ref-name {
  text-shadow: 0 2px 0 rgba(255, 255, 255, 0.56);
}

[data-card-theme="racing_green"] .unq-ref-action-btn {
  border-radius: 20px;
}

[data-card-theme="polo_navy"] .unq-ref-shell {
  border-radius: 6px;
  border-width: 1px !important;
  box-shadow: var(--theme-card-shadow, none), inset 0 0 34px rgba(77, 247, 255, 0.08);
}

[data-card-theme="polo_navy"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(77, 247, 255, 0.18) 0 2px, transparent 2px calc(100% - 2px), rgba(77, 247, 255, 0.18) calc(100% - 2px)),
    linear-gradient(0deg, rgba(77, 247, 255, 0.18) 0 2px, transparent 2px calc(100% - 2px), rgba(77, 247, 255, 0.18) calc(100% - 2px)),
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(77, 247, 255, 0.055) 18px 19px),
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(77, 247, 255, 0.05) 18px 19px);
}

[data-card-theme="polo_navy"] .unq-ref-avatar-img,
[data-card-theme="polo_navy"] .unq-ref-avatar-fallback {
  border-radius: 10px;
  box-shadow: 0 0 0 2px rgba(77, 247, 255, 0.36), 0 0 22px rgba(77, 247, 255, 0.18);
}

[data-card-theme="polo_navy"] .unq-ref-action-btn {
  border-radius: 6px;
  border-left-width: 5px;
  font-family: "Sora", "Inter", sans-serif;
}

[data-card-theme="polo_navy"] .unq-ref-role {
  letter-spacing: 0.22em;
}

[data-card-theme="alpine_ski"] .unq-ref-shell {
  border-radius: 32px 32px 12px 32px;
  border-width: 1px !important;
  box-shadow: var(--theme-card-shadow, none), inset 0 0 0 1px rgba(255, 255, 255, 0.64);
}

[data-card-theme="alpine_ski"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 20%, rgba(116, 217, 255, 0.2) 0 18px, transparent 19px),
    radial-gradient(circle at 82% 18%, rgba(216, 199, 255, 0.32) 0 24px, transparent 25px),
    linear-gradient(135deg, transparent 0 42%, rgba(255, 255, 255, 0.32) 42% 44%, transparent 44%);
}

[data-card-theme="alpine_ski"] .unq-ref-avatar-img,
[data-card-theme="alpine_ski"] .unq-ref-avatar-fallback {
  border-radius: 999px;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.48), 0 0 0 12px rgba(116, 217, 255, 0.16);
}

[data-card-theme="alpine_ski"] .unq-ref-top-badge::before {
  content: "✦";
  margin-right: 6px;
}

[data-card-theme="alpine_ski"] .unq-ref-action-btn {
  border-radius: 18px 18px 6px 18px;
}

[data-card-theme="boxing_legend"] .unq-ref-shell {
  border-radius: 18px 18px 34px 6px;
  border-width: 2px !important;
}

[data-card-theme="boxing_legend"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(160deg, rgba(255, 209, 90, 0.22) 0 8%, transparent 8% 18%, rgba(255, 209, 90, 0.12) 18% 24%, transparent 24%),
    radial-gradient(circle at 16% 88%, rgba(255, 177, 59, 0.2) 0 62px, transparent 63px);
}

[data-card-theme="boxing_legend"] .unq-ref-avatar-img,
[data-card-theme="boxing_legend"] .unq-ref-avatar-fallback {
  border-radius: 28px 28px 999px 999px;
  box-shadow: 0 16px 0 rgba(255, 209, 90, 0.16), 0 18px 32px rgba(43, 9, 0, 0.28);
}

[data-card-theme="boxing_legend"] .unq-ref-action-btn {
  border-radius: 6px 18px 6px 18px;
  transform: skewX(-5deg);
}

[data-card-theme="boxing_legend"] .unq-ref-action-btn>* {
  transform: skewX(5deg);
}

[data-card-theme="basketball_court"] .unq-ref-shell {
  border-radius: 26px;
  border-width: 1px !important;
  box-shadow: var(--theme-card-shadow, none), 0 0 32px rgba(97, 247, 255, 0.1);
}

[data-card-theme="basketball_court"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(0deg, rgba(97, 247, 255, 0.08) 0 1px, transparent 1px 12px),
    linear-gradient(90deg, transparent 0 12%, rgba(97, 247, 255, 0.18) 12% 13%, transparent 13% 87%, rgba(255, 125, 219, 0.18) 87% 88%, transparent 88%);
}

[data-card-theme="basketball_court"] .unq-ref-avatar-img,
[data-card-theme="basketball_court"] .unq-ref-avatar-fallback {
  border-radius: 50% 20% 50% 20%;
  box-shadow: 0 0 0 3px rgba(97, 247, 255, 0.28), 0 0 28px rgba(207, 43, 159, 0.24);
}

[data-card-theme="basketball_court"] .unq-ref-action-btn {
  border-radius: 999px;
  box-shadow: 0 0 18px rgba(97, 247, 255, 0.08);
}

[data-card-theme="football_pitch"] .unq-ref-shell {
  border-radius: 34px 18px 34px 18px;
  border-width: 1px !important;
}

[data-card-theme="football_pitch"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 0;
  pointer-events: none;
  border-radius: 28px 14px 28px 14px;
  border: 1px solid rgba(168, 255, 214, 0.18);
  background:
    radial-gradient(ellipse at 20% 12%, rgba(168, 255, 214, 0.2) 0 18px, transparent 19px),
    radial-gradient(ellipse at 86% 82%, rgba(168, 255, 214, 0.14) 0 34px, transparent 35px);
}

[data-card-theme="football_pitch"] .unq-ref-avatar-img,
[data-card-theme="football_pitch"] .unq-ref-avatar-fallback {
  border-radius: 42% 58% 44% 56% / 56% 42% 58% 44%;
  box-shadow: -10px 8px 0 rgba(168, 255, 214, 0.16);
}

[data-card-theme="football_pitch"] .unq-ref-tag,
[data-card-theme="football_pitch"] .unq-ref-action-btn {
  border-radius: 999px 18px 999px 18px;
}

[data-card-theme="football_pitch"] .unq-ref-divider::after {
  content: "◆";
  display: block;
  margin: -9px auto 0;
  width: 24px;
  color: var(--theme-accent-color);
  font-size: 12px;
  text-align: center;
  background: var(--theme-card-bg);
}

[data-card-theme="olympic_gold"] .unq-ref-shell {
  border-radius: 8px 28px 8px 28px;
  border-width: 2px !important;
  box-shadow: var(--theme-card-shadow, none), inset 0 0 0 1px rgba(255, 211, 110, 0.2);
}

[data-card-theme="olympic_gold"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(255, 211, 110, 0.45) 0 18px, transparent 18px),
    linear-gradient(315deg, rgba(255, 211, 110, 0.35) 0 18px, transparent 18px),
    repeating-linear-gradient(45deg, transparent 0 18px, rgba(255, 211, 110, 0.05) 18px 20px);
}

[data-card-theme="olympic_gold"] .unq-ref-avatar-img,
[data-card-theme="olympic_gold"] .unq-ref-avatar-fallback {
  border-radius: 18px 999px 18px 999px;
  box-shadow: 0 0 0 4px rgba(255, 211, 110, 0.22), 0 18px 34px rgba(24, 8, 37, 0.34);
}

[data-card-theme="olympic_gold"] .unq-ref-name {
  text-shadow: 0 0 16px rgba(255, 211, 110, 0.18);
}

[data-card-theme="olympic_gold"] .unq-ref-action-btn {
  border-radius: 4px 18px 4px 18px;
}

[data-card-theme="anime_blush"] .unq-ref-shell {
  border-radius: 38px 38px 18px 38px;
  border-width: 2px !important;
  outline: 8px solid rgba(255, 255, 255, 0.36);
}

[data-card-theme="anime_blush"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 0;
  pointer-events: none;
  border-radius: 30px 30px 14px 30px;
  border: 1px solid rgba(168, 116, 255, 0.2);
  background:
    radial-gradient(circle at 86% 14%, rgba(255, 255, 255, 0.72) 0 22px, transparent 23px),
    radial-gradient(circle at 17% 20%, rgba(255, 98, 172, 0.2) 0 14px, transparent 15px),
    radial-gradient(circle at 82% 78%, rgba(168, 116, 255, 0.14) 0 34px, transparent 35px);
}

[data-card-theme="anime_blush"] .unq-ref-avatar-wrap {
  transform: rotate(2deg);
}

[data-card-theme="anime_blush"] .unq-ref-avatar-img,
[data-card-theme="anime_blush"] .unq-ref-avatar-fallback {
  border-radius: 999px 999px 36px 36px;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.46), 0 14px 28px rgba(255, 98, 172, 0.22);
}

[data-card-theme="anime_blush"] .unq-ref-avatar-wrap::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 8px;
  z-index: 4;
  width: 22px;
  height: 42px;
  border-radius: 999px;
  background: linear-gradient(180deg, #a874ff, #ff62ac);
  transform: rotate(-24deg);
  box-shadow: 102px 14px 0 -2px rgba(168, 116, 255, 0.72);
}

[data-card-theme="anime_blush"] .unq-ref-action-btn {
  border-radius: 22px 22px 8px 22px;
}

[data-card-theme="anime_blush"] .unq-ref-top-badge::before {
  content: "☆";
  margin-right: 6px;
}

[data-card-theme="cheetah_spots"] .unq-ref-shell {
  border-radius: 18px 40px 18px 40px;
  border-width: 2px !important;
  box-shadow: var(--theme-card-shadow, none), inset 0 0 0 1px rgba(43, 22, 8, 0.26);
}

[data-card-theme="cheetah_spots"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 18% 14%, rgba(43, 22, 8, 0.3) 0 18px, transparent 19px),
    radial-gradient(ellipse at 82% 20%, rgba(43, 22, 8, 0.24) 0 14px, transparent 15px),
    radial-gradient(ellipse at 14% 78%, rgba(43, 22, 8, 0.24) 0 20px, transparent 21px),
    radial-gradient(ellipse at 88% 82%, rgba(43, 22, 8, 0.22) 0 16px, transparent 17px),
    repeating-linear-gradient(115deg, transparent 0 24px, rgba(255, 240, 207, 0.07) 24px 26px);
}

[data-card-theme="cheetah_spots"] .unq-ref-avatar-img,
[data-card-theme="cheetah_spots"] .unq-ref-avatar-fallback {
  border-radius: 44% 56% 52% 48% / 42% 58% 42% 58%;
  box-shadow: -9px 9px 0 rgba(43, 22, 8, 0.24), 0 18px 32px rgba(43, 22, 8, 0.24);
}

[data-card-theme="cheetah_spots"] .unq-ref-avatar-wrap::after {
  content: "";
  position: absolute;
  right: -7px;
  top: 13px;
  z-index: 4;
  width: 18px;
  height: 38px;
  border-radius: 999px;
  background: #2b1608;
  transform: rotate(18deg);
  box-shadow: -84px -10px 0 -2px rgba(43, 22, 8, 0.9);
  opacity: 0.9;
}

[data-card-theme="cheetah_spots"] .unq-ref-action-btn,
[data-card-theme="cheetah_spots"] .unq-ref-tag {
  border-radius: 999px 10px 999px 10px;
}

[data-card-theme="cheetah_spots"] .unq-ref-name {
  letter-spacing: 0.02em;
  text-shadow: 0 2px 0 rgba(43, 22, 8, 0.18);
}

[data-card-theme="serpent_scale"] .unq-ref-shell {
  border-radius: 8px 28px 8px 28px;
  border-width: 2px !important;
  clip-path: polygon(0 18px, 18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
}

[data-card-theme="serpent_scale"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(142, 230, 168, 0.16) 0 12px, transparent 13px) 0 0 / 42px 32px,
    linear-gradient(135deg, transparent 0 44%, rgba(142, 230, 168, 0.22) 44% 45%, transparent 45% 100%);
}

[data-card-theme="serpent_scale"] .unq-ref-avatar-img,
[data-card-theme="serpent_scale"] .unq-ref-avatar-fallback {
  border-radius: 14px 999px 14px 999px;
  box-shadow: 0 0 0 3px rgba(142, 230, 168, 0.32), 0 16px 34px rgba(7, 25, 15, 0.42);
}

[data-card-theme="serpent_scale"] .unq-ref-avatar-wrap::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 40px;
  z-index: 4;
  width: 36px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, #8ee6a8, transparent);
  transform: rotate(-18deg);
  filter: blur(0.2px);
}

[data-card-theme="serpent_scale"] .unq-ref-action-btn {
  border-radius: 4px 20px 4px 20px;
}

[data-card-theme="serpent_scale"] .unq-ref-divider {
  background: linear-gradient(90deg, transparent, rgba(142, 230, 168, 0.5), transparent);
}

[data-card-theme="galaxy"] .unq-ref-shell {
  border: 1px solid rgba(0, 229, 255, 0.28) !important;
  border-radius: 32px;
  background: rgba(26, 11, 54, 0.75) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.5), 0 28px 70px rgba(6, 2, 20, 0.55);
}

[data-card-theme="galaxy"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 14%, rgba(0, 229, 255, 0.2) 0 34px, transparent 35px),
    radial-gradient(circle at 86% 22%, rgba(0, 163, 255, 0.16) 0 48px, transparent 49px),
    linear-gradient(135deg, rgba(241, 234, 255, 0.08), transparent 52%);
}

[data-card-theme="galaxy"] .unq-ref-top-badge,
[data-card-theme="galaxy"] .unq-ref-tag,
[data-card-theme="galaxy"] .unq-ref-slug-chip,
[data-card-theme="galaxy"] .unq-ref-slug-price {
  border: 1px solid rgba(0, 229, 255, 0.28) !important;
  background: rgba(26, 11, 54, 0.75) !important;
  color: #f1eaff !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

[data-card-theme="galaxy"] .unq-ref-top-badge {
  background: linear-gradient(135deg, #00e5ff, #00a3ff) !important;
  color: #061123 !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.5);
}

[data-card-theme="galaxy"] .unq-ref-avatar-img,
[data-card-theme="galaxy"] .unq-ref-avatar-fallback {
  border: 1px solid rgba(0, 229, 255, 0.38) !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.5);
}

[data-card-theme="galaxy"] .unq-ref-divider {
  background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.68), transparent);
}

.unq-ref-top-badge {
  width: fit-content;
  margin: 0 auto 12px;
  border: var(--theme-badge-border, 1px solid #d6d6d6);
  border-radius: var(--theme-badge-radius, 9999px);
  background: var(--theme-badge-bg, #fafafa);
  padding: 4px 12px;
  color: var(--theme-badge-text, #5f6368);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.unq-ref-shell-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.unq-ref-shell-meta.is-follow-only {
  justify-content: flex-end;
}

.unq-ref-shell-meta .unq-ref-top-badge {
  margin: 0;
}

.unq-ref-shell-meta-spacer {
  display: block;
  flex: 1 1 auto;
}

/* Офиц. серия: те же токены, что у .unq-ref-about / чипов — читаемо на светлых и тёмных темах */
.unq-ref-official-unq {
  box-sizing: border-box;
  width: 100%;
  max-width: 420px;
  margin: 0 auto 14px;
  border: var(--theme-surface-border, 1px solid #e5e5e5);
  border-radius: var(--theme-surface-radius, 16px);
  background: var(--theme-surface-bg, #f5f5f5);
  padding: 12px 16px;
  text-align: center;
  overflow-wrap: anywhere;
  word-wrap: break-word;
}

.unq-ref-official-unq-kicker {
  margin: 0;
  max-width: 100%;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--theme-accent-color, #202020);
}

.unq-ref-official-unq-line {
  margin: 8px 0 0;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.55;
  color: var(--theme-email-color, #4b5563);
}

/* Бейдж сотрудника UNQX — те же токены, что и у .unq-ref-official-unq */
.unq-ref-staff-badge {
  box-sizing: border-box;
  width: 100%;
  max-width: 420px;
  margin: 0 auto 14px;
  border: var(--theme-surface-border, 1px solid #e5e5e5);
  border-radius: var(--theme-surface-radius, 16px);
  background: var(--theme-surface-bg, #f5f5f5);
  padding: 12px 16px;
  text-align: center;
  overflow-wrap: anywhere;
  word-wrap: break-word;
}

.unq-ref-staff-badge-kicker {
  margin: 0;
  max-width: 100%;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--theme-accent-color, #202020);
}

.unq-ref-staff-badge-line {
  margin: 8px 0 0;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.55;
  color: var(--theme-email-color, #4b5563);
}

.unq-ref-limited-card-badge {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 420px;
  margin: 0 auto 14px;
  border: 1px solid transparent;
  border-radius: 18px;
  background:
    linear-gradient(#0a0a0c, #0a0a0c) padding-box,
    linear-gradient(132deg, rgba(255, 255, 255, 0.84), rgba(145, 238, 255, 0.46) 22%, rgba(238, 199, 255, 0.5) 46%, rgba(255, 235, 166, 0.62) 72%, rgba(112, 255, 214, 0.42)) border-box;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    0 0 22px rgba(161, 226, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  padding: 15px 16px 14px;
  text-align: left;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-wrap: break-word;
  isolation: isolate;
}

.unq-ref-limited-card-badge::before {
  content: "";
  position: absolute;
  inset: -42%;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 22%, rgba(143, 231, 255, 0.28), transparent 28%),
    radial-gradient(circle at 76% 10%, rgba(255, 217, 154, 0.22), transparent 27%),
    radial-gradient(circle at 88% 86%, rgba(176, 121, 255, 0.24), transparent 31%),
    conic-gradient(from 124deg, rgba(255, 255, 255, 0.04), rgba(75, 232, 255, 0.16), rgba(255, 195, 229, 0.13), rgba(255, 235, 167, 0.15), rgba(99, 255, 205, 0.12), rgba(255, 255, 255, 0.04));
  filter: blur(16px) saturate(1.28);
  opacity: 0.72;
  transform: rotate(-8deg);
  z-index: -2;
}

.unq-ref-limited-card-badge::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 18%, rgba(255, 255, 255, 0.1) 20%, transparent 24% 100%),
    repeating-linear-gradient(62deg, rgba(255, 255, 255, 0.032) 0 1px, transparent 1px 9px),
    radial-gradient(circle at 50% 112%, rgba(255, 255, 255, 0.13), transparent 42%);
  mix-blend-mode: screen;
  opacity: 0.58;
  z-index: -1;
}

.unq-ref-limited-card-badge-kicker,
.unq-ref-limited-card-badge-line,
.unq-ref-limited-card-badge-dot,
.unq-ref-limited-card-badge-card-name,
.unq-ref-limited-card-badge-edition {
  position: relative;
  z-index: 1;
}

.unq-ref-limited-card-badge-kicker {
  margin: 0;
  max-width: 100%;
  font-family: Montserrat, Inter, system-ui, sans-serif;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.86);
  text-shadow: 0 0 12px rgba(172, 230, 255, 0.18);
}

.unq-ref-limited-card-badge-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px;
  margin: 9px 74px 0 0;
  max-width: calc(100% - 74px);
  font-family: Montserrat, Inter, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.96);
}

.unq-ref-limited-card-badge-dot {
  color: rgba(255, 255, 255, 0.48);
}

.unq-ref-limited-card-badge-card-name {
  font-family: "Dancing Script", "Playfair Display", cursive;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: transparent;
  background: linear-gradient(105deg, #ffffff 0%, #92ecff 18%, #f7d4ff 42%, #fff1a6 68%, #89ffd8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-shadow: 0 0 18px rgba(172, 230, 255, 0.2);
}

.unq-ref-limited-card-badge-edition {
  position: absolute;
  right: 14px;
  bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  min-height: 30px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  padding: 5px 9px;
  font-family: Montserrat, Inter, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.92);
  background:
    linear-gradient(#111114, #111114) padding-box,
    linear-gradient(120deg, rgba(255, 255, 255, 0.74), rgba(119, 232, 255, 0.5), rgba(255, 222, 156, 0.62)) border-box;
  box-shadow: 0 0 18px rgba(146, 236, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.unq-ref-limited-card-badge-edition span {
  background: linear-gradient(95deg, #ffffff, #dff8ff 34%, #fff0bd 70%, #ffffff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.unq-ref-brand {
  text-align: center;
}

.unq-ref-brand h2 {
  margin: 0;
  font-size: 43px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--theme-accent-color, #202020);
}

.unq-ref-brand p {
  margin: 6px 0 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--theme-muted-color, #a0a0a0);
}

.unq-ref-profile {
  margin-top: 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.unq-ref-profile.has-pets {
  min-height: 320px;
  padding-top: 12px;
}

.unq-ref-profile.has-emoji-pack {
  padding-top: 22px;
  min-height: 0;
}

.unq-ref-profile.has-emoji-pack.has-pets {
  min-height: 346px;
}

.unq-ref-profile-emoji-pack {
  position: absolute;
  top: -10px;
  left: 50%;
  width: min(calc(100% + 88px), 420px);
  max-width: none;
  height: 280px;
  transform: translateX(-50%);
  z-index: 0;
  display: block;
  pointer-events: none;
  background: transparent;
}

.unq-ref-profile-emoji-pack-svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  background: transparent;
  opacity: 0.96;
}

.unq-ref-avatar-wrap,
.unq-ref-name-wrap {
  position: relative;
  z-index: 2;
}

.unq-ref-pets {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.unq-ref-pet {
  position: absolute;
  width: var(--pet-figure-width, 110px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  transform: translateX(-50%);
}

.unq-ref-pet--left {
  left: calc(50% - var(--pet-left-offset, 92px));
  top: var(--pet-left-top, 96px);
}

.unq-ref-pet--top-right {
  left: calc(50% + var(--pet-top-right-offset, 102px));
  top: var(--pet-top-right-top, 8px);
}

.unq-ref-pet--bottom-right {
  left: calc(50% + var(--pet-bottom-right-offset, 96px));
  top: var(--pet-bottom-right-top, 188px);
}

.unq-ref-pet-visual {
  width: var(--pet-visual-size, 82px);
  height: var(--pet-visual-size, 82px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.unq-ref-pet-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.22));
}

.unq-ref-pet-meta {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

.unq-ref-pet-name {
  font-size: 14px;
  line-height: 1.1;
  color: var(--theme-name-color, #242424);
  overflow-wrap: anywhere;
  font-weight: 500;
}

.unq-ref-avatar-wrap {
  --avatar-size: 104px;
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: var(--theme-avatar-radius, 9999px);
  overflow: visible;
}

.unq-ref-avatar-img,
.unq-ref-avatar-fallback {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: var(--theme-avatar-radius, 9999px);
}

.unq-ref-avatar-img {
  object-fit: cover;
  border: var(--theme-avatar-border, 1px solid #ececec);
}

.unq-ref-avatar-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-avatar-bg, #ededed);
  color: var(--theme-avatar-text, #4a4a4a);
  font-size: 34px;
  font-weight: 700;
}

[data-card-theme="velours"] .unq-ref-avatar-fallback {
  position: relative;
  overflow: hidden;
}

[data-card-theme="velours"] .unq-ref-avatar-fallback::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(35deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(-37deg, rgba(0, 0, 0, 0.08) 0 1px, transparent 1px 5px);
  opacity: 0.22;
}

.unq-ref-avatar-fallback.hidden {
  display: none !important;
}

.unq-ref-avatar-frame {
  position: absolute;
  inset: -12px;
  z-index: 3;
  display: block;
  pointer-events: none;
}

.unq-ref-avatar-frame-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.unq-ref-avatar-frame-css {
  position: absolute;
  inset: 0;
  display: block;
  border-radius: inherit;
}

.unq-ref-avatar-frame-css::before,
.unq-ref-avatar-frame-css::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

.unq-ref-avatar-frame .frame-stroke-thick,
.unq-ref-avatar-frame .frame-stroke-thin {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.unq-ref-avatar-frame .frame-stroke-thick {
  stroke-width: 6px;
}

.unq-ref-avatar-frame .frame-stroke-thin {
  stroke-width: 2.4px;
}

.unq-ref-avatar-frame .frame-stroke-primary {
  stroke: var(--theme-accent-color, #202020);
}

.unq-ref-avatar-frame .frame-stroke-secondary {
  stroke: var(--theme-role-color, #737373);
  opacity: 0.84;
}

.unq-ref-avatar-frame .frame-stroke-white {
  stroke: rgba(255, 255, 255, 0.92);
}

.unq-ref-avatar-frame .frame-stroke-glow {
  stroke: var(--theme-accent-color, #202020);
  opacity: 0.76;
}

.unq-ref-avatar-frame .frame-stroke-metal {
  stroke: rgba(229, 236, 247, 0.94);
}

.unq-ref-avatar-frame .frame-fill-primary {
  fill: var(--theme-accent-color, #202020);
}

.unq-ref-avatar-frame .frame-fill-secondary {
  fill: var(--theme-role-color, #737373);
}

.unq-ref-avatar-frame .frame-fill-accent {
  fill: var(--theme-muted-color, #a0a0a0);
}

.unq-ref-avatar-frame .frame-fill-subtle {
  fill: rgba(255, 255, 255, 0.08);
}

.unq-ref-avatar-frame .frame-fill-white {
  fill: rgba(255, 255, 255, 0.96);
}

.unq-ref-avatar-frame .frame-dash-chain {
  stroke-dasharray: 2 7;
}

.unq-ref-avatar-frame .frame-tape-shadow {
  filter: drop-shadow(0 6px 12px rgba(10, 10, 10, 0.18));
}

.unq-ref-avatar-frame .frame-text-burst {
  fill: var(--theme-name-color, #202020);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.18em;
  font-family: "Trebuchet MS", "Arial Black", "Segoe UI", sans-serif;
}

.unq-ref-avatar-frame--chrome-ring {
  inset: -10px;
  filter: drop-shadow(0 8px 18px rgba(17, 17, 17, 0.18));
}

.unq-ref-avatar-frame--chrome-ring .frame-stroke-glow {
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.55));
}

.unq-ref-avatar-frame--neon-spray {
  filter: drop-shadow(0 0 12px var(--theme-accent-color, #202020));
}

.unq-ref-avatar-frame--pixel-glow {
  inset: -13px;
  filter: drop-shadow(0 0 12px var(--theme-accent-color, #202020));
}

.unq-ref-avatar-frame--sticker-bubble {
  inset: -11px;
  filter: drop-shadow(0 10px 18px rgba(17, 17, 17, 0.16));
}

.unq-ref-avatar-frame--starburst {
  inset: -14px;
}

.unq-ref-avatar-frame--drip-outline {
  inset: -11px -12px -16px;
}

.unq-ref-avatar-frame--tape-collage {
  inset: -12px;
}

.unq-ref-avatar-frame--orbit-dots {
  inset: -13px;
}

.unq-ref-avatar-frame--laurel-wreath,
.unq-ref-avatar-frame--trophy-gold,
.unq-ref-avatar-frame--tennis-lines,
.unq-ref-avatar-frame--basketball-arc,
.unq-ref-avatar-frame--football-stitch,
.unq-ref-avatar-frame--stopwatch-ring,
.unq-ref-avatar-frame--medal-ribbon {
  inset: -14px;
}

.unq-ref-avatar-frame--racing-stripes {
  inset: -12px -16px;
}

.unq-ref-avatar-frame--varsity-patch,
.unq-ref-avatar-frame--boxing-rope {
  inset: -15px;
}

.unq-ref-avatar-frame--dragon-orbit {
  inset: -18px;
}

.unq-ref-avatar-frame--dragon-orbit .unq-ref-avatar-frame-svg {
  overflow: visible;
  filter: drop-shadow(0 0 8px rgba(255, 213, 0, 0.34));
}

.unq-ref-dragon-frame-spin {
  transform-origin: 70px 70px;
  animation: unq-dragon-orbit-spin 7s linear infinite;
}

@keyframes unq-dragon-orbit-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.unq-ref-avatar-frame--symbiote,
.unq-ref-avatar-frame--lightning,
.unq-ref-avatar-frame--zen-bamboo,
.unq-ref-avatar-frame--sakura-aura,
.unq-ref-avatar-frame--gogh-strokes,
.unq-ref-avatar-frame--lunar-gold,
.unq-ref-avatar-frame--chakra,
.unq-ref-avatar-frame--konoha-scroll,
.unq-ref-avatar-frame--mystery-journal,
.unq-ref-avatar-frame--cipher-glitch,
.unq-ref-avatar-frame--crystal-anomal,
.unq-ref-avatar-frame--venom-organic,
.unq-ref-avatar-frame--sensei-scroll,
.unq-ref-avatar-frame--konoha-arc,
.unq-ref-avatar-frame--lunar-crescent,
.unq-ref-avatar-frame--gogh-waves,
.unq-ref-avatar-frame--cyber-tech,
.unq-ref-avatar-frame--sakura-petal,
.unq-ref-avatar-frame--portal-dome,
.unq-ref-avatar-frame--ancient-totem,
.unq-ref-avatar-frame--zen-organic,
.unq-ref-avatar-frame--temple-arch,
.unq-ref-avatar-frame--hex-portal,
.unq-ref-avatar-frame--leaf-scroll,
.unq-ref-avatar-frame--gogh-wave,
.unq-ref-avatar-frame--diamond-shield,
.unq-ref-avatar-frame--symbiote-morph,
.unq-ref-avatar-frame--crescent-contour,
.unq-ref-avatar-frame--taiji-curves,
.unq-ref-avatar-frame--tech-segmented {
  inset: -13px;
  border-radius: 26px;
}

.unq-ref-avatar-frame--symbiote .unq-ref-avatar-frame-css {
  border: 3px solid transparent;
  background-image:
    linear-gradient(rgba(8, 8, 12, 0.95), rgba(8, 8, 12, 0.95)),
    linear-gradient(135deg, #00F0FF 0%, #E53E6D 50%, #000000 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 16px;
  animation: symbiote-border-pulse 4s ease-in-out infinite;
}

.unq-ref-avatar-frame--symbiote .unq-ref-avatar-frame-css::after {
  inset: 6px -4px -6px 8px;
  border: 0;
  background:
    radial-gradient(ellipse at 0% 40%, rgba(229, 62, 109, 0.38) 0%, transparent 52%),
    radial-gradient(ellipse at 100% 66%, rgba(0, 240, 255, 0.26) 0%, transparent 48%);
  filter: blur(7px);
  opacity: 0.75;
}

.unq-ref-avatar-frame--lightning .unq-ref-avatar-frame-css {
  border: 2px dashed #00F0FF;
  border-radius: 14px;
  animation: border-lightning-glow 1.5s ease-in-out infinite;
}

.unq-ref-avatar-frame--lightning .unq-ref-avatar-frame-css::after {
  inset: 4px;
  border: 1px solid rgba(0, 240, 255, 0.32);
  clip-path: polygon(8% 30%, 35% 28%, 28% 8%, 62% 44%, 46% 44%, 62% 78%, 24% 40%, 42% 40%);
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.52);
}

.unq-ref-avatar-frame--zen-bamboo .unq-ref-avatar-frame-css {
  border: 4px double #2C1E1A;
  outline: 1px solid rgba(211, 162, 151, 0.5);
  outline-offset: -6px;
  box-shadow: 0 4px 15px rgba(44, 30, 26, 0.15);
  border-radius: 20px;
}

.unq-ref-avatar-frame--zen-bamboo .unq-ref-avatar-frame-css::after {
  inset: 6px;
  border: 1px solid rgba(44, 30, 26, 0.28);
  background: repeating-linear-gradient(90deg, rgba(44, 30, 26, 0.1) 0 2px, transparent 2px 12px);
  opacity: 0.42;
}

.unq-ref-avatar-frame--sakura-aura .unq-ref-avatar-frame-css {
  border: 2px solid #FF8E9E;
  background-color: rgba(253, 243, 244, 0.18);
  border-radius: 24px;
  animation: sakura-glow 3s ease-in-out infinite;
}

.unq-ref-avatar-frame--sakura-aura .unq-ref-avatar-frame-css::after {
  inset: -2px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 183, 178, 0.62) 0 4px, transparent 5px),
    radial-gradient(circle at 78% 74%, rgba(255, 142, 158, 0.46) 0 5px, transparent 6px);
  filter: blur(2px);
}

.unq-ref-avatar-frame--gogh-strokes .unq-ref-avatar-frame-css {
  border: 4px solid transparent;
  background-image:
    linear-gradient(rgba(11, 25, 44, 0.95), rgba(11, 25, 44, 0.95)),
    linear-gradient(45deg, #3B527A 0%, #F5C71A 30%, #0F1626 70%, #FFD700 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: inset 0 0 12px rgba(255, 215, 0, 0.2);
  border-radius: 12px;
}

.unq-ref-avatar-frame--gogh-strokes .unq-ref-avatar-frame-css::after {
  inset: 2px;
  background:
    repeating-linear-gradient(22deg, rgba(255, 245, 209, 0.1) 0 2px, transparent 2px 9px),
    radial-gradient(ellipse at 70% 22%, rgba(245, 199, 26, 0.24), transparent 38%);
  mix-blend-mode: screen;
}

.unq-ref-avatar-frame--lunar-gold .unq-ref-avatar-frame-css {
  border: 3px solid #F5C71A;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.06), rgba(245, 199, 26, 0.14));
  animation: gold-shine 5s ease-in-out infinite;
}

.unq-ref-avatar-frame--chakra .unq-ref-avatar-frame-css {
  border: 3px double #00F0FF;
  border-radius: 18px;
  background:
    conic-gradient(from 0deg, rgba(0, 240, 255, 0), rgba(0, 240, 255, 0.24), rgba(255, 140, 0, 0.22), rgba(0, 240, 255, 0));
  animation: chakra-spin 4s linear infinite;
}

.unq-ref-avatar-frame--konoha-scroll .unq-ref-avatar-frame-css {
  border: 4px solid #FF8c00;
  border-style: outset;
  outline: 2px solid #2D4263;
  outline-offset: 2px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.unq-ref-avatar-frame--konoha-scroll .unq-ref-avatar-frame-css::after {
  inset: 8px;
  border: 1px dashed rgba(0, 240, 255, 0.38);
}

.unq-ref-avatar-frame--mystery-journal .unq-ref-avatar-frame-css {
  border: 4px solid #E5A93C;
  border-radius: 10px;
  background:
    radial-gradient(circle at 18% 18%, rgba(229, 169, 60, 0.18) 0 4px, transparent 5px),
    radial-gradient(circle at 82% 18%, rgba(229, 169, 60, 0.18) 0 4px, transparent 5px),
    radial-gradient(circle at 18% 82%, rgba(229, 169, 60, 0.18) 0 4px, transparent 5px),
    radial-gradient(circle at 82% 82%, rgba(229, 169, 60, 0.18) 0 4px, transparent 5px),
    rgba(43, 31, 25, 0.24);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8), 0 4px 15px rgba(0, 0, 0, 0.5);
}

.unq-ref-avatar-frame--mystery-journal .unq-ref-avatar-frame-css::before {
  content: "★";
  top: 4px;
  right: 4px;
  left: auto;
  bottom: auto;
  width: auto;
  height: auto;
  color: #E5A93C;
  font-size: 10px;
  line-height: 1;
}

.unq-ref-avatar-frame--cipher-glitch .unq-ref-avatar-frame-css {
  border: 3px solid #E5A93C;
  border-radius: 15px;
  animation: cipher-glitch 4s ease-in-out infinite;
}

.unq-ref-avatar-frame--cipher-glitch .unq-ref-avatar-frame-css::after {
  inset: 5px;
  border: 1px solid rgba(255, 107, 139, 0.34);
  clip-path: polygon(0 0, 100% 0, 100% 18%, 86% 18%, 86% 30%, 100% 30%, 100% 100%, 0 100%, 0 72%, 12% 72%, 12% 60%, 0 60%);
}

.unq-ref-avatar-frame--crystal-anomal .unq-ref-avatar-frame-css {
  clip-path: polygon(15px 0%, 100% 0%, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0% 100%, 0% 15px);
  border: 2px solid #39FF14;
  background: rgba(10, 22, 17, 0.18);
  box-shadow: 0 0 15px rgba(57, 255, 20, 0.4);
}

.unq-ref-avatar-frame--crystal-anomal .unq-ref-avatar-frame-css::after {
  inset: 5px;
  border: 1px solid rgba(0, 229, 255, 0.42);
  clip-path: inherit;
  animation: cipher-glitch 5s ease-in-out infinite;
}

.unq-ref-avatar-frame--venom-organic .unq-ref-avatar-frame-css {
  border-radius: 60% 40% 70% 30% / 40% 60% 30% 70%;
  border: 3px solid #E53E6D;
  background: rgba(8, 8, 12, 0.2);
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.5), inset 0 0 10px rgba(229, 62, 109, 0.3);
  animation: organic-morph 6s ease-in-out infinite alternate;
}

.unq-ref-avatar-frame--venom-organic .unq-ref-avatar-frame-css::after {
  inset: -5px 8px 8px -5px;
  border-radius: inherit;
  background: radial-gradient(ellipse at 0% 40%, rgba(229, 62, 109, 0.34), transparent 58%);
  filter: blur(7px);
}

.unq-ref-avatar-frame--sensei-scroll .unq-ref-avatar-frame-css {
  border-radius: 30px 4px 30px 4px;
  border: 4px double #2C1E1A;
  background: rgba(253, 250, 244, 0.22);
  box-shadow: 5px 5px 0px rgba(44, 30, 26, 0.15);
}

.unq-ref-avatar-frame--sensei-scroll .unq-ref-avatar-frame-css::after {
  inset: 7px;
  border: 1px solid rgba(211, 162, 151, 0.48);
  border-radius: 24px 3px 24px 3px;
}

.unq-ref-avatar-frame--konoha-arc .unq-ref-avatar-frame-css {
  border-radius: 50px 0px 50px 0px;
  border: 3px solid #FF8C00;
  background: rgba(29, 38, 55, 0.18);
  box-shadow: 0 0 15px rgba(255, 140, 0, 0.3);
}

.unq-ref-avatar-frame--lunar-crescent .unq-ref-avatar-frame-css {
  border-radius: 24px 100px 24px 100px;
  border: 2px solid #FFD700;
  background: rgba(11, 25, 44, 0.18);
  box-shadow: 0 0 25px rgba(245, 199, 26, 0.4);
}

.unq-ref-avatar-frame--gogh-waves .unq-ref-avatar-frame-css {
  border: 3px solid #3B527A;
  outline: 2px dashed #F5C71A;
  outline-offset: 4px;
  border-radius: 16px;
  background: rgba(11, 25, 44, 0.18);
}

.unq-ref-avatar-frame--gogh-waves .unq-ref-avatar-frame-css::after {
  inset: 7px;
  border-radius: 12px;
  background: repeating-linear-gradient(22deg, rgba(255, 245, 209, 0.12) 0 2px, transparent 2px 8px);
}

.unq-ref-avatar-frame--cyber-tech .unq-ref-avatar-frame-css {
  clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 15% 100%, 0 85%);
  border: 2px solid #00F0FF;
  background: rgba(8, 8, 12, 0.2);
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.5);
}

.unq-ref-avatar-frame--cyber-tech .unq-ref-avatar-frame-css::after {
  inset: 6px;
  border: 1px solid rgba(229, 62, 109, 0.4);
  clip-path: inherit;
}

.unq-ref-avatar-frame--sakura-petal .unq-ref-avatar-frame-css {
  border-radius: 50% 0% 50% 50%;
  border: 2px solid #FF8E9E;
  background: rgba(253, 243, 244, 0.2);
  box-shadow: 0 4px 15px rgba(255, 142, 158, 0.2);
}

.unq-ref-avatar-frame--portal-dome .unq-ref-avatar-frame-css {
  border-radius: 120px 120px 16px 16px;
  border: 3px solid #39FF14;
  background: rgba(10, 22, 17, 0.18);
  box-shadow: 0 -10px 25px rgba(57, 255, 20, 0.3);
}

.unq-ref-avatar-frame--portal-dome .unq-ref-avatar-frame-css::after {
  inset: 8px;
  border-radius: 96px 96px 12px 12px;
  border: 1px solid rgba(0, 229, 255, 0.36);
}

.unq-ref-avatar-frame--ancient-totem .unq-ref-avatar-frame-css {
  border: 4px solid #E5A93C;
  border-radius: 0;
  clip-path: polygon(0% 15%, 15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%);
  background: rgba(43, 31, 25, 0.22);
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.6);
}

.unq-ref-avatar-frame--zen-organic .unq-ref-avatar-frame-css {
  border-radius: 30% 70% 40% 60% / 50% 30% 70% 50%;
  border: 3px solid #1F1412;
  background: rgba(253, 250, 242, 0.18);
  box-shadow: 4px 6px 0px rgba(31, 20, 18, 0.15);
  transition: border-radius 0.5s ease;
}

.unq-ref-avatar-wrap:hover .unq-ref-avatar-frame--zen-organic .unq-ref-avatar-frame-css {
  border-radius: 55% 45% 60% 40% / 40% 60% 45% 55%;
}

.unq-ref-avatar-frame--temple-arch .unq-ref-avatar-frame-css {
  border-radius: 120px 120px 12px 12px;
  border: 3px solid #D2A298;
  background: rgba(253, 250, 242, 0.14);
  box-shadow: inset 0 0 12px rgba(210, 162, 152, 0.2);
}

.unq-ref-avatar-frame--hex-portal .unq-ref-avatar-frame-css {
  clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
  border: 2px solid #39FF14;
  background: rgba(10, 22, 17, 0.18);
  filter: drop-shadow(0 0 8px rgba(57, 255, 20, 0.6));
}

.unq-ref-avatar-frame--leaf-scroll .unq-ref-avatar-frame-css {
  border-radius: 40px 8px 40px 8px;
  border: 3px solid #FF8397;
  outline: 1px solid #1F1412;
  outline-offset: 3px;
  background: rgba(253, 250, 242, 0.16);
}

.unq-ref-avatar-frame--gogh-wave .unq-ref-avatar-frame-css {
  border-radius: 45px 15px 80px 15px / 15px 80px 15px 45px;
  border: 3px solid #FFD500;
  background: rgba(12, 26, 48, 0.18);
  box-shadow: 0 0 15px rgba(236, 193, 40, 0.4);
}

.unq-ref-avatar-frame--diamond-shield .unq-ref-avatar-frame-css {
  clip-path: polygon(6% 0%, 100% 0%, 94% 100%, 0% 100%);
  border: 2.5px solid #00F0FF;
  background: rgba(8, 8, 12, 0.18);
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.4);
}

.unq-ref-avatar-frame--symbiote-morph .unq-ref-avatar-frame-css {
  border: 3px solid #E53E6D;
  background: rgba(8, 8, 12, 0.16);
  animation: symbiote-morph 6s ease-in-out infinite;
  box-shadow: inset 0 0 15px rgba(229, 62, 109, 0.5);
}

.unq-ref-avatar-frame--crescent-contour .unq-ref-avatar-frame-css {
  border-radius: 80px 16px 16px 80px / 80px 16px 16px 80px;
  border: 2px solid #FFF4D0;
  border-left-width: 5px;
  background: rgba(12, 26, 48, 0.16);
  box-shadow: -5px 0 15px rgba(255, 244, 208, 0.3);
}

.unq-ref-avatar-frame--taiji-curves .unq-ref-avatar-frame-css {
  border-radius: 60px 8px 60px 8px;
  border: 2.5px solid #1F1412;
  background: rgba(253, 250, 242, 0.14);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.unq-ref-avatar-frame--tech-segmented .unq-ref-avatar-frame-css {
  clip-path: polygon(0 0, 100% 0, 100% 80%, 85% 100%, 0 100%);
  border: 2px solid #39FF14;
  background: rgba(8, 8, 12, 0.18);
}

@keyframes organic-morph {
  0% {
    border-radius: 60% 40% 70% 30% / 40% 60% 30% 70%;
  }

  100% {
    border-radius: 40% 60% 35% 65% / 60% 40% 65% 35%;
  }
}

@keyframes symbiote-morph {
  0% {
    border-radius: 40% 60% 30% 70% / 50% 60% 40% 50%;
  }

  50% {
    border-radius: 30% 70% 70% 30% / 50% 30% 70% 50%;
  }

  100% {
    border-radius: 40% 60% 30% 70% / 50% 60% 40% 50%;
  }
}

@keyframes symbiote-border-pulse {
  0%,
  100% {
    box-shadow: 0 0 15px rgba(229, 62, 109, 0.4), inset 0 0 8px rgba(0, 240, 255, 0.2);
  }

  50% {
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.6), inset 0 0 15px rgba(229, 62, 109, 0.3);
  }
}

@keyframes border-lightning-glow {
  0%,
  100% {
    border-color: rgba(0, 240, 255, 0.3);
    box-shadow: 0 0 5px rgba(0, 240, 255, 0.2);
  }

  50% {
    border-color: rgba(0, 240, 255, 1);
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.8), inset 0 0 10px rgba(0, 240, 255, 0.4);
  }
}

@keyframes sakura-glow {
  0%,
  100% {
    filter: drop-shadow(0 0 5px rgba(255, 142, 158, 0.4));
  }

  50% {
    filter: drop-shadow(0 0 15px rgba(255, 142, 158, 0.8));
  }
}

@keyframes gold-shine {
  0%,
  100% {
    border-color: #F5C71A;
    box-shadow: 0 0 10px rgba(245, 199, 26, 0.3);
  }

  50% {
    border-color: #FFD700;
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.7);
  }
}

@keyframes chakra-spin {
  0% {
    border-color: #00F0FF;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
  }

  50% {
    border-color: #FF8c00;
    box-shadow: 0 0 20px rgba(255, 140, 0, 0.6);
  }

  100% {
    border-color: #00F0FF;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
  }
}

@keyframes cipher-glitch {
  0%,
  95%,
  100% {
    border-color: #E5A93C;
    filter: none;
  }

  96% {
    border-color: #FF6B8B;
    filter: hue-rotate(90deg);
  }

  98% {
    border-color: #39FF14;
    filter: skewX(1deg);
  }
}

.unq-ref-name-wrap {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.unq-ref-profile.has-pets {
  --pet-reserve-top: clamp(92px, 20vw, 114px);
  --pet-reserve-bottom: clamp(34px, 8vw, 52px);
  --pet-left-offset: clamp(92px, 24vw, 110px);
  --pet-left-top: clamp(116px, 29vw, 146px);
  --pet-top-right-offset: clamp(112px, 29vw, 132px);
  --pet-top-right-top: clamp(34px, 8vw, 52px);
  --pet-bottom-right-offset: clamp(112px, 29vw, 132px);
  --pet-bottom-right-top: clamp(244px, 62vw, 278px);
  --pet-figure-width: clamp(84px, 22vw, 102px);
  --pet-visual-size: clamp(64px, 17vw, 78px);
  min-height: 0;
  padding-top: 12px;
}

.unq-ref-profile.has-pets .unq-ref-avatar-wrap {
  margin-top: var(--pet-reserve-top);
}

.unq-ref-profile.has-pets .unq-ref-name-wrap {
  margin-top: 18px;
  width: min(100%, 100%);
}

.unq-ref-profile.has-pets.has-pets-1 {
  --pet-reserve-top: clamp(78px, 18vw, 96px);
  --pet-top-right-offset: clamp(96px, 25vw, 116px);
  --pet-top-right-top: clamp(24px, 6vw, 36px);
}

.unq-ref-profile.has-pets.has-pets-3 {
  --pet-reserve-top: clamp(96px, 21vw, 118px);
  --pet-reserve-bottom: clamp(84px, 22vw, 108px);
  --pet-left-top: clamp(120px, 30vw, 152px);
  --pet-top-right-top: clamp(28px, 7vw, 46px);
  --pet-bottom-right-top: clamp(258px, 68vw, 294px);
  --pet-figure-width: clamp(82px, 21vw, 100px);
  --pet-visual-size: clamp(62px, 16vw, 74px);
}

.unq-ref-profile.has-emoji-pack.has-pets {
  min-height: 0;
  padding-top: 18px;
  --pet-top-right-top: clamp(42px, 10vw, 60px);
  --pet-left-top: clamp(132px, 34vw, 164px);
}

.unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 {
  --pet-reserve-bottom: clamp(92px, 25vw, 120px);
  --pet-bottom-right-top: clamp(270px, 72vw, 306px);
}

[data-card-theme="velours"] .unq-ref-profile.has-pets.has-pets-3 {
  --pet-reserve-top: clamp(98px, 23vw, 118px);
  --pet-reserve-bottom: clamp(94px, 26vw, 124px);
  --pet-left-offset: clamp(106px, 27vw, 122px);
  --pet-left-top: clamp(132px, 34vw, 164px);
  --pet-top-right-offset: clamp(126px, 32vw, 144px);
  --pet-top-right-top: clamp(40px, 10vw, 58px);
  --pet-bottom-right-offset: clamp(126px, 33vw, 146px);
  --pet-bottom-right-top: clamp(266px, 70vw, 304px);
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 {
  --pet-reserve-top: clamp(106px, 27vw, 128px);
  --pet-reserve-bottom: clamp(112px, 31vw, 142px);
  --pet-left-offset: clamp(110px, 29vw, 126px);
  --pet-left-top: clamp(142px, 38vw, 176px);
  --pet-top-right-offset: clamp(130px, 34vw, 150px);
  --pet-top-right-top: clamp(56px, 14vw, 76px);
  --pet-bottom-right-offset: clamp(132px, 35vw, 152px);
  --pet-bottom-right-top: clamp(286px, 78vw, 326px);
}

.unq-ref-profile.has-pets .unq-ref-verified-company,
.unq-ref-profile.has-pets .unq-ref-role,
.unq-ref-profile.has-pets .unq-ref-bio {
  max-width: min(100%, 280px);
}

[data-card-theme="velours"] .unq-ref-profile.has-pets .unq-ref-verified-company,
[data-card-theme="velours"] .unq-ref-profile.has-pets .unq-ref-role,
[data-card-theme="velours"] .unq-ref-profile.has-pets .unq-ref-bio {
  max-width: min(100%, 248px);
}

.unq-ref-name {
  margin: 0;
  display: block;
  align-items: center;
  gap: 6px;
  font-size: var(--theme-name-font-size, 35px);
  line-height: 1.08;
  letter-spacing: var(--theme-name-letter-spacing, -0.03em);
  color: var(--theme-name-color, #242424);
  font-style: var(--theme-name-font-style, normal);
  font-weight: var(--theme-name-font-weight, 400);
  text-transform: var(--theme-name-text-transform, none);
}

.unq-ref-phone {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--theme-email-color, #7d7d7d);
  font-size: var(--theme-email-font-size, 20px);
  text-decoration: none;
}

.unq-ref-verified-company {
  margin: 6px 0 0;
  color: var(--theme-role-color, #737373);
  letter-spacing: var(--theme-role-letter-spacing, normal);
  font-size: 12px;
  line-height: 1.35;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  width: 100%;
  max-width: min(100%, 420px);
}

.unq-ref-role {
  margin: 3px 0 0;
  color: var(--theme-role-color, #737373);
  letter-spacing: var(--theme-role-letter-spacing, normal);
  font-size: var(--theme-role-font-size, 11px);
  line-height: 1.3;
  font-weight: var(--theme-role-font-weight, 500);
  text-transform: var(--theme-role-text-transform, none);
  text-align: center;
  width: 100%;
  max-width: min(100%, 420px);
}

.unq-ref-online-status {
  margin: 6px 0 0;
  color: var(--theme-role-color, #737373);
  letter-spacing: var(--theme-role-letter-spacing, normal);
  font-size: var(--theme-role-font-size, 11px);
  line-height: 1.3;
  font-weight: var(--theme-role-font-weight, 500);
  text-transform: none;
  text-align: center;
  width: 100%;
  max-width: min(100%, 420px);
}

.unq-ref-online-status.is-online {
  color: var(--theme-accent-color, #0aa889);
  font-weight: 600;
}

[data-card-theme="aurora_codex"] .unq-ref-role {
  font-style: italic;
}

.unq-ref-bio {
  margin: 8px 0 0;
  color: var(--theme-name-color, #242424);
  font-size: var(--theme-bio-font-size, 13px);
  line-height: 1.45;
  font-weight: var(--theme-bio-font-weight, 500);
  letter-spacing: var(--theme-bio-letter-spacing, 0);
  text-transform: var(--theme-bio-text-transform, none);
  text-align: center;
  width: 100%;
  max-width: min(100%, 420px);
}

@media (max-width: 480px) {
  .unq-ref-profile.has-pets {
    --pet-reserve-top: clamp(74px, 24vw, 92px);
    --pet-reserve-bottom: clamp(58px, 18vw, 84px);
    --pet-left-offset: clamp(82px, 26vw, 98px);
    --pet-left-top: clamp(106px, 34vw, 130px);
    --pet-top-right-offset: clamp(94px, 30vw, 110px);
    --pet-top-right-top: clamp(24px, 7vw, 36px);
    --pet-bottom-right-offset: clamp(92px, 31vw, 110px);
    --pet-bottom-right-top: clamp(214px, 70vw, 250px);
    --pet-figure-width: clamp(74px, 24vw, 90px);
    --pet-visual-size: clamp(56px, 18vw, 68px);
  }

  .unq-ref-profile.has-pets.has-pets-1 {
    --pet-reserve-top: clamp(64px, 20vw, 78px);
    --pet-top-right-offset: clamp(72px, 24vw, 88px);
    --pet-top-right-top: clamp(18px, 5vw, 26px);
  }

  .unq-ref-profile.has-pets.has-pets-3 {
    --pet-reserve-top: clamp(84px, 27vw, 102px);
    --pet-reserve-bottom: clamp(84px, 26vw, 112px);
    --pet-left-top: clamp(112px, 36vw, 138px);
    --pet-top-right-top: clamp(22px, 6vw, 32px);
    --pet-bottom-right-top: clamp(234px, 76vw, 272px);
    --pet-figure-width: clamp(72px, 23vw, 88px);
    --pet-visual-size: clamp(54px, 17vw, 66px);
  }

  .unq-ref-profile.has-emoji-pack.has-pets {
    --pet-top-right-top: clamp(36px, 11vw, 48px);
    --pet-left-top: clamp(122px, 39vw, 148px);
  }

  .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 {
    --pet-reserve-bottom: clamp(96px, 30vw, 124px);
    --pet-bottom-right-top: clamp(248px, 80vw, 286px);
  }

  [data-card-theme="velours"] .unq-ref-profile.has-pets.has-pets-3 {
    --pet-reserve-top: clamp(88px, 29vw, 108px);
    --pet-reserve-bottom: clamp(104px, 33vw, 132px);
    --pet-left-offset: clamp(88px, 28vw, 104px);
    --pet-top-right-offset: clamp(98px, 31vw, 116px);
    --pet-bottom-right-offset: clamp(100px, 33vw, 120px);
    --pet-left-top: clamp(114px, 37vw, 140px);
    --pet-top-right-top: clamp(30px, 9vw, 40px);
    --pet-bottom-right-top: clamp(244px, 79vw, 282px);
  }

  [data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 {
    --pet-reserve-top: clamp(98px, 32vw, 120px);
    --pet-reserve-bottom: clamp(118px, 37vw, 146px);
    --pet-left-offset: clamp(92px, 30vw, 108px);
    --pet-top-right-offset: clamp(102px, 33vw, 120px);
    --pet-bottom-right-offset: clamp(104px, 35vw, 124px);
    --pet-left-top: clamp(126px, 41vw, 154px);
    --pet-top-right-top: clamp(42px, 13vw, 56px);
    --pet-bottom-right-top: clamp(260px, 84vw, 300px);
  }

  .unq-ref-pet-name {
    font-size: 13px;
  }

  .unq-ref-profile.has-pets .unq-ref-verified-company,
  .unq-ref-profile.has-pets .unq-ref-role,
  .unq-ref-profile.has-pets .unq-ref-bio {
    max-width: min(100%, 232px);
  }
}

/* Fixed velours composition for 3 pets */
[data-card-theme="velours"] .unq-ref-shell {
  padding: 18px 16px 22px;
}

[data-card-theme="velours"] .unq-ref-official-unq,
[data-card-theme="velours"] .unq-ref-staff-badge {
  max-width: 286px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border-radius: 18px;
}

[data-card-theme="velours"] .unq-ref-brand h2 {
  font-size: 34px;
  line-height: 0.98;
}

[data-card-theme="velours"] .unq-ref-brand p {
  margin-top: 8px;
  font-size: 10px;
  letter-spacing: 0.18em;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 {
  width: 100%;
  max-width: 320px;
  min-height: 0;
  margin: 8px auto 0;
  padding-top: 0;
  padding-bottom: 0;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-profile-emoji-pack {
  top: -4px;
  left: -44px;
  width: calc(100% + 88px);
  max-width: none;
  height: 272px;
  transform: none;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-avatar-wrap {
  --avatar-size: 108px;
  margin-top: 144px;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-name-wrap {
  margin-top: 18px;
  max-width: 206px;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-name {
  font-size: 31px;
  line-height: 1;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-verified-company {
  margin-top: 10px;
  max-width: 180px;
  font-size: 11px;
  line-height: 1.55;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-role {
  margin-top: 4px;
  max-width: 180px;
  font-size: 11px;
  line-height: 1.35;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-bio {
  margin-top: 8px;
  max-width: 188px;
  font-size: 12px;
  line-height: 1.45;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-pets {
  inset: 0;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-pet {
  width: 94px;
  gap: 6px;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-pet-visual {
  width: 74px;
  height: 74px;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-pet-name {
  font-size: 13px;
  line-height: 1.12;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-pet--left {
  left: calc(50% - 136px);
  top: 196px;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-pet--top-right {
  left: calc(50% + 4px);
  top: 18px;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-pet--bottom-right {
  left: calc(50% + 136px);
  top: 196px;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-social-stats {
  margin-top: 8px;
  gap: 36px;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-social-value {
  font-size: 18px;
}

[data-card-theme="velours"] .unq-ref-profile.has-emoji-pack.has-pets.has-pets-3 .unq-ref-social-label {
  font-size: 10px;
  line-height: 1.2;
}

[data-card-theme="velours"] .unq-wall-tabs {
  margin-top: 8px;
  gap: 22px;
  padding-bottom: 8px;
}

[data-card-theme="velours"] .unq-wall-tab {
  font-size: 13px;
}

.unq-ref-social-stats {
  margin-top: 12px;
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 5vw, 36px);
}

.unq-ref-social-stat {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: auto;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  padding: 0;
  text-align: center;
  color: var(--theme-name-color, #202020);
  cursor: pointer;
  transition:
    transform 0.16s ease,
    opacity 0.18s ease;
}

.unq-ref-social-stat::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left center;
  background: currentColor;
  opacity: 0.28;
  transition: transform 0.18s ease;
}

.unq-ref-social-stat:hover,
.unq-ref-social-stat:focus-visible {
  transform: translateY(-1px);
  opacity: 0.96;
}

.unq-ref-social-stat:hover::after,
.unq-ref-social-stat:focus-visible::after {
  transform: scaleX(1);
}

.unq-ref-social-value {
  font-size: clamp(20px, 4.5vw, 24px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  color: var(--theme-name-color, #202020);
}

.unq-ref-social-label {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--theme-role-color, #737373);
}

[data-card-theme="galaxy"] .unq-ref-social-value {
  color: #ffffff;
  text-shadow: 0 0 16px rgba(0, 229, 255, 0.38);
}

[data-card-theme="galaxy"] .unq-ref-social-label {
  color: rgba(241, 234, 255, 0.72);
}

.unq-follow-preview {
  display: grid;
  gap: 14px;
}

.unq-follow-preview-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.unq-follow-preview-kicker {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--theme-role-color, #737373);
}

.unq-follow-preview-title {
  margin: 4px 0 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--theme-name-color, #202020);
}

.unq-follow-preview-link {
  align-self: center;
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--theme-accent-color, #202020);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.unq-follow-preview-list {
  display: grid;
  gap: 10px;
}

.unq-follow-preview-item {
  display: flex;
  align-items: center;
  gap: 10px;
  border: var(--theme-surface-border, 1px solid #e5e5e5);
  border-radius: 16px;
  background: var(--theme-surface-bg, rgba(255, 255, 255, 0.78));
  padding: 10px 12px;
  text-decoration: none;
  color: inherit;
}

.unq-follow-preview-avatar,
.unq-follow-dialog-avatar {
  display: inline-flex;
  height: 42px;
  width: 42px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  border: 1px solid var(--follow-dialog-avatar-line, rgba(148, 163, 184, 0.28));
  background: var(--follow-dialog-avatar-bg, rgba(255, 255, 255, 0.7));
  font-size: 12px;
  font-weight: 700;
  color: var(--follow-dialog-title, var(--theme-name-color, #202020));
}

.unq-follow-preview-avatar-img,
.unq-follow-dialog-avatar-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.unq-follow-preview-text {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.unq-follow-preview-name {
  font-size: 13px;
  font-weight: 700;
  color: var(--theme-name-color, #202020);
}

.unq-follow-preview-slug {
  font-size: 11px;
  color: var(--theme-role-color, #737373);
}

.unq-follow-preview-empty {
  margin: 0;
  border: var(--theme-surface-border, 1px dashed #d4d4d8);
  border-radius: 16px;
  background: var(--theme-surface-bg, rgba(255, 255, 255, 0.68));
  padding: 14px;
  font-size: 13px;
  color: var(--theme-role-color, #737373);
}

.unq-ref-verified-text {
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: center;
}

.unq-ref-verified-icon {
  display: inline-flex;
  flex: 0 0 auto;
}

.unq-ref-tags {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.unq-score-block {
  margin-top: 14px;
  border: var(--theme-surface-border, 1px solid #e5e5e5);
  border-radius: 14px;
  background: var(--theme-surface-bg, #fff);
  padding: 12px;
}

.unq-score-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.unq-score-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--theme-score-label, #737373);
  font-weight: 700;
}

.unq-rarity-badge {
  border: var(--theme-surface-border, 1px solid #d4d4d4);
  border-radius: 9999px;
  padding: 2px 8px;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 700;
  color: var(--theme-role-color, #525252);
  background: var(--theme-surface-bg, #fafafa);
}

.unq-score-row {
  margin-top: 6px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.unq-score-value {
  font-size: 34px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--theme-score-value, #111111);
  font-weight: 800;
}

.unq-score-top {
  font-size: 12px;
  color: var(--theme-score-percentile, #737373);
}

.unq-score-progress {
  margin-top: 8px;
  width: 100%;
  height: 3px;
  border-radius: 9999px;
  background: var(--theme-score-track, #e5e5e5);
  overflow: hidden;
}

.unq-score-progress>span {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: 9999px;
  background: var(--theme-score-fill, #171717);
}

.unq-score-note {
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--theme-score-percentile, #737373);
}

.unq-ref-tag {
  border-radius: 9999px;
  background: transparent;
  padding: 7px 12px;
  color: var(--theme-email-color, #5f6368);
  font-size: 15px;
  line-height: 1;
}

.unq-ref-divider {
  height: 1px;
  margin: 20px 6px;
  background: var(--theme-divider-color, #e6e6e6);
}

[data-card-theme="aurora_codex"] .unq-ref-divider {
  position: relative;
  margin: 22px 6px;
  background: linear-gradient(90deg, transparent, rgba(114, 84, 58, 0.44), transparent);
}

[data-card-theme="aurora_codex"] .unq-ref-divider::after {
  content: "♦";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #8f2820;
  font-size: 11px;
  line-height: 1;
  background: #f7eedc;
  padding: 0 5px;
}

[data-card-theme="velours"] .unq-ref-divider {
  position: relative;
  margin: 20px 6px;
  background: linear-gradient(90deg, transparent, #5a1828, transparent);
}

[data-card-theme="velours"] .unq-ref-divider::after {
  content: "◆";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #c9a55a;
  opacity: 0.7;
  font-size: 11px;
  line-height: 1;
  background: var(--theme-card-bg, #2d0a12);
  padding: 0 6px;
}

[data-card-theme="aurora_codex"] .public-card-shell {
  position: relative;
}

[data-card-theme="aurora_codex"] .public-card-shell::before,
[data-card-theme="aurora_codex"] .public-card-shell::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-color: rgba(140, 106, 73, 0.76);
  border-style: solid;
  pointer-events: none;
}

[data-card-theme="aurora_codex"] .public-card-shell::before {
  top: 10px;
  left: 10px;
  border-width: 1px 0 0 1px;
}

[data-card-theme="aurora_codex"] .public-card-shell::after {
  right: 10px;
  bottom: 10px;
  border-width: 0 1px 1px 0;
}

.unq-ref-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.unq-ref-action-btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  border-radius: var(--theme-button-radius, 9999px);
  border: 1px solid var(--theme-button-primary-border, #151515);
  background: var(--theme-button-primary-bg, #151515) !important;
  color: var(--theme-button-primary-text, #fff) !important;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.profile-dashboard .unq-ref-action-btn {
  border-radius: 9999px;
}

.unq-ref-action-btn>* {
  position: relative;
  z-index: 2;
}

.unq-ref-action-btn>svg,
.unq-ref-social-link>svg,
.unq-ref-save>svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.unq-ref-action-btn::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -70%;
  width: 46%;
  height: 140%;
  transform: rotate(18deg);
  background: var(--theme-button-shine, none);
  animation: unqRefButtonShine 2.2s linear infinite;
  z-index: 1;
}

.unq-ref-action-btn:hover {
  filter: brightness(0.96);
}

[data-card-theme="nebula_glass"] .unq-ref-action-btn::after {
  content: none;
}

[data-card-theme="nebula_glass"] .unq-ref-action-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.2);
  backdrop-filter: blur(10px) saturate(1.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 8px 24px rgba(0, 0, 0, 0.12);
}

[data-card-theme="nebula_glass"] .unq-ref-action-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  box-shadow:
    0 0 0 1px rgba(170, 205, 255, 0.15),
    0 10px 28px rgba(78, 126, 210, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

[data-card-theme="galaxy"] .unq-ref-action-btn {
  border: 1px solid rgba(0, 229, 255, 0.45) !important;
  background: linear-gradient(135deg, #00e5ff, #00a3ff) !important;
  color: #061123 !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.5);
}

[data-card-theme="galaxy"] .unq-ref-action-btn.is-secondary,
[data-card-theme="galaxy"] .unq-ref-follow-toggle {
  border: 1px solid rgba(0, 229, 255, 0.32) !important;
  background: rgba(26, 11, 54, 0.75) !important;
  color: #f1eaff !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.24);
}

[data-card-theme="galaxy"] .unq-ref-action-btn:hover,
[data-card-theme="galaxy"] .unq-ref-follow-toggle:hover {
  filter: brightness(1.06);
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.5), 0 10px 28px rgba(0, 163, 255, 0.24);
}

.unq-ref-action-btn.is-secondary {
  border-color: var(--theme-button-secondary-border, #151515);
  background: var(--theme-button-secondary-bg, transparent) !important;
  color: var(--theme-button-secondary-text, #151515) !important;
}

.unq-ref-empty-buttons {
  border: var(--theme-surface-border, 1px solid #e5e5e5);
  border-radius: 12px;
  background: var(--theme-surface-bg, #f7f7f7);
  padding: 12px;
  text-align: center;
  font-size: 12px;
  color: var(--theme-muted-color, #737373);
}

@keyframes unqRefButtonShine {
  0% {
    left: -70%;
  }

  100% {
    left: 130%;
  }
}

@keyframes unqGlassAppear {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.97);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes unqLiquidGlassGradient {
  0% {
    background-position: 0% 50%;
  }

  25% {
    background-position: 55% 18%;
  }

  50% {
    background-position: 100% 50%;
  }

  75% {
    background-position: 45% 88%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes unqLiquidGlassIslands {
  0% {
    transform: translate3d(-5%, -3%, 0) rotate(0deg) scale(1.05);
  }

  35% {
    transform: translate3d(8%, 5%, 0) rotate(18deg) scale(1.16);
  }

  70% {
    transform: translate3d(-4%, 9%, 0) rotate(-16deg) scale(1.1);
  }

  100% {
    transform: translate3d(-5%, -3%, 0) rotate(0deg) scale(1.05);
  }
}

.unq-ref-hashtag {
  margin: 0;
  text-align: center;
  color: var(--theme-muted-color, #a0a0a0);
  font-size: 14px;
  font-weight: 600;
}

.unq-ref-about {
  margin-top: 18px;
  border-radius: 16px;
  background: var(--theme-surface-bg, #f5f5f5);
  padding: 16px;
}

.unq-ref-about-title {
  margin: 0 0 10px;
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--theme-role-color, #9ca3af);
  font-weight: 700;
}

.unq-ref-about p {
  margin: 8px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-email-color, #4b5563);
  font-size: 15px;
}

.unq-ref-social {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.unq-ref-social-link {
  width: 37px;
  height: 37px;
  border-radius: 9999px;
  border: var(--theme-surface-border, 1px solid #d2d2d2);
  color: var(--theme-email-color, #7f7f7f);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.unq-ref-social-link.is-disabled {
  opacity: 0.42;
}

.unq-ref-save {
  width: 100%;
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: var(--theme-muted-color, #a1a1aa);
  font-size: 14px;
  padding: 4px 0;
  cursor: pointer;
}

.unq-ref-footline {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  color: var(--theme-muted-color, #9b9b9b);
  font-size: 12px;
  padding: 0 6px;
}

.unq-wall-tabs {
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border-bottom: 1px solid var(--theme-divider-color, #e6e6e6);
  padding-bottom: 10px;
}

.unq-wall-tab {
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 0 8px;
  color: var(--theme-muted-color, #8f8f8f);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

.unq-wall-tab-label {
  display: inline-flex;
  align-items: center;
}

.unq-wall-tab-dot {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: var(--theme-accent-color, #202020);
  box-shadow: 0 0 0 2px var(--theme-card-bg, #ffffff);
}

.unq-wall-tab.is-active {
  border-bottom-color: var(--theme-accent-color, #202020);
  color: var(--theme-accent-color, #202020);
}

.unq-wall-panel[hidden] {
  display: none !important;
}

.unq-wall-panel.is-active {
  display: block;
}

.unq-wall-posts {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.unq-wall-post {
  border-top: 1px solid var(--wall-post-divider, var(--theme-divider-color, #e6e6e6));
  padding-top: 16px;
}

.unq-wall-post:first-child {
  border-top: 0;
  padding-top: 0;
}

.unq-wall-post-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.unq-wall-post-avatar {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 9999px;
  border: var(--theme-avatar-border, 1px solid #dcdcdc);
  background: var(--theme-avatar-bg, #efefef);
  color: var(--theme-avatar-text, #555555);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
}

.unq-wall-post-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.unq-wall-post-meta {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
}

.unq-wall-post-top {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.unq-wall-post-author {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}

.unq-wall-post-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  row-gap: 4px;
}

.unq-wall-post-name {
  color: var(--theme-name-color, #202020);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.unq-wall-post-verified {
  display: inline-flex;
  color: var(--theme-accent-color, #202020);
  opacity: 0.88;
}

.unq-wall-post-verified svg,
.unq-wall-comment-verified svg {
  color: inherit !important;
}

.unq-wall-author-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  text-decoration: none;
  border-radius: 9999px;
  max-width: 100%;
  padding: 0 2px 0 0;
  transition:
    color 0.18s ease,
    opacity 0.18s ease,
    text-decoration-color 0.18s ease;
}

.unq-wall-author-link:hover {
  color: var(--theme-accent-color, #202020);
  opacity: 0.96;
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

.unq-wall-author-link:focus-visible {
  outline: 2px solid var(--theme-accent-color, #202020);
  outline-offset: 2px;
}

.unq-wall-post-date,
.unq-wall-post-edited {
  color: var(--wall-post-meta-color, var(--theme-muted-color, #8f8f8f));
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.unq-wall-post-date {
  margin-left: auto;
  text-align: right;
}

.unq-wall-post-edited {
  margin: -1px 0 0;
}

.unq-wall-post-content {
  margin-top: 0;
  color: var(--theme-name-color, #242424);
  font-size: 14px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.unq-wall-post-actions {
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-left: 0;
}

.unq-wall-action-group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.unq-wall-post-actions .unq-wall-action-group:first-child {
  margin-left: -3px;
}

.unq-wall-action-btn {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 9999px;
  background: transparent !important;
  color: var(--wall-post-icon-color, var(--theme-email-color, #6b7280));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transition:
    color 0.18s ease,
    opacity 0.18s ease,
    transform 0.16s ease,
    background-color 0.18s ease;
}

.unq-wall-action-btn svg {
  width: 18px;
  height: 18px;
}

.unq-wall-action-btn:hover {
  color: var(--wall-post-icon-hover-color, var(--theme-accent-color, #202020));
  background: transparent !important;
}

.unq-wall-action-btn:focus-visible {
  outline: 2px solid var(--theme-accent-color, #202020);
  outline-offset: 2px;
}

.unq-wall-action-btn:active {
  transform: scale(0.96);
}

.unq-wall-action-btn[disabled] {
  opacity: 0.55;
  cursor: default;
}

.unq-wall-like-btn {
  margin-left: 0;
  color: var(--wall-post-icon-color, var(--theme-email-color, #6b7280));
}

.unq-wall-like-btn.is-liked {
  color: var(--wall-post-icon-hover-color, var(--theme-accent-color, #202020));
}

.unq-wall-action-count,
.unq-wall-like-count {
  color: var(--wall-post-count-color, var(--theme-email-color, #6b7280));
  font-size: 14px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  margin-left: 0;
  min-width: 0;
}

.unq-wall-comment-pill {
  color: var(--wall-post-icon-color, var(--theme-email-color, #6b7280));
}

.unq-wall-comment-pill:hover,
.unq-wall-comment-pill[aria-expanded="true"] {
  color: var(--wall-post-icon-hover-color, var(--theme-accent-color, #202020));
}

.unq-wall-share-btn {
  color: var(--wall-post-icon-color, var(--theme-email-color, #6b7280));
}

.unq-wall-comments {
  margin-top: 10px;
  margin-left: 0;
  display: grid;
  gap: 12px;
}

.unq-wall-comments-list {
  display: grid;
  gap: 18px;
}

.unq-wall-comment,
.unq-wall-comment-empty {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.unq-wall-comment {
  position: relative;
  display: grid;
  grid-template-columns: 8px auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 0;
}

.unq-wall-comment-empty {
  padding: 0 0 0 16px;
  text-align: left;
  color: var(--theme-email-color, #646b78);
  font-size: 13px;
}

.unq-wall-comment-thread {
  position: relative;
  align-self: stretch;
}

.unq-wall-comment-thread::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -10px;
  bottom: -10px;
  width: 2px;
  border-radius: 9999px;
  transform: translateX(-50%);
  background: var(--theme-divider-color, #d8d8d8);
  opacity: 0.72;
}

.unq-wall-comments-list>.unq-wall-comment:first-child .unq-wall-comment-thread::before {
  top: 8px;
}

.unq-wall-comments-list>.unq-wall-comment:last-child .unq-wall-comment-thread::before {
  bottom: 8px;
}

.unq-wall-comment-avatar {
  width: 42px;
  height: 42px;
  border-radius: 9999px;
  overflow: hidden;
  border: var(--theme-avatar-border, 1px solid #dcdcdc);
  background: var(--theme-avatar-bg, #efefef);
  color: var(--theme-avatar-text, #555555);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
}

.unq-wall-comment-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.unq-wall-comment-body {
  min-width: 0;
  padding-top: 0;
}

.unq-wall-comment-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  row-gap: 4px;
}

.unq-wall-comment-name {
  color: var(--theme-name-color, #202020);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.unq-wall-comment-verified {
  display: inline-flex;
  color: var(--theme-accent-color, #202020);
  opacity: 0.88;
}

.unq-wall-comment-date {
  color: var(--theme-muted-color, #8f8f8f);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.unq-wall-comment-content {
  margin-top: 2px;
  color: var(--theme-name-color, #242424);
  font-size: 15px;
  line-height: 1.48;
  overflow-wrap: anywhere;
}

.unq-wall-comment-delete {
  border: 0;
  background: transparent;
  color: var(--theme-muted-color, #8f8f8f);
  font-size: 12px;
  font-weight: 600;
  padding: 2px 0 0;
  cursor: pointer;
}

.unq-wall-comment-delete:hover {
  color: var(--theme-accent-color, #202020);
}

.unq-wall-comment-delete[disabled] {
  opacity: 0.55;
  cursor: default;
}

.unq-wall-comments-compose {
  justify-self: stretch;
  width: 100%;
  min-height: 68px;
  border: 1px solid var(--theme-divider-color, #d8d8d8);
  border-radius: 9999px;
  background: var(--theme-surface-bg, rgba(127, 127, 127, 0.08));
  color: var(--theme-accent-color, #202020);
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  box-shadow: none;
  text-align: left;
}

.unq-wall-compose-avatar {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  border-radius: 9999px;
  overflow: hidden;
  border: var(--theme-avatar-border, 1px solid #dcdcdc);
  background: var(--theme-avatar-bg, #efefef);
  color: var(--theme-avatar-text, #555555);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.unq-wall-compose-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.unq-wall-compose-input {
  min-width: 0;
  flex: 1 1 auto;
  min-height: 24px;
  max-height: 84px;
  border: 0;
  background: transparent;
  color: var(--theme-name-color, #242424);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  padding: 0;
  resize: none;
  overflow-y: auto;
  font-family: inherit;
  caret-color: var(--theme-accent-color, #202020);
}

.unq-wall-compose-input::placeholder {
  color: var(--theme-muted-color, #7e7e7e);
  opacity: 1;
}

.unq-wall-compose-input:focus {
  outline: none;
}

.unq-wall-comments-compose:focus-within {
  border-color: var(--theme-accent-color, #202020);
  box-shadow: 0 0 0 2px rgba(127, 127, 127, 0.14);
}

.unq-wall-compose-submit {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 12px;
  background: transparent !important;
  color: var(--theme-accent-color, #202020);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  opacity: 0.88;
  box-shadow: none !important;
}

.unq-wall-compose-submit svg {
  width: 23px;
  height: 23px;
}

.unq-wall-compose-submit:hover {
  opacity: 1;
  background: rgba(127, 127, 127, 0.12) !important;
}

.unq-wall-compose-submit:focus-visible {
  outline: 2px solid var(--theme-accent-color, #202020);
  outline-offset: 2px;
}

.unq-wall-compose-submit[disabled],
.unq-wall-compose-input:disabled {
  opacity: 0.6;
  cursor: default;
}

.unq-wall-comments-list.is-scrollable {
  max-height: min(52vh, 420px);
  overflow-y: auto;
  padding-right: 4px;
}

.unq-wall-comments-list.is-scrollable::-webkit-scrollbar {
  width: 8px;
}

.unq-wall-comments-list.is-scrollable::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}

[data-card-theme="velours"] .unq-wall-comment-empty,
[data-card-theme="forest"] .unq-wall-comment-empty,
[data-card-theme="midnight_obsidian"] .unq-wall-comment-empty,
[data-card-theme="golden_noir"] .unq-wall-comment-empty,
[data-card-theme="default_dark"] .unq-wall-comment-empty {
  background: transparent;
}

[data-card-theme="velours"] {
  --wall-post-divider: rgba(201, 165, 90, 0.16);
  --wall-post-meta-color: rgba(201, 165, 90, 0.88);
  --wall-post-icon-color: #c9a55a;
  --wall-post-icon-hover-color: #e1bc72;
  --wall-post-count-color: rgba(245, 232, 232, 0.92);
}

.unq-wall-empty {
  border: var(--theme-surface-border, 1px solid #e5e5e5);
  border-radius: 16px;
  background: var(--theme-surface-bg, #f7f7f7);
  padding: 18px 16px;
  text-align: center;
  color: var(--theme-muted-color, #7c7c7c);
  font-size: 13px;
}

.unq-wall-more-btn {
  width: 100%;
  margin-top: 16px;
  min-height: 44px;
  border-radius: 9999px;
  border: 1px solid var(--theme-button-secondary-border, #d6d6d6);
  background: var(--theme-button-secondary-bg, transparent) !important;
  color: var(--theme-button-secondary-text, #202020) !important;
  font-size: 13px;
  font-weight: 700;
}

[data-card-theme="velours"] .unq-ref-footline {
  color: #b58a94;
}

[data-card-theme="velours"] .unq-ref-footline div:last-child {
  color: #c9a55a;
}

@media (max-width: 640px) {
  .unq-ref-top {
    align-items: flex-start;
    gap: 8px;
    padding: 0 6px;
  }

  .unq-ref-slug-wrap {
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
  }

  .unq-ref-slugs {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    gap: 6px;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
  }

  .unq-ref-slug-chip {
    flex: 0 0 auto;
    font-size: 11px;
    padding: 2px 7px;
  }

  .unq-ref-slug-price {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 10px;
    padding: 2px 7px;
  }

  .unq-ref-share {
    margin-top: 2px;
  }

  .unq-ref-shell {
    border-radius: 18px;
    padding: 22px 16px 18px;
  }

  .unq-ref-brand h2 {
    font-size: 36px;
  }

  .unq-ref-name {
    font-size: 30px;
  }

  .unq-ref-phone {
    font-size: 18px;
  }

  .unq-ref-tag {
    font-size: 13px;
  }

  .unq-ref-about p {
    font-size: 14px;
  }

  .unq-wall-tabs {
    gap: 14px;
  }

  .unq-wall-tab {
    font-size: 14px;
  }

  .unq-wall-post-head {
    gap: 10px;
  }

  .unq-wall-post-avatar {
    width: 38px;
    height: 38px;
  }

  .unq-wall-post-top {
    gap: 8px;
  }

  .unq-wall-post-actions {
    gap: 14px;
    padding-left: 0;
  }

  .unq-wall-post-content {
    font-size: 14px;
  }

  .unq-wall-comments {
    margin-left: 0;
  }

  .unq-wall-comment {
    grid-template-columns: 6px auto minmax(0, 1fr) auto;
    gap: 8px;
  }

  .unq-wall-comment-avatar {
    width: 38px;
    height: 38px;
  }

  .unq-wall-comment-name,
  .unq-wall-comment-content {
    font-size: 14px;
  }

  .unq-wall-comments-compose {
    min-height: 60px;
    gap: 10px;
    padding: 10px 12px;
  }

  .unq-wall-compose-avatar {
    width: 36px;
    height: 36px;
  }

  .unq-wall-compose-input {
    font-size: 14px;
  }

  .unq-wall-compose-submit {
    width: 34px;
    height: 34px;
    border-radius: 10px;
  }

  .unq-wall-compose-submit svg {
    width: 20px;
    height: 20px;
  }
}

[data-card-theme] {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body[data-card-theme="default_dark"] {
  background: linear-gradient(140deg, #f7f8fa 0%, #eceff3 52%, #e5e9ef 100%);
  --theme-screen-opacity: 0.36;
  --theme-screen-pattern:
    radial-gradient(circle at 14% 16%, rgba(255, 255, 255, 0.34) 0%, transparent 42%),
    radial-gradient(circle at 84% 82%, rgba(96, 108, 130, 0.12) 0%, transparent 44%),
    repeating-linear-gradient(90deg, transparent 0 54px, rgba(58, 70, 92, 0.045) 54px 56px),
    repeating-linear-gradient(0deg, transparent 0 84px, rgba(255, 255, 255, 0.34) 84px 86px);
}

body[data-card-theme="default_dark"]::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(circle at 22% 28%, rgba(255, 255, 255, 0.26) 0%, transparent 48%),
    radial-gradient(circle at 78% 70%, rgba(80, 95, 120, 0.08) 0%, transparent 54%),
    repeating-linear-gradient(112deg, transparent 0 90px, rgba(143, 152, 170, 0.06) 90px 92px);
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="arctic"] {
  background: linear-gradient(160deg, #e8f3f9 0%, #d4e8f2 50%, #c4dce8 100%);
  position: relative;
  --theme-screen-opacity: 0.46;
  --theme-screen-pattern:
    radial-gradient(circle at 14% 18%, rgba(233, 245, 255, 0.38) 0%, transparent 36%),
    radial-gradient(circle at 86% 78%, rgba(132, 166, 194, 0.16) 0%, transparent 40%),
    repeating-linear-gradient(120deg, transparent 0 44px, rgba(114, 146, 173, 0.06) 44px 46px),
    repeating-linear-gradient(64deg, transparent 0 68px, rgba(223, 236, 246, 0.22) 68px 70px);
}

body[data-card-theme="arctic"]::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(circle at 15% 25%, rgba(186, 230, 253, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 85% 75%, rgba(186, 230, 253, 0.12) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="linen"] {
  background: linear-gradient(160deg, #f3ecdf 0%, #e9ddcb 52%, #dcccb7 100%);
  position: relative;
  --theme-screen-opacity: 0.48;
  --theme-screen-pattern:
    radial-gradient(circle at 12% 20%, rgba(255, 247, 233, 0.34) 0%, transparent 34%),
    radial-gradient(circle at 84% 82%, rgba(165, 126, 84, 0.12) 0%, transparent 42%),
    repeating-linear-gradient(124deg, transparent 0 38px, rgba(131, 96, 61, 0.055) 38px 40px),
    repeating-linear-gradient(56deg, transparent 0 54px, rgba(238, 224, 201, 0.2) 54px 56px);
}

body[data-card-theme="linen"]::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    repeating-linear-gradient(45deg, transparent 0 6px, rgba(180, 145, 106, 0.085) 6px 8px),
    repeating-linear-gradient(-45deg, transparent 0 6px, rgba(161, 126, 90, 0.07) 6px 8px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(90deg, rgba(99, 70, 42, 0.045) 0 1px, transparent 1px 22px);
  background-size: 100% 100%, 100% 100%, 22px 22px, 22px 22px;
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="linen"]::after {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at 12% 14%, rgba(255, 247, 235, 0.38) 0%, transparent 38%),
    radial-gradient(circle at 84% 18%, rgba(146, 111, 77, 0.11) 0%, transparent 44%),
    radial-gradient(circle at 50% 86%, rgba(120, 88, 58, 0.09) 0%, transparent 48%);
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="marble"] {
  background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
  position: relative;
  --theme-screen-opacity: 0.44;
  --theme-screen-pattern:
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26) 0%, transparent 36%),
    radial-gradient(circle at 84% 78%, rgba(0, 0, 0, 0.045) 0%, transparent 40%),
    repeating-linear-gradient(112deg, transparent 0 52px, rgba(35, 35, 35, 0.028) 52px 54px),
    repeating-linear-gradient(36deg, transparent 0 76px, rgba(255, 255, 255, 0.2) 76px 78px);
}

body[data-card-theme="marble"]::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(135deg, transparent 0%, transparent 48%, rgba(0, 0, 0, 0.015) 50%, transparent 52%, transparent 100%),
    linear-gradient(45deg, transparent 0%, transparent 48%, rgba(0, 0, 0, 0.015) 50%, transparent 52%, transparent 100%);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="forest"] {
  background: #071a10;
  position: relative;
  --theme-screen-opacity: 0.5;
  --theme-screen-pattern:
    radial-gradient(circle at 14% 22%, rgba(43, 104, 68, 0.32) 0%, transparent 34%),
    radial-gradient(circle at 88% 76%, rgba(32, 74, 50, 0.3) 0%, transparent 40%),
    repeating-linear-gradient(128deg, transparent 0 42px, rgba(198, 184, 147, 0.065) 42px 44px),
    repeating-linear-gradient(58deg, transparent 0 66px, rgba(89, 128, 101, 0.12) 66px 68px);
}

body[data-card-theme="forest"]::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(33, 88, 57, 0.18) 0%, transparent 42%),
    radial-gradient(circle at 80% 70%, rgba(24, 64, 43, 0.16) 0%, transparent 42%),
    radial-gradient(circle at 50% 50%, rgba(11, 31, 20, 0.22) 0%, transparent 62%);
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="sage_luxe"] {
  background: linear-gradient(160deg, #eef4ef 0%, #e2ebe4 55%, #d5e0d8 100%);
  position: relative;
  --theme-screen-opacity: 0.5;
  --theme-screen-pattern:
    radial-gradient(circle at 14% 18%, rgba(246, 251, 247, 0.42) 0%, transparent 38%),
    radial-gradient(circle at 86% 78%, rgba(112, 136, 116, 0.14) 0%, transparent 42%),
    repeating-linear-gradient(136deg, transparent 0 42px, rgba(116, 134, 119, 0.06) 42px 44px),
    repeating-linear-gradient(52deg, transparent 0 66px, rgba(226, 234, 227, 0.22) 66px 68px);
}

body[data-card-theme="sage_luxe"]::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    repeating-linear-gradient(46deg, transparent 0 14px, rgba(116, 134, 119, 0.045) 14px 15px),
    repeating-linear-gradient(-46deg, transparent 0 14px, rgba(94, 115, 98, 0.035) 14px 15px),
    radial-gradient(circle at 18% 24%, rgba(248, 252, 249, 0.45) 0%, transparent 42%),
    radial-gradient(circle at 82% 76%, rgba(129, 148, 131, 0.15) 0%, transparent 44%);
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="midnight_obsidian"] {
  background: linear-gradient(150deg, #090f16 0%, #101827 48%, #0a0f15 100%);
  position: relative;
  --theme-screen-opacity: 0.5;
  --theme-screen-pattern:
    radial-gradient(circle at 12% 16%, rgba(72, 108, 170, 0.34) 0%, transparent 36%),
    radial-gradient(circle at 86% 74%, rgba(47, 77, 126, 0.3) 0%, transparent 42%),
    repeating-linear-gradient(118deg, transparent 0 40px, rgba(126, 161, 226, 0.09) 40px 42px),
    repeating-linear-gradient(62deg, transparent 0 70px, rgba(63, 98, 156, 0.12) 70px 72px);
}

body[data-card-theme="midnight_obsidian"]::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(circle at 12% 16%, rgba(58, 89, 143, 0.35) 0%, transparent 42%),
    radial-gradient(circle at 82% 74%, rgba(37, 63, 104, 0.32) 0%, transparent 44%),
    linear-gradient(120deg, rgba(120, 160, 224, 0.06) 0%, transparent 28%, rgba(120, 160, 224, 0.06) 56%, transparent 80%);
  pointer-events: none;
  z-index: 0;
}

/* Адаптация элементов интерфейса под темы */

/* Default Dark - светлые кнопки */
[data-card-theme="default_dark"] .interactive-btn,
[data-card-theme="default_dark"] #card-slug-search-form>div {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: #404040 !important;
}

/* Arctic - холодные голубоватые тона */
[data-card-theme="arctic"] .interactive-btn,
[data-card-theme="arctic"] #card-slug-search-form>div {
  background: rgba(248, 250, 252, 0.95) !important;
  border-color: rgba(124, 157, 184, 0.25) !important;
  color: #1a2a3a !important;
  backdrop-filter: blur(8px);
}

[data-card-theme="arctic"] .interactive-btn:hover {
  background: rgba(240, 246, 255, 0.98) !important;
}

/* Linen - теплые бежевые тона */
[data-card-theme="linen"] .interactive-btn,
[data-card-theme="linen"] #card-slug-search-form>div {
  background: rgba(250, 248, 244, 0.95) !important;
  border-color: rgba(200, 168, 130, 0.25) !important;
  color: #3a2e24 !important;
  backdrop-filter: blur(8px);
}

[data-card-theme="linen"] .interactive-btn:hover {
  background: rgba(245, 240, 232, 0.98) !important;
}

/* Marble - чистый белый */
[data-card-theme="marble"] .interactive-btn,
[data-card-theme="marble"] #card-slug-search-form>div {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #0a0a0a !important;
}

[data-card-theme="marble"] .interactive-btn:hover {
  background: rgba(250, 250, 250, 1) !important;
}

/* Forest - темно-зеленые с золотистым текстом */
[data-card-theme="forest"] .interactive-btn,
[data-card-theme="forest"] #card-slug-search-form>div {
  background: rgba(20, 62, 41, 0.84) !important;
  border-color: rgba(231, 219, 191, 0.24) !important;
  color: #e7dbbf !important;
  backdrop-filter: blur(8px);
}

[data-card-theme="forest"] .interactive-btn:hover {
  background: rgba(29, 78, 51, 0.92) !important;
}

[data-card-theme="sage_luxe"] .interactive-btn,
[data-card-theme="sage_luxe"] #card-slug-search-form>div {
  background: rgba(244, 249, 245, 0.9) !important;
  border-color: rgba(116, 134, 119, 0.28) !important;
  color: #33453a !important;
  backdrop-filter: blur(6px);
}

body[data-card-theme="golden_noir"] {
  background: linear-gradient(150deg, #0b0e16 0%, #141a27 50%, #0b0f17 100%);
  position: relative;
  --theme-screen-opacity: 0.52;
  --theme-screen-pattern:
    radial-gradient(circle at 14% 16%, rgba(201, 173, 106, 0.14) 0%, transparent 44%),
    radial-gradient(circle at 84% 80%, rgba(178, 154, 96, 0.12) 0%, transparent 40%),
    repeating-linear-gradient(132deg, transparent 0 56px, rgba(201, 173, 106, 0.04) 56px 58px);
}

body[data-card-theme="golden_noir"]::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(circle at 18% 22%, rgba(204, 179, 117, 0.12) 0%, transparent 42%),
    radial-gradient(circle at 82% 72%, rgba(156, 134, 84, 0.1) 0%, transparent 42%);
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="aurora_codex"] {
  background: linear-gradient(160deg, #f4ead2 0%, #efe1c2 56%, #f9f0dc 100%);
  position: relative;
  --theme-screen-opacity: 0.44;
  --theme-screen-pattern:
    radial-gradient(circle at 14% 16%, rgba(148, 41, 33, 0.1) 0%, transparent 36%),
    radial-gradient(circle at 84% 76%, rgba(126, 97, 68, 0.12) 0%, transparent 42%),
    repeating-linear-gradient(128deg, transparent 0 64px, rgba(131, 102, 74, 0.06) 64px 66px);
}

body[data-card-theme="aurora_codex"]::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    repeating-linear-gradient(0deg, transparent 0 12px, rgba(152, 123, 90, 0.06) 12px 13px),
    radial-gradient(circle at 18% 24%, rgba(252, 244, 228, 0.38) 0%, transparent 42%),
    radial-gradient(circle at 82% 72%, rgba(179, 143, 101, 0.12) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="nebula_glass"] {
  background:
    radial-gradient(circle at 14% 20%, rgba(75, 126, 218, 0.42) 0%, transparent 32%),
    radial-gradient(circle at 84% 18%, rgba(132, 91, 190, 0.36) 0%, transparent 30%),
    radial-gradient(circle at 70% 78%, rgba(39, 154, 190, 0.24) 0%, transparent 34%),
    radial-gradient(circle at 28% 84%, rgba(122, 68, 132, 0.28) 0%, transparent 31%),
    linear-gradient(125deg, #0a0f24 0%, #151a3d 22%, #0d2540 42%, #1e112a 62%, #102c4d 78%, #24143b 100%);
  background-size: 400% 400%;
  position: relative;
  --theme-screen-opacity: 0;
  --theme-screen-pattern: none;
  animation: unqLiquidGlassGradient 10s ease-in-out infinite;
  will-change: background-position;
}

body[data-card-theme="nebula_glass"]::before {
  content: '';
  position: fixed;
  inset: -18%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 30%, rgba(91, 143, 238, 0.58) 0 12%, transparent 29%),
    radial-gradient(circle at 74% 24%, rgba(151, 102, 202, 0.48) 0 11%, transparent 28%),
    radial-gradient(circle at 64% 76%, rgba(55, 157, 190, 0.38) 0 12%, transparent 30%),
    radial-gradient(circle at 28% 78%, rgba(96, 52, 132, 0.46) 0 10%, transparent 27%),
    radial-gradient(circle at 52% 48%, rgba(62, 93, 174, 0.34) 0 13%, transparent 31%);
  filter: blur(68px);
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0deg) scale(1.05);
  animation: unqLiquidGlassIslands 11s ease-in-out infinite;
  will-change: transform;
}

body[data-card-theme="nebula_glass"]::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 22%),
    radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.08), transparent 35%);
  opacity: 0.76;
}

body[data-card-theme="galaxy"] {
  --galaxy-gradient: linear-gradient(135deg, #12072B 0%, #2A085C 50%, #5E179B 100%);
  --unqx-neon-accent: #00E5FF;
  --theme-page-bg: #12072b;
  --theme-card-bg: rgba(26, 11, 54, 0.75);
  --theme-card-border: 1px solid rgba(0, 229, 255, 0.28);
  --theme-card-radius: 32px;
  --theme-card-shadow: 0 0 10px rgba(0, 229, 255, 0.5), 0 28px 70px rgba(6, 2, 20, 0.55);
  --theme-surface-bg: rgba(26, 11, 54, 0.75);
  --theme-surface-border: 1px solid rgba(0, 229, 255, 0.28);
  --theme-divider-color: rgba(0, 229, 255, 0.44);
  --theme-name-color: #ffffff;
  --theme-role-color: #f1eaff;
  --theme-muted-color: rgba(241, 234, 255, 0.72);
  --theme-accent-color: #00e5ff;
  --theme-email-color: #f1eaff;
  --theme-button-primary-bg: linear-gradient(135deg, #00e5ff, #00a3ff);
  --theme-button-primary-text: #061123;
  --theme-button-primary-border: rgba(0, 229, 255, 0.45);
  --theme-button-secondary-bg: rgba(26, 11, 54, 0.75);
  --theme-button-secondary-text: #f1eaff;
  --theme-button-secondary-border: rgba(0, 229, 255, 0.32);
  --theme-badge-bg: linear-gradient(135deg, #00e5ff, #00a3ff);
  --theme-badge-border: 1px solid rgba(0, 229, 255, 0.42);
  --theme-badge-text: #061123;
  --follow-dialog-bg: rgba(26, 11, 54, 0.95);
  --follow-dialog-filter: blur(14px);
  --follow-dialog-shadow: 0 0 10px rgba(0, 229, 255, 0.32), 0 36px 90px rgba(4, 2, 16, 0.62);
  --follow-dialog-line: rgba(0, 229, 255, 0.2);
  --follow-dialog-item-line: rgba(0, 229, 255, 0.16);
  --follow-dialog-item-bg: rgba(255, 255, 255, 0.07);
  --follow-dialog-control-bg: rgba(255, 255, 255, 0.08);
  --follow-dialog-title: #ffffff;
  --follow-dialog-text: #f1eaff;
  --follow-dialog-muted: rgba(241, 234, 255, 0.68);
  --follow-dialog-avatar-bg: rgba(0, 229, 255, 0.1);
  --follow-dialog-avatar-line: rgba(0, 229, 255, 0.26);
  --follow-dialog-accent-text: #061123;
  --theme-screen-opacity: 0;
  --theme-screen-pattern: none;
  background-color: #12072b;
  background-image:
    radial-gradient(circle at 16% 18%, rgba(0, 229, 255, 0.18) 0%, transparent 34%),
    radial-gradient(circle at 82% 72%, rgba(0, 163, 255, 0.16) 0%, transparent 38%),
    radial-gradient(circle at 62% 42%, rgba(241, 234, 255, 0.1) 0%, transparent 30%),
    var(--galaxy-gradient);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: #ffffff;
  position: relative;
}

body[data-card-theme="galaxy"]::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 22%, rgba(0, 229, 255, 0.22) 0%, transparent 36%),
    radial-gradient(circle at 80% 72%, rgba(0, 163, 255, 0.18) 0%, transparent 42%),
    radial-gradient(circle at 54% 48%, rgba(241, 234, 255, 0.1) 0%, transparent 30%);
}

body[data-card-theme="velours"] {
  background: radial-gradient(circle at 18% 18%, rgba(196, 53, 74, 0.12) 0%, transparent 40%),
    radial-gradient(circle at 82% 82%, rgba(139, 26, 42, 0.1) 0%, transparent 45%),
    linear-gradient(160deg, #2d0a12 0%, #2a0911 52%, #380d18 100%);
  position: relative;
  --theme-screen-opacity: 0.52;
  --theme-screen-pattern:
    repeating-linear-gradient(35deg, rgba(255, 255, 255, 0.035) 0 2px, transparent 2px 10px),
    repeating-linear-gradient(-38deg, rgba(0, 0, 0, 0.055) 0 2px, transparent 2px 11px);
}

body[data-card-theme="velours"]::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(196, 53, 74, 0.14) 0%, transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(139, 26, 42, 0.12) 0%, transparent 44%);
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="graffiti_neon"] {
  background:
    radial-gradient(circle at 18% 18%, rgba(94, 247, 255, 0.14) 0%, transparent 40%),
    radial-gradient(circle at 82% 82%, rgba(242, 132, 255, 0.14) 0%, transparent 44%),
    linear-gradient(160deg, #12111d 0%, #19142a 48%, #0f1220 100%);
  position: relative;
  --theme-screen-opacity: 0.58;
  --theme-screen-pattern:
    linear-gradient(110deg, transparent 0 48%, rgba(94, 247, 255, 0.08) 48% 50%, transparent 50% 100%),
    radial-gradient(circle at 18% 24%, rgba(181, 255, 94, 0.16) 0%, transparent 34%),
    radial-gradient(circle at 78% 18%, rgba(242, 132, 255, 0.16) 0%, transparent 28%),
    repeating-linear-gradient(34deg, rgba(255, 255, 255, 0.03) 0 3px, transparent 3px 18px);
}

body[data-card-theme="graffiti_neon"]::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(circle at 18% 22%, rgba(94, 247, 255, 0.18) 0%, transparent 40%),
    radial-gradient(circle at 82% 78%, rgba(242, 132, 255, 0.18) 0%, transparent 42%),
    radial-gradient(circle at 50% 12%, rgba(181, 255, 94, 0.1) 0%, transparent 24%);
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="heritage_crest"],
body[data-card-theme="ivory_tennis"],
body[data-card-theme="grand_slam_clay"],
body[data-card-theme="racing_green"],
body[data-card-theme="polo_navy"],
body[data-card-theme="alpine_ski"],
body[data-card-theme="boxing_legend"],
body[data-card-theme="basketball_court"],
body[data-card-theme="football_pitch"],
body[data-card-theme="olympic_gold"],
body[data-card-theme="anime_blush"],
body[data-card-theme="cheetah_spots"],
body[data-card-theme="serpent_scale"] {
  background:
    radial-gradient(circle at 18% 18%, var(--sport-theme-glow) 0%, transparent 40%),
    radial-gradient(circle at 82% 82%, var(--sport-theme-glow-soft) 0%, transparent 46%),
    linear-gradient(160deg, var(--sport-theme-deep) 0%, var(--sport-theme-base) 52%, var(--sport-theme-surface) 100%);
  position: relative;
  --theme-screen-opacity: 0.52;
  --theme-screen-pattern:
    repeating-linear-gradient(128deg, transparent 0 48px, var(--sport-theme-line) 48px 50px),
    repeating-linear-gradient(58deg, transparent 0 72px, var(--sport-theme-line-soft) 72px 74px);
}

body[data-card-theme="heritage_crest"]::before,
body[data-card-theme="ivory_tennis"]::before,
body[data-card-theme="grand_slam_clay"]::before,
body[data-card-theme="racing_green"]::before,
body[data-card-theme="polo_navy"]::before,
body[data-card-theme="alpine_ski"]::before,
body[data-card-theme="boxing_legend"]::before,
body[data-card-theme="basketball_court"]::before,
body[data-card-theme="football_pitch"]::before,
body[data-card-theme="olympic_gold"]::before,
body[data-card-theme="anime_blush"]::before,
body[data-card-theme="cheetah_spots"]::before,
body[data-card-theme="serpent_scale"]::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 24%, var(--sport-theme-glow) 0%, transparent 40%),
    radial-gradient(circle at 82% 78%, var(--sport-theme-glow-soft) 0%, transparent 44%);
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="heritage_crest"] {
  --sport-theme-deep: #fff5f9;
  --sport-theme-base: #ffc6dd;
  --sport-theme-surface: #ffe6f0;
  --sport-theme-line: rgba(255, 111, 174, 0.18);
  --sport-theme-line-soft: rgba(255, 255, 255, 0.2);
  --sport-theme-glow: rgba(255, 111, 174, 0.2);
  --sport-theme-glow-soft: rgba(255, 221, 235, 0.34);
  --sport-theme-ui-bg: rgba(255, 245, 249, 0.92);
  --sport-theme-ui-hover: rgba(255, 232, 242, 0.98);
  --sport-theme-ui-border: rgba(255, 111, 174, 0.34);
  --sport-theme-ui-text: #6d2447;
}

body[data-card-theme="ivory_tennis"] {
  --sport-theme-deep: #050608;
  --sport-theme-base: #2b2f36;
  --sport-theme-surface: #15171c;
  --sport-theme-line: rgba(240, 200, 75, 0.16);
  --sport-theme-line-soft: rgba(255, 255, 255, 0.06);
  --sport-theme-glow: rgba(240, 200, 75, 0.12);
  --sport-theme-glow-soft: rgba(180, 190, 205, 0.08);
  --sport-theme-ui-bg: rgba(12, 13, 16, 0.88);
  --sport-theme-ui-hover: rgba(24, 27, 32, 0.94);
  --sport-theme-ui-border: rgba(240, 200, 75, 0.28);
  --sport-theme-ui-text: #f4f4f5;
}

body[data-card-theme="grand_slam_clay"] {
  --sport-theme-deep: #0a1f4d;
  --sport-theme-base: #cf1f2d;
  --sport-theme-surface: #123b86;
  --sport-theme-line: rgba(107, 183, 255, 0.16);
  --sport-theme-line-soft: rgba(255, 255, 255, 0.08);
  --sport-theme-glow: rgba(207, 31, 45, 0.18);
  --sport-theme-glow-soft: rgba(107, 183, 255, 0.14);
  --sport-theme-ui-bg: rgba(12, 35, 82, 0.86);
  --sport-theme-ui-hover: rgba(18, 51, 116, 0.94);
  --sport-theme-ui-border: rgba(107, 183, 255, 0.34);
  --sport-theme-ui-text: #ffffff;
}

body[data-card-theme="racing_green"] {
  --sport-theme-deep: #f5f9ff;
  --sport-theme-base: #ffc8df;
  --sport-theme-surface: #ffeaf3;
  --sport-theme-line: rgba(138, 183, 255, 0.16);
  --sport-theme-line-soft: rgba(255, 255, 255, 0.2);
  --sport-theme-glow: rgba(255, 184, 213, 0.22);
  --sport-theme-glow-soft: rgba(183, 215, 255, 0.24);
  --sport-theme-ui-bg: rgba(255, 247, 251, 0.92);
  --sport-theme-ui-hover: rgba(255, 234, 244, 0.98);
  --sport-theme-ui-border: rgba(138, 183, 255, 0.34);
  --sport-theme-ui-text: #6a2a4b;
}

body[data-card-theme="polo_navy"] {
  --sport-theme-deep: #061422;
  --sport-theme-base: #082033;
  --sport-theme-surface: #0a3a52;
  --sport-theme-line: rgba(77, 247, 255, 0.18);
  --sport-theme-line-soft: rgba(145, 248, 255, 0.08);
  --sport-theme-glow: rgba(77, 247, 255, 0.14);
  --sport-theme-glow-soft: rgba(14, 240, 255, 0.12);
  --sport-theme-ui-bg: rgba(4, 16, 25, 0.88);
  --sport-theme-ui-hover: rgba(9, 39, 56, 0.94);
  --sport-theme-ui-border: rgba(77, 247, 255, 0.34);
  --sport-theme-ui-text: #eaffff;
}

body[data-card-theme="alpine_ski"] {
  --sport-theme-deep: #fff8fe;
  --sport-theme-base: #d8c7ff;
  --sport-theme-surface: #f3f5ff;
  --sport-theme-line: rgba(116, 217, 255, 0.18);
  --sport-theme-line-soft: rgba(255, 255, 255, 0.3);
  --sport-theme-glow: rgba(216, 199, 255, 0.26);
  --sport-theme-glow-soft: rgba(191, 233, 255, 0.22);
  --sport-theme-ui-bg: rgba(255, 250, 255, 0.92);
  --sport-theme-ui-hover: rgba(244, 239, 255, 0.98);
  --sport-theme-ui-border: rgba(116, 217, 255, 0.32);
  --sport-theme-ui-text: #4a3f7a;
}

body[data-card-theme="boxing_legend"] {
  --sport-theme-deep: #2b0900;
  --sport-theme-base: #d94818;
  --sport-theme-surface: #6f1c08;
  --sport-theme-line: rgba(255, 209, 90, 0.16);
  --sport-theme-line-soft: rgba(255, 245, 232, 0.08);
  --sport-theme-glow: rgba(255, 177, 59, 0.2);
  --sport-theme-glow-soft: rgba(255, 209, 90, 0.12);
  --sport-theme-ui-bg: rgba(58, 12, 0, 0.88);
  --sport-theme-ui-hover: rgba(89, 22, 4, 0.94);
  --sport-theme-ui-border: rgba(255, 209, 90, 0.34);
  --sport-theme-ui-text: #fff5e8;
}

body[data-card-theme="basketball_court"] {
  --sport-theme-deep: #180821;
  --sport-theme-base: #cf2b9f;
  --sport-theme-surface: #4d1457;
  --sport-theme-line: rgba(97, 247, 255, 0.18);
  --sport-theme-line-soft: rgba(255, 211, 244, 0.08);
  --sport-theme-glow: rgba(207, 43, 159, 0.2);
  --sport-theme-glow-soft: rgba(97, 247, 255, 0.12);
  --sport-theme-ui-bg: rgba(35, 9, 48, 0.88);
  --sport-theme-ui-hover: rgba(72, 16, 84, 0.94);
  --sport-theme-ui-border: rgba(97, 247, 255, 0.34);
  --sport-theme-ui-text: #fff3fb;
}

body[data-card-theme="football_pitch"] {
  --sport-theme-deep: #07251d;
  --sport-theme-base: #1ba879;
  --sport-theme-surface: #0b5845;
  --sport-theme-line: rgba(168, 255, 214, 0.16);
  --sport-theme-line-soft: rgba(240, 255, 248, 0.08);
  --sport-theme-glow: rgba(168, 255, 214, 0.15);
  --sport-theme-glow-soft: rgba(27, 168, 121, 0.16);
  --sport-theme-ui-bg: rgba(6, 48, 37, 0.86);
  --sport-theme-ui-hover: rgba(11, 80, 62, 0.94);
  --sport-theme-ui-border: rgba(168, 255, 214, 0.34);
  --sport-theme-ui-text: #f0fff8;
}

body[data-card-theme="olympic_gold"] {
  --sport-theme-deep: #180825;
  --sport-theme-base: #6732bd;
  --sport-theme-surface: #3a176b;
  --sport-theme-line: rgba(255, 211, 110, 0.16);
  --sport-theme-line-soft: rgba(231, 212, 255, 0.08);
  --sport-theme-glow: rgba(103, 50, 189, 0.2);
  --sport-theme-glow-soft: rgba(255, 211, 110, 0.12);
  --sport-theme-ui-bg: rgba(30, 12, 47, 0.88);
  --sport-theme-ui-hover: rgba(56, 22, 102, 0.94);
  --sport-theme-ui-border: rgba(255, 211, 110, 0.34);
  --sport-theme-ui-text: #fff6d8;
}

body[data-card-theme="anime_blush"] {
  --sport-theme-deep: #fff1fa;
  --sport-theme-base: #ff9ed1;
  --sport-theme-surface: #ffe6f4;
  --sport-theme-line: rgba(168, 116, 255, 0.16);
  --sport-theme-line-soft: rgba(255, 255, 255, 0.22);
  --sport-theme-glow: rgba(255, 98, 172, 0.22);
  --sport-theme-glow-soft: rgba(202, 167, 255, 0.24);
  --sport-theme-ui-bg: rgba(255, 246, 252, 0.92);
  --sport-theme-ui-hover: rgba(255, 230, 244, 0.98);
  --sport-theme-ui-border: rgba(168, 116, 255, 0.34);
  --sport-theme-ui-text: #69264d;
}

body[data-card-theme="cheetah_spots"] {
  --sport-theme-deep: #5a2b0d;
  --sport-theme-base: #f5c46b;
  --sport-theme-surface: #b66a20;
  --sport-theme-line: rgba(43, 22, 8, 0.18);
  --sport-theme-line-soft: rgba(255, 240, 207, 0.1);
  --sport-theme-glow: rgba(245, 196, 107, 0.2);
  --sport-theme-glow-soft: rgba(43, 22, 8, 0.12);
  --sport-theme-ui-bg: rgba(70, 34, 9, 0.88);
  --sport-theme-ui-hover: rgba(99, 49, 13, 0.94);
  --sport-theme-ui-border: rgba(43, 22, 8, 0.34);
  --sport-theme-ui-text: #fff0cf;
}

body[data-card-theme="serpent_scale"] {
  --sport-theme-deep: #07190f;
  --sport-theme-base: #155332;
  --sport-theme-surface: #0b2a1a;
  --sport-theme-line: rgba(142, 230, 168, 0.16);
  --sport-theme-line-soft: rgba(236, 255, 241, 0.08);
  --sport-theme-glow: rgba(142, 230, 168, 0.16);
  --sport-theme-glow-soft: rgba(21, 83, 50, 0.18);
  --sport-theme-ui-bg: rgba(6, 24, 14, 0.88);
  --sport-theme-ui-hover: rgba(10, 42, 26, 0.94);
  --sport-theme-ui-border: rgba(142, 230, 168, 0.34);
  --sport-theme-ui-text: #ecfff1;
}

body[data-card-theme^="color_"] {
  background:
    radial-gradient(circle at 18% 18%, var(--card-theme-glow) 0%, transparent 40%),
    radial-gradient(circle at 82% 82%, var(--card-theme-glow-soft) 0%, transparent 46%),
    linear-gradient(160deg, var(--card-theme-deep) 0%, var(--card-theme-base) 52%, var(--card-theme-surface) 100%);
  position: relative;
  --theme-screen-opacity: 0.52;
  --theme-screen-pattern:
    repeating-linear-gradient(128deg, transparent 0 48px, var(--card-theme-line) 48px 50px),
    repeating-linear-gradient(58deg, transparent 0 72px, var(--card-theme-line-soft) 72px 74px);
}

body[data-card-theme^="color_"]::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 24%, var(--card-theme-glow) 0%, transparent 40%),
    radial-gradient(circle at 82% 78%, var(--card-theme-glow-soft) 0%, transparent 44%);
  pointer-events: none;
  z-index: 0;
}

body[data-card-theme="color_red"] {
  --card-theme-deep: #3c0710;
  --card-theme-base: #8e1627;
  --card-theme-surface: #5d0d18;
  --card-theme-line: rgba(255, 107, 133, 0.12);
  --card-theme-line-soft: rgba(255, 242, 245, 0.08);
  --card-theme-glow: rgba(255, 107, 133, 0.14);
  --card-theme-glow-soft: rgba(255, 196, 211, 0.1);
  --card-theme-ui-bg: rgba(78, 10, 21, 0.86);
  --card-theme-ui-bg-hover: rgba(96, 14, 27, 0.92);
  --card-theme-ui-border: rgba(255, 107, 133, 0.34);
  --card-theme-ui-text: #fff2f5;
  --card-theme-ui-placeholder: rgba(255, 242, 245, 0.5);
  --card-theme-ui-chip: rgba(255, 196, 211, 0.72);
}

body[data-card-theme="color_orange"] {
  --card-theme-deep: #4f2100;
  --card-theme-base: #c85600;
  --card-theme-surface: #7b3403;
  --card-theme-line: rgba(255, 185, 87, 0.12);
  --card-theme-line-soft: rgba(255, 244, 229, 0.08);
  --card-theme-glow: rgba(255, 185, 87, 0.14);
  --card-theme-glow-soft: rgba(255, 224, 184, 0.1);
  --card-theme-ui-bg: rgba(88, 38, 0, 0.86);
  --card-theme-ui-bg-hover: rgba(108, 48, 3, 0.92);
  --card-theme-ui-border: rgba(255, 185, 87, 0.34);
  --card-theme-ui-text: #fff4e5;
  --card-theme-ui-placeholder: rgba(255, 244, 229, 0.52);
  --card-theme-ui-chip: rgba(255, 224, 184, 0.72);
}

body[data-card-theme="color_yellow"] {
  --card-theme-deep: #5f4600;
  --card-theme-base: #d1a800;
  --card-theme-surface: #8b6a07;
  --card-theme-line: rgba(255, 243, 166, 0.14);
  --card-theme-line-soft: rgba(255, 251, 234, 0.08);
  --card-theme-glow: rgba(255, 243, 166, 0.18);
  --card-theme-glow-soft: rgba(255, 247, 197, 0.11);
  --card-theme-ui-bg: rgba(96, 73, 0, 0.84);
  --card-theme-ui-bg-hover: rgba(116, 88, 0, 0.92);
  --card-theme-ui-border: rgba(255, 243, 166, 0.34);
  --card-theme-ui-text: #fffbea;
  --card-theme-ui-placeholder: rgba(255, 251, 234, 0.52);
  --card-theme-ui-chip: rgba(255, 247, 197, 0.76);
}

body[data-card-theme="color_green"] {
  --card-theme-deep: #0d3317;
  --card-theme-base: #1f8f47;
  --card-theme-surface: #145726;
  --card-theme-line: rgba(180, 255, 130, 0.12);
  --card-theme-line-soft: rgba(242, 255, 244, 0.08);
  --card-theme-glow: rgba(180, 255, 130, 0.14);
  --card-theme-glow-soft: rgba(215, 255, 213, 0.1);
  --card-theme-ui-bg: rgba(16, 63, 32, 0.86);
  --card-theme-ui-bg-hover: rgba(22, 78, 39, 0.92);
  --card-theme-ui-border: rgba(180, 255, 130, 0.34);
  --card-theme-ui-text: #f2fff4;
  --card-theme-ui-placeholder: rgba(242, 255, 244, 0.52);
  --card-theme-ui-chip: rgba(215, 255, 213, 0.76);
}

body[data-card-theme="color_teal"] {
  --card-theme-deep: #072f33;
  --card-theme-base: #0f8c93;
  --card-theme-surface: #0b4e54;
  --card-theme-line: rgba(145, 248, 255, 0.12);
  --card-theme-line-soft: rgba(236, 255, 255, 0.08);
  --card-theme-glow: rgba(145, 248, 255, 0.14);
  --card-theme-glow-soft: rgba(200, 254, 255, 0.1);
  --card-theme-ui-bg: rgba(8, 59, 64, 0.86);
  --card-theme-ui-bg-hover: rgba(10, 73, 79, 0.92);
  --card-theme-ui-border: rgba(145, 248, 255, 0.34);
  --card-theme-ui-text: #ecffff;
  --card-theme-ui-placeholder: rgba(236, 255, 255, 0.5);
  --card-theme-ui-chip: rgba(200, 254, 255, 0.74);
}

body[data-card-theme="color_blue"] {
  --card-theme-deep: #0b234d;
  --card-theme-base: #1d63d6;
  --card-theme-surface: #123d8a;
  --card-theme-line: rgba(143, 200, 255, 0.12);
  --card-theme-line-soft: rgba(238, 246, 255, 0.08);
  --card-theme-glow: rgba(143, 200, 255, 0.14);
  --card-theme-glow-soft: rgba(212, 232, 255, 0.1);
  --card-theme-ui-bg: rgba(11, 38, 85, 0.86);
  --card-theme-ui-bg-hover: rgba(15, 48, 104, 0.92);
  --card-theme-ui-border: rgba(143, 200, 255, 0.34);
  --card-theme-ui-text: #eef6ff;
  --card-theme-ui-placeholder: rgba(238, 246, 255, 0.5);
  --card-theme-ui-chip: rgba(212, 232, 255, 0.74);
}

body[data-card-theme="color_purple"] {
  --card-theme-deep: #33124f;
  --card-theme-base: #7a2fca;
  --card-theme-surface: #5b2290;
  --card-theme-line: rgba(214, 173, 255, 0.12);
  --card-theme-line-soft: rgba(251, 244, 255, 0.08);
  --card-theme-glow: rgba(214, 173, 255, 0.14);
  --card-theme-glow-soft: rgba(240, 223, 255, 0.1);
  --card-theme-ui-bg: rgba(49, 18, 78, 0.86);
  --card-theme-ui-bg-hover: rgba(64, 24, 98, 0.92);
  --card-theme-ui-border: rgba(214, 173, 255, 0.34);
  --card-theme-ui-text: #fbf4ff;
  --card-theme-ui-placeholder: rgba(251, 244, 255, 0.5);
  --card-theme-ui-chip: rgba(240, 223, 255, 0.74);
}

body[data-card-theme="color_pink"] {
  --card-theme-deep: #57163b;
  --card-theme-base: #d53c84;
  --card-theme-surface: #8a235f;
  --card-theme-line: rgba(255, 182, 220, 0.12);
  --card-theme-line-soft: rgba(255, 243, 249, 0.08);
  --card-theme-glow: rgba(255, 182, 220, 0.14);
  --card-theme-glow-soft: rgba(255, 220, 237, 0.1);
  --card-theme-ui-bg: rgba(84, 22, 58, 0.86);
  --card-theme-ui-bg-hover: rgba(102, 28, 71, 0.92);
  --card-theme-ui-border: rgba(255, 182, 220, 0.34);
  --card-theme-ui-text: #fff3f9;
  --card-theme-ui-placeholder: rgba(255, 243, 249, 0.5);
  --card-theme-ui-chip: rgba(255, 220, 237, 0.74);
}

[data-card-theme="sage_luxe"] .interactive-btn:hover {
  background: rgba(236, 244, 237, 0.95) !important;
}

[data-card-theme="midnight_obsidian"] .interactive-btn,
[data-card-theme="midnight_obsidian"] #card-slug-search-form>div {
  background: rgba(18, 28, 44, 0.86) !important;
  border-color: rgba(95, 130, 186, 0.34) !important;
  color: #d6e6ff !important;
  backdrop-filter: blur(8px);
}

[data-card-theme="midnight_obsidian"] .interactive-btn:hover {
  background: rgba(24, 38, 58, 0.92) !important;
}

[data-card-theme="golden_noir"] .interactive-btn,
[data-card-theme="golden_noir"] #card-slug-search-form>div {
  background: rgba(22, 28, 42, 0.88) !important;
  border-color: rgba(201, 173, 106, 0.34) !important;
  color: #d8c184 !important;
  backdrop-filter: blur(8px);
}

[data-card-theme="golden_noir"] .interactive-btn:hover {
  background: rgba(29, 36, 54, 0.94) !important;
}

[data-card-theme="aurora_codex"] .interactive-btn,
[data-card-theme="aurora_codex"] #card-slug-search-form>div {
  background: rgba(251, 244, 232, 0.92) !important;
  border-color: rgba(137, 103, 73, 0.36) !important;
  color: #4c3727 !important;
  backdrop-filter: blur(4px);
}

[data-card-theme="aurora_codex"] .interactive-btn:hover {
  background: rgba(248, 236, 214, 0.96) !important;
}

[data-card-theme="nebula_glass"] .interactive-btn,
[data-card-theme="nebula_glass"] #card-slug-search-form>div {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.2);
  backdrop-filter: blur(10px) saturate(1.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

[data-card-theme="nebula_glass"] .interactive-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  box-shadow:
    0 0 0 1px rgba(170, 205, 255, 0.15),
    0 10px 28px rgba(78, 126, 210, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

[data-card-theme="galaxy"] .interactive-btn,
[data-card-theme="galaxy"] #card-slug-search-form>div {
  border: 1px solid rgba(0, 229, 255, 0.32) !important;
  background: rgba(26, 11, 54, 0.75) !important;
  color: #f1eaff !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.28);
}

[data-card-theme="galaxy"] .interactive-btn:hover {
  background: rgba(34, 14, 70, 0.82) !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.5);
}

[data-card-theme="velours"] .interactive-btn,
[data-card-theme="velours"] #card-slug-search-form>div {
  background: rgba(20, 4, 10, 0.86) !important;
  border-color: rgba(90, 24, 40, 0.78) !important;
  color: #f5e8e8 !important;
  backdrop-filter: blur(8px);
}

[data-card-theme="velours"] .interactive-btn:hover {
  background: rgba(27, 7, 13, 0.92) !important;
  border-color: rgba(139, 42, 58, 0.82) !important;
}

[data-card-theme="graffiti_neon"] .interactive-btn,
[data-card-theme="graffiti_neon"] #card-slug-search-form>div {
  background: rgba(16, 20, 32, 0.82) !important;
  border-color: rgba(94, 247, 255, 0.34) !important;
  color: #f7fbff !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

[data-card-theme="graffiti_neon"] .interactive-btn:hover {
  background: rgba(22, 26, 40, 0.92) !important;
  border-color: rgba(242, 132, 255, 0.4) !important;
}

[data-card-theme="heritage_crest"] .interactive-btn,
[data-card-theme="heritage_crest"] #card-slug-search-form>div,
[data-card-theme="ivory_tennis"] .interactive-btn,
[data-card-theme="ivory_tennis"] #card-slug-search-form>div,
[data-card-theme="grand_slam_clay"] .interactive-btn,
[data-card-theme="grand_slam_clay"] #card-slug-search-form>div,
[data-card-theme="racing_green"] .interactive-btn,
[data-card-theme="racing_green"] #card-slug-search-form>div,
[data-card-theme="polo_navy"] .interactive-btn,
[data-card-theme="polo_navy"] #card-slug-search-form>div,
[data-card-theme="alpine_ski"] .interactive-btn,
[data-card-theme="alpine_ski"] #card-slug-search-form>div,
[data-card-theme="boxing_legend"] .interactive-btn,
[data-card-theme="boxing_legend"] #card-slug-search-form>div,
[data-card-theme="basketball_court"] .interactive-btn,
[data-card-theme="basketball_court"] #card-slug-search-form>div,
[data-card-theme="football_pitch"] .interactive-btn,
[data-card-theme="football_pitch"] #card-slug-search-form>div,
[data-card-theme="olympic_gold"] .interactive-btn,
[data-card-theme="olympic_gold"] #card-slug-search-form>div,
[data-card-theme="anime_blush"] .interactive-btn,
[data-card-theme="anime_blush"] #card-slug-search-form>div,
[data-card-theme="cheetah_spots"] .interactive-btn,
[data-card-theme="cheetah_spots"] #card-slug-search-form>div,
[data-card-theme="serpent_scale"] .interactive-btn,
[data-card-theme="serpent_scale"] #card-slug-search-form>div {
  background: var(--sport-theme-ui-bg) !important;
  border-color: var(--sport-theme-ui-border) !important;
  color: var(--sport-theme-ui-text) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

[data-card-theme="heritage_crest"] .interactive-btn:hover,
[data-card-theme="ivory_tennis"] .interactive-btn:hover,
[data-card-theme="grand_slam_clay"] .interactive-btn:hover,
[data-card-theme="racing_green"] .interactive-btn:hover,
[data-card-theme="polo_navy"] .interactive-btn:hover,
[data-card-theme="alpine_ski"] .interactive-btn:hover,
[data-card-theme="boxing_legend"] .interactive-btn:hover,
[data-card-theme="basketball_court"] .interactive-btn:hover,
[data-card-theme="football_pitch"] .interactive-btn:hover,
[data-card-theme="olympic_gold"] .interactive-btn:hover,
[data-card-theme="anime_blush"] .interactive-btn:hover,
[data-card-theme="cheetah_spots"] .interactive-btn:hover,
[data-card-theme="serpent_scale"] .interactive-btn:hover {
  background: var(--sport-theme-ui-hover) !important;
}

[data-card-theme^="color_"] .interactive-btn,
[data-card-theme^="color_"] #card-slug-search-form>div {
  background: var(--card-theme-ui-bg) !important;
  border-color: var(--card-theme-ui-border) !important;
  color: var(--card-theme-ui-text) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

[data-card-theme^="color_"] .interactive-btn:hover {
  background: var(--card-theme-ui-bg-hover) !important;
}

[data-card-theme="forest"] #card-slug-search-form input {
  color: #e7dbbf !important;
}

[data-card-theme="forest"] #card-slug-search-form input::placeholder {
  color: rgba(231, 219, 191, 0.48) !important;
}

[data-card-theme="forest"] #card-slug-search-form span {
  color: rgba(231, 219, 191, 0.62) !important;
}

/* Keep "Save contact" button transparent regardless of theme */
[data-card-theme] .unq-ref-save,
[data-card-theme] .unq-ref-save:hover,
[data-card-theme] .unq-ref-save:focus,
[data-card-theme] .unq-ref-save:active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}

[data-card-theme="forest"] svg {
  color: #e7dbbf !important;
}

[data-card-theme="midnight_obsidian"] svg {
  color: #d6e6ff !important;
}

[data-card-theme="midnight_obsidian"] #card-slug-search-form input {
  color: #d6e6ff !important;
}

[data-card-theme="midnight_obsidian"] #card-slug-search-form input::placeholder {
  color: rgba(198, 219, 255, 0.48) !important;
}

[data-card-theme="midnight_obsidian"] #card-slug-search-form span {
  color: rgba(176, 201, 240, 0.62) !important;
}

[data-card-theme="golden_noir"] svg {
  color: #d9c184 !important;
}

[data-card-theme="golden_noir"] #card-slug-search-form input {
  color: #d8c184 !important;
}

[data-card-theme="golden_noir"] #card-slug-search-form input::placeholder {
  color: rgba(217, 193, 132, 0.44) !important;
}

[data-card-theme="golden_noir"] #card-slug-search-form span {
  color: rgba(201, 173, 106, 0.62) !important;
}

[data-card-theme="aurora_codex"] svg {
  color: #6a4b35 !important;
}

[data-card-theme="aurora_codex"] #card-slug-search-form input {
  color: #4d3625 !important;
}

[data-card-theme="aurora_codex"] #card-slug-search-form input::placeholder {
  color: rgba(111, 86, 65, 0.52) !important;
}

[data-card-theme="aurora_codex"] #card-slug-search-form span {
  color: rgba(127, 97, 74, 0.68) !important;
}

[data-card-theme="nebula_glass"] svg {
  color: rgba(255, 255, 255, 0.92) !important;
}

[data-card-theme="nebula_glass"] #card-slug-search-form input {
  color: #ffffff !important;
}

[data-card-theme="nebula_glass"] #card-slug-search-form input::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

[data-card-theme="nebula_glass"] #card-slug-search-form span {
  color: rgba(255, 255, 255, 0.5) !important;
}

[data-card-theme="galaxy"] svg {
  color: #00e5ff !important;
}

[data-card-theme="galaxy"] #card-slug-search-form input {
  color: #ffffff !important;
}

[data-card-theme="galaxy"] #card-slug-search-form input::placeholder {
  color: rgba(241, 234, 255, 0.5) !important;
}

[data-card-theme="galaxy"] #card-slug-search-form span {
  color: rgba(0, 229, 255, 0.82) !important;
}

[data-card-theme="velours"] svg {
  color: #c9a55a !important;
}

[data-card-theme="velours"] #card-slug-search-form input {
  color: #f5e8e8 !important;
}

[data-card-theme="velours"] #card-slug-search-form input::placeholder {
  color: rgba(245, 232, 232, 0.52) !important;
}

[data-card-theme="velours"] #card-slug-search-form span {
  color: rgba(201, 165, 90, 0.82) !important;
}

[data-card-theme="graffiti_neon"] svg {
  color: #9bff62 !important;
}

[data-card-theme="graffiti_neon"] #card-slug-search-form input {
  color: #f7fbff !important;
}

[data-card-theme="graffiti_neon"] #card-slug-search-form input::placeholder {
  color: rgba(247, 251, 255, 0.44) !important;
}

[data-card-theme="graffiti_neon"] #card-slug-search-form span {
  color: rgba(94, 247, 255, 0.74) !important;
}

[data-card-theme^="color_"] svg {
  color: var(--card-theme-ui-chip) !important;
}

[data-card-theme^="color_"] #card-slug-search-form input {
  color: var(--card-theme-ui-text) !important;
}

[data-card-theme^="color_"] #card-slug-search-form input::placeholder {
  color: var(--card-theme-ui-placeholder) !important;
}

[data-card-theme^="color_"] #card-slug-search-form span {
  color: var(--card-theme-ui-chip) !important;
}

/* Стили для результатов поиска */
[data-card-theme="default_dark"] #card-slug-search-results {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  --card-search-result-text: #404040;
  --card-search-result-strong: #171717;
  --card-search-result-muted: #666666;
  --card-search-result-hover: rgba(17, 24, 39, 0.06);
}

[data-card-theme="arctic"] #card-slug-search-results {
  background: rgba(248, 250, 252, 0.95) !important;
  border-color: rgba(124, 157, 184, 0.25) !important;
  --card-search-result-text: #1a2a3a;
  --card-search-result-strong: #10202f;
  --card-search-result-muted: #5f7a91;
  --card-search-result-hover: rgba(124, 157, 184, 0.12);
  backdrop-filter: blur(8px);
}

[data-card-theme="linen"] #card-slug-search-results {
  background: rgba(250, 248, 244, 0.95) !important;
  border-color: rgba(200, 168, 130, 0.25) !important;
  --card-search-result-text: #3a2e24;
  --card-search-result-strong: #2b1f15;
  --card-search-result-muted: #8c7055;
  --card-search-result-hover: rgba(160, 128, 96, 0.12);
  backdrop-filter: blur(8px);
}

[data-card-theme="marble"] #card-slug-search-results {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  --card-search-result-text: #202020;
  --card-search-result-strong: #0a0a0a;
  --card-search-result-muted: #707070;
  --card-search-result-hover: rgba(17, 17, 17, 0.06);
}

[data-card-theme="forest"] #card-slug-search-results {
  background: rgba(20, 62, 41, 0.9) !important;
  border-color: rgba(231, 219, 191, 0.24) !important;
  color: #e7dbbf !important;
  --card-search-result-text: #e7dbbf;
  --card-search-result-strong: #f8efda;
  --card-search-result-muted: rgba(231, 219, 191, 0.74);
  --card-search-result-hover: rgba(231, 219, 191, 0.08);
  backdrop-filter: blur(8px);
}

[data-card-theme="sage_luxe"] #card-slug-search-results {
  background: rgba(244, 249, 245, 0.94) !important;
  border-color: rgba(116, 134, 119, 0.28) !important;
  color: #33453a !important;
  --card-search-result-text: #33453a;
  --card-search-result-strong: #243128;
  --card-search-result-muted: #667569;
  --card-search-result-hover: rgba(116, 134, 119, 0.12);
  backdrop-filter: blur(6px);
}

[data-card-theme="midnight_obsidian"] #card-slug-search-results {
  background: rgba(18, 28, 44, 0.92) !important;
  border-color: rgba(95, 130, 186, 0.34) !important;
  color: #d6e6ff !important;
  --card-search-result-text: #d6e6ff;
  --card-search-result-strong: #f5f9ff;
  --card-search-result-muted: rgba(214, 230, 255, 0.74);
  --card-search-result-hover: rgba(120, 160, 224, 0.12);
  backdrop-filter: blur(8px);
}

[data-card-theme="golden_noir"] #card-slug-search-results {
  background: rgba(20, 26, 39, 0.94) !important;
  border-color: rgba(201, 173, 106, 0.34) !important;
  color: #d8c184 !important;
  --card-search-result-text: #d8c184;
  --card-search-result-strong: #f0ddb0;
  --card-search-result-muted: rgba(216, 193, 132, 0.74);
  --card-search-result-hover: rgba(201, 173, 106, 0.12);
  backdrop-filter: blur(8px);
}

[data-card-theme="aurora_codex"] #card-slug-search-results {
  background: rgba(251, 244, 232, 0.96) !important;
  border-color: rgba(137, 103, 73, 0.36) !important;
  color: #4d3625 !important;
  --card-search-result-text: #4d3625;
  --card-search-result-strong: #3c291c;
  --card-search-result-muted: #7b614d;
  --card-search-result-hover: rgba(137, 103, 73, 0.1);
  backdrop-filter: blur(4px);
}

[data-card-theme="nebula_glass"] #card-slug-search-results {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  --card-search-result-text: #ffffff;
  --card-search-result-strong: #ffffff;
  --card-search-result-muted: rgba(255, 255, 255, 0.72);
  --card-search-result-hover: rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

[data-card-theme="galaxy"] #card-slug-search-results {
  background: rgba(26, 11, 54, 0.75) !important;
  border: 1px solid rgba(0, 229, 255, 0.32) !important;
  color: #f1eaff !important;
  --card-search-result-text: #f1eaff;
  --card-search-result-strong: #ffffff;
  --card-search-result-muted: rgba(241, 234, 255, 0.72);
  --card-search-result-hover: rgba(0, 229, 255, 0.12);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.3);
}

[data-card-theme="galaxy"] .unq-follow-dialog-kicker,
[data-card-theme="galaxy"] .unq-follow-dialog-close {
  color: #ffffff;
}

[data-card-theme="galaxy"] .unq-follow-dialog-more {
  border-color: rgba(0, 229, 255, 0.26);
  background: rgba(26, 11, 54, 0.62);
  color: #f1eaff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

[data-card-theme="galaxy"] .unq-follow-dialog-more:hover,
[data-card-theme="galaxy"] .unq-follow-dialog-close:hover {
  border-color: rgba(0, 229, 255, 0.5);
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.5);
}

[data-card-theme="velours"] #card-slug-search-results {
  background: rgba(20, 4, 10, 0.92) !important;
  border-color: rgba(90, 24, 40, 0.82) !important;
  color: #f5e8e8 !important;
  --card-search-result-text: #f5e8e8;
  --card-search-result-strong: #fff1f1;
  --card-search-result-muted: rgba(245, 232, 232, 0.74);
  --card-search-result-hover: rgba(245, 232, 232, 0.08);
  backdrop-filter: blur(8px);
}

[data-card-theme="graffiti"] #card-slug-search-results {
  background: rgba(0, 0, 0, 0.92) !important;
  border: 2px solid #EC4899 !important;
  color: #FFFFFF !important;
  --card-search-result-text: #FFFFFF;
  --card-search-result-strong: #FFE600;
  --card-search-result-muted: rgba(255, 230, 0, 0.72);
  --card-search-result-hover: rgba(236, 72, 153, 0.22);
  box-shadow: 4px 4px 0 rgba(255, 230, 0, 0.9), 0 0 18px rgba(236, 72, 153, 0.4);
  backdrop-filter: blur(8px);
}

[data-card-theme="graffiti_neon"] #card-slug-search-results {
  background: rgba(16, 20, 32, 0.9) !important;
  border-color: rgba(94, 247, 255, 0.34) !important;
  color: #f7fbff !important;
  --card-search-result-text: #f7fbff;
  --card-search-result-strong: #ffffff;
  --card-search-result-muted: rgba(247, 251, 255, 0.72);
  --card-search-result-hover: rgba(94, 247, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

[data-card-theme^="color_"] #card-slug-search-results {
  background: var(--card-theme-ui-bg) !important;
  border-color: var(--card-theme-ui-border) !important;
  color: var(--card-theme-ui-text) !important;
  --card-search-result-text: var(--card-theme-ui-text);
  --card-search-result-strong: var(--card-theme-ui-text);
  --card-search-result-muted: var(--card-theme-ui-chip);
  --card-search-result-hover: var(--card-theme-ui-bg-hover);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* Theme-aware public card navigation/search controls */
body[data-card-theme="starry_night"] {
  --unqx-nav-bg: rgba(12, 26, 48, 0.86);
  --unqx-nav-border: #ecc128;
  --unqx-nav-border-width: 1.5px;
  --unqx-nav-text: #fff4d0;
  --unqx-nav-icon: #ecc128;
  --unqx-nav-input: #fff4d0;
  --unqx-nav-placeholder: rgba(255, 244, 208, 0.46);
  --unqx-nav-chip: rgba(236, 193, 40, 0.72);
  --unqx-nav-hover-bg: #ecc128;
  --unqx-nav-hover-text: #0c1a30;
  --unqx-nav-shadow: 0 4px 15px rgba(11, 21, 40, 0.6), inset 0 0 10px rgba(236, 193, 40, 0.15);
  --unqx-nav-hover-shadow: 0 0 18px rgba(236, 193, 40, 0.36), 0 8px 24px rgba(11, 21, 40, 0.44);
  --unqx-search-result-text: #fff4d0;
  --unqx-search-result-strong: #fff9df;
  --unqx-search-result-muted: rgba(255, 244, 208, 0.66);
  --unqx-search-result-hover: rgba(236, 193, 40, 0.14);
}

body[data-card-theme="sakura_blossom"] {
  --unqx-nav-bg: rgba(253, 250, 242, 0.92);
  --unqx-nav-border: #d2a298;
  --unqx-nav-border-width: 1.5px;
  --unqx-nav-blur: 5px;
  --unqx-nav-text: #1f1412;
  --unqx-nav-icon: #c85c5c;
  --unqx-nav-input: #1f1412;
  --unqx-nav-placeholder: rgba(31, 20, 18, 0.4);
  --unqx-nav-chip: rgba(200, 92, 92, 0.68);
  --unqx-nav-hover-bg: #ff8397;
  --unqx-nav-hover-text: #ffffff;
  --unqx-nav-shadow: 0 4px 10px rgba(31, 20, 18, 0.05);
  --unqx-nav-hover-shadow: 0 10px 24px rgba(200, 92, 92, 0.16);
  --unqx-search-result-text: #1f1412;
  --unqx-search-result-strong: #1f1412;
  --unqx-search-result-muted: rgba(31, 20, 18, 0.58);
  --unqx-search-result-hover: rgba(255, 131, 151, 0.14);
}

body[data-card-theme="rick_morty_portal"] {
  --unqx-nav-bg: rgba(10, 22, 17, 0.9);
  --unqx-nav-border: #39ff14;
  --unqx-nav-border-width: 1.5px;
  --unqx-nav-blur: 6px;
  --unqx-nav-text: #39ff14;
  --unqx-nav-icon: #a6ff96;
  --unqx-nav-input: #a6ff96;
  --unqx-nav-placeholder: rgba(57, 255, 20, 0.42);
  --unqx-nav-chip: rgba(166, 255, 150, 0.75);
  --unqx-nav-hover-bg: #39ff14;
  --unqx-nav-hover-text: #05080c;
  --unqx-nav-shadow: 0 0 10px rgba(57, 255, 20, 0.25), inset 0 0 6px rgba(57, 255, 20, 0.1);
  --unqx-nav-hover-shadow: 0 0 18px rgba(57, 255, 20, 0.52);
  --unqx-search-result-text: #a6ff96;
  --unqx-search-result-strong: #39ff14;
  --unqx-search-result-muted: rgba(166, 255, 150, 0.65);
  --unqx-search-result-hover: rgba(57, 255, 20, 0.12);
}

body[data-card-theme="venom_symbiote"] {
  --unqx-nav-bg: rgba(5, 5, 8, 0.93);
  --unqx-nav-border: #e53e6d;
  --unqx-nav-border-width: 1.5px;
  --unqx-nav-text: #ffffff;
  --unqx-nav-icon: #00f0ff;
  --unqx-nav-input: #ffffff;
  --unqx-nav-placeholder: rgba(255, 255, 255, 0.3);
  --unqx-nav-chip: rgba(0, 240, 255, 0.75);
  --unqx-nav-hover-bg: #e53e6d;
  --unqx-nav-hover-text: #ffffff;
  --unqx-nav-hover-border: #00f0ff;
  --unqx-nav-shadow: 0 4px 15px rgba(0, 0, 0, 0.8), 0 0 10px rgba(229, 62, 109, 0.2);
  --unqx-nav-hover-shadow: 0 0 15px rgba(0, 240, 255, 0.6);
  --unqx-search-result-text: #ffffff;
  --unqx-search-result-strong: #ffffff;
  --unqx-search-result-muted: rgba(255, 255, 255, 0.58);
  --unqx-search-result-hover: rgba(229, 62, 109, 0.16);
}

body[data-card-theme="snow_leopard"] {
  --unqx-nav-bg: rgba(248, 250, 252, 0.9);
  --unqx-nav-border: #CBD5E1;
  --unqx-nav-border-width: 1.5px;
  --unqx-nav-text: #1E293B;
  --unqx-nav-icon: #1E293B;
  --unqx-nav-input: #1E293B;
  --unqx-nav-placeholder: rgba(30, 41, 59, 0.4);
  --unqx-nav-chip: rgba(71, 85, 105, 0.68);
  --unqx-nav-hover-bg: #E2E8F0;
  --unqx-nav-hover-text: #0F172A;
  --unqx-nav-hover-border: #94A3B8;
  --unqx-nav-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
  --unqx-nav-hover-shadow: 0 6px 15px rgba(148, 163, 184, 0.24);
  --unqx-search-result-text: #1E293B;
  --unqx-search-result-strong: #0F172A;
  --unqx-search-result-muted: rgba(71, 85, 105, 0.68);
  --unqx-search-result-hover: rgba(203, 213, 225, 0.36);
}

body[data-card-theme="graffiti"] {
  --unqx-nav-bg: #0c0c0e;
  --unqx-nav-border: #FFE600;
  --unqx-nav-border-width: 2px;
  --unqx-nav-text: #EC4899;
  --unqx-nav-icon: #FFE600;
  --unqx-nav-input: #FFFFFF;
  --unqx-nav-placeholder: rgba(255, 255, 255, 0.42);
  --unqx-nav-chip: rgba(255, 230, 0, 0.82);
  --unqx-nav-hover-bg: #EC4899;
  --unqx-nav-hover-text: #000000;
  --unqx-nav-hover-border: #FFFFFF;
  --unqx-nav-shadow: 4px 4px 0 #EC4899, 0 0 16px rgba(236, 72, 153, 0.34);
  --unqx-nav-hover-shadow: 4px 4px 0 #FFE600, 0 0 18px rgba(236, 72, 153, 0.58);
  --unqx-search-result-text: #FFFFFF;
  --unqx-search-result-strong: #FFE600;
  --unqx-search-result-muted: rgba(255, 230, 0, 0.7);
  --unqx-search-result-hover: rgba(236, 72, 153, 0.22);
}

body[data-card-theme="shinobi_path"] {
  --unqx-nav-bg: rgba(20, 27, 38, 0.95);
  --unqx-nav-border: #ff8c00;
  --unqx-nav-border-width: 2px;
  --unqx-nav-text: #ffffff;
  --unqx-nav-icon: #00f0ff;
  --unqx-nav-input: #ffffff;
  --unqx-nav-placeholder: rgba(255, 255, 255, 0.45);
  --unqx-nav-chip: rgba(255, 140, 0, 0.74);
  --unqx-nav-hover-bg: #ff8c00;
  --unqx-nav-hover-text: #141b26;
  --unqx-nav-shadow: 0 0 14px rgba(255, 140, 0, 0.2), inset 0 0 8px rgba(0, 240, 255, 0.08);
  --unqx-nav-hover-shadow: 0 0 18px rgba(255, 140, 0, 0.36);
  --unqx-search-result-text: #ffffff;
  --unqx-search-result-strong: #ff8c00;
  --unqx-search-result-muted: rgba(255, 255, 255, 0.62);
  --unqx-search-result-hover: rgba(255, 140, 0, 0.14);
}

body[data-card-theme="shinobi_way"] {
  --unqx-nav-bg: rgba(44, 54, 77, 0.95);
  --unqx-nav-border: #009793;
  --unqx-nav-border-width: 2px;
  --unqx-nav-text: #FFC355;
  --unqx-nav-icon: #FFC355;
  --unqx-nav-input: #FFFFFF;
  --unqx-nav-placeholder: rgba(255, 255, 255, 0.42);
  --unqx-nav-chip: rgba(255, 195, 85, 0.78);
  --unqx-nav-hover-bg: #EE893B;
  --unqx-nav-hover-text: #2C364D;
  --unqx-nav-hover-border: #FFC355;
  --unqx-nav-shadow: 0 4px 15px rgba(0, 0, 0, 0.4), inset 0 0 8px rgba(0, 151, 147, 0.1);
  --unqx-nav-hover-shadow: 0 0 15px rgba(238, 137, 59, 0.72);
  --unqx-search-result-text: #FFFFFF;
  --unqx-search-result-strong: #FFC355;
  --unqx-search-result-muted: rgba(255, 255, 255, 0.64);
  --unqx-search-result-hover: rgba(238, 137, 59, 0.16);
}

body[data-card-theme="samarkand_heritage"] {
  --unqx-nav-bg: rgba(197, 160, 122, 0.95);
  --unqx-nav-border: #A87E43;
  --unqx-nav-border-width: 1.5px;
  --unqx-nav-text: #1E4D9C;
  --unqx-nav-icon: #208A85;
  --unqx-nav-input: #1E4D9C;
  --unqx-nav-placeholder: rgba(30, 77, 156, 0.5);
  --unqx-nav-chip: rgba(30, 77, 156, 0.72);
  --unqx-nav-hover-bg: #1E4D9C;
  --unqx-nav-hover-text: #FFFFFF;
  --unqx-nav-hover-border: #208A85;
  --unqx-nav-shadow: 0 4px 15px rgba(168, 126, 67, 0.2);
  --unqx-nav-hover-shadow: 0 0 16px rgba(32, 138, 133, 0.36), 0 8px 20px rgba(30, 77, 156, 0.22);
  --unqx-search-result-text: #1E4D9C;
  --unqx-search-result-strong: #173D7C;
  --unqx-search-result-muted: rgba(30, 77, 156, 0.66);
  --unqx-search-result-hover: rgba(32, 138, 133, 0.13);
}

body[data-card-theme="uzbekistan_35"] {
  --unqx-nav-bg: rgba(10, 25, 47, 0.88);
  --unqx-nav-border: #D4AF37;
  --unqx-nav-border-width: 1.5px;
  --unqx-nav-blur: 8px;
  --unqx-nav-text: #FFF3A8;
  --unqx-nav-icon: #D4AF37;
  --unqx-nav-input: #FFFFFF;
  --unqx-nav-placeholder: rgba(255, 255, 255, 0.58);
  --unqx-nav-chip: rgba(212, 175, 55, 0.76);
  --unqx-nav-hover-bg: #D4AF37;
  --unqx-nav-hover-text: #0A192F;
  --unqx-nav-hover-border: #FFF3A8;
  --unqx-nav-shadow: 0 4px 18px rgba(0, 0, 0, 0.34);
  --unqx-nav-hover-shadow: 0 0 18px rgba(212, 175, 55, 0.36), 0 8px 22px rgba(0, 146, 179, 0.18);
  --unqx-search-result-text: #FFFFFF;
  --unqx-search-result-strong: #FFF3A8;
  --unqx-search-result-muted: rgba(255, 255, 255, 0.68);
  --unqx-search-result-hover: rgba(212, 175, 55, 0.14);
}

body[data-card-theme="turtle_power"] {
  --unqx-nav-bg: #1E293B;
  --unqx-nav-border: #4A7836;
  --unqx-nav-border-width: 2px;
  --unqx-nav-text: #FFE600;
  --unqx-nav-icon: #C81D25;
  --unqx-nav-input: #FFFFFF;
  --unqx-nav-placeholder: rgba(255, 230, 0, 0.5);
  --unqx-nav-chip: rgba(255, 230, 0, 0.74);
  --unqx-nav-hover-bg: #C81D25;
  --unqx-nav-hover-text: #FFFFFF;
  --unqx-nav-hover-border: #FFE600;
  --unqx-nav-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
  --unqx-nav-hover-shadow: 0 0 15px rgba(200, 29, 37, 0.8);
  --unqx-search-result-text: #FFFFFF;
  --unqx-search-result-strong: #FFE600;
  --unqx-search-result-muted: rgba(255, 255, 255, 0.68);
  --unqx-search-result-hover: rgba(74, 120, 54, 0.2);
}

body[data-card-theme="egypt_nile"] {
  --unqx-nav-bg: rgba(26, 54, 93, 0.92);
  --unqx-nav-border: #E6A141;
  --unqx-nav-border-width: 2px;
  --unqx-nav-text: #E6A141;
  --unqx-nav-icon: #E6A141;
  --unqx-nav-input: #FFFFFF;
  --unqx-nav-placeholder: rgba(230, 161, 65, 0.52);
  --unqx-nav-chip: rgba(230, 161, 65, 0.78);
  --unqx-nav-hover-bg: #1E5E4A;
  --unqx-nav-hover-text: #FFFFFF;
  --unqx-nav-hover-border: #FFFFFF;
  --unqx-nav-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  --unqx-nav-hover-shadow: 0 0 15px rgba(30, 94, 74, 0.8);
  --unqx-search-result-text: #F5D18B;
  --unqx-search-result-strong: #E6A141;
  --unqx-search-result-muted: rgba(245, 209, 139, 0.68);
  --unqx-search-result-hover: rgba(230, 161, 65, 0.16);
}

body[data-card-theme="kawaii_kitty"] {
  --unqx-nav-bg: rgba(255, 255, 255, 0.96);
  --unqx-nav-border: #1E1E1E;
  --unqx-nav-border-width: 3px;
  --unqx-nav-text: #FF6B8B;
  --unqx-nav-icon: #FF6B8B;
  --unqx-nav-input: #1E1E1E;
  --unqx-nav-placeholder: rgba(30, 30, 30, 0.42);
  --unqx-nav-chip: rgba(255, 107, 139, 0.78);
  --unqx-nav-hover-bg: #FF6B8B;
  --unqx-nav-hover-text: #FFFFFF;
  --unqx-nav-hover-border: #1E1E1E;
  --unqx-nav-shadow: 3px 3px 0 #1E1E1E, 0 8px 20px rgba(255, 107, 139, 0.16);
  --unqx-nav-hover-shadow: 2px 2px 0 #1E1E1E, 0 10px 24px rgba(255, 107, 139, 0.24);
  --unqx-search-result-text: #1E1E1E;
  --unqx-search-result-strong: #FF6B8B;
  --unqx-search-result-muted: rgba(30, 30, 30, 0.6);
  --unqx-search-result-hover: rgba(255, 107, 139, 0.14);
}

body[data-card-theme="egypt_nile"] .interactive-btn,
body[data-card-theme="egypt_nile"] #card-slug-search-form > div,
body[data-card-theme="egypt_nile"] #card-slug-search-results,
body[data-card-theme="egypt_nile"] .nav-back-button,
body[data-card-theme="egypt_nile"] .nav-input-wrapper,
body[data-card-theme="egypt_nile"] .nav-search-button,
body[data-card-theme="egypt_nile"] .info-badge,
body[data-card-theme="egypt_nile"] .unq-ref-slug-chip,
body[data-card-theme="egypt_nile"] .unq-ref-slug-price,
body[data-card-theme="egypt_nile"] .unq-ref-share,
body[data-card-theme="egypt_nile"] .unq-ref-top-badge {
  background: var(--unqx-nav-bg) !important;
  border: var(--unqx-nav-border-width, 2px) solid var(--unqx-nav-border) !important;
  color: var(--unqx-nav-text) !important;
  box-shadow: var(--unqx-nav-shadow) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

body[data-card-theme="egypt_nile"] #card-slug-search-results {
  --card-search-result-text: var(--unqx-search-result-text);
  --card-search-result-strong: var(--unqx-search-result-strong);
  --card-search-result-muted: var(--unqx-search-result-muted);
  --card-search-result-hover: var(--unqx-search-result-hover);
}

body[data-card-theme="egypt_nile"] #card-slug-search-form input,
body[data-card-theme="egypt_nile"] .nav-input-wrapper input {
  color: var(--unqx-nav-input) !important;
  font-family: "Comfortaa", "Sora", sans-serif;
}

body[data-card-theme="egypt_nile"] #card-slug-search-form input::placeholder,
body[data-card-theme="egypt_nile"] .nav-input-wrapper input::placeholder {
  color: var(--unqx-nav-placeholder) !important;
}

body[data-card-theme="egypt_nile"] #card-slug-search-form span {
  color: var(--unqx-nav-chip) !important;
}

body[data-card-theme="egypt_nile"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="egypt_nile"] #card-slug-search-form button svg,
body[data-card-theme="egypt_nile"] .nav-back-button svg,
body[data-card-theme="egypt_nile"] .nav-search-button svg,
body[data-card-theme="egypt_nile"] .info-badge svg,
body[data-card-theme="egypt_nile"] .unq-ref-share svg {
  color: var(--unqx-nav-icon) !important;
}

body[data-card-theme="egypt_nile"] .interactive-btn:hover,
body[data-card-theme="egypt_nile"] .nav-back-button:hover,
body[data-card-theme="egypt_nile"] .nav-search-button:hover,
body[data-card-theme="egypt_nile"] .unq-ref-slug-chip:hover,
body[data-card-theme="egypt_nile"] .unq-ref-share:hover {
  background: var(--unqx-nav-hover-bg) !important;
  border-color: var(--unqx-nav-hover-border, var(--unqx-nav-border)) !important;
  color: var(--unqx-nav-hover-text) !important;
  box-shadow: var(--unqx-nav-hover-shadow) !important;
}

body[data-card-theme="egypt_nile"] .interactive-btn:hover svg,
body[data-card-theme="egypt_nile"] .nav-back-button:hover svg,
body[data-card-theme="egypt_nile"] .nav-search-button:hover svg,
body[data-card-theme="egypt_nile"] .unq-ref-share:hover svg {
  color: var(--unqx-nav-hover-text) !important;
}

body[data-card-theme="kawaii_kitty"] .interactive-btn,
body[data-card-theme="kawaii_kitty"] #card-slug-search-form > div,
body[data-card-theme="kawaii_kitty"] #card-slug-search-results,
body[data-card-theme="kawaii_kitty"] .nav-back-button,
body[data-card-theme="kawaii_kitty"] .nav-input-wrapper,
body[data-card-theme="kawaii_kitty"] .nav-search-button,
body[data-card-theme="kawaii_kitty"] .info-badge,
body[data-card-theme="kawaii_kitty"] .unq-ref-slug-chip,
body[data-card-theme="kawaii_kitty"] .unq-ref-slug-price,
body[data-card-theme="kawaii_kitty"] .unq-ref-share,
body[data-card-theme="kawaii_kitty"] .unq-ref-top-badge {
  background: var(--unqx-nav-bg) !important;
  border: var(--unqx-nav-border-width, 3px) solid var(--unqx-nav-border) !important;
  border-radius: 16px !important;
  color: var(--unqx-nav-text) !important;
  box-shadow: var(--unqx-nav-shadow) !important;
  font-family: "Fredoka", "Sora", sans-serif !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

body[data-card-theme="kawaii_kitty"] #card-slug-search-results {
  --card-search-result-text: var(--unqx-search-result-text);
  --card-search-result-strong: var(--unqx-search-result-strong);
  --card-search-result-muted: var(--unqx-search-result-muted);
  --card-search-result-hover: var(--unqx-search-result-hover);
}

body[data-card-theme="kawaii_kitty"] #card-slug-search-form input,
body[data-card-theme="kawaii_kitty"] .nav-input-wrapper input {
  color: var(--unqx-nav-input) !important;
  font-family: "Fredoka", "Sora", sans-serif !important;
  font-weight: 700 !important;
}

body[data-card-theme="kawaii_kitty"] #card-slug-search-form input::placeholder,
body[data-card-theme="kawaii_kitty"] .nav-input-wrapper input::placeholder {
  color: var(--unqx-nav-placeholder) !important;
}

body[data-card-theme="kawaii_kitty"] #card-slug-search-form span {
  color: var(--unqx-nav-chip) !important;
}

body[data-card-theme="kawaii_kitty"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="kawaii_kitty"] #card-slug-search-form button svg,
body[data-card-theme="kawaii_kitty"] .nav-back-button svg,
body[data-card-theme="kawaii_kitty"] .nav-search-button svg,
body[data-card-theme="kawaii_kitty"] .info-badge svg,
body[data-card-theme="kawaii_kitty"] .unq-ref-share svg {
  color: var(--unqx-nav-icon) !important;
}

body[data-card-theme="kawaii_kitty"] .interactive-btn:hover,
body[data-card-theme="kawaii_kitty"] .nav-back-button:hover,
body[data-card-theme="kawaii_kitty"] .nav-search-button:hover,
body[data-card-theme="kawaii_kitty"] .unq-ref-slug-chip:hover,
body[data-card-theme="kawaii_kitty"] .unq-ref-share:hover {
  background: var(--unqx-nav-hover-bg) !important;
  border-color: var(--unqx-nav-hover-border, var(--unqx-nav-border)) !important;
  color: var(--unqx-nav-hover-text) !important;
  box-shadow: var(--unqx-nav-hover-shadow) !important;
  transform: translateY(-1px) rotate(-1deg);
}

body[data-card-theme="kawaii_kitty"] .interactive-btn:hover svg,
body[data-card-theme="kawaii_kitty"] .nav-back-button:hover svg,
body[data-card-theme="kawaii_kitty"] .nav-search-button:hover svg,
body[data-card-theme="kawaii_kitty"] .unq-ref-share:hover svg {
  color: var(--unqx-nav-hover-text) !important;
}

body[data-card-theme="starry_night"] .interactive-btn,
body[data-card-theme="starry_night"] #card-slug-search-form > div,
body[data-card-theme="starry_night"] #card-slug-search-results,
body[data-card-theme="starry_night"] .nav-back-button,
body[data-card-theme="starry_night"] .nav-input-wrapper,
body[data-card-theme="starry_night"] .nav-search-button,
body[data-card-theme="starry_night"] .info-badge,
body[data-card-theme="starry_night"] .unq-ref-slug-chip,
body[data-card-theme="starry_night"] .unq-ref-slug-price,
body[data-card-theme="starry_night"] .unq-ref-share,
body[data-card-theme="starry_night"] .unq-ref-top-badge,
body[data-card-theme="sakura_blossom"] .interactive-btn,
body[data-card-theme="sakura_blossom"] #card-slug-search-form > div,
body[data-card-theme="sakura_blossom"] #card-slug-search-results,
body[data-card-theme="sakura_blossom"] .nav-back-button,
body[data-card-theme="sakura_blossom"] .nav-input-wrapper,
body[data-card-theme="sakura_blossom"] .nav-search-button,
body[data-card-theme="sakura_blossom"] .info-badge,
body[data-card-theme="sakura_blossom"] .unq-ref-slug-chip,
body[data-card-theme="sakura_blossom"] .unq-ref-slug-price,
body[data-card-theme="sakura_blossom"] .unq-ref-share,
body[data-card-theme="sakura_blossom"] .unq-ref-top-badge,
body[data-card-theme="rick_morty_portal"] .interactive-btn,
body[data-card-theme="rick_morty_portal"] #card-slug-search-form > div,
body[data-card-theme="rick_morty_portal"] #card-slug-search-results,
body[data-card-theme="rick_morty_portal"] .nav-back-button,
body[data-card-theme="rick_morty_portal"] .nav-input-wrapper,
body[data-card-theme="rick_morty_portal"] .nav-search-button,
body[data-card-theme="rick_morty_portal"] .info-badge,
body[data-card-theme="rick_morty_portal"] .unq-ref-slug-chip,
body[data-card-theme="rick_morty_portal"] .unq-ref-slug-price,
body[data-card-theme="rick_morty_portal"] .unq-ref-share,
body[data-card-theme="rick_morty_portal"] .unq-ref-top-badge,
body[data-card-theme="venom_symbiote"] .interactive-btn,
body[data-card-theme="venom_symbiote"] #card-slug-search-form > div,
body[data-card-theme="venom_symbiote"] #card-slug-search-results,
body[data-card-theme="venom_symbiote"] .nav-back-button,
body[data-card-theme="venom_symbiote"] .nav-input-wrapper,
body[data-card-theme="venom_symbiote"] .nav-search-button,
body[data-card-theme="venom_symbiote"] .info-badge,
body[data-card-theme="venom_symbiote"] .unq-ref-slug-chip,
body[data-card-theme="venom_symbiote"] .unq-ref-slug-price,
body[data-card-theme="venom_symbiote"] .unq-ref-share,
body[data-card-theme="venom_symbiote"] .unq-ref-top-badge,
body[data-card-theme="shinobi_path"] .interactive-btn,
body[data-card-theme="shinobi_path"] #card-slug-search-form > div,
body[data-card-theme="shinobi_path"] #card-slug-search-results,
body[data-card-theme="shinobi_path"] .nav-back-button,
body[data-card-theme="shinobi_path"] .nav-input-wrapper,
body[data-card-theme="shinobi_path"] .nav-search-button,
body[data-card-theme="shinobi_path"] .info-badge,
body[data-card-theme="shinobi_path"] .unq-ref-slug-chip,
body[data-card-theme="shinobi_path"] .unq-ref-slug-price,
body[data-card-theme="shinobi_path"] .unq-ref-share,
body[data-card-theme="shinobi_path"] .unq-ref-top-badge {
  background: var(--unqx-nav-bg) !important;
  border: var(--unqx-nav-border-width, 1.5px) solid var(--unqx-nav-border) !important;
  color: var(--unqx-nav-text) !important;
  box-shadow: var(--unqx-nav-shadow) !important;
  -webkit-backdrop-filter: blur(var(--unqx-nav-blur, 8px));
  backdrop-filter: blur(var(--unqx-nav-blur, 8px));
}

body[data-card-theme="graffiti"] .interactive-btn,
body[data-card-theme="graffiti"] #card-slug-search-form > div,
body[data-card-theme="graffiti"] #card-slug-search-results,
body[data-card-theme="graffiti"] .nav-back-button,
body[data-card-theme="graffiti"] .nav-input-wrapper,
body[data-card-theme="graffiti"] .nav-search-button,
body[data-card-theme="graffiti"] .info-badge,
body[data-card-theme="graffiti"] .unq-ref-slug-chip,
body[data-card-theme="graffiti"] .unq-ref-slug-price,
body[data-card-theme="graffiti"] .unq-ref-share,
body[data-card-theme="graffiti"] .unq-ref-top-badge {
  background: var(--unqx-nav-bg) !important;
  border: var(--unqx-nav-border-width, 2px) solid var(--unqx-nav-border) !important;
  color: var(--unqx-nav-text) !important;
  box-shadow: var(--unqx-nav-shadow) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

body[data-card-theme="shinobi_way"] .interactive-btn,
body[data-card-theme="shinobi_way"] #card-slug-search-form > div,
body[data-card-theme="shinobi_way"] #card-slug-search-results,
body[data-card-theme="shinobi_way"] .nav-back-button,
body[data-card-theme="shinobi_way"] .nav-input-wrapper,
body[data-card-theme="shinobi_way"] .nav-search-button,
body[data-card-theme="shinobi_way"] .info-badge,
body[data-card-theme="shinobi_way"] .unq-ref-slug-chip,
body[data-card-theme="shinobi_way"] .unq-ref-slug-price,
body[data-card-theme="shinobi_way"] .unq-ref-share,
body[data-card-theme="shinobi_way"] .unq-ref-top-badge {
  background: var(--unqx-nav-bg) !important;
  border: var(--unqx-nav-border-width, 2px) solid var(--unqx-nav-border) !important;
  color: var(--unqx-nav-text) !important;
  box-shadow: var(--unqx-nav-shadow) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

body[data-card-theme="samarkand_heritage"] .interactive-btn,
body[data-card-theme="samarkand_heritage"] #card-slug-search-form > div,
body[data-card-theme="samarkand_heritage"] #card-slug-search-results,
body[data-card-theme="samarkand_heritage"] .nav-back-button,
body[data-card-theme="samarkand_heritage"] .nav-input-wrapper,
body[data-card-theme="samarkand_heritage"] .nav-search-button,
body[data-card-theme="samarkand_heritage"] .info-badge,
body[data-card-theme="samarkand_heritage"] .unq-ref-slug-chip,
body[data-card-theme="samarkand_heritage"] .unq-ref-slug-price,
body[data-card-theme="samarkand_heritage"] .unq-ref-share,
body[data-card-theme="samarkand_heritage"] .unq-ref-top-badge {
  background: var(--unqx-nav-bg) !important;
  border: var(--unqx-nav-border-width, 1.5px) solid var(--unqx-nav-border) !important;
  color: var(--unqx-nav-text) !important;
  box-shadow: var(--unqx-nav-shadow) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

body[data-card-theme="turtle_power"] .interactive-btn,
body[data-card-theme="turtle_power"] #card-slug-search-form > div,
body[data-card-theme="turtle_power"] #card-slug-search-results,
body[data-card-theme="turtle_power"] .nav-back-button,
body[data-card-theme="turtle_power"] .nav-input-wrapper,
body[data-card-theme="turtle_power"] .nav-search-button,
body[data-card-theme="turtle_power"] .info-badge,
body[data-card-theme="turtle_power"] .unq-ref-slug-chip,
body[data-card-theme="turtle_power"] .unq-ref-slug-price,
body[data-card-theme="turtle_power"] .unq-ref-share,
body[data-card-theme="turtle_power"] .unq-ref-top-badge {
  background: var(--unqx-nav-bg) !important;
  border: var(--unqx-nav-border-width, 2px) solid var(--unqx-nav-border) !important;
  color: var(--unqx-nav-text) !important;
  box-shadow: var(--unqx-nav-shadow) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

body[data-card-theme="turtle_power"] #card-slug-search-results {
  --card-search-result-text: var(--unqx-search-result-text);
  --card-search-result-strong: var(--unqx-search-result-strong);
  --card-search-result-muted: var(--unqx-search-result-muted);
  --card-search-result-hover: var(--unqx-search-result-hover);
}

body[data-card-theme="samarkand_heritage"] #card-slug-search-results {
  --card-search-result-text: var(--unqx-search-result-text);
  --card-search-result-strong: var(--unqx-search-result-strong);
  --card-search-result-muted: var(--unqx-search-result-muted);
  --card-search-result-hover: var(--unqx-search-result-hover);
}

body[data-card-theme="shinobi_way"] #card-slug-search-results {
  --card-search-result-text: var(--unqx-search-result-text);
  --card-search-result-strong: var(--unqx-search-result-strong);
  --card-search-result-muted: var(--unqx-search-result-muted);
  --card-search-result-hover: var(--unqx-search-result-hover);
}

body[data-card-theme="graffiti"] #card-slug-search-results {
  --card-search-result-text: var(--unqx-search-result-text);
  --card-search-result-strong: var(--unqx-search-result-strong);
  --card-search-result-muted: var(--unqx-search-result-muted);
  --card-search-result-hover: var(--unqx-search-result-hover);
}

body[data-card-theme="starry_night"] #card-slug-search-results,
body[data-card-theme="sakura_blossom"] #card-slug-search-results,
body[data-card-theme="rick_morty_portal"] #card-slug-search-results,
body[data-card-theme="venom_symbiote"] #card-slug-search-results,
body[data-card-theme="shinobi_path"] #card-slug-search-results {
  --card-search-result-text: var(--unqx-search-result-text);
  --card-search-result-strong: var(--unqx-search-result-strong);
  --card-search-result-muted: var(--unqx-search-result-muted);
  --card-search-result-hover: var(--unqx-search-result-hover);
}

body[data-card-theme="starry_night"] #card-slug-search-form input,
body[data-card-theme="starry_night"] .nav-input-wrapper input,
body[data-card-theme="sakura_blossom"] #card-slug-search-form input,
body[data-card-theme="sakura_blossom"] .nav-input-wrapper input,
body[data-card-theme="rick_morty_portal"] #card-slug-search-form input,
body[data-card-theme="rick_morty_portal"] .nav-input-wrapper input,
body[data-card-theme="venom_symbiote"] #card-slug-search-form input,
body[data-card-theme="venom_symbiote"] .nav-input-wrapper input,
body[data-card-theme="shinobi_path"] #card-slug-search-form input,
body[data-card-theme="shinobi_path"] .nav-input-wrapper input {
  color: var(--unqx-nav-input) !important;
}

body[data-card-theme="starry_night"] #card-slug-search-form input::placeholder,
body[data-card-theme="starry_night"] .nav-input-wrapper input::placeholder,
body[data-card-theme="sakura_blossom"] #card-slug-search-form input::placeholder,
body[data-card-theme="sakura_blossom"] .nav-input-wrapper input::placeholder,
body[data-card-theme="rick_morty_portal"] #card-slug-search-form input::placeholder,
body[data-card-theme="rick_morty_portal"] .nav-input-wrapper input::placeholder,
body[data-card-theme="venom_symbiote"] #card-slug-search-form input::placeholder,
body[data-card-theme="venom_symbiote"] .nav-input-wrapper input::placeholder,
body[data-card-theme="shinobi_path"] #card-slug-search-form input::placeholder,
body[data-card-theme="shinobi_path"] .nav-input-wrapper input::placeholder {
  color: var(--unqx-nav-placeholder) !important;
}

body[data-card-theme="starry_night"] #card-slug-search-form span,
body[data-card-theme="sakura_blossom"] #card-slug-search-form span,
body[data-card-theme="rick_morty_portal"] #card-slug-search-form span,
body[data-card-theme="venom_symbiote"] #card-slug-search-form span,
body[data-card-theme="shinobi_path"] #card-slug-search-form span {
  color: var(--unqx-nav-chip) !important;
}

body[data-card-theme="starry_night"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="starry_night"] #card-slug-search-form button svg,
body[data-card-theme="starry_night"] .nav-back-button svg,
body[data-card-theme="starry_night"] .nav-search-button svg,
body[data-card-theme="starry_night"] .info-badge svg,
body[data-card-theme="starry_night"] .unq-ref-share svg,
body[data-card-theme="sakura_blossom"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="sakura_blossom"] #card-slug-search-form button svg,
body[data-card-theme="sakura_blossom"] .nav-back-button svg,
body[data-card-theme="sakura_blossom"] .nav-search-button svg,
body[data-card-theme="sakura_blossom"] .info-badge svg,
body[data-card-theme="sakura_blossom"] .unq-ref-share svg,
body[data-card-theme="rick_morty_portal"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="rick_morty_portal"] #card-slug-search-form button svg,
body[data-card-theme="rick_morty_portal"] .nav-back-button svg,
body[data-card-theme="rick_morty_portal"] .nav-search-button svg,
body[data-card-theme="rick_morty_portal"] .info-badge svg,
body[data-card-theme="rick_morty_portal"] .unq-ref-share svg,
body[data-card-theme="venom_symbiote"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="venom_symbiote"] #card-slug-search-form button svg,
body[data-card-theme="venom_symbiote"] .nav-back-button svg,
body[data-card-theme="venom_symbiote"] .nav-search-button svg,
body[data-card-theme="venom_symbiote"] .info-badge svg,
body[data-card-theme="venom_symbiote"] .unq-ref-share svg,
body[data-card-theme="shinobi_path"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="shinobi_path"] #card-slug-search-form button svg,
body[data-card-theme="shinobi_path"] .nav-back-button svg,
body[data-card-theme="shinobi_path"] .nav-search-button svg,
body[data-card-theme="shinobi_path"] .info-badge svg,
body[data-card-theme="shinobi_path"] .unq-ref-share svg {
  color: var(--unqx-nav-icon) !important;
}

body[data-card-theme="starry_night"] .interactive-btn:hover,
body[data-card-theme="starry_night"] .nav-back-button:hover,
body[data-card-theme="starry_night"] .nav-search-button:hover,
body[data-card-theme="starry_night"] .unq-ref-slug-chip:hover,
body[data-card-theme="starry_night"] .unq-ref-share:hover,
body[data-card-theme="sakura_blossom"] .interactive-btn:hover,
body[data-card-theme="sakura_blossom"] .nav-back-button:hover,
body[data-card-theme="sakura_blossom"] .nav-search-button:hover,
body[data-card-theme="sakura_blossom"] .unq-ref-slug-chip:hover,
body[data-card-theme="sakura_blossom"] .unq-ref-share:hover,
body[data-card-theme="rick_morty_portal"] .interactive-btn:hover,
body[data-card-theme="rick_morty_portal"] .nav-back-button:hover,
body[data-card-theme="rick_morty_portal"] .nav-search-button:hover,
body[data-card-theme="rick_morty_portal"] .unq-ref-slug-chip:hover,
body[data-card-theme="rick_morty_portal"] .unq-ref-share:hover,
body[data-card-theme="venom_symbiote"] .interactive-btn:hover,
body[data-card-theme="venom_symbiote"] .nav-back-button:hover,
body[data-card-theme="venom_symbiote"] .nav-search-button:hover,
body[data-card-theme="venom_symbiote"] .unq-ref-slug-chip:hover,
body[data-card-theme="venom_symbiote"] .unq-ref-share:hover,
body[data-card-theme="shinobi_path"] .interactive-btn:hover,
body[data-card-theme="shinobi_path"] .nav-back-button:hover,
body[data-card-theme="shinobi_path"] .nav-search-button:hover,
body[data-card-theme="shinobi_path"] .unq-ref-slug-chip:hover,
body[data-card-theme="shinobi_path"] .unq-ref-share:hover {
  background: var(--unqx-nav-hover-bg) !important;
  border-color: var(--unqx-nav-hover-border, var(--unqx-nav-border)) !important;
  color: var(--unqx-nav-hover-text) !important;
  box-shadow: var(--unqx-nav-hover-shadow) !important;
}

body[data-card-theme="starry_night"] .interactive-btn:hover svg,
body[data-card-theme="starry_night"] .nav-back-button:hover svg,
body[data-card-theme="starry_night"] .nav-search-button:hover svg,
body[data-card-theme="starry_night"] .unq-ref-share:hover svg,
body[data-card-theme="sakura_blossom"] .interactive-btn:hover svg,
body[data-card-theme="sakura_blossom"] .nav-back-button:hover svg,
body[data-card-theme="sakura_blossom"] .nav-search-button:hover svg,
body[data-card-theme="sakura_blossom"] .unq-ref-share:hover svg,
body[data-card-theme="rick_morty_portal"] .interactive-btn:hover svg,
body[data-card-theme="rick_morty_portal"] .nav-back-button:hover svg,
body[data-card-theme="rick_morty_portal"] .nav-search-button:hover svg,
body[data-card-theme="rick_morty_portal"] .unq-ref-share:hover svg,
body[data-card-theme="venom_symbiote"] .interactive-btn:hover svg,
body[data-card-theme="venom_symbiote"] .nav-back-button:hover svg,
body[data-card-theme="venom_symbiote"] .nav-search-button:hover svg,
body[data-card-theme="venom_symbiote"] .unq-ref-share:hover svg,
body[data-card-theme="shinobi_path"] .interactive-btn:hover svg,
body[data-card-theme="shinobi_path"] .nav-back-button:hover svg,
body[data-card-theme="shinobi_path"] .nav-search-button:hover svg,
body[data-card-theme="shinobi_path"] .unq-ref-share:hover svg {
  color: var(--unqx-nav-hover-text) !important;
}

body[data-card-theme="turtle_power"] #card-slug-search-form input,
body[data-card-theme="turtle_power"] .nav-input-wrapper input {
  color: var(--unqx-nav-input) !important;
}

body[data-card-theme="turtle_power"] #card-slug-search-form input::placeholder,
body[data-card-theme="turtle_power"] .nav-input-wrapper input::placeholder {
  color: var(--unqx-nav-placeholder) !important;
}

body[data-card-theme="turtle_power"] #card-slug-search-form span {
  color: var(--unqx-nav-chip) !important;
}

body[data-card-theme="turtle_power"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="turtle_power"] #card-slug-search-form button svg,
body[data-card-theme="turtle_power"] .nav-back-button svg,
body[data-card-theme="turtle_power"] .nav-search-button svg,
body[data-card-theme="turtle_power"] .info-badge svg,
body[data-card-theme="turtle_power"] .unq-ref-share svg {
  color: var(--unqx-nav-icon) !important;
}

body[data-card-theme="turtle_power"] .interactive-btn:hover,
body[data-card-theme="turtle_power"] .nav-back-button:hover,
body[data-card-theme="turtle_power"] .nav-search-button:hover,
body[data-card-theme="turtle_power"] .unq-ref-slug-chip:hover,
body[data-card-theme="turtle_power"] .unq-ref-share:hover {
  background: var(--unqx-nav-hover-bg) !important;
  border-color: var(--unqx-nav-hover-border, var(--unqx-nav-border)) !important;
  color: var(--unqx-nav-hover-text) !important;
  box-shadow: var(--unqx-nav-hover-shadow) !important;
  transform: scale(1.02);
}

body[data-card-theme="turtle_power"] .interactive-btn:hover svg,
body[data-card-theme="turtle_power"] .nav-back-button:hover svg,
body[data-card-theme="turtle_power"] .nav-search-button:hover svg,
body[data-card-theme="turtle_power"] .unq-ref-share:hover svg {
  color: var(--unqx-nav-hover-text) !important;
}

body[data-card-theme="snow_leopard"] .interactive-btn,
body[data-card-theme="snow_leopard"] #card-slug-search-form > div,
body[data-card-theme="snow_leopard"] #card-slug-search-results,
body[data-card-theme="snow_leopard"] .nav-back-button,
body[data-card-theme="snow_leopard"] .nav-input-wrapper,
body[data-card-theme="snow_leopard"] .nav-search-button,
body[data-card-theme="snow_leopard"] .info-badge,
body[data-card-theme="snow_leopard"] .unq-ref-slug-chip,
body[data-card-theme="snow_leopard"] .unq-ref-slug-price,
body[data-card-theme="snow_leopard"] .unq-ref-share,
body[data-card-theme="snow_leopard"] .unq-ref-top-badge {
  background: var(--unqx-nav-bg) !important;
  border: var(--unqx-nav-border-width, 1.5px) solid var(--unqx-nav-border) !important;
  color: var(--unqx-nav-text) !important;
  box-shadow: var(--unqx-nav-shadow) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

body[data-card-theme="snow_leopard"] #card-slug-search-results {
  --card-search-result-text: var(--unqx-search-result-text);
  --card-search-result-strong: var(--unqx-search-result-strong);
  --card-search-result-muted: var(--unqx-search-result-muted);
  --card-search-result-hover: var(--unqx-search-result-hover);
}

body[data-card-theme="snow_leopard"] #card-slug-search-form input,
body[data-card-theme="snow_leopard"] .nav-input-wrapper input {
  color: var(--unqx-nav-input) !important;
}

body[data-card-theme="snow_leopard"] #card-slug-search-form input::placeholder,
body[data-card-theme="snow_leopard"] .nav-input-wrapper input::placeholder {
  color: var(--unqx-nav-placeholder) !important;
}

body[data-card-theme="snow_leopard"] #card-slug-search-form span {
  color: var(--unqx-nav-chip) !important;
}

body[data-card-theme="snow_leopard"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="snow_leopard"] #card-slug-search-form button svg,
body[data-card-theme="snow_leopard"] .nav-back-button svg,
body[data-card-theme="snow_leopard"] .nav-search-button svg,
body[data-card-theme="snow_leopard"] .info-badge svg,
body[data-card-theme="snow_leopard"] .unq-ref-share svg {
  color: var(--unqx-nav-icon) !important;
}

body[data-card-theme="snow_leopard"] .interactive-btn:hover,
body[data-card-theme="snow_leopard"] .nav-back-button:hover,
body[data-card-theme="snow_leopard"] .nav-search-button:hover,
body[data-card-theme="snow_leopard"] .unq-ref-slug-chip:hover,
body[data-card-theme="snow_leopard"] .unq-ref-share:hover {
  background: var(--unqx-nav-hover-bg) !important;
  border-color: var(--unqx-nav-hover-border, var(--unqx-nav-border)) !important;
  color: var(--unqx-nav-hover-text) !important;
  box-shadow: var(--unqx-nav-hover-shadow) !important;
}

body[data-card-theme="snow_leopard"] .interactive-btn:hover svg,
body[data-card-theme="snow_leopard"] .nav-back-button:hover svg,
body[data-card-theme="snow_leopard"] .nav-search-button:hover svg,
body[data-card-theme="snow_leopard"] .unq-ref-share:hover svg {
  color: var(--unqx-nav-hover-text) !important;
}

body[data-card-theme="shinobi_way"] #card-slug-search-form input,
body[data-card-theme="shinobi_way"] .nav-input-wrapper input {
  color: var(--unqx-nav-input) !important;
}

body[data-card-theme="shinobi_way"] #card-slug-search-form input::placeholder,
body[data-card-theme="shinobi_way"] .nav-input-wrapper input::placeholder {
  color: var(--unqx-nav-placeholder) !important;
}

body[data-card-theme="shinobi_way"] #card-slug-search-form span {
  color: var(--unqx-nav-chip) !important;
}

body[data-card-theme="shinobi_way"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="shinobi_way"] #card-slug-search-form button svg,
body[data-card-theme="shinobi_way"] .nav-back-button svg,
body[data-card-theme="shinobi_way"] .nav-search-button svg,
body[data-card-theme="shinobi_way"] .info-badge svg,
body[data-card-theme="shinobi_way"] .unq-ref-share svg {
  color: var(--unqx-nav-icon) !important;
}

body[data-card-theme="shinobi_way"] .interactive-btn:hover,
body[data-card-theme="shinobi_way"] .nav-back-button:hover,
body[data-card-theme="shinobi_way"] .nav-search-button:hover,
body[data-card-theme="shinobi_way"] .unq-ref-slug-chip:hover,
body[data-card-theme="shinobi_way"] .unq-ref-share:hover {
  background: var(--unqx-nav-hover-bg) !important;
  border-color: var(--unqx-nav-hover-border, var(--unqx-nav-border)) !important;
  color: var(--unqx-nav-hover-text) !important;
  box-shadow: var(--unqx-nav-hover-shadow) !important;
  transform: scale(1.02);
}

body[data-card-theme="shinobi_way"] .interactive-btn:hover svg,
body[data-card-theme="shinobi_way"] .nav-back-button:hover svg,
body[data-card-theme="shinobi_way"] .nav-search-button:hover svg,
body[data-card-theme="shinobi_way"] .unq-ref-share:hover svg {
  color: var(--unqx-nav-hover-text) !important;
}

body[data-card-theme="samarkand_heritage"] #card-slug-search-form input,
body[data-card-theme="samarkand_heritage"] .nav-input-wrapper input {
  color: var(--unqx-nav-input) !important;
}

body[data-card-theme="samarkand_heritage"] #card-slug-search-form input::placeholder,
body[data-card-theme="samarkand_heritage"] .nav-input-wrapper input::placeholder {
  color: var(--unqx-nav-placeholder) !important;
}

body[data-card-theme="samarkand_heritage"] #card-slug-search-form span {
  color: var(--unqx-nav-chip) !important;
}

body[data-card-theme="samarkand_heritage"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="samarkand_heritage"] #card-slug-search-form button svg,
body[data-card-theme="samarkand_heritage"] .nav-back-button svg,
body[data-card-theme="samarkand_heritage"] .nav-search-button svg,
body[data-card-theme="samarkand_heritage"] .info-badge svg,
body[data-card-theme="samarkand_heritage"] .unq-ref-share svg {
  color: var(--unqx-nav-icon) !important;
}

body[data-card-theme="samarkand_heritage"] .interactive-btn:hover,
body[data-card-theme="samarkand_heritage"] .nav-back-button:hover,
body[data-card-theme="samarkand_heritage"] .nav-search-button:hover,
body[data-card-theme="samarkand_heritage"] .unq-ref-slug-chip:hover,
body[data-card-theme="samarkand_heritage"] .unq-ref-share:hover {
  background: var(--unqx-nav-hover-bg) !important;
  border-color: var(--unqx-nav-hover-border, var(--unqx-nav-border)) !important;
  color: var(--unqx-nav-hover-text) !important;
  box-shadow: var(--unqx-nav-hover-shadow) !important;
  transform: translateY(-1px);
}

body[data-card-theme="samarkand_heritage"] .interactive-btn:hover svg,
body[data-card-theme="samarkand_heritage"] .nav-back-button:hover svg,
body[data-card-theme="samarkand_heritage"] .nav-search-button:hover svg,
body[data-card-theme="samarkand_heritage"] .unq-ref-share:hover svg {
  color: var(--unqx-nav-hover-text) !important;
}

body[data-card-theme="graffiti"] #card-slug-search-form input,
body[data-card-theme="graffiti"] .nav-input-wrapper input {
  color: var(--unqx-nav-input) !important;
  font-family: Impact, "Arial Black", "Sora", sans-serif;
  letter-spacing: 0.04em;
}

body[data-card-theme="graffiti"] #card-slug-search-form input::placeholder,
body[data-card-theme="graffiti"] .nav-input-wrapper input::placeholder {
  color: var(--unqx-nav-placeholder) !important;
}

body[data-card-theme="graffiti"] #card-slug-search-form span {
  color: var(--unqx-nav-chip) !important;
}

body[data-card-theme="graffiti"] #public-card-layout > div:first-child > .interactive-btn svg,
body[data-card-theme="graffiti"] #card-slug-search-form button svg,
body[data-card-theme="graffiti"] .nav-back-button svg,
body[data-card-theme="graffiti"] .nav-search-button svg,
body[data-card-theme="graffiti"] .info-badge svg,
body[data-card-theme="graffiti"] .unq-ref-share svg {
  color: var(--unqx-nav-icon) !important;
}

body[data-card-theme="graffiti"] .interactive-btn:hover,
body[data-card-theme="graffiti"] .nav-back-button:hover,
body[data-card-theme="graffiti"] .nav-search-button:hover,
body[data-card-theme="graffiti"] .unq-ref-slug-chip:hover,
body[data-card-theme="graffiti"] .unq-ref-share:hover {
  background: var(--unqx-nav-hover-bg) !important;
  border-color: var(--unqx-nav-hover-border, var(--unqx-nav-border)) !important;
  color: var(--unqx-nav-hover-text) !important;
  box-shadow: var(--unqx-nav-hover-shadow) !important;
  transform: translate(-1px, -1px) rotate(-1deg);
}

body[data-card-theme="graffiti"] .interactive-btn:hover svg,
body[data-card-theme="graffiti"] .nav-back-button:hover svg,
body[data-card-theme="graffiti"] .nav-search-button:hover svg,
body[data-card-theme="graffiti"] .unq-ref-share:hover svg {
  color: var(--unqx-nav-hover-text) !important;
}

[data-card-theme] .unq-ref-save,
[data-card-theme] .unq-ref-save:hover,
[data-card-theme] .unq-ref-save:focus,
[data-card-theme] .unq-ref-save:active {
  background: transparent !important;
  border-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}

[data-card-theme] .unq-ref-save svg,
[data-card-theme] .unq-ref-save:hover svg,
[data-card-theme] .unq-ref-save:focus svg,
[data-card-theme] .unq-ref-save:active svg {
  color: currentColor !important;
}

.private-card-screen {
  background: transparent;
}

body[data-card-theme] main.private-card-screen {
  min-height: 100dvh;
  align-items: center !important;
  justify-content: center !important;
  padding-top: max(16px, env(safe-area-inset-top)) !important;
  padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
}

.private-card-shell {
  width: min(100%, 560px);
  max-width: 560px;
  margin-inline: auto;
  background: var(--theme-card-bg, #111111);
  border-color: var(--theme-card-border, rgba(255, 255, 255, 0.22));
  color: var(--theme-name-color, #f4f4f5);
  border-radius: var(--theme-card-radius, 24px) !important;
  box-shadow: 0 24px 68px rgba(17, 17, 17, 0.28);
  transition: opacity 180ms ease, transform 180ms ease;
}

.private-card-shell.is-unlocking {
  opacity: 0;
  transform: scale(0.985);
}

.private-card-owner,
.private-card-lock-circle,
#private-card-expired,
.private-card-submit,
.private-card-back,
.private-card-slug-chip,
.private-card-field-wrap input {
  border-color: var(--theme-card-border, rgba(255, 255, 255, 0.25));
}

.private-card-avatar-fallback {
  background: var(--theme-avatar-bg, rgba(255, 255, 255, 0.12));
  color: var(--theme-avatar-text, #ffffff);
}

.private-card-owner-avatar-wrap {
  flex: 0 0 auto;
}

.private-card-owner-avatar-wrap .unq-ref-avatar-frame {
  inset: -7px;
}

.private-card-owner-avatar-wrap .unq-ref-avatar-frame--starburst {
  inset: -9px;
}

.private-card-owner-avatar-wrap .unq-ref-avatar-frame--drip-outline {
  inset: -7px -8px -11px;
}

.private-card-lock-circle {
  background: var(--theme-button-secondary-bg, rgba(255, 255, 255, 0.07));
}

.private-card-submit {
  background: var(--theme-button-primary-bg, #ffffff);
  color: var(--theme-button-primary-text, #111111);
}

.private-card-back,
.private-card-slug-chip {
  background: var(--theme-button-secondary-bg, rgba(255, 255, 255, 0.07));
  text-decoration: none;
}

.private-card-back {
  color: var(--theme-name-color, #ffffff);
}

.private-card-slug-chip {
  white-space: nowrap;
  padding: 2px 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.09em;
  line-height: 1.2;
  color: var(--theme-muted-color, #9a9a9a);
}

@media (max-width: 640px) {
  .private-card-slug-chip {
    font-size: 11px;
    padding: 2px 7px;
  }
}

[data-page="leaderboard"] {
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.92), transparent 34%),
    linear-gradient(180deg, #fcfcfc 0%, #f5f5f5 100%);
}

[data-page="leaderboard"] .leaderboard-control-panel,
[data-page="leaderboard"] .leaderboard-hero,
[data-page="leaderboard"] .leaderboard-table-shell,
[data-page="leaderboard"] .leaderboard-mobile-card,
[data-page="leaderboard"] .leaderboard-user-summary,
[data-page="leaderboard"] .leaderboard-podium-card {
  box-shadow: 0 22px 52px rgba(17, 17, 17, 0.05);
}

[data-page="leaderboard"] .leaderboard-control-panel {
  position: relative;
  overflow: hidden;
}

[data-page="leaderboard"] .leaderboard-control-panel::after {
  content: "";
  position: absolute;
  inset: auto -4rem -5rem auto;
  width: 15rem;
  height: 15rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(17, 17, 17, 0.06), transparent 68%);
  pointer-events: none;
}

[data-page="leaderboard"] .leaderboard-filter-card {
  min-height: 100%;
  background: linear-gradient(180deg, rgba(250, 250, 250, 0.96), rgba(245, 245, 245, 0.96));
}

[data-page="leaderboard"] .leaderboard-tab {
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

[data-page="leaderboard"] .leaderboard-tab:hover {
  transform: translateY(-1px);
}

[data-page="leaderboard"] .leaderboard-tab.is-active {
  box-shadow: 0 10px 24px rgba(17, 17, 17, 0.16);
}

[data-page="leaderboard"] .leaderboard-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(17, 17, 17, 0.07), transparent 24%),
    linear-gradient(135deg, #ffffff 0%, #f7f7f7 100%);
}

[data-page="leaderboard"] .leaderboard-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.8fr);
  gap: 1.25rem;
  align-items: end;
}

[data-page="leaderboard"] .leaderboard-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

[data-page="leaderboard"] .leaderboard-hero-stat {
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.86);
  padding: 0.95rem 1rem;
}

[data-page="leaderboard"] .leaderboard-hero-stat-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #737373;
}

[data-page="leaderboard"] .leaderboard-hero-stat-value {
  display: block;
  margin-top: 0.45rem;
  font-size: 1.05rem;
  font-weight: 800;
  color: #111111;
}

[data-page="leaderboard"] .leaderboard-podium-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 249, 249, 0.98));
}

[data-page="leaderboard"] .leaderboard-podium-card--first {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(17, 17, 17, 0.08), transparent 30%),
    linear-gradient(145deg, #ffffff 0%, #f4f4f4 100%);
}

[data-page="leaderboard"] .leaderboard-table-intro {
  background: linear-gradient(180deg, rgba(250, 250, 250, 0.9), rgba(255, 255, 255, 0.94));
}

[data-page="leaderboard"] .leaderboard-rank-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  min-width: 46px;
  border-radius: 999px;
  background: #111111;
  padding: 0.35rem 0.75rem;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
}

[data-page="leaderboard"] .leaderboard-slug-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #f8f8f8;
  padding: 0.3rem 0.7rem;
  font-size: 12px;
  font-weight: 600;
  color: #525252;
  text-decoration: none;
}

[data-page="leaderboard"] .leaderboard-plan-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 999px;
  background: #eef8f1;
  padding: 0.3rem 0.8rem;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1f6a42;
}

[data-page="leaderboard"] .leaderboard-mobile-card {
  background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}

@media (max-width: 980px) {
  [data-page="leaderboard"] .leaderboard-hero-grid {
    grid-template-columns: 1fr;
  }

  [data-page="leaderboard"] .leaderboard-hero-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {

  [data-page="leaderboard"] .leaderboard-control-panel,
  [data-page="leaderboard"] .leaderboard-hero,
  [data-page="leaderboard"] .leaderboard-user-summary {
    border-radius: 1.4rem;
  }

  [data-page="leaderboard"] .leaderboard-hero-stats {
    grid-template-columns: 1fr;
  }

  [data-page="leaderboard"] .leaderboard-podium {
    gap: 0.85rem;
  }
}

@media (max-width: 640px) {
  .unq-ref-social-stats {
    gap: 18px;
  }

  .unq-ref-social-value {
    font-size: 24px;
  }

  .unq-ref-social-label {
    font-size: 12px;
  }

  .unq-ref-top {
    align-items: flex-start;
  }

  .unq-ref-top-actions {
    width: auto;
    flex: 0 0 auto;
    justify-content: flex-end;
  }

  .unq-ref-follow-toggle {
    min-height: 38px;
    padding: 0 14px;
    font-size: 11px;
  }

  .unq-ref-follow-toggle--hero {
    min-height: auto;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.2;
  }

  .unq-follow-dialog-card {
    width: 100%;
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);
    border-radius: 24px;
  }

  .unq-follow-dialog {
    align-items: center;
    padding: 8px 8px 12px;
    padding:
      max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
  }

  .unq-follow-dialog-head,
  .unq-follow-dialog-foot,
  .unq-follow-dialog-body {
    padding-left: 16px;
    padding-right: 16px;
  }

  .unq-follow-dialog-item {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
  }

  .unq-follow-dialog-action {
    width: 30px;
  }
}

[data-page="public-home"] .home-weekly-card {
  --weekly-accent: #171717;
  --weekly-soft: rgba(23, 23, 23, 0.06);
  --weekly-line: rgba(23, 23, 23, 0.14);
  --weekly-line-soft: rgba(23, 23, 23, 0.1);
  --weekly-badge-bg: rgba(250, 250, 250, 0.94);
  position: relative;
  isolation: isolate;
  display: block;
  min-height: 228px;
  overflow: hidden;
  background:
    linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

[data-page="public-home"] .home-weekly-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, rgba(23, 23, 23, 0.9), rgba(23, 23, 23, 0.16) 58%, transparent 82%);
  opacity: 0.95;
}

[data-page="public-home"] .home-weekly-card::after {
  content: "";
  position: absolute;
  right: -34px;
  top: -38px;
  width: 136px;
  height: 136px;
  border-radius: 999px;
  background: radial-gradient(circle, var(--weekly-soft, rgba(99, 102, 241, 0.12)) 0%, transparent 72%);
  pointer-events: none;
}

[data-page="public-home"] .home-weekly-card:hover {
  transform: translateY(-3px);
  border-color: #d4dae3;
  box-shadow: 0 22px 48px rgba(15, 23, 42, 0.1);
}

[data-page="public-home"] .home-weekly-card-content {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 100%;
}

[data-page="public-home"] .home-weekly-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

[data-page="public-home"] .home-weekly-card-rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  min-width: 38px;
  border-radius: 999px;
  border: 1px solid var(--weekly-line, #d4d4d8);
  background: #ffffff;
  padding: 0.2rem 0.55rem;
  font-size: 11px;
  font-weight: 750;
  color: #27272a;
}

[data-page="public-home"] .home-weekly-card-views-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 999px;
  border: 1px solid var(--weekly-line-soft, #e5e7eb);
  background: var(--weekly-badge-bg, rgba(243, 244, 246, 0.86));
  padding: 0.2rem 0.62rem;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  color: #4b5563;
}

[data-page="public-home"] .home-weekly-card-body {
  min-width: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 16px;
}

[data-page="public-home"] .home-weekly-card-identity {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}

[data-page="public-home"] .home-weekly-card-avatar {
  height: 60px;
  width: 60px;
  flex: 0 0 auto;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  padding: 2px;
  object-fit: cover;
}

[data-page="public-home"] .home-weekly-card-copy {
  min-width: 0;
  display: grid;
  gap: 6px;
}

[data-page="public-home"] .home-weekly-card-name-row {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 8px;
}

[data-page="public-home"] .home-weekly-card-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 1.24rem;
  line-height: 1.08;
  font-weight: 800;
  color: #171717;
}

[data-page="public-home"] .home-weekly-card-verified {
  height: 18px;
  width: 18px;
  flex: 0 0 auto;
  color: #6b7280;
  margin-top: 2px;
}

[data-page="public-home"] .home-weekly-card-meta {
  display: grid;
  gap: 4px;
}

[data-page="public-home"] .home-weekly-card-role {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.96rem;
  color: #52525b;
}

[data-page="public-home"] .home-weekly-card-company {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8b8f98;
}

[data-page="public-home"] .home-weekly-card-slugs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

[data-page="public-home"] .home-weekly-card-slug-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  border: 1px solid #dedfe3;
  background: rgba(255, 255, 255, 0.86);
  padding: 0.16rem 0.52rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 10px;
  color: #5f6672;
}

[data-page="public-home"] .home-weekly-card-foot {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(228, 228, 231, 0.88);
}

[data-page="public-home"] .home-weekly-card-foot-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

[data-page="public-home"] .home-weekly-card-foot-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9ca3af;
}

[data-page="public-home"] .home-weekly-card-foot-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  color: #18181b;
}

[data-page="public-home"] .home-weekly-card-foot-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border-radius: 999px;
  border: 1px solid var(--weekly-line-soft, #e5e7eb);
  background: #ffffff;
  color: #171717;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

[data-page="public-home"] .home-weekly-card-foot-arrow svg {
  width: 16px;
  height: 16px;
  display: block;
}

[data-page="public-home"] .home-weekly-card--rank-1 {
  --weekly-soft: rgba(23, 23, 23, 0.08);
  --weekly-line: rgba(23, 23, 23, 0.18);
  --weekly-line-soft: rgba(23, 23, 23, 0.12);
}

[data-page="public-home"] .home-weekly-card--rank-2 {
  --weekly-soft: rgba(23, 23, 23, 0.06);
  --weekly-line: rgba(23, 23, 23, 0.14);
  --weekly-line-soft: rgba(23, 23, 23, 0.1);
}

[data-page="public-home"] .home-weekly-card--rank-3 {
  --weekly-soft: rgba(23, 23, 23, 0.045);
  --weekly-line: rgba(23, 23, 23, 0.12);
  --weekly-line-soft: rgba(23, 23, 23, 0.08);
}

/* ---- Home: Reference Showcase Rows ---- */
[data-page="public-home"] .home-showcase-heading {
  width: min(100%, 600px);
  margin-bottom: 10px;
  padding: 0;
  background: transparent;
  background-image: none;
}

[data-page="public-home"] .home-showcase-kicker {
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #a3a3a3;
}

[data-page="public-home"] .home-showcase-title {
  margin: 0.75rem 0 0;
  max-width: 100%;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #171717;
}

[data-page="public-home"] .home-showcase-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 24px;
  margin-top: 24px;
  overflow: visible;
  background: transparent;
}

[data-page="public-home"] .home-showcase-item {
  position: relative;
  display: block;
  min-width: 0;
  padding: 16px 0 0;
  color: inherit;
  text-decoration: none;
}

[data-page="public-home"] .home-showcase-item:hover .home-showcase-card {
  border-color: #000000;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045);
  transform: translateY(-1px);
}

[data-page="public-home"] .home-showcase-rank {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 22px;
  display: inline-flex;
  min-width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  gap: 3px;
  transform: translateY(-50%);
  border: 2px solid #000000;
  border-radius: 999px;
  padding: 0 9px;
  font-size: 0.98rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  color: #ffffff;
  pointer-events: none;
}

[data-page="public-home"] .home-showcase-item--rank-1 .home-showcase-rank {
  background: #f2c94c;
  color: #050505;
}

[data-page="public-home"] .home-showcase-item--rank-2 .home-showcase-rank {
  background: #6f254f;
}

[data-page="public-home"] .home-showcase-item--rank-3 .home-showcase-rank {
  background: #2f6fe4;
}

[data-page="public-home"] .home-showcase-rank-crown {
  font-size: 0.92rem;
  line-height: 1;
  color: #050505;
}

[data-page="public-home"] .home-showcase-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 72px;
  align-items: center;
  gap: 12px;
  overflow: visible;
  border: 2px solid #000000;
  border-radius: 30px;
  background: #ffffff;
  padding: 11px 16px 11px 12px;
  box-shadow: none;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

[data-page="public-home"] .home-showcase-avatar {
  display: inline-flex;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  background: #a3a3a3;
  object-fit: cover;
}

[data-page="public-home"] .home-showcase-avatar-fallback {
  font-size: 0.72rem;
  font-weight: 850;
  color: #ffffff;
}

[data-page="public-home"] .home-showcase-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

[data-page="public-home"] .home-showcase-name-row {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
}

[data-page="public-home"] .home-showcase-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: 0;
  color: #050505;
}

[data-page="public-home"] .home-showcase-verified {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  color: #050505;
}

[data-page="public-home"] .home-showcase-slug {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: 0;
  color: #7a7a7a;
}

[data-page="public-home"] .home-showcase-score {
  display: inline-flex;
  min-height: auto;
  min-width: 52px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-left: auto;
  margin-bottom: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  font-size: 1.12rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1;
  color: #111111;
}

[data-page="public-home"] .home-latest-unq-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin-top: 22px;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

[data-page="public-home"] .home-latest-unq-card {
  display: flex;
  min-width: 0;
  min-height: 74px;
  flex: 1 1 0;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  border: 2px solid #000000 !important;
  border-radius: 28px;
  background: #ffffff;
  padding: 11px 15px;
  color: inherit;
  text-decoration: none;
  box-shadow: none;
  transition:
    border-color 0.16s ease,
    transform 0.16s ease,
    box-shadow 0.16s ease;
}

[data-page="public-home"] .home-latest-unq-card:hover {
  border-color: #000000;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045);
  transform: translateY(-1px);
}

[data-page="public-home"] .home-latest-unq-avatar {
  display: inline-flex;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  background: #a3a3a3;
  object-fit: cover;
}

[data-page="public-home"] .home-latest-unq-avatar-fallback {
  font-size: 0.68rem;
  font-weight: 800;
  color: #ffffff;
}

[data-page="public-home"] .home-latest-unq-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

[data-page="public-home"] .home-latest-unq-name-row {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
}

[data-page="public-home"] .home-latest-unq-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
  color: #111111;
}

[data-page="public-home"] .home-latest-unq-verified {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  color: #050505;
}

[data-page="public-home"] .home-latest-unq-username {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: 0;
  color: #8a8a8a;
}

@media (max-width: 1024px) {
  [data-page="public-home"] .home-latest-unq-list {
    flex-wrap: wrap;
    gap: 12px;
    max-width: 620px;
  }

  [data-page="public-home"] .home-latest-unq-card {
    flex-basis: calc(50% - 6px);
  }

  [data-page="public-home"] .home-showcase-list {
    grid-template-columns: 1fr;
    gap: 18px;
    max-width: 620px;
  }

  [data-page="public-home"] .home-showcase-heading {
    width: 100%;
    max-width: 620px;
  }
}

@media (max-width: 520px) {
  [data-page="public-home"] .home-latest-unq-list {
    max-width: 100%;
    margin-top: 20px;
  }

  [data-page="public-home"] .home-latest-unq-card {
    min-height: 68px;
    flex-basis: 100%;
    border-radius: 26px;
    padding: 10px 13px;
  }

  [data-page="public-home"] .home-latest-unq-avatar {
    width: 40px;
    height: 40px;
  }

  [data-page="public-home"] .home-latest-unq-name {
    font-size: 0.9rem;
  }

  [data-page="public-home"] .home-latest-unq-username {
    font-size: 0.8rem;
  }

  [data-page="public-home"] .home-showcase-heading {
    padding: 22px 18px 24px;
    background-size: 36px 36px;
  }

  [data-page="public-home"] .home-showcase-title {
    font-size: 2rem;
    line-height: 1.02;
  }

  [data-page="public-home"] .home-showcase-item {
    padding: 16px 0 0;
  }

  [data-page="public-home"] .home-showcase-rank {
    right: 18px;
    min-width: 28px;
    height: 28px;
    font-size: 0.9rem;
    padding: 0 8px;
  }

  [data-page="public-home"] .home-showcase-card {
    min-height: 68px;
    gap: 10px;
    border-radius: 28px;
    padding: 10px 13px;
  }

  [data-page="public-home"] .home-showcase-avatar {
    width: 40px;
    height: 40px;
  }

  [data-page="public-home"] .home-showcase-name {
    font-size: 1rem;
  }

  [data-page="public-home"] .home-showcase-slug {
    font-size: 0.78rem;
  }

  [data-page="public-home"] .home-showcase-score {
    min-width: 42px;
    font-size: 1rem;
  }
}

@media (max-width: 420px) {
  [data-page="public-home"] .home-weekly-card {
    min-height: auto;
    padding: 18px;
  }

  [data-page="public-home"] .home-weekly-card-top {
    flex-wrap: wrap;
  }

  [data-page="public-home"] .home-weekly-card-avatar {
    width: 54px;
    height: 54px;
  }

  [data-page="public-home"] .home-weekly-card-name {
    font-size: 1.08rem;
  }

  [data-page="public-home"] .home-weekly-card-foot {
    align-items: flex-end;
  }
}

.private-card-field-wrap input {
  background: var(--theme-button-secondary-bg, rgba(255, 255, 255, 0.02));
  color: var(--theme-name-color, #ffffff);
}

.private-card-field-wrap input::placeholder {
  color: var(--theme-muted-color, rgba(255, 255, 255, 0.7));
}

#private-card-expired {
  background: var(--theme-button-secondary-bg, rgba(255, 255, 255, 0.06));
}

#private-card-error {
  color: #ff6767;
}

.private-card-field-wrap.is-shake {
  animation: privateCardShake 360ms cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

@keyframes privateCardShake {

  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

/* ---- Home: Latest Created Cards ---- */
[data-page="public-home"] .home-latest-card {
  position: relative;
  overflow: hidden;
  border-radius: 1.7rem;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.06), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.15s ease;
}

[data-page="public-home"] .home-latest-card::before {
  content: "";
  position: absolute;
  inset: auto auto 18px -26px;
  width: 124px;
  height: 124px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(148, 163, 184, 0.14) 0%, rgba(148, 163, 184, 0) 72%);
  pointer-events: none;
}

[data-page="public-home"] .home-latest-card:hover {
  border-color: #d6dbe3;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.09);
  transform: translateY(-3px);
}

[data-page="public-home"] .home-latest-card-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

[data-page="public-home"] .home-latest-rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  min-width: 48px;
  border-radius: 999px;
  background: #171717;
  padding: 0.3rem 0.8rem;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
}

[data-page="public-home"] .home-latest-card-date {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #98a1af;
}

[data-page="public-home"] .home-latest-card-identity {
  min-width: 0;
  display: flex;
  gap: 14px;
  align-items: center;
  position: relative;
  z-index: 1;
}

[data-page="public-home"] .home-latest-card-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

[data-page="public-home"] .home-latest-card-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.28rem;
  font-weight: 700;
  line-height: 1.15;
  color: #111827;
}

[data-page="public-home"] .home-latest-card-role {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
  color: #7a8595;
}

[data-page="public-home"] .home-latest-card-row {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

[data-page="public-home"] .home-latest-card-slug {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: rgba(255, 255, 255, 0.9);
  padding: 0.45rem 0.8rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  color: #5b6472;
}

[data-page="public-home"] .home-latest-card-kind {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8490a0;
}

[data-page="public-home"] .home-latest-card-bio {
  position: relative;
  z-index: 1;
  min-height: 2.95em;
  font-size: 0.94rem;
  line-height: 1.58;
  color: #5f6b7a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

[data-page="public-home"] .home-latest-card-foot {
  position: relative;
  z-index: 1;
  margin-top: auto;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid rgba(226, 232, 240, 0.92);
  padding-top: 14px;
}

[data-page="public-home"] .home-latest-card-foot-note {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9aa3b1;
}

[data-page="public-home"] .home-latest-card-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  font-size: 0.84rem;
  font-weight: 700;
  color: #111827;
}

@media (max-width: 640px) {
  [data-page="public-home"] .home-latest-card {
    min-height: 250px;
  }

  [data-page="public-home"] .home-latest-card-identity {
    gap: 12px;
  }

  [data-page="public-home"] .home-latest-card-name {
    font-size: 1.14rem;
  }

  [data-page="public-home"] .home-latest-card-bio {
    font-size: 0.88rem;
  }
}

@media (max-width: 420px) {
  [data-page="public-home"] .home-latest-card {
    gap: 12px;
  }

  [data-page="public-home"] .home-latest-card-row,
  [data-page="public-home"] .home-latest-card-foot {
    flex-direction: column;
    align-items: flex-start;
  }

  [data-page="public-home"] .home-latest-card-date,
  [data-page="public-home"] .home-latest-card-foot-note {
    white-space: normal;
  }
}

[data-page="public-home"] .home-auction-section {
  position: relative;
  z-index: 1;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

[data-page="public-home"] .home-auction-card {
  width: min(100%, 600px);
  margin: 0 auto;
  border: 2px solid #000000 !important;
  border-radius: 32px !important;
  background: #ffffff;
  box-shadow: 4px 4px 0 #000000;
  padding: clamp(14px, 2vw, 18px);
  color: #0b0b0b;
}

[data-page="public-home"] .home-auction-head,
[data-page="public-home"] .home-auction-grid,
[data-page="public-home"] .home-auction-history-head,
[data-page="public-home"] .home-auction-history-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

[data-page="public-home"] .home-auction-kicker {
  margin: 0 0 4px;
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6b7280;
}

[data-page="public-home"] .home-auction-lot {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: clamp(2rem, 4vw, 2.9rem);
  font-weight: 1000;
  line-height: 0.95;
  letter-spacing: 0;
}

[data-page="public-home"] .home-auction-status-wrap {
  display: grid;
  justify-items: end;
  gap: 4px;
}

[data-page="public-home"] .home-auction-status {
  display: inline-flex;
  align-items: center;
  border: 2px solid #000000 !important;
  border-radius: 999px;
  background: #86efac;
  padding: 5px 9px;
  font-size: 0.62rem;
  font-weight: 1000;
  color: #000000;
  box-shadow: 2px 2px 0 #000000;
}

[data-page="public-home"] .home-auction-status.is-finished {
  background: #e5e7eb;
}

[data-page="public-home"] .home-auction-deadline {
  font-size: 0.62rem;
  font-weight: 800;
  color: #9ca3af;
  text-transform: uppercase;
}

[data-page="public-home"] .home-auction-countdown {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 12px 0;
}

[data-page="public-home"] .home-auction-timebox {
  min-height: 44px;
  border: 2px solid #000000 !important;
  border-radius: 12px;
  background: #f8fafc;
  display: grid;
  place-items: center;
  padding: 5px;
}

[data-page="public-home"] .home-auction-timebox strong {
  font-size: clamp(1rem, 3vw, 1.5rem);
  font-weight: 1000;
  line-height: 1;
}

[data-page="public-home"] .home-auction-timebox span {
  font-size: 0.58rem;
  font-weight: 900;
  color: #6b7280;
  text-transform: uppercase;
}

[data-page="public-home"] .home-auction-grid {
  align-items: stretch;
}

[data-page="public-home"] .home-auction-bid-panel,
[data-page="public-home"] .home-auction-form {
  flex: 1 1 0;
  border: 2px solid #000000 !important;
  border-radius: 16px;
  background: #fef3c7;
  padding: 10px;
}

[data-page="public-home"] .home-auction-bid-panel {
  display: grid;
  gap: 4px;
}

[data-page="public-home"] .home-auction-bid-panel span,
[data-page="public-home"] .home-auction-form label span {
  font-size: 0.62rem;
  font-weight: 900;
  color: #6b7280;
  text-transform: uppercase;
}

[data-page="public-home"] .home-auction-bid-panel strong {
  font-size: clamp(1.15rem, 2.5vw, 1.55rem);
  font-weight: 1000;
  line-height: 1;
}

[data-page="public-home"] .home-auction-bid-panel small {
  font-size: 0.72rem;
  font-weight: 800;
  color: #111827;
}

[data-page="public-home"] .home-auction-form {
  display: grid;
  gap: 7px;
  background: #ecfeff;
}

[data-page="public-home"] .home-auction-input {
  width: 100%;
  margin-top: 4px;
  border: 2px solid #000000 !important;
  border-radius: 12px;
  background: #ffffff;
  padding: 8px 10px;
  font-size: 0.88rem;
  font-weight: 900;
  outline: none;
}

[data-page="public-home"] .home-auction-submit {
  min-height: 34px;
  border: 2px solid #000000 !important;
  border-radius: 12px;
  background: #00e5ff;
  color: #000000;
  font-size: 0.78rem;
  font-weight: 1000;
  box-shadow: 2px 2px 0 #000000;
  transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
}

[data-page="public-home"] .home-auction-submit:active {
  transform: translate(2px, 2px);
  box-shadow: 0 0 0 #000000;
}

[data-page="public-home"] .home-auction-submit:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

[data-page="public-home"] .home-auction-feedback {
  min-height: 14px;
  font-size: 0.68rem;
  font-weight: 800;
  color: #6b7280;
}

[data-page="public-home"] .home-auction-feedback[data-tone="error"] {
  color: #dc2626;
}

[data-page="public-home"] .home-auction-feedback[data-tone="success"] {
  color: #047857;
}

[data-page="public-home"] .home-auction-history {
  margin-top: 12px;
  border: 2px solid #000000 !important;
  border-radius: 16px;
  overflow: hidden;
  background: #ffffff;
}

[data-page="public-home"] .home-auction-history-head {
  background: #111827;
  color: #ffffff;
  padding: 7px 10px;
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

[data-page="public-home"] .home-auction-history-row {
  padding: 7px 10px;
  border-top: 1px solid #000000;
  font-size: 0.74rem;
}

[data-page="public-home"] .home-auction-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  border: 2px solid #000000 !important;
  border-radius: 50%;
  background: #111827;
  color: #ffffff;
  font-weight: 1000;
}

[data-page="public-home"] .home-auction-bidder {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 900;
}

[data-page="public-home"] .home-auction-history-row strong {
  font-weight: 1000;
  white-space: nowrap;
}

[data-page="public-home"] .home-auction-history-row time {
  color: #9ca3af;
  font-weight: 800;
  white-space: nowrap;
}

[data-page="public-home"] .home-auction-empty {
  padding: 10px;
  font-size: 0.74rem;
  font-weight: 800;
  color: #6b7280;
}

@media (max-width: 760px) {
  [data-page="public-home"] .home-auction-head,
  [data-page="public-home"] .home-auction-grid {
    flex-direction: column;
    align-items: stretch;
  }

  [data-page="public-home"] .home-auction-status-wrap {
    justify-items: start;
  }

  [data-page="public-home"] .home-auction-countdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-page="public-home"] .home-auction-history-row {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
  }

  [data-page="public-home"] .home-auction-history-row strong,
  [data-page="public-home"] .home-auction-history-row time {
    grid-column: 2;
  }
}

/* Hard profile-card height fix: pets must not reserve giant empty vertical space. */
.unq-ref-shell {
  height: auto !important;
  min-height: 0 !important;
}

.unq-ref-profile,
.unq-ref-profile.has-pets,
.unq-ref-profile.has-emoji-pack,
.unq-ref-profile.has-emoji-pack.has-pets,
.unq-ref-profile.has-pets.has-pets-1,
.unq-ref-profile.has-pets.has-pets-3 {
  height: auto !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
}

.unq-ref-profile.has-pets .unq-ref-avatar-wrap {
  margin-top: 0 !important;
}

.unq-ref-profile.has-pets .unq-ref-name-wrap {
  margin-top: 14px !important;
}

.unq-ref-shell > .unq-selected-profile-pet {
  position: absolute !important;
  z-index: 4 !important;
}

/* Retro Mickey compact card: never stretch the white card into a poster. */
[data-card-theme="vintage_mickey"] .public-card-shell,
[data-card-theme="vintage_mickey"] .unq-ref-shell {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  align-self: flex-start !important;
}

[data-card-theme="vintage_mickey"] .unq-ref-card-overlay,
[data-card-theme="vintage_mickey"] .unq-ref-overlay-svg {
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
}

[data-card-theme="vintage_mickey"] .unq-ref-brand {
  margin: 8px 0 0 !important;
}

/* Compact height fix for cinematic themes without changing the old theme layout rhythm. */
body[data-card-theme="rick_morty_portal"] .public-card-shell,
body[data-card-theme="gravity_falls"] .public-card-shell,
body[data-card-theme="venom_symbiote"] .public-card-shell,
body[data-card-theme="snow_leopard"] .public-card-shell,
body[data-card-theme="shinobi_path"] .public-card-shell,
body[data-card-theme="shinobi_way"] .public-card-shell,
body[data-card-theme="samarkand_heritage"] .public-card-shell,
body[data-card-theme="uzbekistan_35"] .public-card-shell,
body[data-card-theme="turtle_power"] .public-card-shell,
body[data-card-theme="egypt_nile"] .public-card-shell,
body[data-card-theme="sakura_blossom"] .public-card-shell,
body[data-card-theme="starry_night"] .public-card-shell,
body[data-card-theme="graffiti"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="rick_morty_portal"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="gravity_falls"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="venom_symbiote"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="snow_leopard"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="shinobi_path"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="shinobi_way"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="samarkand_heritage"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="turtle_power"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="egypt_nile"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="sakura_blossom"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="starry_night"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="graffiti"] .public-card-shell {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  align-self: auto !important;
  justify-self: auto !important;
}

body[data-card-theme="rick_morty_portal"] .unq-ref-shell,
body[data-card-theme="gravity_falls"] .unq-ref-shell,
body[data-card-theme="venom_symbiote"] .unq-ref-shell,
body[data-card-theme="snow_leopard"] .unq-ref-shell,
body[data-card-theme="shinobi_path"] .unq-ref-shell,
body[data-card-theme="shinobi_way"] .unq-ref-shell,
body[data-card-theme="samarkand_heritage"] .unq-ref-shell,
body[data-card-theme="uzbekistan_35"] .unq-ref-shell,
body[data-card-theme="turtle_power"] .unq-ref-shell,
body[data-card-theme="egypt_nile"] .unq-ref-shell,
body[data-card-theme="sakura_blossom"] .unq-ref-shell,
body[data-card-theme="starry_night"] .unq-ref-shell,
body[data-card-theme="graffiti"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="rick_morty_portal"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="gravity_falls"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="venom_symbiote"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="snow_leopard"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="shinobi_path"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="shinobi_way"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="samarkand_heritage"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="turtle_power"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="egypt_nile"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="sakura_blossom"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="starry_night"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="graffiti"] .unq-ref-shell {
  padding: 26px 24px 24px !important;
}

body[data-card-theme="rick_morty_portal"] .unq-ref-card-overlay,
body[data-card-theme="gravity_falls"] .unq-ref-card-overlay,
body[data-card-theme="venom_symbiote"] .unq-ref-card-overlay,
body[data-card-theme="snow_leopard"] .unq-ref-card-overlay,
body[data-card-theme="shinobi_path"] .unq-ref-card-overlay,
body[data-card-theme="shinobi_way"] .unq-ref-card-overlay,
body[data-card-theme="samarkand_heritage"] .unq-ref-card-overlay,
body[data-card-theme="turtle_power"] .unq-ref-card-overlay,
body[data-card-theme="egypt_nile"] .unq-ref-card-overlay,
body[data-card-theme="sakura_blossom"] .unq-ref-card-overlay,
body[data-card-theme="starry_night"] .unq-ref-card-overlay,
body[data-card-theme="graffiti"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="rick_morty_portal"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="gravity_falls"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="venom_symbiote"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="snow_leopard"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="shinobi_path"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="shinobi_way"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="samarkand_heritage"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="turtle_power"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="egypt_nile"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="sakura_blossom"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="starry_night"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="graffiti"] .unq-ref-card-overlay {
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-card-theme="rick_morty_portal"] .unq-ref-brand,
body[data-card-theme="casino_royale"] .unq-ref-brand,
body[data-card-theme="gravity_falls"] .unq-ref-brand,
body[data-card-theme="venom_symbiote"] .unq-ref-brand,
body[data-card-theme="snow_leopard"] .unq-ref-brand,
body[data-card-theme="shinobi_path"] .unq-ref-brand,
body[data-card-theme="shinobi_way"] .unq-ref-brand,
body[data-card-theme="samarkand_heritage"] .unq-ref-brand,
body[data-card-theme="turtle_power"] .unq-ref-brand,
body[data-card-theme="egypt_nile"] .unq-ref-brand,
body[data-card-theme="sakura_blossom"] .unq-ref-brand,
body[data-card-theme="starry_night"] .unq-ref-brand,
body[data-card-theme="graffiti"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="rick_morty_portal"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="gravity_falls"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="venom_symbiote"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="snow_leopard"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="shinobi_path"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="shinobi_way"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="samarkand_heritage"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="turtle_power"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="egypt_nile"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="sakura_blossom"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="starry_night"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="graffiti"] .unq-ref-brand {
  margin-top: 0 !important;
}

#profile-card-live-preview[data-preview-theme="rick_morty_portal"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="gravity_falls"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="venom_symbiote"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="snow_leopard"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="shinobi_path"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="shinobi_way"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="samarkand_heritage"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="turtle_power"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="egypt_nile"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="sakura_blossom"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="starry_night"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="graffiti"] .unq-ref-profile {
  margin-top: 22px !important;
  height: auto !important;
  min-height: 0 !important;
}

#profile-card-live-preview[data-preview-theme="rick_morty_portal"] [data-card-view],
#profile-card-live-preview[data-preview-theme="gravity_falls"] [data-card-view],
#profile-card-live-preview[data-preview-theme="venom_symbiote"] [data-card-view],
#profile-card-live-preview[data-preview-theme="snow_leopard"] [data-card-view],
#profile-card-live-preview[data-preview-theme="shinobi_path"] [data-card-view],
#profile-card-live-preview[data-preview-theme="shinobi_way"] [data-card-view],
#profile-card-live-preview[data-preview-theme="samarkand_heritage"] [data-card-view],
#profile-card-live-preview[data-preview-theme="turtle_power"] [data-card-view],
#profile-card-live-preview[data-preview-theme="egypt_nile"] [data-card-view],
#profile-card-live-preview[data-preview-theme="sakura_blossom"] [data-card-view],
#profile-card-live-preview[data-preview-theme="starry_night"] [data-card-view],
#profile-card-live-preview[data-preview-theme="graffiti"] [data-card-view] {
  align-content: start !important;
  gap: 12px !important;
}

/* Starry Night zero-gap reset: keep the profile compact like legacy themes. */
body[data-card-theme="starry_night"] {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body[data-card-theme="starry_night"] main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="starry_night"] #public-card-layout,
body[data-card-theme="starry_night"] #card-view-root,
body[data-card-theme="starry_night"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="starry_night"] [data-card-view] {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body[data-card-theme="starry_night"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="starry_night"] .public-card-shell {
  width: 92% !important;
  max-width: 430px !important;
  margin: 10px auto !important;
  padding: 16px 14px !important;
  box-sizing: border-box !important;
}

body[data-card-theme="starry_night"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="starry_night"] .unq-ref-top {
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Sakura Blossom zero-gap reset: compact scroll layout with no system spacer. */
body[data-card-theme="sakura_blossom"] main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="sakura_blossom"] #public-card-layout,
body[data-card-theme="sakura_blossom"] #card-view-root,
body[data-card-theme="sakura_blossom"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="sakura_blossom"] [data-card-view] {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body[data-card-theme="sakura_blossom"] #public-card-layout > div:first-child {
  margin-bottom: 8px !important;
}

body[data-card-theme="sakura_blossom"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="sakura_blossom"] .public-card-shell {
  width: 92% !important;
  max-width: 430px !important;
  margin: 10px auto !important;
  padding: 16px 14px !important;
  box-sizing: border-box !important;
}

body[data-card-theme="sakura_blossom"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="sakura_blossom"] .unq-ref-shell {
  gap: 14px !important;
}

body[data-card-theme="sakura_blossom"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="sakura_blossom"] .unq-ref-top {
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Venom Symbiote zero-gap reset: compact glossy organism layout. */
body[data-card-theme="venom_symbiote"] main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="venom_symbiote"] #public-card-layout,
body[data-card-theme="venom_symbiote"] #card-view-root,
body[data-card-theme="venom_symbiote"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="venom_symbiote"] [data-card-view] {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body[data-card-theme="venom_symbiote"] #public-card-layout > div:first-child {
  margin-bottom: 8px !important;
}

body[data-card-theme="venom_symbiote"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="venom_symbiote"] .public-card-shell {
  width: 92% !important;
  max-width: 430px !important;
  margin: 10px auto !important;
  padding: 16px 14px !important;
  box-sizing: border-box !important;
}

body[data-card-theme="venom_symbiote"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="venom_symbiote"] .unq-ref-shell {
  gap: 14px !important;
}

body[data-card-theme="venom_symbiote"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="venom_symbiote"] .unq-ref-top {
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Snow Leopard zero-gap reset: frosted mountain card without parent spacer. */
body[data-card-theme="snow_leopard"] main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="snow_leopard"] #public-card-layout,
body[data-card-theme="snow_leopard"] #card-view-root,
body[data-card-theme="snow_leopard"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="snow_leopard"] [data-card-view] {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body[data-card-theme="snow_leopard"] #public-card-layout > div:first-child {
  margin-bottom: 8px !important;
}

body[data-card-theme="snow_leopard"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="snow_leopard"] .public-card-shell {
  width: 92% !important;
  max-width: 430px !important;
  margin: 10px auto !important;
  padding: 16px 14px !important;
  box-sizing: border-box !important;
}

body[data-card-theme="snow_leopard"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="snow_leopard"] .unq-ref-shell {
  gap: 14px !important;
}

body[data-card-theme="snow_leopard"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="snow_leopard"] .unq-ref-top {
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Shinobi Way zero-gap reset: compact ninja scroll layout with no parent spacer. */
body[data-card-theme="shinobi_way"] main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="shinobi_way"] #public-card-layout,
body[data-card-theme="shinobi_way"] #card-view-root,
body[data-card-theme="shinobi_way"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="shinobi_way"] [data-card-view] {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body[data-card-theme="shinobi_way"] #public-card-layout > div:first-child {
  margin-bottom: 8px !important;
}

body[data-card-theme="shinobi_way"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="shinobi_way"] .public-card-shell {
  width: 92% !important;
  max-width: 430px !important;
  margin: 10px auto !important;
  padding: 16px 14px !important;
  box-sizing: border-box !important;
}

body[data-card-theme="shinobi_way"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="shinobi_way"] .unq-ref-shell {
  gap: 14px !important;
}

body[data-card-theme="shinobi_way"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="shinobi_way"] .unq-ref-top {
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Samarkand Heritage zero-gap reset: premium majolica card without parent spacer. */
body[data-card-theme="uzbekistan_35"] main,
body[data-card-theme="samarkand_heritage"] main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="uzbekistan_35"] #public-card-layout,
body[data-card-theme="uzbekistan_35"] #card-view-root,
body[data-card-theme="uzbekistan_35"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] [data-card-view],
body[data-card-theme="samarkand_heritage"] #public-card-layout,
body[data-card-theme="samarkand_heritage"] #card-view-root,
body[data-card-theme="samarkand_heritage"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="samarkand_heritage"] [data-card-view] {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body[data-card-theme="uzbekistan_35"] #public-card-layout > div:first-child,
body[data-card-theme="samarkand_heritage"] #public-card-layout > div:first-child {
  margin-bottom: 8px !important;
}

body[data-card-theme="uzbekistan_35"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .public-card-shell,
body[data-card-theme="samarkand_heritage"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="samarkand_heritage"] .public-card-shell {
  width: 92% !important;
  max-width: 430px !important;
  margin: 10px auto !important;
  padding: 16px 14px !important;
  box-sizing: border-box !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-shell,
body[data-card-theme="samarkand_heritage"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="samarkand_heritage"] .unq-ref-shell {
  gap: 14px !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-top,
body[data-card-theme="samarkand_heritage"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="samarkand_heritage"] .unq-ref-top {
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Uzbekistan 35: keep the flag frame slim, not poster-sized. */
body[data-card-theme="uzbekistan_35"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .public-card-shell {
  width: calc(100% - 18px) !important;
  max-width: 430px !important;
  margin: 6px auto !important;
  padding: 14px 12px 16px !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body[data-card-theme="uzbekistan_35"] .public-card-shell::before,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .public-card-shell::before {
  top: 8px;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile {
  margin-top: 16px !important;
  min-height: 0 !important;
  padding-top: 0 !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-pets,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack.has-pets {
  min-height: 0 !important;
  padding-top: 0 !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-pets .unq-ref-avatar-wrap,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-pets .unq-ref-avatar-wrap {
  margin-top: 0 !important;
}

/* Turtle Power zero-gap reset: comic shell card without layout spacer. */
body[data-card-theme="turtle_power"] main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="turtle_power"] #public-card-layout,
body[data-card-theme="turtle_power"] #card-view-root,
body[data-card-theme="turtle_power"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="turtle_power"] [data-card-view] {
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body[data-card-theme="turtle_power"] #public-card-layout > div:first-child {
  margin-bottom: 8px !important;
}

body[data-card-theme="turtle_power"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="turtle_power"] .public-card-shell {
  width: 92% !important;
  max-width: 420px !important;
  margin: 12px auto !important;
  padding: 20px 16px !important;
  box-sizing: border-box !important;
}

body[data-card-theme="turtle_power"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="turtle_power"] .unq-ref-shell {
  gap: 14px !important;
}

body[data-card-theme="turtle_power"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="turtle_power"] .unq-ref-top {
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Secrets of the Nile zero-gap reset: stone artifact with animated Nile water. */
body[data-card-theme="egypt_nile"] main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="egypt_nile"] #public-card-layout,
body[data-card-theme="egypt_nile"] #card-view-root,
body[data-card-theme="egypt_nile"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="egypt_nile"] [data-card-view] {
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body[data-card-theme="egypt_nile"] #public-card-layout > div:first-child {
  margin-bottom: 8px !important;
}

body[data-card-theme="egypt_nile"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="egypt_nile"] .public-card-shell {
  width: 92% !important;
  max-width: 420px !important;
  margin: 12px auto !important;
  padding: 24px 20px 48px !important;
  box-sizing: border-box !important;
}

body[data-card-theme="egypt_nile"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="egypt_nile"] .unq-ref-shell {
  gap: 14px !important;
}

body[data-card-theme="egypt_nile"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="egypt_nile"] .unq-ref-top {
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Kawaii Kitty zero-gap reset: compact cute card without layout spacer. */
body[data-card-theme="kawaii_kitty"] {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body[data-card-theme="kawaii_kitty"] main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="kawaii_kitty"] #public-card-layout,
body[data-card-theme="kawaii_kitty"] #card-view-root,
body[data-card-theme="kawaii_kitty"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="kawaii_kitty"] [data-card-view] {
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  align-content: start !important;
  gap: 12px !important;
}

body[data-card-theme="kawaii_kitty"] #public-card-layout > div:first-child {
  margin-bottom: 8px !important;
}

body[data-card-theme="kawaii_kitty"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="kawaii_kitty"] .public-card-shell {
  display: block !important;
  width: 92% !important;
  max-width: 420px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 12px auto !important;
  padding: 24px 20px !important;
  box-sizing: border-box !important;
  align-self: auto !important;
  justify-self: auto !important;
}

body[data-card-theme="kawaii_kitty"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="kawaii_kitty"] .unq-ref-shell {
  gap: 14px !important;
}

body[data-card-theme="kawaii_kitty"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="kawaii_kitty"] .unq-ref-card-overlay {
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-card-theme="kawaii_kitty"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="kawaii_kitty"] .unq-ref-brand {
  margin-top: 0 !important;
}

body[data-card-theme="kawaii_kitty"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="kawaii_kitty"] .unq-ref-top {
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#profile-card-live-preview[data-preview-theme="kawaii_kitty"] .unq-ref-profile {
  margin-top: 22px !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Graffiti zero-gap reset: street art theme uses the same compact rhythm as legacy themes. */
body[data-card-theme="graffiti"] main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="graffiti"] #public-card-layout,
body[data-card-theme="graffiti"] #card-view-root,
body[data-card-theme="graffiti"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="graffiti"] [data-card-view] {
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body[data-card-theme="graffiti"] #public-card-layout > div:first-child {
  margin-bottom: 8px !important;
}

body[data-card-theme="graffiti"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="graffiti"] .public-card-shell {
  width: 92% !important;
  max-width: 420px !important;
  margin: 12px auto !important;
  padding: 24px 18px !important;
  box-sizing: border-box !important;
}

body[data-card-theme="graffiti"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="graffiti"] .unq-ref-shell {
  gap: 14px !important;
}

body[data-card-theme="graffiti"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="graffiti"] .unq-ref-top {
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 480px) {
  body[data-card-theme="starry_night"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="starry_night"] #public-card-layout,
  body[data-card-theme="starry_night"] #card-view-root,
  body[data-card-theme="starry_night"] #card-view-root > [data-card-view],
  #profile-card-live-preview[data-preview-theme="starry_night"] [data-card-view] {
    max-width: min(430px, 100vw) !important;
  }

  body[data-card-theme="starry_night"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="starry_night"] .public-card-shell {
    padding: 12px 10px !important;
    margin: 6px auto !important;
  }

  body[data-card-theme="sakura_blossom"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="sakura_blossom"] #public-card-layout,
  body[data-card-theme="sakura_blossom"] #card-view-root,
  body[data-card-theme="sakura_blossom"] #card-view-root > [data-card-view],
  #profile-card-live-preview[data-preview-theme="sakura_blossom"] [data-card-view] {
    max-width: min(430px, 100vw) !important;
  }

  body[data-card-theme="sakura_blossom"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="sakura_blossom"] .public-card-shell {
    padding: 12px 10px !important;
    margin: 6px auto !important;
  }

  body[data-card-theme="venom_symbiote"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="venom_symbiote"] #public-card-layout,
  body[data-card-theme="venom_symbiote"] #card-view-root,
  body[data-card-theme="venom_symbiote"] #card-view-root > [data-card-view],
  #profile-card-live-preview[data-preview-theme="venom_symbiote"] [data-card-view] {
    max-width: min(430px, 100vw) !important;
  }

  body[data-card-theme="venom_symbiote"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="venom_symbiote"] .public-card-shell {
    padding: 12px 10px !important;
    margin: 6px auto !important;
  }

  body[data-card-theme="snow_leopard"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="snow_leopard"] #public-card-layout,
  body[data-card-theme="snow_leopard"] #card-view-root,
  body[data-card-theme="snow_leopard"] #card-view-root > [data-card-view],
  #profile-card-live-preview[data-preview-theme="snow_leopard"] [data-card-view] {
    max-width: min(430px, 100vw) !important;
  }

  body[data-card-theme="snow_leopard"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="snow_leopard"] .public-card-shell {
    padding: 12px 10px !important;
    margin: 6px auto !important;
  }

  body[data-card-theme="shinobi_way"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="shinobi_way"] #public-card-layout,
  body[data-card-theme="shinobi_way"] #card-view-root,
  body[data-card-theme="shinobi_way"] #card-view-root > [data-card-view],
  #profile-card-live-preview[data-preview-theme="shinobi_way"] [data-card-view] {
    max-width: min(430px, 100vw) !important;
  }

  body[data-card-theme="shinobi_way"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="shinobi_way"] .public-card-shell {
    padding: 12px 10px !important;
    margin: 6px auto !important;
  }

  body[data-card-theme="uzbekistan_35"] main,
  body[data-card-theme="samarkand_heritage"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="uzbekistan_35"] #public-card-layout,
  body[data-card-theme="uzbekistan_35"] #card-view-root,
  body[data-card-theme="uzbekistan_35"] #card-view-root > [data-card-view],
  #profile-card-live-preview[data-preview-theme="uzbekistan_35"] [data-card-view],
  body[data-card-theme="samarkand_heritage"] #public-card-layout,
  body[data-card-theme="samarkand_heritage"] #card-view-root,
  body[data-card-theme="samarkand_heritage"] #card-view-root > [data-card-view],
  #profile-card-live-preview[data-preview-theme="samarkand_heritage"] [data-card-view] {
    max-width: min(430px, 100vw) !important;
  }

  body[data-card-theme="uzbekistan_35"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="uzbekistan_35"] .public-card-shell,
  body[data-card-theme="samarkand_heritage"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="samarkand_heritage"] .public-card-shell {
    padding: 12px 10px !important;
    margin: 6px auto !important;
  }

  body[data-card-theme="uzbekistan_35"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="uzbekistan_35"] .public-card-shell {
    width: calc(100% - 12px) !important;
    padding: 12px 10px !important;
  }

  body[data-card-theme="turtle_power"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="turtle_power"] #public-card-layout,
  body[data-card-theme="turtle_power"] #card-view-root,
  body[data-card-theme="turtle_power"] #card-view-root > [data-card-view],
  #profile-card-live-preview[data-preview-theme="turtle_power"] [data-card-view] {
    max-width: min(420px, 100vw) !important;
  }

  body[data-card-theme="turtle_power"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="turtle_power"] .public-card-shell {
    padding: 12px 10px !important;
    margin: 6px auto !important;
  }

  body[data-card-theme="egypt_nile"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="egypt_nile"] #public-card-layout,
  body[data-card-theme="egypt_nile"] #card-view-root,
  body[data-card-theme="egypt_nile"] #card-view-root > [data-card-view],
  #profile-card-live-preview[data-preview-theme="egypt_nile"] [data-card-view] {
    max-width: min(420px, 100vw) !important;
  }

  body[data-card-theme="egypt_nile"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="egypt_nile"] .public-card-shell {
    padding: 16px 12px 42px !important;
    margin: 6px auto !important;
  }

  body[data-card-theme="kawaii_kitty"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="kawaii_kitty"] #public-card-layout,
  body[data-card-theme="kawaii_kitty"] #card-view-root,
  body[data-card-theme="kawaii_kitty"] #card-view-root > [data-card-view],
  #profile-card-live-preview[data-preview-theme="kawaii_kitty"] [data-card-view] {
    max-width: min(420px, 100vw) !important;
  }

  body[data-card-theme="kawaii_kitty"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="kawaii_kitty"] .public-card-shell {
    padding: 14px 12px !important;
    margin: 6px auto !important;
  }

  body[data-card-theme="graffiti"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="graffiti"] #public-card-layout,
  body[data-card-theme="graffiti"] #card-view-root,
  body[data-card-theme="graffiti"] #card-view-root > [data-card-view],
  #profile-card-live-preview[data-preview-theme="graffiti"] [data-card-view] {
    max-width: min(420px, 100vw) !important;
  }

  body[data-card-theme="graffiti"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="graffiti"] .public-card-shell {
    padding: 12px 10px !important;
    margin: 6px auto !important;
  }
}

/* Final placement guard for Casino Royale after shared theme rules */
body[data-card-theme="casino_royale"],
body[data-card-theme="casino_royale"].has-custom-theme-page-bg {
  background:
    radial-gradient(circle at 50% 18%, rgba(212, 175, 55, 0.18), transparent 34%),
    radial-gradient(circle at 14% 82%, rgba(200, 16, 46, 0.18), transparent 34%),
    linear-gradient(145deg, #073b2e 0%, #041c17 58%, #020b09 100%) !important;
}

body[data-card-theme="casino_royale"] main {
  justify-content: center !important;
  align-items: center !important;
  padding-top: max(8px, env(safe-area-inset-top, 0px)) !important;
  padding-bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
  overflow: hidden !important;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
}

body[data-card-theme="casino_royale"] main::before {
  content: "" !important;
  position: absolute !important;
  top: 7% !important;
  left: 50% !important;
  width: min(550px, 118vw) !important;
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  filter: drop-shadow(0 0 34px rgba(212, 175, 55, 0.34)) !important;
  background:
    radial-gradient(circle, #f8e8a4 0 3%, #d4af37 4% 8%, transparent 9%),
    radial-gradient(circle, transparent 0 30%, rgba(7, 59, 46, 0.94) 31% 42%, transparent 43%),
    repeating-conic-gradient(
      from 0deg,
      #111111 0deg 10deg,
      #c8102e 10deg 20deg,
      #111111 20deg 30deg,
      #008751 30deg 40deg,
      #c8102e 40deg 50deg,
      #111111 50deg 60deg
    ),
    radial-gradient(circle, #5c2c16 0 63%, #d4af37 64% 66%, #111111 67% 100%) !important;
  animation: casino-roulette-bg-spin 40s linear infinite !important;
}

body[data-card-theme="casino_royale"] main::after {
  content: "♠   ♥   ♦   ♣" !important;
  position: absolute !important;
  inset: auto -56px 12% auto !important;
  z-index: 0 !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  color: rgba(212, 175, 55, 0.1) !important;
  font: 900 96px/1 "Cinzel Decorative", Georgia, serif !important;
  letter-spacing: 0.22em !important;
  transform: rotate(-18deg) !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
}

body[data-card-theme="casino_royale"] #public-card-layout,
body[data-card-theme="casino_royale"] #card-view-root,
body[data-card-theme="casino_royale"] #card-view-root > [data-card-view] {
  max-width: min(430px, 100vw) !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

body[data-card-theme="casino_royale"] .public-card-shell,
body[data-card-theme="casino_royale"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="casino_royale"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-shell {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  align-self: flex-start !important;
  padding: 16px 14px !important;
  margin: 8px auto !important;
}

body[data-card-theme="casino_royale"] .unq-ref-shell-meta,
body[data-card-theme="casino_royale"] .unq-ref-official-unq,
body[data-card-theme="casino_royale"] .unq-ref-staff-badge,
body[data-card-theme="casino_royale"] .unq-ref-brand,
body[data-card-theme="casino_royale"] .unq-ref-profile,
body[data-card-theme="casino_royale"] .unq-ref-profile.has-pets,
body[data-card-theme="casino_royale"] .unq-ref-profile.has-emoji-pack,
body[data-card-theme="casino_royale"] .unq-ref-profile.has-emoji-pack.has-pets,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-shell-meta,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-official-unq,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-staff-badge,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-profile.has-pets,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-profile.has-emoji-pack,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-profile.has-emoji-pack.has-pets {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-bottom: 0 !important;
  justify-content: flex-start !important;
}

body[data-card-theme="casino_royale"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-brand {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

body[data-card-theme="casino_royale"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-profile {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body[data-card-theme="casino_royale"] .unq-ref-card-overlay,
body[data-card-theme="casino_royale"] .unq-ref-overlay-svg,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-overlay-svg {
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-card-theme="casino_royale"] .unq-ref-brand h2,
#profile-card-live-preview[data-preview-theme="casino_royale"] .unq-ref-brand h2 {
  font-size: clamp(34px, 11vw, 48px) !important;
  line-height: 0.94 !important;
}

/* Codex Da Vinci: Renaissance manuscript and dark Italian marble UI. */
body[data-card-theme="codex_da_vinci"],
.theme-codex_da_vinci {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background-color: #dfd0b8 !important;
  background-image:
    radial-gradient(circle at 50% 30%, rgba(223, 208, 184, 0.42) 0%, rgba(60, 54, 51, 0.16) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M0 0 L100 100 M100 0 L0 100' stroke='%233C3633' stroke-width='0.5' opacity='0.12'/%3E%3C/svg%3E") !important;
  font-family: "Montserrat", "Inter", sans-serif !important;
}

body[data-card-theme="codex_da_vinci"] main {
  display: flex !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="codex_da_vinci"] #public-card-layout,
body[data-card-theme="codex_da_vinci"] #card-view-root,
body[data-card-theme="codex_da_vinci"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="codex_da_vinci"] [data-card-view] {
  width: 100% !important;
  max-width: min(430px, 100vw) !important;
  min-height: 0 !important;
  align-content: start !important;
  gap: 12px !important;
  padding: 0 !important;
  overflow: visible !important;
}

body[data-card-theme="codex_da_vinci"] #public-card-layout > div:first-child {
  width: 100%;
}

[data-card-theme="codex_da_vinci"] {
  position: relative;
  isolation: isolate;
}

[data-card-theme="codex_da_vinci"] .codex-da-vinci-effects,
#profile-card-live-preview[data-preview-theme="codex_da_vinci"] .codex-da-vinci-effects {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

#profile-card-live-preview[data-preview-theme="codex_da_vinci"] .codex-da-vinci-effects {
  position: absolute;
}

[data-card-theme="codex_da_vinci"] .vinci-gear {
  position: absolute;
  top: 45%;
  left: 50%;
  width: min(580px, 138vw);
  height: min(580px, 138vw);
  opacity: 0.13;
  transform: translate(-50%, -50%);
  animation: vinci-gear-rotate 60s linear infinite;
}

[data-card-theme="codex_da_vinci"] .vinci-gear-ghost {
  top: 22%;
  left: 78%;
  width: min(340px, 78vw);
  height: min(340px, 78vw);
  opacity: 0.1;
  animation-duration: 84s;
  animation-direction: reverse;
}

[data-card-theme="codex_da_vinci"] .vinci-gear svg {
  display: block;
  width: 100%;
  height: 100%;
}

[data-card-theme="codex_da_vinci"] .vinci-dust {
  position: absolute;
  bottom: -12vh;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #c5a880;
  box-shadow: 0 0 6px #c5a880;
  opacity: 0;
  animation: vinci-dust-float linear infinite;
}

[data-card-theme="codex_da_vinci"] .dust-1 { left: 18%; animation-duration: 22s; }
[data-card-theme="codex_da_vinci"] .dust-2 { left: 36%; animation-duration: 28s; animation-delay: -5s; }
[data-card-theme="codex_da_vinci"] .dust-3 { left: 54%; animation-duration: 25s; animation-delay: -10s; }
[data-card-theme="codex_da_vinci"] .dust-4 { left: 72%; animation-duration: 31s; animation-delay: -14s; }
[data-card-theme="codex_da_vinci"] .dust-5 { left: 86%; animation-duration: 24s; animation-delay: -8s; }

[data-card-theme="codex_da_vinci"] .public-card-shell,
[data-card-theme="codex_da_vinci"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="codex_da_vinci"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="codex_da_vinci"] .unq-ref-shell {
  position: relative !important;
  display: block !important;
  width: 92% !important;
  max-width: 410px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  box-sizing: border-box !important;
  margin: 15px auto !important;
  padding: 28px 24px !important;
  overflow: visible !important;
  border: 1px solid rgba(197, 168, 128, 0.3) !important;
  border-radius: 4px !important;
  outline: 6px solid #1e1e24 !important;
  background-color: #1e1e24 !important;
  background-image:
    linear-gradient(to bottom, rgba(30, 30, 36, 0.92), rgba(30, 30, 36, 0.98)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Ctext x='5' y='25' fill='%23C5A880' font-size='10' font-family='serif' font-style='italic' opacity='0.08'%3ELeonardo da Vinci Codex%3C/text%3E%3Cpath d='M10 50 Q 50 20 110 50' fill='none' stroke='%23C5A880' stroke-width='0.5' opacity='0.05'/%3E%3C/svg%3E") !important;
  background-size: 100% 100%, 120px 120px !important;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(197, 168, 128, 0.1) !important;
  z-index: 10 !important;
}

[data-card-theme="codex_da_vinci"] .public-card-shell::before,
[data-card-theme="codex_da_vinci"] .unq-ref-shell::before,
#profile-card-live-preview[data-preview-theme="codex_da_vinci"] .public-card-shell::before,
#profile-card-live-preview[data-preview-theme="codex_da_vinci"] .unq-ref-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(197, 168, 128, 0.15);
  pointer-events: none;
  z-index: 1;
}

[data-card-theme="codex_da_vinci"] .unq-ref-shell > *,
#profile-card-live-preview[data-preview-theme="codex_da_vinci"] .unq-ref-shell > * {
  position: relative;
  z-index: 2;
}

[data-card-theme="codex_da_vinci"] .unq-ref-card-overlay,
[data-card-theme="codex_da_vinci"] .unq-ref-overlay-svg,
#profile-card-live-preview[data-preview-theme="codex_da_vinci"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="codex_da_vinci"] .unq-ref-overlay-svg {
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0.72 !important;
}

[data-card-theme="codex_da_vinci"] .unq-ref-top,
#profile-card-live-preview[data-preview-theme="codex_da_vinci"] .unq-ref-top {
  position: relative;
  z-index: 10;
  margin-bottom: 12px !important;
  padding: 0 !important;
}

body[data-card-theme="codex_da_vinci"] .nav-back-button,
body[data-card-theme="codex_da_vinci"] .nav-input-wrapper,
body[data-card-theme="codex_da_vinci"] .nav-search-button,
body[data-card-theme="codex_da_vinci"] .info-badge,
body[data-card-theme="codex_da_vinci"] #card-slug-search-form > div,
body[data-card-theme="codex_da_vinci"] #card-slug-search-results,
[data-card-theme="codex_da_vinci"] .unq-ref-slug-chip,
[data-card-theme="codex_da_vinci"] .unq-ref-slug-price,
[data-card-theme="codex_da_vinci"] .unq-ref-share,
[data-card-theme="codex_da_vinci"] .unq-ref-top-badge {
  border: 1px solid rgba(197, 168, 128, 0.4) !important;
  border-radius: 4px !important;
  background: #1e1e24 !important;
  color: #dfd0b8 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(10px) !important;
  font-family: "Montserrat", "Inter", sans-serif !important;
}

body[data-card-theme="codex_da_vinci"] #card-slug-search-form input,
body[data-card-theme="codex_da_vinci"] .nav-input-wrapper input {
  color: #ffffff !important;
  font-family: "Montserrat", "Inter", sans-serif !important;
}

body[data-card-theme="codex_da_vinci"] #card-slug-search-form input::placeholder,
body[data-card-theme="codex_da_vinci"] .nav-input-wrapper input::placeholder {
  color: rgba(223, 208, 184, 0.48) !important;
}

[data-card-theme="codex_da_vinci"] .unq-ref-share svg,
body[data-card-theme="codex_da_vinci"] .nav-back-button svg,
body[data-card-theme="codex_da_vinci"] .nav-search-button svg,
body[data-card-theme="codex_da_vinci"] .info-badge svg,
body[data-card-theme="codex_da_vinci"] #card-slug-search-form button svg {
  stroke: #c5a880 !important;
}

[data-card-theme="codex_da_vinci"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="codex_da_vinci"] .unq-ref-profile {
  margin-top: 18px !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 0 !important;
}

[data-card-theme="codex_da_vinci"] .unq-ref-avatar-img,
[data-card-theme="codex_da_vinci"] .unq-ref-avatar-fallback {
  border: 1px solid rgba(197, 168, 128, 0.66) !important;
  background: radial-gradient(circle at 35% 28%, #dfd0b8 0%, #c5a880 42%, #1e1e24 100%) !important;
  color: #1e1e24 !important;
}

[data-card-theme="codex_da_vinci"] .unq-ref-name,
[data-card-theme="codex_da_vinci"] .unq-ref-name-text {
  color: #dfd0b8 !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(2rem, 8vw, 2.25rem) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: 1.5px !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8) !important;
}

[data-card-theme="codex_da_vinci"] .unq-ref-company,
[data-card-theme="codex_da_vinci"] .unq-ref-role,
[data-card-theme="codex_da_vinci"] .unq-ref-bio,
[data-card-theme="codex_da_vinci"] .unq-ref-phone,
[data-card-theme="codex_da_vinci"] .unq-ref-footline {
  color: rgba(223, 208, 184, 0.78) !important;
  font-family: "Montserrat", "Inter", sans-serif !important;
}

[data-card-theme="codex_da_vinci"] .unq-ref-action-btn,
[data-card-theme="codex_da_vinci"] .unq-ref-follow-toggle,
[data-card-theme="codex_da_vinci"] .unq-follow-action-btn,
[data-card-theme="codex_da_vinci"] .social-button {
  border: 1px solid #1e1e24 !important;
  border-radius: 2px !important;
  background: linear-gradient(135deg, #c5a880 0%, #a3845b 100%) !important;
  color: #1e1e24 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  font-family: "Cinzel", Georgia, serif !important;
  font-weight: 700 !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

[data-card-theme="codex_da_vinci"] .unq-ref-action-btn:hover,
[data-card-theme="codex_da_vinci"] .unq-ref-follow-toggle:hover,
[data-card-theme="codex_da_vinci"] .unq-follow-action-btn:hover,
[data-card-theme="codex_da_vinci"] .social-button:hover,
body[data-card-theme="codex_da_vinci"] .nav-back-button:hover,
body[data-card-theme="codex_da_vinci"] .nav-search-button:hover {
  border-color: #c5a880 !important;
  background: #1e1e24 !important;
  color: #c5a880 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(197, 168, 128, 0.3) !important;
}

[data-card-theme="codex_da_vinci"] .unq-ref-brand {
  margin-top: 0 !important;
}

[data-card-theme="codex_da_vinci"] .unq-ref-brand h2 {
  color: #c5a880 !important;
  font-family: "Cinzel", Georgia, serif !important;
  letter-spacing: 0.08em !important;
}

[data-card-theme="codex_da_vinci"] .unq-ref-brand p {
  color: rgba(223, 208, 184, 0.68) !important;
}

[data-card-theme="codex_da_vinci"] .unq-follow-dialog-card,
[data-card-theme="codex_da_vinci"] .unq-follow-dialog-item {
  border: 1px solid rgba(197, 168, 128, 0.42) !important;
  background: #1e1e24 !important;
  color: #dfd0b8 !important;
}

[data-card-theme="codex_da_vinci"] .unq-follow-dialog-action {
  border-color: #c5a880 !important;
  background: #c5a880 !important;
  color: #1e1e24 !important;
}

@keyframes vinci-gear-rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes vinci-dust-float {
  0% {
    transform: translateY(100vh) scale(0.6) rotate(0deg);
    opacity: 0;
  }
  50% {
    opacity: 0.42;
  }
  100% {
    transform: translateY(-10vh) scale(1.1) rotate(360deg);
    opacity: 0;
  }
}

@media (max-width: 480px) {
  body[data-card-theme="codex_da_vinci"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  [data-card-theme="codex_da_vinci"] .public-card-shell,
  [data-card-theme="codex_da_vinci"] .unq-ref-shell,
  #profile-card-live-preview[data-preview-theme="codex_da_vinci"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="codex_da_vinci"] .unq-ref-shell {
    width: 92% !important;
    padding: 14px 12px !important;
    margin: 6px auto !important;
    outline-width: 4px !important;
  }

  [data-card-theme="codex_da_vinci"] .vinci-gear-main {
    width: 440px;
    height: 440px;
  }

  [data-card-theme="codex_da_vinci"] .unq-ref-name,
  [data-card-theme="codex_da_vinci"] .unq-ref-name-text {
    font-size: clamp(1.85rem, 10vw, 2.1rem) !important;
    letter-spacing: 1px !important;
  }
}

/* Final compact layout for Uzbekistan 35: size the theme by real card content, not a poster canvas. */
body[data-card-theme="uzbekistan_35"] #public-card-layout,
body[data-card-theme="uzbekistan_35"] #card-view-root,
body[data-card-theme="uzbekistan_35"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] [data-card-view] {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
}

body[data-card-theme="uzbekistan_35"] .public-card-shell,
body[data-card-theme="uzbekistan_35"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-shell {
  display: block !important;
  width: calc(100% - 18px) !important;
  max-width: 430px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 6px auto !important;
  padding: 14px 12px 18px !important;
  overflow: hidden !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-brand {
  position: relative !important;
  inset: auto !important;
  z-index: 4 !important;
  margin: 48px 0 18px !important;
  padding: 0 !important;
  transform: none !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-brand h2,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-brand h2 {
  font-size: 43px !important;
  line-height: 0.95 !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-brand p,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-brand p {
  margin-top: 8px !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-profile,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-pets,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack.has-pets,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-pets.has-pets-1,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-pets.has-pets-3,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-pets.has-pets-1,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-pets.has-pets-3 {
  position: relative !important;
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-avatar-wrap,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-pets .unq-ref-avatar-wrap,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-avatar-wrap,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-pets .unq-ref-avatar-wrap {
  margin-top: 0 !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-name-wrap,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-pets .unq-ref-name-wrap,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-name-wrap,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-pets .unq-ref-name-wrap {
  margin-top: 14px !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-social-stats,
body[data-card-theme="uzbekistan_35"] .unq-ref-about,
body[data-card-theme="uzbekistan_35"] .unq-ref-social,
body[data-card-theme="uzbekistan_35"] .unq-ref-divider,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-social-stats,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-about,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-social,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-divider {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
}

/* Uzbekistan 35 centered stack: group the visible elements in the middle instead of stretching them. */
body[data-card-theme="uzbekistan_35"] .public-card-shell,
body[data-card-theme="uzbekistan_35"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-shell {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body[data-card-theme="uzbekistan_35"] .public-card-shell::before,
body[data-card-theme="uzbekistan_35"] .unq-ref-shell::before,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .public-card-shell::before,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-shell::before {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: calc(100% - 20px) !important;
  margin: 0 !important;
  order: 1 !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-card-overlay {
  order: 0 !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-brand {
  order: 2 !important;
  margin: 0 !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-profile,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-pets,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack,
body[data-card-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-profile.has-emoji-pack.has-pets {
  order: 3 !important;
  width: 100% !important;
  margin: 0 !important;
}

body[data-card-theme="uzbekistan_35"] .unq-ref-shell-meta,
body[data-card-theme="uzbekistan_35"] .unq-ref-official-unq,
body[data-card-theme="uzbekistan_35"] .unq-ref-staff-badge,
body[data-card-theme="uzbekistan_35"] .unq-ref-wall-tabs,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-shell-meta,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-official-unq,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-staff-badge,
#profile-card-live-preview[data-preview-theme="uzbekistan_35"] .unq-ref-wall-tabs {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Uzbekistan 2D Flat State theme. */
body[data-card-theme="uzbekistan_2d"] {
  --theme-page-bg: #0099B5;
  --theme-screen-opacity: 0.35;
  --theme-screen-pattern:
    radial-gradient(circle at 50% 42%, rgba(255, 209, 59, 0.2) 0%, transparent 38%),
    repeating-linear-gradient(115deg, rgba(30, 30, 36, 0.12) 0 2px, transparent 2px 28px);
  --unqx-nav-bg: #FFFFFF;
  --unqx-nav-border: #1E1E24;
  --unqx-nav-border-width: 3px;
  --unqx-nav-text: #1E1E24;
  --unqx-nav-icon: #1E1E24;
  --unqx-nav-input: #1E1E24;
  --unqx-nav-placeholder: rgba(30, 30, 36, 0.5);
  --unqx-nav-chip: #D7263D;
  --unqx-nav-hover-bg: #FFD13B;
  --unqx-nav-hover-text: #1E1E24;
  --unqx-nav-hover-border: #1E1E24;
  --unqx-nav-shadow: 4px 4px 0 #1E1E24;
  --unqx-nav-hover-shadow: 6px 6px 0 #1E1E24;
  --unqx-search-result-text: #1E1E24;
  --unqx-search-result-strong: #1E1E24;
  --unqx-search-result-muted: rgba(30, 30, 36, 0.64);
  --unqx-search-result-hover: rgba(255, 209, 59, 0.2);
  background-color: #0099B5 !important;
  background-image:
    linear-gradient(to bottom, #0099B5 0%, #0099B5 33%, #D7263D 33%, #D7263D 35.5%, #FFFFFF 35.5%, #FFFFFF 66%, #D7263D 66%, #D7263D 68.5%, #1EB53A 68.5%, #1EB53A 100%) !important;
  font-family: "Montserrat", "Inter", "Segoe UI", sans-serif !important;
}

body[data-card-theme="uzbekistan_2d"]::before {
  content: none;
}

body[data-card-theme="uzbekistan_2d"] main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
}

body[data-card-theme="uzbekistan_2d"] #public-card-layout,
body[data-card-theme="uzbekistan_2d"] #card-view-root,
body[data-card-theme="uzbekistan_2d"] #card-view-root > [data-card-view],
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] [data-card-view] {
  display: block !important;
  width: 100% !important;
  max-width: 430px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body[data-card-theme="uzbekistan_2d"] .public-card-shell,
body[data-card-theme="uzbekistan_2d"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell {
  position: relative !important;
  display: block !important;
  width: 90% !important;
  max-width: 400px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 15px auto !important;
  padding: 28px 22px !important;
  overflow: hidden !important;
  border: 4px solid #1E1E24 !important;
  border-radius: 20px !important;
  background-color: #FFFFFF !important;
  box-shadow: 8px 8px 0 #1E1E24 !important;
}

body[data-card-theme="uzbekistan_2d"] .public-card-shell::before,
body[data-card-theme="uzbekistan_2d"] .unq-ref-shell::before,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .public-card-shell::before,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell::before {
  content: "O'ZBEKISTON RESPUBLIKASI";
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: calc(100% - 30px);
  padding: 4px 16px;
  border: 3px solid #1E1E24;
  border-radius: 12px;
  background-color: #FFD13B;
  color: #1E1E24;
  font-family: "Fredoka", "Montserrat", "Inter", sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  white-space: nowrap;
  box-shadow: 3px 3px 0 #1E1E24;
}

body[data-card-theme="uzbekistan_2d"] .public-card-shell::after,
body[data-card-theme="uzbekistan_2d"] .unq-ref-shell::after,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .public-card-shell::after,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, rgba(0, 153, 181, 0.12) 0%, rgba(0, 153, 181, 0.12) 33%, rgba(215, 38, 61, 0.12) 33%, rgba(215, 38, 61, 0.12) 36%, transparent 36%, transparent 66%, rgba(215, 38, 61, 0.12) 66%, rgba(215, 38, 61, 0.12) 69%, rgba(30, 181, 58, 0.12) 69%, rgba(30, 181, 58, 0.12) 100%),
    repeating-linear-gradient(115deg, transparent 0 18px, rgba(30, 30, 36, 0.06) 18px 20px);
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-shell > *,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell > * {
  position: relative;
  z-index: 2;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-card-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: 0.75 !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-brand {
  margin: 30px 0 18px !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-brand h2,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-brand h2 {
  color: #0099B5 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: 3px 3px 0 rgba(30, 30, 36, 0.12) !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-brand p,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-brand p {
  color: #1E1E24 !important;
  font-weight: 800 !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-profile,
body[data-card-theme="uzbekistan_2d"] .unq-ref-profile.has-pets,
body[data-card-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack,
body[data-card-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack.has-pets {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-avatar-wrap,
body[data-card-theme="uzbekistan_2d"] .unq-ref-profile.has-pets .unq-ref-avatar-wrap,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-avatar-wrap,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile.has-pets .unq-ref-avatar-wrap {
  margin-top: 0 !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-name,
body[data-card-theme="uzbekistan_2d"] .unq-ref-name-text,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-name,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-name-text {
  color: #1E1E24 !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-action-btn,
body[data-card-theme="uzbekistan_2d"] .unq-ref-follow-toggle,
body[data-card-theme="uzbekistan_2d"] .unq-follow-action-btn,
body[data-card-theme="uzbekistan_2d"] .unq-ref-phone,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-action-btn,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-follow-toggle,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-follow-action-btn,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-phone {
  border: 3px solid #1E1E24 !important;
  border-radius: 12px !important;
  background: #0099B5 !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  box-shadow: 4px 4px 0 #1E1E24 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-action-btn:hover,
body[data-card-theme="uzbekistan_2d"] .unq-ref-follow-toggle:hover,
body[data-card-theme="uzbekistan_2d"] .unq-follow-action-btn:hover,
body[data-card-theme="uzbekistan_2d"] .unq-ref-phone:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-action-btn:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-follow-toggle:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-follow-action-btn:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-phone:hover {
  background: #1EB53A !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0 #1E1E24 !important;
}

#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] {
  --preview-border-color: #1E1E24;
  --preview-page-bg:
    linear-gradient(to bottom, #0099B5 0%, #0099B5 33%, #D7263D 33%, #D7263D 36%, #FFFFFF 36%, #FFFFFF 66%, #D7263D 66%, #D7263D 69%, #1EB53A 69%, #1EB53A 100%);
  --preview-screen-opacity: 0.42;
  --preview-screen-pattern:
    radial-gradient(circle at 50% 42%, rgba(255, 209, 59, 0.26) 0 18px, transparent 19px),
    repeating-linear-gradient(115deg, rgba(30, 30, 36, 0.13) 0 2px, transparent 2px 26px);
  --preview-overlay-opacity: 0.5;
  --preview-overlay-pattern:
    radial-gradient(circle at 50% 44%, rgba(0, 153, 181, 0.2) 0%, transparent 42%);
}

@media (max-width: 480px) {
  body[data-card-theme="uzbekistan_2d"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="uzbekistan_2d"] .public-card-shell,
  body[data-card-theme="uzbekistan_2d"] .unq-ref-shell,
  #profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell {
    width: calc(100% - 22px) !important;
    margin: 8px auto !important;
    padding: 24px 14px 18px !important;
    box-shadow: 5px 5px 0 #1E1E24 !important;
  }
}

/* Final Uzbekistan Diplomatic override: official premium redesign replacing the previous flat/cartoon execution. */
body[data-card-theme="uzbekistan_2d"] {
  --theme-page-bg: #08121E;
  --theme-screen-opacity: 0.46;
  --theme-screen-pattern:
    radial-gradient(circle at 30% 18%, rgba(0, 153, 181, 0.2) 0%, transparent 34%),
    radial-gradient(circle at 74% 76%, rgba(30, 181, 58, 0.14) 0%, transparent 34%),
    radial-gradient(circle at 54% 44%, rgba(212, 175, 55, 0.12) 0%, transparent 42%);
  --unqx-nav-bg: rgba(8, 18, 30, 0.82);
  --unqx-nav-border: rgba(212, 175, 55, 0.44);
  --unqx-nav-border-width: 1px;
  --unqx-nav-blur: 18px;
  --unqx-nav-text: #F8FAFC;
  --unqx-nav-icon: #D4AF37;
  --unqx-nav-input: #F8FAFC;
  --unqx-nav-placeholder: rgba(248, 250, 252, 0.46);
  --unqx-nav-chip: rgba(212, 175, 55, 0.82);
  --unqx-nav-hover-bg: rgba(212, 175, 55, 0.14);
  --unqx-nav-hover-text: #F8FAFC;
  --unqx-nav-hover-border: rgba(212, 175, 55, 0.72);
  --unqx-nav-shadow: 0 16px 34px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --unqx-nav-hover-shadow: 0 18px 42px rgba(0, 0, 0, 0.38), 0 0 24px rgba(212, 175, 55, 0.14);
  --unqx-search-result-text: #F8FAFC;
  --unqx-search-result-strong: #D4AF37;
  --unqx-search-result-muted: rgba(248, 250, 252, 0.62);
  --unqx-search-result-hover: rgba(212, 175, 55, 0.1);
  background-color: #08121E !important;
  background-image:
    radial-gradient(circle at 16% 18%, rgba(0, 153, 181, 0.24) 0%, transparent 32%),
    radial-gradient(circle at 84% 78%, rgba(30, 181, 58, 0.16) 0%, transparent 34%),
    radial-gradient(circle at 78% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 28%),
    linear-gradient(120deg, transparent 0%, transparent 48%, rgba(206, 17, 38, 0.05) 49%, transparent 51%),
    linear-gradient(145deg, #08121E 0%, #0A192F 58%, #050B13 100%) !important;
  font-family: "Cinzel", "Montserrat", "Inter", "Segoe UI", sans-serif !important;
}

body[data-card-theme="uzbekistan_2d"] main {
  justify-content: center !important;
}

body[data-card-theme="uzbekistan_2d"] .public-card-shell,
body[data-card-theme="uzbekistan_2d"] .unq-ref-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .public-card-shell,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell {
  display: block !important;
  width: 92% !important;
  max-width: 420px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 12px auto !important;
  padding: 32px 24px 26px !important;
  border: 1px solid rgba(212, 175, 55, 0.52) !important;
  border-radius: 18px !important;
  outline: 1px solid rgba(255, 255, 255, 0.05) !important;
  background-color: rgba(8, 18, 30, 0.76) !important;
  background-image:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent 42%),
    radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.12) 0%, transparent 42%) !important;
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.56),
    0 0 42px rgba(212, 175, 55, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 28px rgba(212, 175, 55, 0.04) !important;
  backdrop-filter: blur(25px) saturate(130%);
}

body[data-card-theme="uzbekistan_2d"] .public-card-shell::before,
body[data-card-theme="uzbekistan_2d"] .unq-ref-shell::before,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .public-card-shell::before,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell::before {
  content: "O'ZBEKISTON";
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  display: flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto 22px !important;
  padding: 6px 18px !important;
  border: 1px solid rgba(212, 175, 55, 0.48) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.16), rgba(212, 175, 55, 0.06)) !important;
  color: #D4AF37 !important;
  font-family: "Cinzel", "Montserrat", "Inter", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.1) !important;
}

body[data-card-theme="uzbekistan_2d"] .public-card-shell::after,
body[data-card-theme="uzbekistan_2d"] .unq-ref-shell::after,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .public-card-shell::after,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 22% 24%, rgba(0, 153, 181, 0.12), transparent 32%),
    radial-gradient(circle at 86% 72%, rgba(30, 181, 58, 0.1), transparent 34%),
    linear-gradient(110deg, transparent 0%, transparent 48%, rgba(206, 17, 38, 0.05) 49%, transparent 51%);
  opacity: 1;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-shell > *,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell > * {
  position: relative;
  z-index: 2;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-card-overlay,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-card-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: 0.82 !important;
  animation: uzbekistan-diplomatic-breathe 18s ease-in-out infinite;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-brand,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-brand {
  margin: 0 0 20px !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-brand h2,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-brand h2 {
  color: #D4AF37 !important;
  font-family: "Cinzel", "Montserrat", "Inter", sans-serif !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.16) !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-brand p,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-brand p {
  color: rgba(248, 250, 252, 0.68) !important;
  font-family: "Montserrat", "Inter", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-profile,
body[data-card-theme="uzbekistan_2d"] .unq-ref-profile.has-pets,
body[data-card-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack,
body[data-card-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile.has-pets,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-profile.has-emoji-pack.has-pets {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-avatar-wrap,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-avatar-wrap {
  margin-top: 0 !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-name,
body[data-card-theme="uzbekistan_2d"] .unq-ref-name-text,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-name,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-name-text {
  color: #F8FAFC !important;
  font-family: "Cinzel", "Montserrat", "Inter", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.12) !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-role,
body[data-card-theme="uzbekistan_2d"] .unq-ref-bio,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-role,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-bio {
  color: rgba(248, 250, 252, 0.72) !important;
  font-family: "Montserrat", "Inter", sans-serif !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-action-btn,
body[data-card-theme="uzbekistan_2d"] .unq-ref-follow-toggle,
body[data-card-theme="uzbekistan_2d"] .unq-follow-action-btn,
body[data-card-theme="uzbekistan_2d"] .unq-ref-phone,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-action-btn,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-follow-toggle,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-follow-action-btn,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-phone {
  border: 1px solid rgba(212, 175, 55, 0.48) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(8, 18, 30, 0.82), rgba(212, 175, 55, 0.08)) !important;
  color: #F8FAFC !important;
  font-family: "Montserrat", "Inter", sans-serif !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 28px rgba(0, 0, 0, 0.24) !important;
}

body[data-card-theme="uzbekistan_2d"] .unq-ref-action-btn:hover,
body[data-card-theme="uzbekistan_2d"] .unq-ref-follow-toggle:hover,
body[data-card-theme="uzbekistan_2d"] .unq-follow-action-btn:hover,
body[data-card-theme="uzbekistan_2d"] .unq-ref-phone:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-action-btn:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-follow-toggle:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-follow-action-btn:hover,
#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-phone:hover {
  border-color: rgba(212, 175, 55, 0.78) !important;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.18), rgba(8, 18, 30, 0.78)) !important;
  color: #F3D98A !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 24px rgba(212, 175, 55, 0.12), 0 16px 32px rgba(0, 0, 0, 0.28) !important;
}

#profile-card-live-preview[data-preview-theme="uzbekistan_2d"] {
  --preview-border-color: #D4AF37;
  --preview-page-bg:
    radial-gradient(circle at 28% 20%, rgba(0, 153, 181, 0.26), transparent 34%),
    radial-gradient(circle at 78% 76%, rgba(30, 181, 58, 0.18), transparent 36%),
    linear-gradient(145deg, #08121E 0%, #0A192F 62%, #050B13 100%);
  --preview-screen-opacity: 0.48;
  --preview-screen-pattern:
    radial-gradient(circle at 52% 42%, rgba(212, 175, 55, 0.16) 0%, transparent 45%),
    linear-gradient(120deg, transparent 0%, transparent 48%, rgba(206, 17, 38, 0.08) 49%, transparent 51%);
  --preview-overlay-opacity: 0.62;
  --preview-overlay-pattern:
    radial-gradient(circle at 50% 44%, rgba(212, 175, 55, 0.14) 0%, transparent 44%);
}

@keyframes uzbekistan-diplomatic-breathe {
  0%, 100% {
    opacity: 0.66;
    transform: scale(1) rotate(0deg);
  }
  50% {
    opacity: 0.88;
    transform: scale(1.015) rotate(0.45deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-card-theme="uzbekistan_2d"] .unq-ref-card-overlay,
  #profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-card-overlay {
    animation: none !important;
  }
}

@media (max-width: 480px) {
  body[data-card-theme="uzbekistan_2d"] main {
    justify-content: flex-start !important;
    padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body[data-card-theme="uzbekistan_2d"] .public-card-shell,
  body[data-card-theme="uzbekistan_2d"] .unq-ref-shell,
  #profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .public-card-shell,
  #profile-card-live-preview[data-preview-theme="uzbekistan_2d"] .unq-ref-shell {
    width: calc(100% - 22px) !important;
    margin: 8px auto !important;
    padding: 28px 16px 22px !important;
    box-shadow:
      0 22px 54px rgba(0, 0, 0, 0.52),
      0 0 28px rgba(212, 175, 55, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }
}