.header {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--color-gray-200);
  height: var(--header-height);
  display: flex;
  align-items: center;
}

.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

.header__logo {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--color-gray-900);
  text-decoration: none;
}

.header__logo:hover { color: var(--color-primary); }

.header__logo svg {
  width: 22px;
  height: 22px;
  color: var(--color-primary);
}

.header__nav {
  display: none;
  align-items: center;
  gap: var(--space-4);
}

.header__nav a {
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-gray-600);
  transition: color var(--transition-fast);
}

.header__nav a:hover {
  color: var(--color-primary);
}

.header__actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.lang-switcher {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-md);
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-gray-600);
  transition: background var(--transition-fast);
}

.lang-switcher:hover {
  background: var(--color-gray-100);
}

.lang-switcher svg {
  width: 14px;
  height: 14px;
}

.mobile-menu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  color: var(--color-gray-700);
}

.mobile-menu-btn:hover {
  background: var(--color-gray-100);
}

.mobile-menu-btn svg {
  width: 20px;
  height: 20px;
}

@media (min-width: 768px) {
  .header__nav { display: flex; }
  .mobile-menu-btn { display: none; }
}

@media (max-width: 767px) {
  .mobile-nav {
    position: fixed;
    top: var(--header-height);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-white);
    z-index: var(--z-modal);
    padding: var(--space-4);
    transform: translateX(100%);
    transition: transform var(--transition-slow);
  }
  .mobile-nav.is-open { transform: translateX(0); }
  .mobile-nav a {
    display: block;
    padding: var(--space-3) 0;
    font-size: var(--text-base);
    color: var(--color-gray-700);
    border-bottom: 1px solid var(--color-gray-100);
  }
}

.hero {
  text-align: center;
  padding: var(--space-12) 0 var(--space-10);
  background: linear-gradient(180deg, var(--color-gray-50) 0%, var(--color-white) 100%);
}

.hero__title {
  font-size: var(--text-3xl);
  font-weight: 700;
  color: var(--color-gray-900);
  margin-bottom: var(--space-3);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.hero__subtitle {
  font-size: var(--text-base);
  color: var(--color-gray-500);
  max-width: 480px;
  margin: 0 auto var(--space-6);
}

.search-box {
  max-width: 450px;
  margin: 0 auto var(--space-6);
  position: relative;
}

.search-box__input {
  width: 100%;
  padding: var(--space-3) var(--space-5);
  padding-left: 44px;
  border: 2px solid var(--color-gray-200);
  border-radius: var(--radius-full);
  font-size: var(--text-base);
  background: var(--color-white);
  box-shadow: var(--shadow-md);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.search-box__input:focus {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-lg), 0 0 0 3px var(--color-primary-bg);
}

.search-box__icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: var(--color-gray-400);
  pointer-events: none;
}

.search-results {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--color-white);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xl);
  max-height: 280px;
  overflow-y: auto;
  display: none;
  z-index: var(--z-dropdown);
}

.search-results.is-active { display: block; }

.search-results__item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  color: var(--color-gray-700);
  text-decoration: none;
  transition: background var(--transition-fast);
}

.search-results__item:hover {
  background: var(--color-gray-50);
}

.search-results__item-name {
  font-weight: 500;
  font-size: var(--text-xs);
}

.search-results__item-cat {
  font-size: 0.625rem;
  color: var(--color-gray-400);
}

.categories {
  padding: var(--space-10) 0;
}

.section-header {
  text-align: center;
  margin-bottom: var(--space-8);
}

.section-header__title {
  font-size: var(--text-2xl);
  margin-bottom: var(--space-2);
}

.section-header__subtitle {
  color: var(--color-gray-500);
  font-size: var(--text-sm);
}

.category-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}

.category-card {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  background: var(--color-white);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-xl);
  text-decoration: none;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.category-card:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
}

.category-card__icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-lg);
  background: var(--color-primary-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-primary);
}

.category-card__icon svg {
  width: 20px;
  height: 20px;
}

.category-card__name {
  font-weight: 600;
  color: var(--color-gray-900);
  margin-bottom: var(--space-1);
  font-size: var(--text-sm);
}

