/* One visual system for every existing page. Routes and page-specific behavior stay intact. */
html body{background:var(--page);color:var(--tx);font-family:var(--font)!important;-webkit-font-smoothing:antialiased}
html body :is(button,input,select,textarea){font-family:inherit}
html body :is(h1,h2,h3,h4,strong){color:var(--ink)}
html body a{color:var(--acct)}
html body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--acct)!important;outline-offset:3px}
html body :is(input,select,textarea){background:var(--surf);color:var(--ink);border-color:var(--bl)}
html body :is(input,textarea)::placeholder{color:var(--mut);opacity:1}
html body :is(.primary-btn,.button.primary,.primary,.seo-button,.pay-primary,.wm-auth-submit,.pricing-card>a.seo-button-secondary){background:var(--acc)!important;color:var(--on-accent)!important;border:1px solid var(--acc2)!important;border-radius:9px;box-shadow:var(--shadow-sm)}
html body :is(.primary-btn,.button.primary,.primary,.seo-button,.pay-primary):hover{background:var(--acc2)!important}
html body :is(.soft-btn,.quiet-btn,.quiet,.button:not(.primary),.icon-button,.icon-btn,.seo-button-secondary,.theme-toggle,.lang-switcher-trigger,.domain-picker-trigger){background:var(--surf);color:var(--ink);border:1px solid var(--bl);border-radius:9px;box-shadow:var(--shadow-sm)}
html body :is(.panel,.metric,.setting-card,.auth-card,.wm-auth-card,.wm-personal-subscriptions,.wm-domain-context,.wm-content,.wm-sidebar,.wm-list-pane,.wm-viewer,.pay-card,.pay-summary,.price-card,.pricing-card,.seo-card,.seo-article,.seo-toc,.modal-card,dialog,.features-console>section){background:var(--surf);color:var(--tx);border-color:var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}
html body :is(.muted,.wm-field-hint,.wm-auth-note,.seo-muted,.pay-muted,small){color:var(--mut)}
html body :is(.sidebar,.wm-subscription,.premium-overview,.workspace-wallet,.premium-workspace-toolbar,.email-card,.message-pane,.inbox-sidebar,.domain-dialog,.seo-tip){background:var(--surf);border-color:var(--line);color:var(--tx)}
html body :is(.nav-item.active,.product-tab[aria-pressed=true],.inbox-chip.active,.wm-inbox.active,.domain-tab.active,.premium-nav-action[aria-pressed=true],.feature-tab.active){background:var(--soft)!important;color:var(--acct)!important;border-color:var(--cdb)!important}
html body :is(.badge,.pill,.notice,.status-badge){border-color:var(--line);color:var(--tx)}
html body :is(.danger,.danger-soft,.toolbar-danger){color:var(--danger);background:var(--danger-bg)}
html body :is(.seo-footer,.wm-footer,.pay-footer,.home-footer){background:var(--surf2);border-color:var(--line);color:var(--mut)}
html body :is(.topbar,.wm-header,.seo-header,.pay-header,.admin-header,.tma-unified-header,.reference-header){background:var(--surf)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important;backdrop-filter:none!important}
html body :is(.topbar-inner,.wm-header,.seo-header-inner,.pay-header,.admin-header){min-height:66px!important;gap:16px}
html body :is(.tma-unified-brand,.brand,.wm-brand,.seo-brand,.pay-brand,.lg){display:inline-flex;align-items:center;gap:10px;color:var(--ink)!important;font-size:19px!important;letter-spacing:-.4px;font-weight:700;text-decoration:none;white-space:nowrap}
html body :is(.tma-unified-mark,.brand-mark,.wm-mark,.seo-brand-mark,.checkout-brand-icon,.mk){display:inline-grid!important;place-items:center!important;width:32px!important;height:32px!important;min-width:32px!important;border-radius:9px!important;background:var(--acc)!important;color:var(--on-accent)!important;box-shadow:var(--shadow-sm)!important}
html body :is(.tma-unified-mark,.brand-mark,.wm-mark,.seo-brand-mark,.checkout-brand-icon,.mk)>svg{width:18px!important;height:18px!important;color:var(--on-accent)!important}
html body :is(.brand-temp,.brand-mail,.reference-brand-base){color:var(--ink)!important}
html body :is(.brand-ace,.reference-brand-accent,.lg>b){color:var(--acct)!important}
html body :is(.theme-toggle){width:42px;height:40px;min-width:42px;display:inline-grid!important;place-items:center;padding:0!important}
html body :is(.theme-toggle)>svg{width:20px;height:20px}
html body :is(.hero-badge,.home-ambient){display:none!important}
html body :is(.premium-account-bar,.premium-workspace-toolbar,.wm-toolbar,.wm-address-bar,.wm-message-options,.pay-plan,.pricing-table-scroll,.seo-featured){border-color:var(--line)}
html body :is(.wm-otp,.otp-card,.pricing-product-summary span,.premium-access-state,.seo-category){background:var(--soft);color:var(--acct);border-color:var(--cdb)}
html body :is(.workspace,.premium-overview,.premium-workspace-toolbar,.workspace-wallet){border-radius:16px;box-shadow:var(--shadow-sm)}
html body[data-plus-workspace] .workspace-ad-panel,html[data-plus-workspace=true] :is(.workspace-ad-panel,.ad-slot){display:none!important}
@media(prefers-reduced-motion:reduce){html *,html *::before,html *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html body .tma-language-picker summary{color:var(--ink);background:var(--surf);border-color:var(--bl);border-radius:9px}
html body .tma-language-picker nav{background:var(--surf);border-color:var(--bl)}
html body .tma-language-picker nav a{color:var(--ink)}
html body .tma-language-picker nav a[aria-current=true],html body .tma-language-check{color:var(--acct)}
html body .reference-tools-links{width:auto;flex:0 1 auto;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0}
html body .reference-tools-links .feature-control{background:transparent;color:var(--mut);border:0;padding:4px 0;font-size:13px;box-shadow:none}
html body .reference-tools-nav{max-width:1200px;margin:25px auto;padding:20px 28px;border-top:1px solid var(--line)}
html body :is(input[type=checkbox],input[type=radio]){accent-color:var(--acc)}
html body .feature-install:not(.is-running):not(:disabled){background:var(--acc)!important;color:var(--on-accent)!important;border-color:var(--acc2)!important}
html body .side-add{background:var(--surf);color:var(--acct);border-color:var(--bl)}
html body .side-add:hover{background:var(--soft)!important;color:var(--acct)!important}