/* iBlogger ultimate light/dark visual system — final polish layer */
:root{
  --ui-bg:#f3f4fa;
  --ui-bg-2:#eceef7;
  --ui-surface:#ffffff;
  --ui-surface-2:#f8f8fc;
  --ui-surface-3:#f0f1f8;
  --ui-ink:#171a35;
  --ui-ink-2:#2a2e4d;
  --ui-muted:#747c99;
  --ui-faint:#a0a6bb;
  --ui-line:rgba(39,44,88,.10);
  --ui-line-strong:rgba(39,44,88,.16);
  --ui-accent:#6964e8;
  --ui-accent-2:#8f7ef8;
  --ui-accent-soft:#eeecff;
  --ui-pink:#ef9fbe;
  --ui-green:#16a77b;
  --ui-yellow:#d99a00;
  --ui-danger:#d44f69;
  --ui-shadow-sm:0 8px 24px rgba(22,26,67,.07);
  --ui-shadow:0 24px 70px rgba(22,26,67,.10);
  --ui-shadow-lg:0 34px 100px rgba(22,26,67,.14);
  --ui-radius-sm:14px;
  --ui-radius:22px;
  --ui-radius-lg:32px;
  --ui-radius-xl:44px;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --ui-bg:#090c1e;
  --ui-bg-2:#0c1026;
  --ui-surface:#12162d;
  --ui-surface-2:#171c36;
  --ui-surface-3:#1c2240;
  --ui-ink:#f6f7ff;
  --ui-ink-2:#dfe3f4;
  --ui-muted:#a7afc9;
  --ui-faint:#7e87a6;
  --ui-line:rgba(218,222,255,.10);
  --ui-line-strong:rgba(218,222,255,.17);
  --ui-accent:#9892ff;
  --ui-accent-2:#b4a9ff;
  --ui-accent-soft:rgba(135,126,255,.14);
  --ui-pink:#f4a8c6;
  --ui-green:#3dd5a6;
  --ui-yellow:#f0bd4f;
  --ui-danger:#ff8198;
  --ui-shadow-sm:0 8px 26px rgba(0,0,0,.20);
  --ui-shadow:0 26px 72px rgba(0,0,0,.30);
  --ui-shadow-lg:0 38px 110px rgba(0,0,0,.38);
}
html{background:var(--ui-bg);scroll-behavior:smooth}
body{background:var(--ui-bg)!important;color:var(--ui-ink)!important;transition:background-color .25s ease,color .25s ease}
body,button,input,textarea,select{font-family:inherit}
::selection{background:color-mix(in srgb,var(--ui-accent) 28%,transparent);color:var(--ui-ink)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 42%,transparent)!important;outline-offset:3px!important}

/* Header / navigation */
body .site-header{border-color:var(--ui-line)!important;box-shadow:0 10px 40px rgba(20,24,65,.05)!important}
body .site-header .header-inner{background:color-mix(in srgb,var(--ui-surface) 90%,transparent)!important;border-color:var(--ui-line)!important;backdrop-filter:blur(22px) saturate(140%)}
html[data-theme="dark"] body .site-header{box-shadow:0 12px 44px rgba(0,0,0,.22)!important}
body .desktop-nav .nav-link,body .nav-dropdown-trigger{color:var(--ui-ink-2)!important}
body .desktop-nav .nav-link:hover,body .desktop-nav .nav-link.is-active,body .nav-dropdown-trigger:hover{color:var(--ui-accent)!important;background:var(--ui-accent-soft)!important}
body .nav-dropdown-menu{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)!important}
body .nav-dropdown-menu a{color:var(--ui-ink-2)!important}
body .nav-dropdown-menu a:hover{background:var(--ui-surface-3)!important;color:var(--ui-accent)!important}
body .icon-button,body .menu-toggle,body .theme-toggle{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}
body .icon-button:hover{background:var(--ui-accent-soft)!important;border-color:color-mix(in srgb,var(--ui-accent) 28%,var(--ui-line))!important;color:var(--ui-accent)!important}
body .mobile-nav{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow-lg)!important;color:var(--ui-ink)!important}
body .mobile-nav a{color:var(--ui-ink-2)!important;border-color:var(--ui-line)!important}
body .mobile-nav a:hover{background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important}

/* Common controls */
body .button,body .v4-btn,body .creator-primary,body .shop-profile-action,body button[type="submit"]{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
body .button-primary,body .v4-btn-primary,body .creator-primary,body .shop-profile-action{background:linear-gradient(135deg,var(--ui-accent),#8177ef)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px color-mix(in srgb,var(--ui-accent) 24%,transparent)!important}
body .button-primary:hover,body .v4-btn-primary:hover,body .creator-primary:hover,body .shop-profile-action:hover{transform:translateY(-2px);box-shadow:0 16px 34px color-mix(in srgb,var(--ui-accent) 32%,transparent)!important}
body .button-secondary,body .v4-btn-light,body .creator-secondary{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-line-strong)!important;box-shadow:var(--ui-shadow-sm)!important}
body .button-secondary:hover,body .v4-btn-light:hover,body .creator-secondary:hover{background:var(--ui-surface-3)!important;border-color:color-mix(in srgb,var(--ui-accent) 28%,var(--ui-line))!important;color:var(--ui-accent)!important}
body input,body textarea,body select{background:var(--ui-surface-2);border-color:var(--ui-line-strong);color:var(--ui-ink)}
body input::placeholder,body textarea::placeholder{color:var(--ui-faint)}
body input:focus,body textarea:focus,body select:focus{background:var(--ui-surface)!important;border-color:color-mix(in srgb,var(--ui-accent) 55%,var(--ui-line))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-accent) 10%,transparent)!important}