.category-card__desc {
  font-size: var(--text-xs);
  color: var(--color-gray-500);
}

@media (min-width: 768px) {
  .category-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
  .category-grid { grid-template-columns: repeat(3, 1fr); }
}

.tools-section {
  padding: var(--space-10) 0;
  background: var(--color-gray-50);
}

.tools-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}

.tool-card {
  display: block;
  padding: var(--space-4);
  background: var(--color-white);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-xl);
  text-decoration: none;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.tool-card:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
}

.tool-card__name {
  font-weight: 600;
  color: var(--color-gray-900);
  margin-bottom: var(--space-1);
  font-size: var(--text-sm);
}

.tool-card__desc {
  font-size: var(--text-xs);
  color: var(--color-gray-500);
  margin-bottom: var(--space-2);
}

.tool-card__tag {
  display: inline-block;
  padding: var(--space-1) var(--space-2);
  background: var(--color-primary-bg);
  color: var(--color-primary);
  font-size: 0.625rem;
  font-weight: 500;
  border-radius: var(--radius-full);
}

@media (min-width: 768px) {
  .tools-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
  .tools-grid { grid-template-columns: repeat(3, 1fr); }
}

.why-section {
  padding: var(--space-10) 0;
}

.why-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
}

.why-item {
  text-align: center;
  padding: var(--space-6);
}

.why-item__icon {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-xl);
  background: var(--color-primary-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-3);
  color: var(--color-primary);
}

.why-item__icon svg {
  width: 24px;
  height: 24px;
}

.why-item__title {
  font-size: var(--text-sm);
  font-weight: 600;
  margin-bottom: var(--space-1);
}

.why-item__desc {
  font-size: var(--text-xs);
  color: var(--color-gray-500);
}

@media (min-width: 768px) {
  .why-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
  .why-grid { grid-template-columns: repeat(4, 1fr); }
}

.faq-section {
  padding: var(--space-10) 0;
  background: var(--color-gray-50);
}

.faq-list {
  max-width: 600px;
  margin: 0 auto;
}

.faq-item {
  border-bottom: 1px solid var(--color-gray-200);
}

.faq-item__question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-4) 0;
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-gray-900);
  text-align: left;
}

.faq-item__question svg {
  width: 16px;
  height: 16px;
  color: var(--color-gray-400);
  flex-shrink: 0;
  transition: transform var(--transition-fast);
}

.faq-item.is-open .faq-item__question svg {
  transform: rotate(180deg);
}

.faq-item__answer {
  display: none;
  padding-bottom: var(--space-4);
}

.faq-item.is-open .faq-item__answer {
  display: block;
}

.faq-item__answer p {
  font-size: var(--text-sm);
  color: var(--color-gray-600);
  line-height: var(--leading-relaxed);
}

.footer {
  background: var(--color-gray-900);
  color: var(--color-gray-400);
  padding: var(--space-8) 0 var(--space-6);
}

.footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  margin-bottom: var(--space-6);
}

.footer__brand {
  max-width: 300px;
}

.footer__logo {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--color-white);
  margin-bottom: var(--space-2);
  text-decoration: none;
}

.footer__logo svg {
  width: 20px;
  height: 20px;
  color: var(--color-primary-light);
}

.footer__tagline {
  font-size: var(--text-xs);
  line-height: var(--leading-relaxed);
}