/* Site-wide section/card surfaces */
body.v4-page .v4-section:not(.v4-home-hero),body.service-page main{color:var(--ui-ink)}
body .v4-split-card,body .v4-service-card,body .v4-workflow-shell,body .v4-faq-item,body .v4-add-shell,body .v4-benefit-card,body .v4-principle-card,body .service-card,body .panel,body .card{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow-sm)!important;color:var(--ui-ink)!important}
body .v4-split-card:hover,body .v4-service-card:hover,body .v4-benefit-card:hover{border-color:color-mix(in srgb,var(--ui-accent) 22%,var(--ui-line))!important;box-shadow:var(--ui-shadow)!important}
body .v4-section-kicker,body .section-kicker{color:var(--ui-accent)!important}
body .v4-section h2,body .v4-section h3,body .service-page h1,body .service-page h2,body .service-page h3{color:var(--ui-ink)!important}
body .v4-section p,body .service-page p{color:var(--ui-muted)}
html[data-theme="dark"] body .v4-benefit-intro,html[data-theme="dark"] body .v4-services,html[data-theme="dark"] body .v4-creators,html[data-theme="dark"] body .v4-workflow,html[data-theme="dark"] body .v4-faq,html[data-theme="dark"] body .v4-add-cta{background:var(--ui-bg)!important}
html[data-theme="dark"] body .v4-section:nth-of-type(even):not(.v4-home-hero){background:var(--ui-bg-2)!important}