.footer__col-title {
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--color-white);
  margin-bottom: var(--space-3);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.footer__links {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.footer__links a {
  font-size: var(--text-xs);
  color: var(--color-gray-400);
  transition: color var(--transition-fast);
}

.footer__links a:hover {
  color: var(--color-white);
}

.footer__bottom {
  border-top: 1px solid var(--color-gray-700);
  padding-top: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  align-items: center;
  text-align: center;
  font-size: var(--text-xs);
}

@media (min-width: 768px) {
  .footer__grid { grid-template-columns: 2fr 1fr 1fr 1fr; }
  .footer__bottom { flex-direction: row; justify-content: space-between; }
}

.breadcrumbs {
  padding: var(--space-3) 0;
  font-size: var(--text-xs);
  color: var(--color-gray-500);
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.breadcrumbs__separator {
  color: var(--color-gray-300);
  font-size: 0.5rem;
}

.breadcrumbs a {
  color: var(--color-gray-500);
  font-size: var(--text-xs);
}

.breadcrumbs a:hover {
  color: var(--color-primary);
}

.breadcrumbs__current {
  color: var(--color-gray-700);
  font-weight: 500;
  font-size: var(--text-xs);
}

.tool-page {
  padding: var(--space-6) 0 var(--space-10);
}

.tool-page__header {
  margin-bottom: var(--space-8);
}

.tool-page__h1 {
  font-size: var(--text-2xl);
  margin-bottom: var(--space-2);
}

.tool-page__desc {
  font-size: var(--text-sm);
  color: var(--color-gray-500);
  max-width: 500px;
}

.tool-area {
  background: var(--color-white);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-xl);
  padding: var(--space-4);
  margin-bottom: var(--space-6);
}

.tool-area__controls {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

.tool-area__input {
  width: 100%;
  min-height: 160px;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
}

.tool-area__output {
  width: 100%;
  min-height: 160px;
  background: var(--color-gray-50);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
}

.tool-area__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: var(--space-2);
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-gray-200);
}

.stat-item {
  text-align: center;
}

.stat-item__value {
  font-size: var(--text-xl);
  font-weight: 700;
  color: var(--color-primary);
}

.stat-item__label {
  font-size: 0.625rem;
  color: var(--color-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  font-size: var(--text-sm);
  font-weight: 500;
  border-radius: var(--radius-lg);
  transition: all var(--transition-fast);
  white-space: nowrap;
}

.btn svg { width: 14px; height: 14px; }

.btn--primary {
  background: var(--color-primary);
  color: var(--color-white);
}

.btn--primary:hover {
  background: var(--color-primary-dark);
}

.btn--secondary {
  background: var(--color-gray-100);
  color: var(--color-gray-700);
}

.btn--secondary:hover {
  background: var(--color-gray-200);
}

.btn--outline {
  border: 1px solid var(--color-gray-300);
  color: var(--color-gray-700);
  background: var(--color-white);
}

.btn--outline:hover {
  border-color: var(--color-gray-400);
  background: var(--color-gray-50);
}

.btn--sm {
  padding: var(--space-1) var(--space-2);
  font-size: 0.625rem;
}

.options-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

.option-group {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.option-group label {
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-gray-700);
}

.option-group select {
  padding: var(--space-1) var(--space-2);
  font-size: var(--text-xs);
  border-radius: var(--radius-md);
}

.option-group input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: var(--color-primary);
}

.content-section {
  padding: var(--space-8) 0;
}

.content-section h2 {
  margin-bottom: var(--space-4);
}

.content-section p {
  max-width: 600px;
}

.content-section ul {
  max-width: 600px;
}

.content-section li {
  padding: var(--space-1) 0;
  color: var(--color-gray-600);
  font-size: var(--text-xs);
}

.related-tools {
  padding: var(--space-8) 0;
  background: var(--color-gray-50);
}

.related-tools__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--space-3);
}

.privacy-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-3);
  background: var(--color-success);
  color: var(--color-white);
  font-size: 0.625rem;
  font-weight: 500;
  border-radius: var(--radius-full);
  margin-bottom: var(--space-3);
}

.privacy-badge svg {
  width: 14px;
  height: 14px;
}