/* Home hero readability in both themes */
body.home-page .v4-home-hero{color:#171a35!important}
body.home-page .v4-home-hero .v4-hero-copy h1,body.home-page .v4-home-hero .v4-hero-copy p,body.home-page .v4-home-hero .v4-eyebrow{color:#171a35!important}
html[data-theme="dark"] body.home-page .v4-home-hero{filter:saturate(.92) brightness(.84)}
html[data-theme="dark"] body.home-page .v4-home-hero .v4-hero-copy{filter:brightness(1.18)}
html[data-theme="dark"] body.home-page .v4-home-hero .v4-hero-copy h1,html[data-theme="dark"] body.home-page .v4-home-hero .v4-hero-copy p,html[data-theme="dark"] body.home-page .v4-home-hero .v4-eyebrow{color:#15182f!important}

/* Creator directory */
body.creator-directory-page{background:var(--ui-bg)!important}
body .creator-directory-shell{background:linear-gradient(180deg,color-mix(in srgb,var(--ui-bg) 84%,var(--ui-accent-soft)) 0%,var(--ui-bg) 55%,var(--ui-bg) 100%)!important}
body .creator-filter-panel,body .creator-card,body .creator-empty{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body .creator-card:hover{box-shadow:var(--ui-shadow)!important;transform:translateY(-5px)}
body .creator-filter-field input,body .creator-filter-field select{background:var(--ui-surface-2)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
body .creator-card-body{color:var(--ui-ink)}
body .creator-card-tags span{background:var(--ui-surface-3)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
body .creator-card-tags .is-verified{background:color-mix(in srgb,var(--ui-green) 12%,var(--ui-surface))!important;color:var(--ui-green)!important}
body .creator-card-metrics{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important}
body .creator-card-metrics strong{color:var(--ui-ink)!important}
body .creator-card-metrics span,body .creator-card-bio,body .creator-directory-heading p{color:var(--ui-muted)!important}
body .creator-card-rating{color:var(--ui-muted)!important;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
body .creator-card-rating strong{color:var(--ui-ink)!important}
body .creator-card-rating .star{color:var(--ui-yellow)!important}
body .creator-card-view{margin-inline-start:auto;padding:4px 9px;border-radius:99px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:.66rem;font-weight:800}
body .creator-result-pill{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}

/* Blogger profile */
body.creator-profile-page,body.profile-dashboard-body{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body.creator-profile-page .profile-dashboard-main,body.creator-profile-page .shop-profile-main{background:var(--ui-bg)!important}
body.creator-profile-page .pd-card,body.creator-profile-page .influencer-profile-panel,body.creator-profile-page .analytics-chart-card,body.creator-profile-page .performance-summary,body.creator-profile-page .real-data-panel,body.creator-profile-page .real-bio-panel,body.creator-profile-page .profile-feedbacks-panel{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body.creator-profile-page .analytics-toolbar,body.creator-profile-page .profile-dashboard-brandbar{background:color-mix(in srgb,var(--ui-surface) 92%,transparent)!important;border-color:var(--ui-line)!important}
body.creator-profile-page .profile-identity h1,body.creator-profile-page .analytics-title h2,body.creator-profile-page .real-data-head h2,body.creator-profile-page .profile-feedbacks-head h3,body.creator-profile-page .real-bio-panel h3{color:var(--ui-ink)!important}
body.creator-profile-page .profile-username,body.creator-profile-page .profile-rating-meta,body.creator-profile-page .analytics-title p,body.creator-profile-page .real-data-head p,body.creator-profile-page .profile-feedbacks-head p,body.creator-profile-page .real-bio-panel p{color:var(--ui-muted)!important}
body.creator-profile-page .profile-category{background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important;border-color:color-mix(in srgb,var(--ui-accent) 18%,var(--ui-line))!important}
body.creator-profile-page .profile-verified-badge.is-neutral{background:var(--ui-accent)!important;color:#fff!important}
body.creator-profile-page .performance-item,body.creator-profile-page .real-data-grid>div,body.creator-profile-page .profile-feedback-card,body.creator-profile-page .profile-trust-note{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important}
body.creator-profile-page .performance-item strong,body.creator-profile-page .real-data-grid strong,body.creator-profile-page .profile-feedback-card h4{color:var(--ui-ink)!important}
body.creator-profile-page .profile-feedback-card p,body.creator-profile-page .profile-feedback-card small{color:var(--ui-muted)!important}
body.creator-profile-page .range-picker,body.creator-profile-page .profile-icon-button,body.creator-profile-page .chart-menu-button,body.creator-profile-page .feedback-scroll-button{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}
body.creator-profile-page .profile-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 4px}
body.creator-profile-page .profile-audience-grid>div{padding:14px 15px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface-2);display:flex;flex-direction:column;gap:5px}
body.creator-profile-page .profile-audience-grid span{font-size:.68rem;color:var(--ui-muted)}
body.creator-profile-page .profile-audience-grid strong{font-size:.94rem;color:var(--ui-ink)}
body.creator-profile-page .profile-feedback-stars,body.creator-profile-page .profile-rating-stars{color:var(--ui-yellow)!important}

/* Shop profile — complete analytics layout */
body .shop-profile-hero{background:linear-gradient(135deg,#dfd9ff 0%,#f5c7db 52%,#d9e5ff 100%)!important;color:#171a35!important}
html[data-theme="dark"] body .shop-profile-hero{background:linear-gradient(135deg,#232143 0%,#38233d 52%,#1c2943 100%)!important;color:#f5f6ff!important}
body .shop-profile-shell{display:grid!important;grid-template-columns:210px 1fr auto!important;gap:36px!important;align-items:center!important}
body .shop-profile-media{position:relative}
body .shop-profile-media img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:32px!important;box-shadow:0 26px 60px rgba(33,33,72,.20)!important}
body .shop-profile-status{position:absolute;right:14px;bottom:14px;padding:7px 12px;border-radius:999px;background:#fff;color:#188763;font-size:.68rem;font-weight:900;box-shadow:var(--ui-shadow-sm)}
body .shop-profile-copy h1{color:inherit!important}
body .shop-profile-copy>p,body .shop-profile-copy .creator-breadcrumb,body .shop-profile-copy .creator-breadcrumb a{color:color-mix(in srgb,currentColor 72%,transparent)!important}
body .shop-profile-score{min-width:150px;padding:20px 22px;border-radius:24px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.56);backdrop-filter:blur(15px);display:flex;flex-direction:column;gap:4px;text-align:center;color:#171a35}
html[data-theme="dark"] body .shop-profile-score{background:rgba(13,16,40,.50);border-color:rgba(255,255,255,.10);color:#f5f6ff}
body .shop-profile-score small,body .shop-profile-score span{font-size:.68rem;opacity:.68} body .shop-profile-score strong{font-size:1.65rem}
body .shop-profile-content-rich{grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr)!important;align-items:stretch!important}
body .shop-profile-card{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body .shop-profile-card p{color:var(--ui-muted)!important}
body .shop-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
body .shop-update-pill{padding:7px 10px;border-radius:999px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:.65rem;font-weight:850}
body .shop-metrics-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body .shop-metrics div{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important}
body .shop-metrics strong{color:var(--ui-ink)!important}
body .shop-metrics span{color:var(--ui-muted)!important}
body .shop-capacity{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
body .shop-capacity span{padding:14px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface-2);display:flex;flex-direction:column;gap:5px}
body .shop-capacity small{color:var(--ui-muted)}
body .shop-analytics-section{padding-block:14px 60px}
body .shop-analytics-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}
body .shop-analytics-heading h2{margin:5px 0 0;color:var(--ui-ink);font-size:clamp(1.7rem,3vw,2.7rem)}
body .shop-analytics-heading p{max-width:430px;margin:0;color:var(--ui-muted);line-height:1.9}
body .shop-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body .shop-chart-card{padding:20px;border:1px solid var(--ui-line);border-radius:28px;background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);color:var(--ui-accent)}
body .shop-chart-card.is-secondary{color:#d58d22}
html[data-theme="dark"] body .shop-chart-card.is-secondary{color:#f0bd4f}
body .shop-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--ui-ink)}
body .shop-chart-head>div{display:flex;flex-direction:column;gap:3px} body .shop-chart-head small{color:var(--ui-muted)} body .shop-chart-head strong{color:currentColor;font-size:1.2rem} body .shop-chart-head>span{padding:8px 11px;border-radius:12px;background:var(--ui-surface-2);font-weight:850}
body .shop-profile-chart-svg{width:100%;height:auto;overflow:visible;color:inherit} body .shop-profile-chart-svg text{fill:var(--ui-muted);font-size:9px} body .shop-chart-grid{stroke:var(--ui-line);stroke-width:1;fill:none} body .shop-chart-area{color:inherit} body .shop-chart-line{stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round} body .shop-chart-dot{fill:currentColor;stroke:var(--ui-surface);stroke-width:3}
body .shop-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:80px}
body .shop-insight-bars{display:grid;gap:16px;margin-top:20px}.shop-insight-bars>div{display:grid;grid-template-columns:110px 1fr 54px;align-items:center;gap:12px}.shop-insight-bars span{font-size:.72rem;color:var(--ui-muted)}.shop-insight-bars b{height:8px;border-radius:99px;background:var(--ui-surface-3);overflow:hidden}.shop-insight-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-accent),var(--ui-pink))}.shop-insight-bars strong{text-align:left;font-size:.76rem;color:var(--ui-ink)}
body .shop-feature-list{display:grid;gap:0;margin:14px 0 0;padding:0;list-style:none}.shop-feature-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--ui-line);color:var(--ui-muted);font-size:.78rem}.shop-feature-list li:last-child{border-bottom:0}.shop-feature-list strong{color:var(--ui-ink)}

/* Feedback directories */
body.v4-feedback-page{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body .feedback-card,body .feedback-quote,body .feedback-filter-bar,body .feedback-empty-state{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body .feedback-card h3,body .feedback-quote-title,body .feedback-list-head h2{color:var(--ui-ink)!important}
body .feedback-card p,body .feedback-card small,body .feedback-reviewer span{color:var(--ui-muted)!important}
body .feedback-tag{background:var(--ui-surface-3)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
body .feedback-stars{color:var(--ui-yellow)!important}

/* Auth */
body.auth-page.auth-next{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body.auth-page .authn-form-pane{background:linear-gradient(180deg,var(--ui-bg),var(--ui-bg-2))!important}
body.auth-page .authn-topbar,body.auth-page .authn-form{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow)!important}
body.auth-page .authn-heading h1,body.auth-page .authn-field>label,body.auth-page .authn-label-row label{color:var(--ui-ink)!important}
body.auth-page .authn-heading p,body.auth-page .authn-switch,body.auth-page .authn-security{color:var(--ui-muted)!important}
body.auth-page .authn-input{background:var(--ui-surface-2)!important;border-color:var(--ui-line-strong)!important}
body.auth-page .authn-input input{background:transparent!important;color:var(--ui-ink)!important}
body.auth-page .authn-google,body.auth-page .authn-back,body.auth-page .authn-theme{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}
html[data-theme="light"] body.auth-page .authn-brand img{filter:grayscale(1) brightness(.08)!important}
html[data-theme="dark"] body.auth-page .authn-brand img{filter:grayscale(1) brightness(4)!important}

/* Footer */
body .site-footer,body .v4-footer{background:color-mix(in srgb,var(--ui-bg-2) 92%,#0e1230)!important;border-color:var(--ui-line)!important;color:var(--ui-muted)!important}
body .site-footer h3,body .site-footer h4,body .v4-footer h3,body .v4-footer h4{color:var(--ui-ink)!important}
body .site-footer a,body .v4-footer a{color:var(--ui-muted)!important} body .site-footer a:hover,body .v4-footer a:hover{color:var(--ui-accent)!important}

/* General modal/table/notice polish */
body [role="dialog"]:not(.service-modal),body .modal:not(.service-modal),body .profile-dialog,body .creator-legal-modal{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow-lg)!important}
body .service-modal{background:transparent!important;border:0!important;box-shadow:none!important}
body .service-modal-panel{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow-lg)!important}
body .service-modal-head p{color:var(--ui-muted)!important}
body .service-modal-close{background:var(--ui-surface-3)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
body .service-toast{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)!important}
body .service-toast span{color:var(--ui-muted)!important}
body table{color:var(--ui-ink);border-color:var(--ui-line)} body th{background:var(--ui-surface-3);color:var(--ui-ink)} body td{border-color:var(--ui-line);color:var(--ui-muted)}
body .notice,body .status-box,body .info-box{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important;color:var(--ui-muted)!important}

@media(max-width:900px){
  body .shop-profile-shell{grid-template-columns:160px 1fr!important}.shop-profile-score{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,1fr);align-items:center;width:100%}
  body .shop-profile-content-rich,body .shop-chart-grid,body .shop-insights-grid{grid-template-columns:1fr!important}
  body.creator-profile-page .profile-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  :root{--ui-radius-xl:30px;--ui-radius-lg:24px}
  body .shop-profile-shell{grid-template-columns:1fr!important;text-align:center!important}.shop-profile-media{width:min(220px,66vw);margin:auto}.shop-profile-copy .creator-breadcrumb{justify-content:center}.shop-profile-badges{justify-content:center}.shop-profile-score{grid-template-columns:1fr 1fr 1fr;padding:14px!important}.shop-profile-score strong{font-size:1.25rem!important}
  body .shop-metrics-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body .shop-analytics-heading{display:block}.shop-analytics-heading p{margin-top:10px!important}
  body .shop-insight-bars>div{grid-template-columns:90px 1fr 48px}
  body.creator-profile-page .profile-audience-grid{grid-template-columns:1fr 1fr}
  body .creator-card-view{width:100%;margin-inline-start:0;text-align:center}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Reviewer profile + moderation/admin */
body.reviewer-page-body{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body .reviewer-brandbar{background:color-mix(in srgb,var(--ui-surface) 92%,transparent)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow-sm)!important;backdrop-filter:blur(20px)}
body .reviewer-profile-main{background:var(--ui-bg)!important}
body .reviewer-profile-card,body .reviewer-feedback-card,body .reviewer-summary-card,body .reviewer-profile-loading{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body .reviewer-profile-card h1,body .reviewer-profile-card h2,body .reviewer-feedback-card h3{color:var(--ui-ink)!important}
body .reviewer-profile-card p,body .reviewer-feedback-card p,body .reviewer-feedback-card small{color:var(--ui-muted)!important}
body .moderation-main{background:var(--ui-bg)!important;color:var(--ui-ink)!important;min-height:70vh}
body .moderation-toolbar,body .moderation-batch-bar,body .submission-card,body .moderation-item{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body .moderation-toolbar h1,body .submission-card h2,body .moderation-item h3{color:var(--ui-ink)!important}
body .moderation-toolbar .muted,body .submission-card p,body .moderation-item p,body .moderation-batch-bar span{color:var(--ui-muted)!important}
body .submission-field input,body .submission-field textarea,body .submission-field select{background:var(--ui-surface-2)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
html[data-theme="dark"] body.creator-profile-page .profile-rating{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}
html[data-theme="dark"] body.creator-profile-page .profile-rating-meta{color:var(--ui-muted)!important}
html[data-theme="dark"] body.creator-profile-page .profile-rating-stars{color:var(--ui-yellow)!important}
/* Home hero sits on a deep indigo composition in both themes; keep copy readable. */
body.home-page .v4-home-hero .v4-hero-copy h1{color:#ffffff!important;text-shadow:0 2px 20px rgba(4,7,30,.12)!important}
body.home-page .v4-home-hero .v4-hero-copy h1 em{color:#f3d6ff!important}
body.home-page .v4-home-hero .v4-hero-copy>p{color:rgba(245,247,255,.82)!important}
body.home-page .v4-home-hero .v4-eyebrow{color:rgba(255,255,255,.90)!important}
html[data-theme="dark"] body.home-page .v4-home-hero{filter:none!important}
html[data-theme="dark"] body.home-page .v4-home-hero .v4-hero-copy{filter:none!important}
html[data-theme="dark"] body.home-page .v4-home-hero .v4-hero-copy h1{color:#ffffff!important}
html[data-theme="dark"] body.home-page .v4-home-hero .v4-hero-copy>p{color:rgba(245,247,255,.78)!important}
html[data-theme="dark"] body.home-page .v4-home-hero .v4-eyebrow{color:rgba(255,255,255,.88)!important}

/* =====================================================================
   DARK MODE COMPLETION — service, submission, benefit and utility pages
   ===================================================================== */
html[data-theme="dark"] body.v4-page .v4-inner-main,
html[data-theme="dark"] body.v4-page main.v4-inner-main,
html[data-theme="dark"] body.v4-page .v4-submission-page,
html[data-theme="dark"] body.v4-page .v4-opportunities-page,
html[data-theme="dark"] body.v4-page .v4-smart-page,
html[data-theme="dark"] body.v4-page .v4-guarantee-page,
html[data-theme="dark"] body.v4-page .v4-benefits-page{
  background:var(--ui-bg)!important;
  color:var(--ui-ink)!important;
}
html[data-theme="dark"] body.v4-page .v4-panel,
html[data-theme="dark"] body.v4-page section.v4-panel,
html[data-theme="dark"] body.v4-page aside.v4-panel,
html[data-theme="dark"] body.v4-page .opportunity-card,
html[data-theme="dark"] body.v4-page .v4-role-intro article,
html[data-theme="dark"] body.v4-page .v4-benefit-grid article,
html[data-theme="dark"] body.v4-page .v4-principles article,
html[data-theme="dark"] body.v4-page .v4-benefit-highlight,
html[data-theme="dark"] body.v4-page .v4-guarantee-grid article{
  background:var(--ui-surface)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
  box-shadow:var(--ui-shadow-sm)!important;
}
html[data-theme="dark"] body.v4-page .v4-filter-bar,
html[data-theme="dark"] body.v4-page .filter-toolbar,
html[data-theme="dark"] body.v4-page .v4-segmented,
html[data-theme="dark"] body.v4-page .submission-type-switch,
html[data-theme="dark"] body.v4-page .v4-role-switch,
html[data-theme="dark"] body.v4-page .v4-benefit-tabs,
html[data-theme="dark"] body.v4-page .v4-info-box,
html[data-theme="dark"] body.v4-page .v4-notice,
html[data-theme="dark"] body.v4-page .access-gate,
html[data-theme="dark"] body.v4-page .check-control{
  background:var(--ui-surface-2)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
}
html[data-theme="dark"] body.v4-page .v4-panel-icon,
html[data-theme="dark"] body.v4-page .v4-status-pill,
html[data-theme="dark"] body.v4-page .brand-token,
html[data-theme="dark"] body.v4-page .access-gate-icon{
  background:var(--ui-accent-soft)!important;
  color:var(--ui-accent)!important;
  border-color:var(--ui-line)!important;
}
html[data-theme="dark"] body.v4-page .ui-input,
html[data-theme="dark"] body.v4-page .ui-select,
html[data-theme="dark"] body.v4-page input,
html[data-theme="dark"] body.v4-page select,
html[data-theme="dark"] body.v4-page textarea{
  background:var(--ui-surface-2)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line-strong)!important;
}
html[data-theme="dark"] body.v4-page .v4-role-switch button,
html[data-theme="dark"] body.v4-page .v4-benefit-tabs button,
html[data-theme="dark"] body.v4-page .v4-segmented button{
  color:var(--ui-muted)!important;
}
html[data-theme="dark"] body.v4-page .v4-role-switch button.is-active,
html[data-theme="dark"] body.v4-page .v4-benefit-tabs button.is-active,
html[data-theme="dark"] body.v4-page .v4-segmented button.is-active,
html[data-theme="dark"] body.v4-page .v4-segmented .is-active{
  background:var(--ui-accent)!important;
  color:#fff!important;
}
html[data-theme="dark"] body.v4-page .v4-panel h2,
html[data-theme="dark"] body.v4-page .v4-panel h3,
html[data-theme="dark"] body.v4-page .opportunity-card h3,
html[data-theme="dark"] body.v4-page .v4-role-intro h3,
html[data-theme="dark"] body.v4-page .v4-benefit-grid h3,
html[data-theme="dark"] body.v4-page .v4-principles h3{
  color:var(--ui-ink)!important;
}
html[data-theme="dark"] body.v4-page .v4-panel p,
html[data-theme="dark"] body.v4-page .v4-panel small,
html[data-theme="dark"] body.v4-page .opportunity-card p,
html[data-theme="dark"] body.v4-page .v4-role-intro p,
html[data-theme="dark"] body.v4-page .v4-benefit-grid p,
html[data-theme="dark"] body.v4-page .v4-principles p{
  color:var(--ui-muted)!important;
}

/* Creator/profile dark-mode details that were previously left light. */
html[data-theme="dark"] body .creator-card-media{
  background:var(--ui-surface-3)!important;
}
html[data-theme="dark"] body .creator-platform-chip{
  background:color-mix(in srgb,var(--ui-surface) 88%,transparent)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
}
html[data-theme="dark"] body.creator-profile-page .profile-avatar-frame,
html[data-theme="dark"] body.creator-profile-page .performance-star-box,
html[data-theme="dark"] body.creator-profile-page #messageButton,
html[data-theme="dark"] body.creator-profile-page #profileRangeSelect{
  background:var(--ui-surface-2)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
}
html[data-theme="dark"] body .shop-profile-status{
  background:var(--ui-surface-2)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
}

/* Auth detail surfaces. */
html[data-theme="dark"] body.auth-page .authn-role-icon,
html[data-theme="dark"] body.auth-page .authn-input>span,
html[data-theme="dark"] body.auth-page .authn-input .authn-input-icon{
  background:var(--ui-surface-3)!important;
  color:var(--ui-accent)!important;
}

/* Dark home sections should never fall back to hard-coded white. */
html[data-theme="dark"] body.home-page .v4-split-card,
html[data-theme="dark"] body.home-page .v4-service-card:not(.v4-service-featured),
html[data-theme="dark"] body.home-page .blogger-card,
html[data-theme="dark"] body.home-page .v4-faq-item,
html[data-theme="dark"] body.home-page .v4-add-shell{
  background:var(--ui-surface)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
}
html[data-theme="dark"] body.home-page .v4-split-visual{
  background:var(--ui-surface-3)!important;
}

/* Reliability: content must never remain invisible if an observer is delayed. */
body.v4-page [data-v4-reveal],
body.auth-page [data-v4-reveal],
body.reviewer-page-body [data-v4-reveal]{
  opacity:1!important;
  transform:none!important;
}

/* Feedback pages: keep the complete long-form directory surface dark, not only cards. */
html[data-theme="dark"] body.v4-feedback-page .feedback-main,
html[data-theme="dark"] body.v4-feedback-page .v4-feedback-main,
html[data-theme="dark"] body.v4-feedback-page .v4-feedback-directory,
html[data-theme="dark"] body.v4-feedback-page .v4-feedback-guidance{
  background:var(--ui-bg)!important;
  color:var(--ui-ink)!important;
}
html[data-theme="dark"] body.v4-feedback-page .v4-feedback-values{
  background:var(--ui-bg-2)!important;
  border-color:var(--ui-line)!important;
}
html[data-theme="dark"] body.v4-feedback-page .feedback-toolbar,
html[data-theme="dark"] body.v4-feedback-page .v4-feedback-editorial,
html[data-theme="dark"] body.v4-feedback-page .v4-feedback-value{
  background:var(--ui-surface)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
}

/* Mobile completion for legacy/non-v4 service pages (moderation/admin). */
@media(max-width:900px){
  html[data-theme="dark"] body.service-page:not(.v4-page){
    background:var(--ui-bg)!important;
    color:var(--ui-ink)!important;
  }
  html[data-theme="dark"] body.service-page:not(.v4-page) .submission-card,
  html[data-theme="dark"] body.service-page:not(.v4-page) .moderation-card,
  html[data-theme="dark"] body.service-page:not(.v4-page) .moderation-tool-card,
  html[data-theme="dark"] body.service-page:not(.v4-page) .moderation-batch-bar{
    background:var(--ui-surface)!important;
    color:var(--ui-ink)!important;
    border-color:var(--ui-line)!important;
    box-shadow:var(--ui-shadow-sm)!important;
  }
  html[data-theme="dark"] body.service-page:not(.v4-page) .submission-card h2,
  html[data-theme="dark"] body.service-page:not(.v4-page) .submission-field label,
  html[data-theme="dark"] body.service-page:not(.v4-page) .moderation-batch-bar strong{
    color:var(--ui-ink)!important;
  }
  html[data-theme="dark"] body.service-page:not(.v4-page) .submission-card p,
  html[data-theme="dark"] body.service-page:not(.v4-page) .moderation-batch-bar span{
    color:var(--ui-muted)!important;
  }
  html[data-theme="dark"] body.service-page:not(.v4-page) input,
  html[data-theme="dark"] body.service-page:not(.v4-page) select,
  html[data-theme="dark"] body.service-page:not(.v4-page) textarea{
    background:var(--ui-surface-2)!important;
    color:var(--ui-ink)!important;
    border-color:var(--ui-line-strong)!important;
  }
}

/* Final profile avatar geometry guard: keep the media fully inside its frame. */
body.creator-profile-page .profile-avatar-frame{
  position:relative!important;
  overflow:visible!important;
  margin-bottom:24px!important;
}
body.creator-profile-page .profile-avatar-frame > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
  border-radius:28px!important;
}
body.creator-profile-page .profile-identity{
  position:relative!important;
  z-index:3!important;
}


/* Home-page light/dark contrast correction — workflow + final CTA */
body.home-page.v4-page .v4-workflow{
  background:linear-gradient(145deg,#10142e 0%,#171b42 55%,#20255b 100%)!important;
  color:#fff!important;
}
body.home-page.v4-page .v4-workflow-shell{
  background:#ffffff!important;
  color:#171a35!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 28px 76px rgba(7,10,35,.22)!important;
}
body.home-page.v4-page .v4-workflow-copy .v4-section-kicker{
  color:#6f68e8!important;
}
body.home-page.v4-page .v4-workflow-copy h2{
  color:#171a35!important;
}
body.home-page.v4-page .v4-workflow-copy>p{
  color:#68708f!important;
}
body.home-page.v4-page .v4-steps article{
  background:linear-gradient(145deg,#f7f7fc 0%,#f0f1fa 100%)!important;
  border-color:rgba(42,47,92,.10)!important;
  box-shadow:0 10px 24px rgba(29,34,82,.06)!important;
}
body.home-page.v4-page .v4-steps article:hover{
  transform:translateY(-2px);
  border-color:rgba(105,100,232,.24)!important;
  box-shadow:0 14px 30px rgba(29,34,82,.10)!important;
}
body.home-page.v4-page .v4-steps span{
  color:#655fe1!important;
  font-size:.78rem!important;
  letter-spacing:.03em;
}
body.home-page.v4-page .v4-steps h3{
  color:#171a35!important;
  font-size:1.04rem!important;
}
body.home-page.v4-page .v4-steps p{
  color:#6f7692!important;
  font-size:.82rem!important;
}

body.home-page.v4-page .v4-final-cta{
  background:#ffffff!important;
}
body.home-page.v4-page .v4-final-shell{
  background:radial-gradient(circle at 8% 10%,rgba(146,132,255,.38),transparent 30%),linear-gradient(135deg,#10142f 0%,#20255d 58%,#343a83 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 24px 64px rgba(21,25,70,.20)!important;
  color:#fff!important;
}
body.home-page.v4-page .v4-final-shell .v4-section-kicker{
  color:#c9c6ff!important;
}
body.home-page.v4-page .v4-final-shell h2{
  color:#ffffff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
body.home-page.v4-page .v4-final-shell p{
  color:rgba(255,255,255,.78)!important;
}
body.home-page.v4-page .v4-final-actions .v4-btn-light{
  background:#ffffff!important;
  color:#171a35!important;
  border-color:#ffffff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
body.home-page.v4-page .v4-final-actions .v4-btn-glass{
  background:rgba(255,255,255,.10)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px);
}
body.home-page.v4-page .v4-final-actions .v4-btn-glass:hover{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.56)!important;
}

html[data-theme="dark"] body.home-page.v4-page .v4-workflow{
  background:var(--ui-bg)!important;
}
html[data-theme="dark"] body.home-page.v4-page .v4-workflow-shell{
  background:linear-gradient(145deg,#141830 0%,#171c38 100%)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
  box-shadow:var(--ui-shadow)!important;
}
html[data-theme="dark"] body.home-page.v4-page .v4-workflow-copy .v4-section-kicker{
  color:#aaa5ff!important;
}
html[data-theme="dark"] body.home-page.v4-page .v4-workflow-copy h2{
  color:var(--ui-ink)!important;
}
html[data-theme="dark"] body.home-page.v4-page .v4-workflow-copy>p{
  color:var(--ui-muted)!important;
}
html[data-theme="dark"] body.home-page.v4-page .v4-steps article{
  background:var(--ui-surface-2)!important;
  border-color:var(--ui-line)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.home-page.v4-page .v4-steps span{
  color:#aaa5ff!important;
}
html[data-theme="dark"] body.home-page.v4-page .v4-steps h3{
  color:var(--ui-ink)!important;
}
html[data-theme="dark"] body.home-page.v4-page .v4-steps p{
  color:var(--ui-muted)!important;
}
html[data-theme="dark"] body.home-page.v4-page .v4-final-cta{
  background:var(--ui-bg)!important;
}
html[data-theme="dark"] body.home-page.v4-page .v4-final-shell{
  background:radial-gradient(circle at 8% 10%,rgba(150,138,255,.18),transparent 30%),linear-gradient(135deg,#11152f 0%,#1b204d 58%,#292f6c 100%)!important;
  border-color:rgba(218,222,255,.12)!important;
  box-shadow:var(--ui-shadow)!important;
}


/* Light-theme workflow surface correction.
   The four-step section must stay visually light on the light theme and only
   use the deep navy treatment in dark mode. */
html[data-theme="light"] body.home-page.v4-page .v4-workflow{
  background:
    radial-gradient(circle at 14% 18%,rgba(128,115,255,.10),transparent 34%),
    radial-gradient(circle at 88% 82%,rgba(94,171,255,.08),transparent 30%),
    linear-gradient(180deg,#f6f7fc 0%,#eef1f8 100%)!important;
  color:#171a35!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-shell{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(50,58,100,.10)!important;
  box-shadow:0 24px 64px rgba(34,40,82,.10)!important;
  color:#171a35!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy .v4-section-kicker{
  color:#655fe1!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy h2{
  color:#171a35!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy>p{
  color:#68708f!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps article{
  background:linear-gradient(145deg,#fbfbfe 0%,#f2f3fa 100%)!important;
  border:1px solid rgba(50,58,100,.10)!important;
  box-shadow:0 10px 26px rgba(34,40,82,.06)!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps article:hover{
  background:#ffffff!important;
  border-color:rgba(101,95,225,.28)!important;
  box-shadow:0 16px 34px rgba(34,40,82,.10)!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps span{
  color:#655fe1!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps h3{
  color:#171a35!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps p{
  color:#6f7692!important;
}


/* Revert workflow light-theme background to the original dark presentation.
   Only refine the white workflow panel so its exposed outer corners are rounded. */
html[data-theme="light"] body.home-page.v4-page .v4-workflow{
  background:linear-gradient(145deg,#10142e 0%,#171b42 55%,#20255b 100%)!important;
  color:#fff!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-shell{
  background:#ffffff!important;
  color:#171a35!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:32px!important;
  overflow:hidden!important;
  box-shadow:0 28px 76px rgba(7,10,35,.22)!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy .v4-section-kicker{
  color:#6f68e8!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy h2{
  color:#171a35!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy>p{
  color:#68708f!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps article{
  background:linear-gradient(145deg,#f7f7fc 0%,#f0f1fa 100%)!important;
  border-color:rgba(42,47,92,.10)!important;
  box-shadow:0 10px 24px rgba(29,34,82,.06)!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps span{color:#655fe1!important}
html[data-theme="light"] body.home-page.v4-page .v4-steps h3{color:#171a35!important}
html[data-theme="light"] body.home-page.v4-page .v4-steps p{color:#6f7692!important}

@media (max-width:620px){
  html[data-theme="light"] body.home-page.v4-page .v4-workflow-shell{
    border-radius:26px!important;
  }
}


/* Requested workflow inner breathing room:
   keep the copy and four step cards away from the rounded white panel edges. */
body.home-page.v4-page .v4-workflow-shell{
  box-sizing:border-box!important;
  padding:30px 34px!important;
  gap:46px!important;
}
body.home-page.v4-page .v4-steps{
  gap:12px!important;
}
@media (max-width:620px){
  body.home-page.v4-page .v4-workflow-shell{
    padding:18px!important;
    gap:22px!important;
  }
  body.home-page.v4-page .v4-steps{
    gap:10px!important;
  }
}
@media (max-width:300px){
  body.home-page.v4-page .v4-workflow-shell{
    padding:14px!important;
  }
  body.home-page.v4-page .v4-steps{
    grid-template-columns:1fr!important;
  }
}


/* Home FAQ: complete dark-mode treatment for the real <details> cards. */
html[data-theme="dark"] body.home-page .v4-faq{
  background:var(--ui-bg)!important;
  color:var(--ui-ink)!important;
}
html[data-theme="dark"] body.home-page .v4-faq-grid > div:first-child h2{
  color:var(--ui-ink)!important;
}
html[data-theme="dark"] body.home-page .v4-faq-grid > div:first-child > p{
  color:var(--ui-muted)!important;
}
html[data-theme="dark"] body.home-page .v4-faq-list details{
  background:var(--ui-surface)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
  box-shadow:var(--ui-shadow-sm)!important;
}
html[data-theme="dark"] body.home-page .v4-faq-list details[open]{
  background:var(--ui-surface-2)!important;
  border-color:color-mix(in srgb,var(--ui-accent) 36%,var(--ui-line))!important;
}
html[data-theme="dark"] body.home-page .v4-faq-list summary{
  color:var(--ui-ink)!important;
}
html[data-theme="dark"] body.home-page .v4-faq-list details p{
  color:var(--ui-muted)!important;
}
html[data-theme="dark"] body.home-page .v4-faq-list summary::marker{
  color:var(--ui-accent)!important;
}