.page-404 {
  text-align: center;
  padding: var(--space-12) 0;
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.page-404__code {
  font-size: 4rem;
  font-weight: 700;
  color: var(--color-gray-200);
  line-height: 1;
  margin-bottom: var(--space-4);
}

.page-404__title {
  font-size: var(--text-xl);
  margin-bottom: var(--space-2);
}

.page-404__desc {
  color: var(--color-gray-500);
  margin-bottom: var(--space-6);
  max-width: 350px;
  font-size: var(--text-sm);
}

.toast {
  position: fixed;
  bottom: var(--space-4);
  right: var(--space-4);
  padding: var(--space-2) var(--space-4);
  background: var(--color-gray-900);
  color: var(--color-white);
  border-radius: var(--radius-lg);
  font-size: var(--text-xs);
  box-shadow: var(--shadow-xl);
  transform: translateY(120%);
  transition: transform var(--transition-base);
  z-index: var(--z-toast);
}

.toast.is-visible {
  transform: translateY(0);
}


/* ===== Tool interface ===== */
.tool-hero {
  text-align: center;
  padding: var(--space-10) 0 var(--space-8);
  background: linear-gradient(180deg, #faf7ff 0%, #ffffff 100%);
}
.tool-hero__title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 750;
  margin: 0 auto var(--space-3);
  color: var(--color-gray-900);
}
.tool-hero__subtitle {
  max-width: 680px;
  margin: 0 auto var(--space-4);
  color: var(--color-gray-600);
  font-size: var(--text-base);
}
.tool-section {
  padding: var(--space-8) 0;
}
.tool-card-full {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: var(--space-5);
  background: var(--color-white);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-md);
}
.tool-textarea {
  display: block;
  width: 100%;
  min-height: 280px;
  padding: var(--space-4);
  resize: vertical;
  border: 1px solid var(--color-gray-300);
  border-radius: var(--radius-xl);
  background: #fff;
  font: 400 var(--text-base)/1.6 var(--font-sans);
}
.tool-textarea:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 4px var(--color-primary-bg);
}
.tool-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
  margin-top: var(--space-4);
}
.tool-stats .stat-item {
  padding: var(--space-3);
  background: var(--color-gray-50);
  border: 1px solid var(--color-gray-100);
  border-radius: var(--radius-lg);
}
.ad-slot { padding: var(--space-4) 0; }
.ad-placeholder {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-gray-400);
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  border: 1px dashed var(--color-gray-200);
  border-radius: var(--radius-lg);
  background: var(--color-gray-50);
}
@media (max-width: 767px) {
  .tool-hero { padding: var(--space-8) 0 var(--space-6); }
  .tool-card-full { padding: var(--space-3); }
  .tool-textarea { min-height: 220px; }
  .tool-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* RekeTools colorful visual layer */
.header { background: rgba(255,255,255,.86); border-bottom-color: rgba(124,58,237,.10); box-shadow: 0 4px 24px rgba(76,29,149,.06); }
.header__logo svg, .footer__logo svg { color: #7c3aed; }
.header__logo:hover, .header__nav a:hover { color: #7c3aed; }
.hero { position: relative; overflow: hidden; background: radial-gradient(circle at 15% 15%, rgba(124,58,237,.12), transparent 34%), radial-gradient(circle at 85% 10%, rgba(236,72,153,.12), transparent 30%), linear-gradient(180deg,#faf7ff 0%,#fff 72%); }
.hero::before { content:""; position:absolute; width:280px;height:280px;border-radius:50%;right:-120px;top:-150px;background:linear-gradient(135deg,rgba(6,182,212,.18),rgba(236,72,153,.10));filter:blur(4px); }
.search-box__input { border-color: rgba(124,58,237,.18); box-shadow: 0 14px 40px rgba(76,29,149,.10); }
.search-box__input:focus { border-color:#7c3aed; box-shadow:0 14px 40px rgba(76,29,149,.14),0 0 0 4px rgba(124,58,237,.10); }
.category-card,.tool-card { border-color: rgba(124,58,237,.10); box-shadow: 0 8px 28px rgba(76,29,149,.045); }
.category-card:hover,.tool-card:hover { border-color:rgba(124,58,237,.32); box-shadow:0 14px 34px rgba(76,29,149,.10); transform:translateY(-2px); }
.category-card__icon,.why-item__icon { background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(236,72,153,.12)); color:#7c3aed; }
.tool-card__tag { background:linear-gradient(90deg,rgba(124,58,237,.11),rgba(236,72,153,.11)); color:#6d28d9; }
.btn--primary { background:linear-gradient(135deg,#7c3aed,#ec4899); box-shadow:0 8px 20px rgba(124,58,237,.22); }
.btn--primary:hover { background:linear-gradient(135deg,#6d28d9,#db2777); transform:translateY(-1px); }

/* Respect the HTML hidden attribute even when component styles set display. */
#rt-consent [hidden] { display: none !important; }

/* Privacy consent */
body.rt-consent-open { overflow:hidden; }
.rt-consent__backdrop { position:fixed; inset:0; background:rgba(15,23,42,.42); backdrop-filter:blur(3px); z-index:9998; }
.rt-consent { position:fixed; left:50%; bottom:18px; transform:translateX(-50%); width:min(960px,calc(100% - 24px)); z-index:9999; background:#fff; border:1px solid rgba(124,58,237,.15); border-radius:22px; box-shadow:0 24px 70px rgba(15,23,42,.25); }
.rt-consent__content { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; padding:20px 22px; }
.rt-consent__badge { width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,58,237,.13),rgba(236,72,153,.14));font-size:24px; }
.rt-consent h2 { margin:0 0 6px;font-size:18px;color:#111827; }
.rt-consent p { margin:0;color:#4b5563;font-size:13px;line-height:1.55; }
.rt-consent__note { margin-top:5px!important;color:#6b7280!important;font-size:12px!important; }
.rt-consent__links { display:flex;gap:8px;margin-top:8px;font-size:12px; }
.rt-consent__links a { color:#6d28d9;text-decoration:underline;text-underline-offset:2px; }
.rt-consent__actions { display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap; }
.rt-btn { min-height:40px;padding:0 15px;border-radius:11px;font-weight:700;font-size:13px;cursor:pointer;transition:.18s ease; }
.rt-btn--secondary { background:#fff;border:1px solid #e5e7eb;color:#374151; }
.rt-btn--secondary:hover { border-color:#c4b5fd;background:#faf7ff; }
.rt-btn--primary { border:0;color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 8px 20px rgba(124,58,237,.22); }
.rt-btn--primary:hover { transform:translateY(-1px); }
.rt-settings { position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px;background:rgba(15,23,42,.48);backdrop-filter:blur(4px); }
.rt-settings__panel { width:min(620px,100%);background:#fff;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.3);padding:22px; }
.rt-settings__head { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px; }
.rt-settings__head h2 { margin:0;font-size:20px; }
.rt-settings__close { width:38px;height:38px;border-radius:10px;font-size:26px;color:#6b7280;background:#f9fafb; }
.rt-setting { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid #f0f0f2; }
.rt-setting strong { display:block;font-size:14px;color:#111827;margin-bottom:3px; }
.rt-setting p { margin:0;color:#6b7280;font-size:12px;line-height:1.5;max-width:430px; }
.rt-setting input { width:20px;height:20px;accent-color:#7c3aed;flex-shrink:0; }
.rt-toggle { font-size:11px;color:#6d28d9;background:#f5f3ff;padding:6px 9px;border-radius:999px;white-space:nowrap; }
.rt-settings__save { width:100%;margin-top:10px; }
.rt-manage-consent { position:fixed;left:14px;bottom:14px;z-index:9990;border:1px solid rgba(124,58,237,.18);background:rgba(255,255,255,.94);color:#5b21b6;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:700;box-shadow:0 5px 18px rgba(15,23,42,.10);backdrop-filter:blur(8px); }
.rt-manage-consent:hover { background:#fff;transform:translateY(-1px); }

@media (max-width: 720px) {
  .rt-consent { bottom:8px; width:calc(100% - 12px); border-radius:18px; }
  .rt-consent__content { grid-template-columns:1fr; gap:10px; padding:16px; }
  .rt-consent__badge { width:40px;height:40px;border-radius:13px;font-size:20px; }
  .rt-consent__actions { display:grid;grid-template-columns:1fr 1fr 1fr;width:100%; }
  .rt-btn { width:100%;padding:0 8px;font-size:12px; }
  .rt-settings { padding:10px; }
  .rt-settings__panel { padding:18px;border-radius:18px;max-height:90vh;overflow:auto; }
  .rt-setting { align-items:flex-start; }
}