.sj-steps,.sj-help,.sj-notice,.sj-payment{box-sizing:border-box;color:var(--site-fg,var(--fg));font:inherit}
.sj-steps{margin:12px 0 28px}.sj-steps ol{display:flex;flex-wrap:wrap;gap:16px 32px;list-style:none;padding:0;margin:0}.sj-steps li{display:flex;align-items:center;gap:10px;color:var(--site-muted,var(--muted))}.sj-steps li>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--site-border,var(--line));border-radius:50%;font-size:13px}.sj-steps [aria-current=step]{color:var(--site-primary-ink,var(--primary));font-weight:600}.sj-steps [aria-current=step]>span{background:var(--site-primary,var(--primary));color:#fff;border-color:transparent}.sj-steps a{color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center}
.sj-help{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--site-border,var(--line));border-radius:16px;padding:22px 24px;margin-block:24px;background:var(--site-surface,var(--surface))}.sj-help strong{font-size:16px}.sj-help p{font-size:14px;line-height:1.6;color:var(--site-muted,var(--muted));margin:5px 0 0;max-width:48ch}.sj-help nav,.sj-actions{display:flex;gap:8px 16px;align-items:center;flex-wrap:wrap}.sj-help a,.sj-actions a{display:inline-flex;align-items:center;min-height:44px;color:var(--site-primary-ink,var(--primary));font-size:14px;text-underline-offset:4px}
.sj-notice{border:1px solid var(--site-border,var(--line));border-radius:12px;background:var(--site-soft,var(--soft));padding:14px 16px;font-size:14px;line-height:1.7;margin-block:16px}.sj-notice:empty{display:none}.sj-notice[data-tone=error]{border-inline-start:3px solid var(--site-danger,#b42318)}
.sj-payment{border:1px solid var(--site-border,var(--line));border-radius:16px;padding:24px;margin-block:20px;background:var(--site-soft,var(--soft))}.sj-payment h2,.sj-payment h3{margin:0 0 10px;font-size:24px;line-height:1.3}.sj-payment p{line-height:1.7;margin:8px 0}.sj-payment[data-tone=success]{border-inline-start:4px solid var(--site-primary-ink,var(--primary))}.sj-payment[data-tone=error]{border-inline-start:4px solid var(--site-danger,#b42318)}.sj-ref{overflow-wrap:anywhere;font-size:13px;font-variant-numeric:tabular-nums}.sj-amount{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}
.sj-lookup summary{cursor:pointer;min-height:44px;align-content:center;color:var(--site-primary-ink,var(--primary))}.sj-lookup{border-bottom:1px solid var(--site-border,var(--line));padding-bottom:16px}.sj-updated{font-size:13px;color:var(--site-muted,var(--muted))}.sj-actions button{min-height:44px}.sj-steps a:focus-visible,.sj-help a:focus-visible,.sj-actions a:focus-visible,.sj-lookup summary:focus-visible{outline:3px solid var(--site-focus,var(--primary));outline-offset:4px;border-radius:4px}
.shop-checkout-summary .sj-notice{font-size:13px}.shop-checkout-summary [data-checkout-status]:not(:empty){border-inline-start:3px solid var(--site-primary,var(--primary));padding:12px 14px;background:var(--site-soft,var(--soft));border-radius:8px}.shop-checkout-summary [data-checkout-status][data-tone=error]{border-color:var(--site-danger,#b42318)}.shop-checkout-summary [data-checkout-status] a{margin-top:8px}.shop-checkout-summary .sj-review-title{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--site-primary-ink,var(--primary));font-weight:600;margin:0 0 12px}.shop-checkout-form input:focus-visible,.shop-checkout-form select:focus-visible,.shop-checkout-form textarea:focus-visible{outline:3px solid var(--site-focus,var(--primary));outline-offset:2px}.sj-field-help{font-size:13px;line-height:1.6;color:var(--site-muted,var(--muted))}.sj-refund-form{border-top:1px solid var(--site-border,var(--line));padding-top:20px}.sj-help [hidden],.sj-actions [hidden]{display:none!important}
@media(max-width:700px){.sj-help{align-items:stretch;flex-direction:column;padding:20px;gap:12px}.sj-help nav{display:grid;grid-template-columns:1fr}.sj-help a{border-top:1px solid var(--site-border,var(--line));padding-block:8px}.sj-steps ol{gap:8px;justify-content:space-between}.sj-steps li{font-size:12px;gap:6px;max-width:32%}.sj-steps li>span{flex-shrink:0;width:24px;height:24px;font-size:12px}.sj-payment{padding:20px}.sj-payment h2,.sj-payment h3{font-size:22px}.sj-actions{gap:8px}.sj-actions>*{flex:1 1 auto;text-align:center;justify-content:center}.shop-success{margin-block:16px!important}}
@media(prefers-reduced-motion:reduce){.sj-steps *,.sj-help *,.sj-payment *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.shop-success [hidden]{display:none!important}.sj-actions button:not(.button){padding:10px 16px;border:1px solid var(--site-border,var(--line));border-radius:10px;color:var(--site-fg,var(--fg));background:var(--site-surface,var(--surface));font:inherit;cursor:pointer}.sj-actions button:focus-visible{outline:3px solid var(--site-focus,var(--primary));outline-offset:3px}.sj-actions button:disabled{opacity:.55;cursor:wait}

/* Keep the checkout entry focused, with the same semantic colors as the shop. */
#shop-checkout-root {
  --checkout-ink: var(--site-fg, var(--fg, #252033));
  --checkout-muted: var(--site-muted, var(--muted-ink, #696477));
  --checkout-line: var(--site-border, var(--line, #e7e3ed));
  --checkout-surface: var(--site-surface, var(--surface, #fff));
  --checkout-soft: var(--site-soft, var(--soft, #f7f3fc));
  --checkout-accent: var(--site-primary-ink, var(--primary-ink, #7020d9));
  color: var(--checkout-ink);
  font-family: system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif;
}
#shop-checkout-root > .sj-steps { max-width: 640px; margin: 0 auto 32px; }
#shop-checkout-root > .sj-steps ol { flex-wrap: nowrap; align-items: center; gap: 0; }
#shop-checkout-root > .sj-steps li { flex: 1; min-width: 0; max-width: none; gap: 10px; font-size: 13px; line-height: 1.5; color: var(--checkout-muted); }
#shop-checkout-root > .sj-steps li:not(:last-child)::after { content: ''; flex: 1; min-width: 12px; height: 1px; margin-inline: 8px 18px; background: var(--checkout-line); }
#shop-checkout-root > .sj-steps li:last-child { flex: 0 1 auto; }
#shop-checkout-root > .sj-steps li > span { flex-shrink: 0; width: 32px; height: 32px; background: var(--checkout-surface); border-color: var(--checkout-line); }
#shop-checkout-root > .sj-steps [aria-current=step] { color: var(--checkout-accent); }
#shop-checkout-root > .sj-steps [aria-current=step] > span { color: #fff; background: var(--site-primary, var(--purple, #8125ef)); border-color: transparent; box-shadow: 0 0 0 5px var(--checkout-soft); }
#shop-checkout-root .sj-login { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; max-width: 760px; margin: 0 auto; padding: 44px 32px 36px; border: 1px solid var(--checkout-line); border-radius: 24px; background: var(--checkout-surface); box-shadow: 0 8px 32px #24133906; text-align: center; }
.sj-login-icon { display: grid; place-items: center; width: 76px; height: 76px; margin-bottom: 24px; border-radius: 24px; color: var(--checkout-accent); background: var(--checkout-soft); }
.sj-login-icon svg { width: 44px; height: 44px; }
#shop-checkout-root .sj-login h2 { margin: 0 0 14px; color: var(--checkout-ink); font-size: clamp(24px, 3vw, 28px); font-weight: 650; letter-spacing: -.025em; line-height: 1.35; }
#shop-checkout-root .sj-login-description { max-width: 390px; margin: 0; color: var(--checkout-muted); font-size: 14px; line-height: 1.9; text-wrap: pretty; }
.sj-login-actions { display: flex; flex-direction: column; align-items: center; gap: 8px; width: min(100%, 260px); margin-top: 28px; }
#shop-checkout-root .sj-login-actions .button { box-sizing: border-box; width: 100%; min-height: 48px; border-radius: 12px; font-size: 15px; font-weight: 600; }
.sj-login-back { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding-inline: 16px; color: var(--checkout-muted); font-size: 13px; text-decoration: none; }
.sj-login-back:hover { color: var(--checkout-accent); text-decoration: underline; text-underline-offset: 4px; }
#shop-checkout-root > .sj-help { box-sizing: border-box; max-width: 760px; margin: 24px auto 0; padding: 20px 4px; border: 0; border-radius: 0; gap: 20px; background: transparent; }
#shop-checkout-root > .sj-help strong { color: var(--checkout-ink); font-size: 14px; font-weight: 600; }
#shop-checkout-root > .sj-help p { max-width: 36ch; color: var(--checkout-muted); font-size: 12px; }
#shop-checkout-root > .sj-help nav { flex-shrink: 0; gap: 4px; }
#shop-checkout-root > .sj-help a { padding-inline: 12px; color: var(--checkout-muted); font-size: 13px; text-decoration: none; border-radius: 8px; }
#shop-checkout-root > .sj-help a:hover { color: var(--checkout-accent); background: var(--checkout-soft); }
#shop-checkout-root > .sj-help a:last-child { color: var(--checkout-accent); }
.sj-login a:focus-visible { outline: 3px solid var(--site-focus, var(--checkout-accent)); outline-offset: 4px; border-radius: 8px; }
@media (max-width: 700px) {
  #shop-checkout-root > .sj-steps { margin-bottom: 24px; }
  #shop-checkout-root > .sj-steps li { flex-direction: column; flex: 1; position: relative; font-size: 12px; gap: 10px; text-align: center; }
  #shop-checkout-root > .sj-steps li:last-child { flex: 1; }
  #shop-checkout-root > .sj-steps li:not(:last-child)::after { position: absolute; top: 16px; inset-inline-start: calc(50% + 24px); width: calc(100% - 48px); margin: 0; min-width: 0; }
  #shop-checkout-root > .sj-steps a { min-height: 0; }
  #shop-checkout-root .sj-login { padding: 32px 22px 24px; border-radius: 20px; }
  .sj-login-icon { width: 64px; height: 64px; border-radius: 20px; margin-bottom: 20px; }
  #shop-checkout-root > .sj-help { align-items: center; text-align: center; padding: 0; gap: 12px; }
  #shop-checkout-root > .sj-help nav { display: flex; justify-content: center; flex-wrap: wrap; }
  #shop-checkout-root > .sj-help a { border: 0; padding: 0 10px; }
}
/* After-sales history contains paragraphs and forms, not cart price rows. */
.shop-success .oc-timeline{list-style:none;padding:0;margin:20px 0;border-inline-start:2px solid var(--site-border,var(--line))}.shop-success .oc-timeline>li{display:block;padding:0 0 20px 16px;min-width:0}.shop-success .oc-timeline p{white-space:pre-wrap;overflow-wrap:anywhere}.shop-success .oc-timeline section{margin-block:16px}.shop-success .oc-timeline details{margin-block:16px}.shop-success .oc-timeline summary{cursor:pointer;min-height:44px;align-content:center}.shop-success .oc-timeline small{display:block;margin-block:8px;color:var(--site-muted,var(--muted))}.shop-success .oc-timeline button{max-width:100%;white-space:normal}

/* Reading feedback shares the site's theme tokens; no fixed overlay covers input. */
.mw-generation-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 24px}
.mw-generation-actions p{flex:1 1 260px;margin:0;line-height:1.65;overflow-wrap:anywhere}
.mw-generation-actions button{min-height:44px}
.mw-generation-status{color:var(--muted-ink)}
.mw-generation-status[role=alert]{color:var(--fg);border-inline-start:3px solid var(--purple);padding-inline-start:12px}
.mw-form-error{color:var(--fg);padding:12px 16px;border:1px solid var(--line);border-inline-start:3px solid var(--purple);border-radius:10px;background:var(--soft);line-height:1.6;overflow-wrap:anywhere}
.mw-form-error[hidden]{display:none}
.mw-reading-output{min-width:0;max-width:100%;overflow-wrap:anywhere}
.mw-reading-output .mw-prose{white-space:normal}
.mw-reading-skeleton{width:min(460px,100%);min-height:112px;display:grid;align-content:start;gap:14px;padding-block:12px}
.mw-reading-skeleton span{height:12px;border-radius:6px;background:var(--line);animation:mw-reading-pulse 1.6s ease-in-out infinite}
.mw-reading-skeleton span:nth-child(2){width:90%}.mw-reading-skeleton span:last-child{width:65%}
@keyframes mw-reading-pulse{50%{opacity:.4}}
#follow-up textarea[readonly],#guest-form textarea[readonly]{opacity:.8}
.mw-result-layout>section,.mw-message>div:last-child{min-width:0}
#follow-up textarea,.mw-spread-form textarea,#guest-form textarea{scroll-margin-block:90px 32px}
.mw-generation-actions button:focus-visible,#follow-up button:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
@media(max-width:760px){
 #follow-up textarea,#guest-form textarea,.mw-spread-form textarea,.mw-spread-form .mw-choice-inputs input{font-size:16px}
 #follow-up .mw-question-footer{gap:12px;flex-wrap:wrap}
 #follow-up .mw-question-footer button{min-width:44px;min-height:44px}
 #follow-up{padding-bottom:env(safe-area-inset-bottom,0px)}
 .mw-reading-output{line-height:1.8}
 .mw-generation-actions button{flex-grow:1}
 #experience-dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain}
}
@media(prefers-reduced-motion:reduce){.mw-reading-skeleton span{animation:none}}
/* Compact reading hierarchy, using the existing light/dark design tokens. */
.mw-reading-reader{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding-block-end:14px;border-block-end:1px solid var(--border,#e4e4e7)}
.mw-reading-reader>span{font-size:11px;border:1px solid var(--border,#e4e4e7);border-radius:99px;padding:2px 7px;color:var(--muted-foreground,#71717a)}
.mw-conversation .mw-message{align-items:flex-start;gap:12px}
.mw-conversation .mw-message>div{min-width:0;overflow-wrap:anywhere}
.mw-conversation .mw-user-message{flex-direction:row-reverse;margin-block:18px}
.mw-conversation .mw-user-message>div{background:var(--primary,#7f22fe);color:#fff;border-radius:16px 16px 4px 16px;padding:12px 16px;max-width:90%}
.mw-conversation #interpretation>p,.mw-conversation #interpretation>ul,.mw-conversation #interpretation>ol{line-height:1.75;margin-block:0 18px}
.mw-conversation #interpretation>h2,.mw-conversation #interpretation>h3{font-size:1.08rem;margin-block:24px 10px}
.mw-result-layout>aside{border:1px solid var(--border,#e4e4e7);border-radius:18px;padding:16px;align-self:start;background:var(--card,#fff)}
.mw-card-details{margin-block-start:14px;color:var(--muted-foreground,#71717a)}
.mw-card-details summary{cursor:pointer;min-height:36px;display:list-item}
.dark .mw-result-layout>aside{background:var(--card,#18181b)}
@media(max-width:640px){.mw-result-layout>aside{padding:12px}.mw-result-layout>.mw-reading-reader{margin-top:0}.mw-conversation .mw-message{gap:8px}.mw-conversation .mw-avatar{width:28px;height:28px;min-width:28px}.mw-reading-reader{margin-top:4px}}

.mw-art-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:20px}.mw-art-choices label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;cursor:pointer}.mw-art-choices img{width:100%;max-height:220px;object-fit:contain}.mw-art-choices input{width:20px;height:20px}.mw-art-choices small{color:var(--muted,#777)}

.mw-lookup-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-block:24px}.mw-lookup-filters label{display:grid;gap:8px;flex:1;min-width:150px}.mw-lookup-filters input,.mw-lookup-filters select{width:100%;min-height:44px;padding:10px;border:1px solid var(--border,#c9c4d3);border-radius:10px;background:var(--panel,#fff);color:inherit}.mw-lookup-table{overflow:auto;margin-block:24px}.mw-lookup table{width:100%;border-collapse:collapse;table-layout:fixed}.mw-lookup th,.mw-lookup td{text-align:start;padding:16px 10px;border-bottom:1px solid var(--border,#ddd);vertical-align:top;overflow-wrap:anywhere}.mw-lookup th:first-child{width:28%}.mw-lookup details summary{cursor:pointer;padding-block:12px;font-size:13px}.mw-tendency{font-weight:600}.mw-tendency-yes{color:#187346}.mw-tendency-no{color:#b44456}.mw-tendency-maybe{color:#795d20}html.dark .mw-tendency,html[data-theme="dark"] .mw-tendency{color:#decafa}.mw-lookup tr[hidden]{display:none}@media(max-width:500px){.mw-lookup th,.mw-lookup td{padding:12px 5px;font-size:13px}.mw-lookup-filters label:first-child{flex-basis:100%}}

.mw-full-reading{margin-block:20px}.mw-full-reading>summary{cursor:pointer;min-height:44px;color:var(--primary,#7354a3);font-weight:600;display:list-item;padding:12px 4px}.mw-revisit{display:flex;flex-wrap:wrap;gap:20px;align-items:center;grid-column:1/-1}.mw-revisit nav{display:flex;gap:16px}.mw-voice-conversation{max-width:680px;margin:auto}.mw-voice-conversation>p{line-height:1.7}.mw-voice-answer{white-space:pre-wrap;line-height:1.7}

.mw-pro-billing{padding:0 24px 16px;margin:0;color:var(--muted,#756c82)}

.mw-reading-ready-notice{position:fixed;z-index:80;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--fg);box-shadow:0 8px 32px #0002}
.mw-reading-ready-notice p{flex:1;margin:0;font-size:14px;overflow-wrap:anywhere}.mw-reading-ready-notice button{min-height:44px;flex-shrink:0;border-radius:10px;padding:10px 12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer}.mw-reading-ready-notice .mw-primary{background:var(--purple);color:white;border-color:var(--purple)}
.mw-reading-ready-notice button:focus-visible{outline:3px solid var(--purple);outline-offset:2px}#interpretation,.mw-reading-output{scroll-margin-block:100px 120px}
@media(max-width:420px){.mw-reading-ready-notice{flex-wrap:wrap}.mw-reading-ready-notice p{flex-basis:calc(100% - 60px)}.mw-reading-ready-notice button:last-child{position:absolute;right:10px;top:10px}.mw-reading-ready-notice .mw-primary{width:100%}}

/* Browser-measured reference: 1440px desktop / 375px mobile, September 2026. */
.mw-footer {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  border: 0;
  color: var(--footer-fg);
  background: var(--footer-bg);
  font: 16px/24px Onest, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.mw-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle, color-mix(in oklch, var(--footer-primary) 30%, transparent) 0%, transparent 60%) -160px -160px / 520px 520px no-repeat;
  filter: blur(40px);
}
.mw-footer::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .06;
  background-image: radial-gradient(circle at 20% 40%, white 1px, transparent 1px), radial-gradient(circle at 70% 80%, white 1px, transparent 1px), radial-gradient(circle at 85% 20%, white 1px, transparent 1px);
  background-size: 180px 180px, 240px 240px, 320px 320px;
}
.mw-footer-inner { position: relative; z-index: 1; max-width: var(--mw-shell-width,1280px); margin-inline: auto; padding: 64px var(--mw-page-gutter,24px) 40px; }
.mw-footer-top { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 40px; }
.mw-footer-top > * { min-width: 0; }
.mw-footer ul { list-style: none; margin: 0; padding: 0; }
.mw-footer-about { grid-column: 1 / 5; grid-row: 1; }
.mw-footer .mw-brand {
  display: inline-flex;
  gap: 6px;
  height: 24px;
  margin: 0 0 16px;
  color: var(--footer-fg);
  font: 700 22px/24px Onest, system-ui, sans-serif;
  font-variant: normal;
  letter-spacing: -.6px;
}
.mw-footer .mw-brand > img { width: 24px; height: 24px; flex-basis: 24px; filter: none; }
.mw-footer .mw-brand > .mw-brand-name { line-height: 24px; }
.mw-footer-about p { max-width: 34ch; margin: 0; color: var(--footer-muted); font-size: 14px; line-height: 1.75; text-wrap: pretty; }
.mw-footer .mw-revisit { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; margin-top: 24px; padding: 0; }
.mw-footer .mw-revisit nav { display: flex; flex-wrap: wrap; gap: 6px; color: var(--footer-muted); }
.mw-footer .mw-revisit nav a { min-height: 36px; display: inline-flex; align-items: center; padding-inline: 8px; font-size: 12px; }
.mw-footer-app { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.mw-footer-app > a { order: 1; display: inline-flex; align-items: center; min-height: 36px; color: var(--footer-muted); font-size: 14px; line-height: 24px; }
.mw-footer [data-install-app] {
 order:2;display:inline-flex;align-items:center;gap:9px;width:fit-content;max-width:100%;min-height:44px;
 padding:10px 16px;border:1px solid color-mix(in srgb,var(--footer-muted) 30%,transparent);border-radius:999px;
 background:rgb(255 255 255 / .04);color:var(--footer-fg);
 font-size:13px;font-weight:500;line-height:20px;text-align:start;overflow-wrap:anywhere;
 transition:background .15s,border-color .15s;
}
.mw-footer [data-install-app]::before {
 content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;opacity:.85;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 10v11l-7-4-7 4V5a2 2 0 0 1 2-2h6M18 2v6m-3-3h6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mw-footer [data-install-app]:hover { background:rgb(255 255 255 / .09);border-color:color-mix(in srgb,var(--footer-muted) 65%,transparent); }
.mw-footer [data-install-app]:focus-visible { border-radius:999px; }
.mw-footer [data-install-app][hidden] { display:none; }
.mw-footer-map { grid-column: 5 / 10; grid-row: 1; }
.mw-footer-map > h2 { margin: 0 0 20px; color: var(--footer-muted); font-size: 11px; font-weight: 600; line-height: 16.5px; letter-spacing: .16em; text-transform: uppercase; }
.mw-footer-map nav { display: block; margin: 0; }
.mw-footer-map ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 24px; }
.mw-footer-map a { display: block; padding: 0; color: var(--footer-muted); font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.mw-footer-more { grid-column: 10 / 13; grid-row: 1; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 12px; margin: 0; padding-top: 36.5px; color: var(--footer-fg); }
.mw-footer-more a { display: inline-flex; align-items: center; gap: 4px; margin: 0; padding-block: 4px; font-size: 14px; font-weight: 500; line-height: 21px; }
.mw-footer-more a::after { content: ""; width: 16px; height: 16px; background: currentColor; opacity: 0; clip-path: polygon(0 44%, 74% 44%, 40% 10%, 49% 1%, 99% 50%, 49% 99%, 40% 90%, 74% 56%, 0 56%); transition: opacity .15s; }
.mw-footer .mw-footer-more a:hover { color: var(--footer-primary); }
.mw-footer-more a:hover::after { opacity: 1; }
[dir="rtl"] .mw-footer-more a::after { transform: rotate(180deg); }
.mw-footer a { transition: color .15s; }
.mw-footer a:hover { color: var(--footer-fg); }
.mw-footer a:focus-visible, .mw-footer button:focus-visible { outline: 2px solid var(--site-focus); outline-offset: 4px; border-radius: 3px; }
.mw-footer-divider { height: 1px; margin-top: 56px; background: var(--footer-border); }
.mw-footer-languages { display: block; margin-top: 32px; padding: 0; border: 0; color: var(--footer-muted); font-size: 16px; line-height: 24px; }
.mw-footer-languages ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 20px; }
.mw-footer-languages a { display: inline; font-size: 12px; line-height: 18px; }
.mw-footer .mw-copyright { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; margin: 32px 0 0; padding: 0; border: 0; color: var(--footer-muted); text-align: start; font-size: 12px; line-height: 18px; }
.mw-footer-legal { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; }
.mw-footer .mw-footer-legal a { display: block; margin: 0; line-height: 18px; }
.mw-footer-legal > span { color: color-mix(in srgb, var(--footer-muted) 50%, transparent); font-size: 10px; line-height: 15px; }
@media (max-width: 1023px) {
  .mw-footer-inner { padding-top: 40px; padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  .mw-footer-top { display: flex; flex-direction: column; gap: 32px; }
  .mw-footer-about { min-height: 208.5px; }
  .mw-footer-app { gap: 16px; }
  .mw-footer-app > a { min-height: 40px; }
  .mw-footer-about p { max-width: none; font-size: 15px; line-height: 1.7; }
  .mw-footer .mw-revisit { margin-top: 20px; gap: 16px; }
  .mw-footer .mw-revisit nav a { min-height: 40px; }
  .mw-footer-more { align-items: stretch; gap: 0; margin: 0; padding: 0; border-block: 1px solid var(--footer-border); }
  .mw-footer-more a { display: flex; justify-content: space-between; gap: 16px; padding-block: 16px; font-size: 16px; font-weight: 600; line-height: 24px; }
  .mw-footer-more a + a { border-top: 1px solid var(--footer-border); }
  .mw-footer-more a::after { width: 18px; height: 18px; flex: 0 0 18px; opacity: .5; color: var(--footer-muted); }
  .mw-footer-map { margin: 0; }
  .mw-footer-map > h2 { margin-bottom: 16px; letter-spacing: .14em; }
  .mw-footer-map ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
  .mw-footer-map a { padding-block: 4px; }
  .mw-footer-divider { margin-top: 40px; }
  .mw-footer-languages ul { gap: 10px 16px; }
  .mw-footer .mw-copyright { flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--footer-border); }
  .mw-copyright > span { order: 2; }
  .mw-footer-legal { order: 1; }
}
@media (max-width: 639px) { .mw-footer-inner { padding-inline: 16px; } }


/* Official social destinations are supplied by the support configuration. */
.mw-footer [data-official-social][hidden]{display:none}
.mw-footer .mw-revisit nav a.mw-social-icon{width:44px;min-height:44px;padding:0;justify-content:center;border-radius:8px}
.mw-footer .mw-social-icon svg{width:20px;height:20px;flex:none}
.mw-footer .mw-social-icon:hover{background:rgb(255 255 255 / .08)}
.mw-footer .mw-social-icon:focus-visible{outline:2px solid var(--footer-fg);outline-offset:2px}

/* Cross-platform ergonomics. Colors and feature layouts remain owned by their
   existing components. The native shell applies safe areas outside its iframe. */
:root{
 --mw-shell-width:1280px;
 --mw-page-gutter:24px;
 --mw-safe-top:env(safe-area-inset-top,0px);
 --mw-safe-right:env(safe-area-inset-right,0px);
 --mw-safe-bottom:env(safe-area-inset-bottom,0px);
 --mw-safe-left:env(safe-area-inset-left,0px);
 --mw-header-height:65px;
 --mw-viewport-height:100dvh;
}
html[data-miniapp]{--mw-safe-top:0px;--mw-safe-right:0px;--mw-safe-bottom:0px;--mw-safe-left:0px}
html{scroll-padding-top:calc(var(--mw-header-height) + var(--mw-safe-top) + 16px)}
body[data-site-shell=unified]{padding-inline:var(--mw-safe-left) var(--mw-safe-right)}
.mw-header{height:calc(var(--mw-header-height) + var(--mw-safe-top));padding-top:var(--mw-safe-top)}
#experience-root{min-width:0}
/* Shared supporting content follows the footer's inner edges, outside page renders. */
.mw-global-help{
 width:calc(100% - 2 * var(--mw-page-gutter));
 max-width:calc(var(--mw-shell-width) - 2 * var(--mw-page-gutter));
 margin-inline:auto;
}
.mw-global-help>.sj-help{min-width:0}
.mw-chat-page>.mw-global-help,
body:has(.mw-voice-page)>.mw-global-help,
body:has(.mw-studio-landing-scope)>.mw-global-help{display:none}
.sj-help>div,.sj-help>nav{min-width:0}
.sj-help a{overflow-wrap:anywhere}
@media(max-width:639px){:root{--mw-page-gutter:16px}}
#experience-root :is(input,textarea,select){min-width:0}
#experience-root :is(h1,h2,h3,p,label),.mw-toolbar,.mw-row{overflow-wrap:anywhere}
:is(a,button,summary,input,textarea,select,[tabindex]):focus-visible{
 outline:3px solid var(--site-focus);outline-offset:3px;
}
.mw-question:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 12%,transparent)}
.mw-question textarea:focus-visible{outline:0}
:is(button,summary,a){touch-action:manipulation}
.mw-header>nav>a[aria-current=page]{color:var(--primary-ink);background:var(--soft)}
.mw-header nav>details>div{
 max-height:calc(var(--mw-viewport-height) - var(--mw-header-height) - var(--mw-safe-top) - 24px);
 overflow-y:auto;overscroll-behavior:contain;
}
#experience-dialog{
 max-width:calc(100% - var(--mw-safe-left) - var(--mw-safe-right) - 32px);
 max-height:calc(var(--mw-viewport-height) - var(--mw-safe-top) - var(--mw-safe-bottom) - 32px);
 overscroll-behavior:contain;scroll-padding-block:24px;
}
#experience-dialog[data-spread-picker=true]{
 height:var(--mw-viewport-height);max-height:var(--mw-viewport-height);
 padding-top:calc(24px + var(--mw-safe-top));padding-bottom:calc(24px + var(--mw-safe-bottom));
}
#experience-dialog>.mw-close{min-width:44px;min-height:44px;display:grid;place-items:center;line-height:1}
#mw-notice{bottom:calc(24px + var(--mw-safe-bottom));overflow-wrap:anywhere}
.mw-header-popover,#mw-music-popover,.mw-currency-options{
 max-height:calc(var(--mw-viewport-height) - var(--mw-safe-top) - var(--mw-safe-bottom) - 24px);
 overscroll-behavior:contain;
}
.mw-loading{padding:clamp(32px,8vw,90px) 20px}
.mw-tabs>button{min-width:0;overflow-wrap:anywhere}
.mw-position-input>input,.mw-row>span,.mw-profile-top>div{min-width:0}
.mw-profile-details>[data-profile]>span:first-child{flex-shrink:0;max-width:45%}
.mw-profile-details>[data-profile]>span:last-child{text-align:end;overflow-wrap:anywhere}
@media(max-width:1119px){
 :root{--mw-header-height:60px}
 .mw-header .mw-header-tools>button,.mw-header #mw-account summary{width:44px;height:44px;min-width:44px;padding:10px}
 .mw-header #mw-account>a{min-height:44px;height:auto}
 .mw-header.is-open>nav{
  top:calc(var(--mw-header-height) + var(--mw-safe-top));
  max-height:calc(var(--mw-viewport-height) - var(--mw-header-height) - var(--mw-safe-top));
  padding-bottom:calc(16px + var(--mw-safe-bottom));
  padding-left:max(16px,var(--mw-safe-left));padding-right:max(16px,var(--mw-safe-right));
 }
 .mw-header.is-open>nav>details>div{max-height:none;overflow:visible}
}
@media(max-width:760px),(pointer:coarse){
 /* Form and reference-page controls must remain finger-sized across templates. */
 #experience-root :is(button,a.mw-primary,input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select),
 #experience-dialog :is(button,input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select){
  min-height:44px;
 }
 #experience-root :is(button,a.mw-primary){white-space:normal}

 #experience-root :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select),
 #experience-dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){font-size:16px}
 .mw-language-options button,.mw-mobile-controls button{height:auto;min-height:44px}
 .mw-currency-options>[role=option],.mw-header details>div>a{min-height:44px}
 .mw-draw-setting{min-height:44px}
 .mw-chip,.mw-tabs>button,.mw-toolbar>button,.mw-actions>button,.mw-actions>a,
 .mw-pricing-currency>button,.mw-period-toggle>button,.mw-profile .mw-row button,
 .mw-history-ranges button,.mw-history-actions button,.mw-history-actions a,
 .mw-question-footer button,.mw-spread-head>button{min-height:44px}
 .mw-history-actions button,.mw-question-footer button{min-width:44px}
 .mw-chat-content>header .mw-chat-mobile-back,.mw-chat-content>header .mw-chat-mobile-history,
 .mw-chat-content>header .mw-chat-mobile-new,.mw-chat-form button{min-width:44px;min-height:44px;height:auto}
 .mw-chat-content>header .mw-chat-mobile-back{display:grid;place-items:center;line-height:1}
 .mw-chat-content>header{height:auto;min-height:64px;flex-wrap:wrap}
 .mw-chat-form{gap:8px;align-items:flex-end}
 .mw-benefits{flex-wrap:wrap;row-gap:6px}
 .mw-tabs{flex-wrap:wrap}
 .mw-tabs>button{flex:1 1 100px}
 .mw-spread-head{flex-wrap:wrap}
 .mw-mode{flex-wrap:wrap}
 .mw-row{gap:12px}
 .mw-footer-inner{padding-bottom:calc(24px + var(--mw-safe-bottom))}
}
@media(max-width:380px){
 .mw-header>.mw-brand{flex:1 1 auto;min-width:0}
 .mw-header .mw-brand-name{font-size:14px}
 .mw-language-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mw-profile .mw-row{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .mw-slot button:hover:not(:disabled),.mw-deck button:hover img,.mw-deck button:focus-visible img{transform:none}
}


/* Keep the shared account navigation above a viewport-wide scrim. */
html:has(.mw-account-menu[open]){overflow:hidden;scrollbar-gutter:stable}
.mw-header #mw-account .mw-account-backdrop{
 position:fixed;inset:0;z-index:50;background:rgb(15 18 28 / .44);cursor:default;
}
.dark .mw-header #mw-account .mw-account-backdrop{background:rgb(0 0 0 / .6)}
.mw-header #mw-account .mw-account-menu[open]>summary{position:relative;z-index:61;box-shadow:0 0 0 4px var(--surface)}
/* Compact identity, grouped destinations and a persistent sign-out row. */
.mw-header #mw-account .mw-account-panel{
 inset-block-start:calc(100% + 24px);inset-inline-end:0;inset-inline-start:auto;
 width:304px;min-width:0;max-width:calc(100vw - 24px);
 max-height:calc(var(--mw-viewport-height) - var(--mw-header-height) - var(--mw-safe-top) - var(--mw-safe-bottom) - 24px);
 padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden;text-align:start;
 border-radius:14px;box-shadow:0 16px 48px rgb(0 0 0 / .18),0 2px 8px rgb(0 0 0 / .06);color:var(--fg);z-index:60;
}
.mw-account-heading{display:flex;align-items:center;gap:10px;padding:12px;flex:none;border-bottom:1px solid var(--line)}
.mw-account-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--primary-ink);font-size:14px;font-weight:700}
.mw-account-identity{min-width:0;flex:1}
.mw-account-identity strong,.mw-account-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mw-account-identity strong{font-size:14px;line-height:20px;font-weight:600}
.mw-account-identity small{font-size:12px;line-height:20px;color:var(--muted-ink)}
.mw-header #mw-account .mw-account-close{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:0;background:transparent;color:var(--muted-ink);border-radius:8px}
.mw-account-links{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 8px;scroll-padding-block:8px}
.mw-account-group{padding:4px 0}
.mw-account-group+.mw-account-group{border-top:1px solid var(--line)}
.mw-account-group [data-account-platform]{display:contents}
.mw-header #mw-account .mw-account-link{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin:0;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--fg);font-size:14px;font-weight:400;line-height:20px;text-align:start;text-decoration:none;white-space:normal}
.mw-account-link>.mw-ui-icon{flex:0 0 20px;color:var(--muted-ink);stroke-width:1.7}
.mw-account-link>span{min-width:0;flex:1;overflow-wrap:anywhere}
.mw-account-tier{font-size:11px;line-height:18px;padding:1px 8px;border-radius:999px;background:var(--soft);color:var(--primary-ink);font-weight:600}
.mw-header #mw-account :is(.mw-account-link,.mw-account-close):hover{background:var(--soft);color:var(--primary-ink)}
.mw-header #mw-account .mw-account-link[aria-current=page]{background:var(--soft);color:var(--primary-ink);font-weight:600}
.mw-account-link[aria-current=page]>.mw-ui-icon{color:inherit}
.mw-account-footer{flex:none;padding:6px 8px;border-top:1px solid var(--line)}
.mw-header #mw-account [data-signout]:hover{color:var(--danger-ink)}
.mw-account-panel :focus-visible{outline-offset:-3px}
@media(max-width:420px){
 .mw-header #mw-account .mw-account-panel{position:fixed;top:calc(var(--mw-header-height) + var(--mw-safe-top) + 8px);inset-inline:12px;width:auto;max-width:none}
}

/* File inputs have an intrinsic width that must not size a narrow dialog. */
#experience-dialog :is(form,.mw-field){min-width:0;max-width:100%}
#experience-dialog input[type=file]{box-sizing:border-box;min-width:0;width:100%;max-width:100%}

.mw-preference-status{font-size:14px;line-height:1.5;margin:8px 0;color:var(--muted-ink);overflow-wrap:anywhere}
.mw-preference-status:empty{display:none}
.mw-preference-status[role=alert]{color:var(--danger-ink)}

/* Keep account actions readable while long email addresses wrap within their row. */
@media(max-width:760px){
 #experience-root .mw-profile div.mw-row>span{flex:1 1 0;min-width:0}
 #experience-root .mw-profile div.mw-row>span small{overflow-wrap:anywhere}
 #experience-root .mw-profile div.mw-row>button{flex:0 0 auto;min-width:max-content;white-space:nowrap}
}

/* Detail fixes only. Preserve each existing page's typography, palette,
   card shape, spacing and composition; do not add a global visual skin. */
#experience-root :is(button,input,select,textarea){font-family:inherit}
#experience-root :is(button,a):focus-visible,
#experience-dialog :is(button,a,[role=tab]):focus-visible{outline:2px solid var(--site-focus);outline-offset:3px}
#experience-root button:disabled{cursor:not-allowed}
#experience-root .mw-actions{flex-wrap:wrap}
#experience-root :is(.mw-panel,.oc-panel,.mw-profile-card)>:last-child{margin-bottom:0}

/* Prevent account navigation overlapping the following profile content. */
#experience-root .mw-profile .mw-order-center-link{
 display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin-block:0 24px;
}
#experience-root .mw-feedback-columns{display:grid;gap:24px;max-width:none;margin:0 0 24px}
#experience-root .mw-feedback-page>.mw-panel+.mw-panel{margin-top:24px}
#experience-root .mw-feedback-page>.mw-panel,#experience-root .mw-feedback-columns>.mw-panel{min-width:0}
#experience-root .mw-feedback-page .mw-panel>.mw-primary{margin-bottom:12px}
#experience-root .mw-feedback-page [role=alert]:empty,
#experience-root .mw-birth-calculator>[data-birth-error]:empty{display:none}

/* Keep reading and forms usable without restyling them. */
#experience-root .mw-chat-bubble{overflow-wrap:anywhere;min-width:0}
#experience-root .mw-chat-form button{min-width:44px;min-height:44px;flex-shrink:0}
#experience-root .mw-chat-content>header :is(button,a){min-height:44px;min-width:44px}
#experience-root .mw-birth-calculator>[data-birthday]{text-align:start}
#experience-root .mw-birth-result{scroll-margin-top:calc(var(--mw-header-height,65px) + 24px)}
#experience-root .mw-blog-body :is(h2,h3):focus{outline:none}
#experience-root .mw-blog-body :is(h2,h3):focus-visible{outline:2px solid var(--site-focus);outline-offset:6px}
#experience-root :is(.mw-art-choices,.mw-back-choices) label:focus-within{outline:2px solid var(--site-focus);outline-offset:3px}
#experience-root .mw-art-choices label{min-width:0}
#experience-dialog [role=tab]{min-height:44px}
#experience-root :is(.mw-price,.oc-total,.shop-price){font-variant-numeric:tabular-nums}
@media(max-width:639px){
 #experience-root .mw-art-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #experience-root :is(.mw-field,.mw-panel,.mw-profile-card,.shop-checkout-form,.mw-contact-form) :is(input,select,textarea),
 #experience-dialog :is(input,select,textarea){font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 #experience-root :is(button,input,select,textarea,.mw-reader,.mw-love-choice,.mw-art-choices label,.mw-back-choices label),
 .mw-blog-page [data-blog-progress]{transition:none}
}

/* Input usability fixes; normal colors, borders, radii and sizes belong to the original page styles. */
:root{
 --field-radius:12px;--field-height:48px;--field-padding:14px;
 --field-ink:var(--site-fg,var(--fg,var(--text,#18181b)));
 --field-surface:var(--site-surface,var(--surface,#fff));
 --field-muted:var(--site-muted,var(--muted-ink,var(--muted,#62626b)));
 --field-line:var(--site-control-border,var(--field-border,#a1a1aa));
 --field-accent:var(--site-primary-ink,var(--violet-ink,var(--purple,#7020c5)));
 --field-soft:var(--site-soft,var(--soft,var(--surface-2,#faf7ff)));
 --field-danger:var(--site-danger,var(--danger,#b42335));
}
:is(#experience-root,#experience-dialog,.mw-header,body[data-admin-console],.website-stars)
 :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea){
 box-sizing:border-box;min-width:0;max-width:100%;
 font-family:inherit;font-size:16px;line-height:24px;
 caret-color:var(--field-accent);scroll-margin-block:100px 32px;
 transition:border-color .16s,box-shadow .16s,background-color .16s;
}
/* Keep text entry easy to tap while retaining the original field decoration. */
:is(#experience-root,#experience-dialog,.mw-header,body[data-admin-console],.website-stars)
 :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number]){min-height:44px}
:is(#experience-root,#experience-dialog,body[data-admin-console],.website-stars) textarea{
 display:block;max-width:100%;line-height:24px;
}
:is(#experience-root,#experience-dialog,.mw-header,body[data-admin-console],.website-stars)
 :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea)::placeholder{color:var(--field-muted);opacity:1}
:is(#experience-root,#experience-dialog,.mw-header,body[data-admin-console],.website-stars)
 :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea):focus-visible{
 --field-state-line:var(--field-accent);outline:2px solid var(--field-accent);outline-offset:2px;border-color:var(--field-accent);
 box-shadow:0 0 0 4px color-mix(in srgb,var(--field-accent) 10%,transparent);
}
:is(#experience-root,#experience-dialog,.mw-header,body[data-admin-console],.website-stars)
 :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea):is([aria-invalid=true],:user-invalid){
 --field-state-line:var(--field-danger);border-color:var(--field-danger);
}
:is(#experience-root,#experience-dialog,.mw-header,body[data-admin-console],.website-stars)
 :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea):is([aria-invalid=true],:user-invalid):focus-visible{
 outline-color:var(--field-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--field-danger) 10%,transparent);
}
:is(#experience-root,#experience-dialog,.mw-header,body[data-admin-console],.website-stars)
 :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea):disabled{background:var(--field-soft);color:var(--field-muted);opacity:1;cursor:not-allowed;box-shadow:none}
:is(#experience-root,#experience-dialog,body[data-admin-console],.website-stars)
 :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea)[readonly]{background:var(--field-soft);color:var(--field-muted);box-shadow:none}

/* The frame owns focus; textarea and counter share exactly the same inset. */
#experience-root .mw-question{
 padding:0;overflow:hidden;
 transition:border-color .16s,box-shadow .16s;
}
#experience-root .mw-question:focus-within,
#experience-root :is(.mw-chat-form,.mw-psychic-form):focus-within{
 border-color:var(--field-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--field-accent) 13%,transparent);
}
#experience-root .mw-question>textarea{
 display:block;width:100%;
 padding:16px;border:0;border-radius:0;background:transparent;font-size:16px;line-height:24px;
 outline:none;box-shadow:none;
}
#experience-root .mw-question:has(textarea:is([aria-invalid=true],:user-invalid)){border-color:var(--field-danger)}
#experience-root :is(.mw-question,.mw-chat-form,.mw-psychic-form):has(textarea:is(:disabled,[readonly])){background:var(--field-soft)}
#experience-root .mw-question>.mw-question-footer{
 margin:0;padding:4px 16px 12px;min-height:36px;gap:12px;flex-wrap:wrap;
 color:var(--field-muted);font-size:12px;line-height:20px;
}
#experience-root .mw-question-footer [data-count]{padding:0;font-variant-numeric:tabular-nums}
#experience-root :is([data-count],[data-free-count])[data-limit-state=near]{color:var(--field-accent);font-weight:600}
#experience-root :is([data-count],[data-free-count])[data-limit-state=full]{color:var(--field-danger);font-weight:600}
#experience-root .mw-free-input-count,.website-stars .input-count{font-size:12px;line-height:20px;color:var(--field-muted);font-variant-numeric:tabular-nums}
#experience-root .mw-free-input-count{text-align:end;margin-block:6px 12px}

/* Authentication and compact chat use the same tokens with explicit sizing. */
#experience-root .starcore-auth #demo-auth-form input:not([type=checkbox]),
#experience-root .starcore-auth #signup-otp-code{font-size:16px;line-height:24px}
#experience-root :is(.mw-chat-form,.mw-psychic-form){
 min-width:0;
}
#experience-root :is(.mw-chat-form,.mw-psychic-form)>textarea{
 flex:1;min-width:0;padding:4px;
 border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;line-height:24px;font-size:16px;
}
#experience-root :is(.mw-chat-form,.mw-psychic-form)>button{width:44px;min-width:44px;min-height:44px;flex-shrink:0}
@media(hover:hover){
 :is(#experience-root,#experience-dialog,body[data-admin-console],.website-stars)
 :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea):hover:not(:disabled):not([readonly]):not(:focus-visible):not([aria-invalid=true]):not(:user-invalid){--field-state-line:var(--field-accent);border-color:var(--field-accent)}
 #experience-root .mw-question:hover:not(:has(textarea:is(:disabled,[aria-invalid=true],:user-invalid))){border-color:var(--field-accent)}
}
@media(prefers-reduced-motion:reduce){
 :is(#experience-root,#experience-dialog,.mw-header,body[data-admin-console],.website-stars) :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea),
 #experience-root :is(.mw-question,.mw-chat-form,.mw-psychic-form){transition:none}
}
/* Long-form editors retain their writing space while sharing field states. */
#blog-form textarea[name=body]{height:430px;min-height:430px;font-family:ui-monospace,monospace;font-size:16px;line-height:1.85}

#experience-root .mw-question:has(textarea:is([aria-invalid=true],:user-invalid)):focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--field-danger) 13%,transparent)}
#experience-root :is(.mw-question,.mw-chat-form,.mw-psychic-form):focus-within>textarea:focus-visible{outline:none;box-shadow:none}

/* Original approved raster lettering, including the y flourish, rendered without its canvas. */
.mw-brand { direction:ltr; }
.mw-brand > img.mw-brand-wordmark,
.mw-header .mw-brand > img.mw-brand-wordmark,
.mw-footer .mw-brand > img.mw-brand-wordmark {
 display:block;width:178px;height:auto;min-width:0;max-width:none;
 flex:0 0 178px;aspect-ratio:1940 / 380;object-fit:contain;border-radius:0;filter:none;
}
.mw-brand > img:not(.mw-brand-wordmark),
.mw-header .mw-brand > img:not(.mw-brand-wordmark),
.mw-footer .mw-brand > img:not(.mw-brand-wordmark) {
 width:30px;height:30px;min-width:30px;max-width:30px;flex:0 0 30px;
 object-fit:contain;border-radius:0;filter:none;
}
.mw-footer .mw-brand { height:auto;align-items:center; }
@media(max-width:480px) {
 .mw-header .mw-brand > img.mw-brand-wordmark { width:clamp(120px,36vw,168px);flex-basis:clamp(120px,36vw,168px); }
 .mw-header .mw-brand > img:not(.mw-brand-wordmark) { width:26px;height:26px;min-width:26px;max-width:26px;flex-basis:26px; }
}
/* Keep the selected violet colors; the retired book icon needed brightening. */
html.dark .mw-header .mw-brand > img { filter:none; }

/* Follow the site's explicit theme, including dynamically rendered workspace brands. */
html.dark .mw-brand > img.mw-brand-wordmark,
.mw-footer .mw-brand > img.mw-brand-wordmark {
 content:url('/assets/original/brand-wordmark-dark-web.svg?v=20260918');
}
html.dark .mw-brand > img:not(.mw-brand-wordmark),
.mw-footer .mw-brand > img:not(.mw-brand-wordmark) {
 content:url('/assets/original/brand-emblem-dark-web.svg?v=20260918');
}

/* Opt-in color layer only. No geometry, typography, images or behavior changes.
   Green / gold / Atlantic blue echo Brazil's familiar national palette. */
html[data-site-palette="brazil"] {
  --site-bg: #fbfcf7;
  --site-fg: #16382e;
  --site-surface: #ffffff;
  --site-soft: #edf6ef;
  --site-muted: #50665e;
  --site-border: #d3e2d7;
  --site-control-border: #748b7c;
  --site-primary: #086b46;
  --site-primary-foreground: #ffffff;
  --site-primary-ink: #08613f;
  --site-focus: #17629c;
  --primary-hover: #055337;
  --disabled-surface: #e4ede5; --disabled-ink: #586c61;
  --brazil-gold: #f2c94c;
  --brazil-gold-soft: #fff5cc;
  --brazil-gold-ink: #715000;
  --brazil-blue: #174e87;
  --brazil-blue-soft: #eaf2fa;
  --brazil-accent-border: #9bbb9f;
  --footer-bg: #092e47;
  --footer-fg: #f5faf7;
  --footer-muted: #bdced5;
  --footer-primary: #f2c94c;
  --footer-border: #ffffff26;
  --shadow-primary: 0 8px 24px #086b4638;
}
html.dark[data-site-palette="brazil"] {
  --site-bg: #0b1914;
  --site-fg: #edf7f0;
  --site-surface: #13291f;
  --site-soft: #203c2e;
  --site-muted: #b5cbbd;
  --site-border: #375646;
  --site-control-border: #6f917c;
  --site-primary: #147a50;
  --site-primary-ink: #81dfaf;
  --site-focus: #a4cff5;
  --primary-hover: #106942;
  --disabled-surface: #293b30; --disabled-ink: #b5cbbd;
  --brazil-gold-soft: #3b3218;
  --brazil-gold-ink: #f5d978;
  --brazil-blue: #a4cff5;
  --brazil-blue-soft: #162f45;
  --brazil-accent-border: #5d9772;
}
/* Also cover page-local semantic aliases without changing the default theme. */
html[data-site-palette="brazil"] {
  --bg: var(--site-bg); --fg: var(--site-fg);
  --surface: var(--site-surface); --soft: var(--site-soft);
  --line: var(--site-border); --muted: var(--site-muted); --muted-ink: var(--site-muted);
  --purple: var(--site-primary); --background: var(--site-bg); --foreground: var(--site-fg);
  --card: var(--site-surface); --card-foreground: var(--site-fg);
  --popover: var(--site-surface); --popover-foreground: var(--site-fg);
  --primary: var(--site-primary); --primary-foreground: var(--site-primary-foreground);
  --secondary: var(--site-soft); --secondary-foreground: var(--site-fg);
  --muted-foreground: var(--site-muted); --accent: var(--site-soft); --accent-foreground: var(--site-fg);
  --border: var(--site-border); --input: var(--site-control-border); --ring: var(--site-focus);
  --text: var(--site-fg); --primary-ink: var(--site-primary-ink);
}
html[data-site-palette="brazil"] :is(.mw-primary,.mw-start,.mw-period-toggle button[aria-pressed="true"],.mw-free-empty span,.spread-num) {
  background-color: var(--site-primary); color: var(--site-primary-foreground);
}
html[data-site-palette="brazil"] :is(.mw-primary,.mw-start):hover:not(:disabled) { background-color: var(--primary-hover); }
html[data-site-palette="brazil"] :is(.mw-primary,.mw-start):disabled { background-color: var(--disabled-surface); color: var(--disabled-ink); }
html[data-site-palette="brazil"] :is(.mw-chip,.mw-question,.mw-free-empty,.mw-badge) { border-color: var(--brazil-accent-border); }
html[data-site-palette="brazil"] .mw-guest-home #guest-form :is(.mw-chip,.mw-question) { border-color: var(--brazil-accent-border); }
html[data-site-palette="brazil"] .mw-guest-home #guest-form .mw-chip { background-color: var(--site-soft); }
html[data-site-palette="brazil"] .mw-guest-home #guest-form .mw-chip:hover { background-color: var(--site-border); }
html[data-site-palette="brazil"] .mw-guest-home #guest-form .mw-question:focus-within { box-shadow: 0 10px 15px -3px #086b4633,0 4px 6px -4px #086b4633; }
html[data-site-palette="brazil"] :is(.mw-chip[aria-pressed="true"],.mw-chat-sidebar [aria-current="page"]) {
  background-color: var(--site-soft); color: var(--site-primary-ink); border-color: var(--site-primary-ink);
}
html[data-site-palette="brazil"] :is(.mw-success-icon,.mw-support-icon,.mw-contact-emblem,.mw-live-modes i,.mw-affiliate-steps article>span,.mw-spread-position>span,.mw-oracle-prompt) {
  background-color: var(--site-soft); color: var(--site-primary-ink);
}
html[data-site-palette="brazil"] :is(.mw-pricing-grid article.featured,.mw-membership-status,.mw-chat-oracle) {
  border-color: var(--brazil-accent-border);
  background-color: var(--site-surface);
  background-image: linear-gradient(145deg,var(--site-soft),var(--site-surface));
  color: var(--site-fg);
}
html[data-site-palette="brazil"] :is(.mw-plus-plan,.mw-pro-plan) { border-color: var(--brazil-accent-border); }
html[data-site-palette="brazil"] .mw-plus-plan>button:not(:disabled) { color: var(--site-primary-ink); background-color: var(--site-surface); }
html[data-site-palette="brazil"] :is(.mw-badge,.mw-member-status>span) { background-color: var(--brazil-gold-soft); color: var(--brazil-gold-ink); border-color: var(--brazil-gold); }
html[data-site-palette="brazil"] :is(.mw-pricing-grid li:before,.mw-chat-oracle>span,.mw-master-orbit,.mw-referral-hero>span,.legal-document a:not([data-local-locale-link])) { color: var(--site-primary-ink); }
html[data-site-palette="brazil"] :is(.mw-live-cta,.mw-consultant-placeholder) { background-color: var(--site-soft); color: var(--site-fg); }
html[data-site-palette="brazil"] .mw-chat-form[aria-busy="true"] button[type="submit"] { background-color: var(--site-soft); color: var(--site-primary-ink); }
html[data-site-palette="brazil"] .mw-home-bottom-scope .bg-\[\#0e0a1c\] { background-color: #092e47; }
/* Legacy public content shares the same palette; status/error colors stay semantic. */
html[data-site-palette="brazil"] :is(.starcore-yes-no-form,.starcore-love-form) {
  border-color: var(--brazil-accent-border);
  background-image: linear-gradient(135deg,var(--site-soft),var(--site-surface) 52%);
}
html[data-site-palette="brazil"] :is(.starcore-yes-no-form,.starcore-love-form) :is(h2,label) { color: var(--site-fg); }
html[data-site-palette="brazil"] :is(.starcore-yes-no-form,.starcore-love-form) textarea {
  background-color: var(--site-surface); color: var(--site-fg); border-color: var(--site-control-border);
}
html[data-site-palette="brazil"] :is(.starcore-yes-no-status,.starcore-love-status,.starcore-love-theme,.starcore-yes-no-form-head>p:not(.starcore-yes-no-kicker)) { color: var(--site-muted); }
html[data-site-palette="brazil"] :is(.starcore-yes-no-kicker,.starcore-love-kicker,.starcore-yes-no-links a,.starcore-love-links a,.starcore-yes-no-login,.starcore-love-login) { color: var(--brazil-blue); }
html[data-site-palette="brazil"] :is(.starcore-yes-no-start,.starcore-love-start) {
  background-color: var(--site-surface); color: var(--site-primary-ink); border-color: var(--brazil-accent-border);
}
html[data-site-palette="brazil"] :is(.starcore-yes-no-start.is-selected,.starcore-love-start) {
  background-color: var(--site-primary); color: var(--site-primary-foreground);
}
html[data-site-palette="brazil"] .rt-hero { background-image: radial-gradient(ellipse 80% 60% at 50% 30%,#086b4659,transparent 70%),linear-gradient(180deg,#092e47,#0b1914); }
html[data-site-palette="brazil"] .rt-reveal-btn { background-image: linear-gradient(135deg,#055337,#086b46); color: #fff5cc; }
html[data-site-palette="brazil"] .rt-hero :is(#rt-result,#rt-ai) { background-color: #13291fe6; border-color: #5d9772; }
html[data-site-palette="brazil"] .rt-hero #rt-result :is(a,.spread-pos) { color: #a4cff5; }

html[data-site-palette="brazil"] .mw-guest-home #guest-form .mw-chip[aria-pressed="true"] { background-color: var(--site-soft); color: var(--site-primary-ink); border-color: var(--site-primary-ink); }
html[data-site-palette="brazil"] .mw-guest-home #guest-form .mw-start:disabled { background-color: var(--disabled-surface); color: var(--disabled-ink); }
html[data-site-palette="brazil"] .mw-plus-plan { background-color: var(--site-primary); color: var(--site-primary-foreground); }
html[data-site-palette="brazil"] .mw-plus-plan li:before { color: var(--brazil-gold); }
html[data-site-palette="brazil"] .mw-period-toggle small { background-color: var(--brazil-gold-soft); color: var(--brazil-gold-ink); }
html[data-site-palette="brazil"] :is(.mw-home-bottom-scope,.mw-studio-landing-scope) .bg-primary { background-color: var(--site-primary); color: var(--site-primary-foreground); }

/* Gold is reserved for the main invitation; dark green text remains readable. */
html[data-site-palette="brazil"] .mw-guest-home #guest-form .mw-start:not(:disabled) { background-color: var(--brazil-gold); color: #16382e; }
html[data-site-palette="brazil"] .mw-guest-home #guest-form .mw-start:hover:not(:disabled) { background-color: #e4b939; }

/* Opt-in color layer only. No geometry, typography, images or behavior changes.
   Snow white / deep blue / restrained red echo Russia's familiar national palette. */
html[data-site-palette="russia"] {
  --site-bg: #f7f9fd;
  --site-fg: #182a46;
  --site-surface: #ffffff;
  --site-soft: #edf2fa;
  --site-muted: #53637b;
  --site-border: #d5deeb;
  --site-control-border: #77869f;
  --site-primary: #234f96;
  --site-primary-foreground: #ffffff;
  --site-primary-ink: #214782;
  --site-focus: #b22f49;
  --primary-hover: #193d78;
  --disabled-surface: #e4eaf3; --disabled-ink: #5b6780;
  --russia-red: #b22f49;
  --russia-red-soft: #fff0f2;
  --russia-red-ink: #98253d;
  --russia-blue: #234f96;
  --russia-blue-soft: #edf2fa;
  --russia-accent-border: #9bafcc;
  --footer-bg: #101f3a;
  --footer-fg: #f5f8ff;
  --footer-muted: #bccae0;
  --footer-primary: #ffb7c5;
  --footer-border: #ffffff26;
  --shadow-primary: 0 8px 24px #234f9638;
}
html.dark[data-site-palette="russia"] {
  --site-bg: #0d1627;
  --site-fg: #edf3ff;
  --site-surface: #16243b;
  --site-soft: #223653;
  --site-muted: #b8c8df;
  --site-border: #3b5275;
  --site-control-border: #748aad;
  --site-primary: #315fa4;
  --site-primary-ink: #afcaff;
  --site-focus: #afcaff;
  --primary-hover: #28538f;
  --disabled-surface: #283b57; --disabled-ink: #b8c8df;
  --russia-red-soft: #3e2230;
  --russia-red-ink: #ffbdcc;
  --russia-blue: #afcaff;
  --russia-blue-soft: #223653;
  --russia-accent-border: #728fb8;
}
/* Also cover page-local semantic aliases without changing the default theme. */
html[data-site-palette="russia"] {
  --bg: var(--site-bg); --fg: var(--site-fg);
  --surface: var(--site-surface); --soft: var(--site-soft);
  --line: var(--site-border); --muted: var(--site-muted); --muted-ink: var(--site-muted);
  --purple: var(--site-primary); --background: var(--site-bg); --foreground: var(--site-fg);
  --card: var(--site-surface); --card-foreground: var(--site-fg);
  --popover: var(--site-surface); --popover-foreground: var(--site-fg);
  --primary: var(--site-primary); --primary-foreground: var(--site-primary-foreground);
  --secondary: var(--site-soft); --secondary-foreground: var(--site-fg);
  --muted-foreground: var(--site-muted); --accent: var(--site-soft); --accent-foreground: var(--site-fg);
  --border: var(--site-border); --input: var(--site-control-border); --ring: var(--site-focus);
  --text: var(--site-fg); --primary-ink: var(--site-primary-ink);
}
html[data-site-palette="russia"] :is(.mw-primary,.mw-start,.mw-period-toggle button[aria-pressed="true"],.mw-free-empty span,.spread-num) {
  background-color: var(--site-primary); color: var(--site-primary-foreground);
}
html[data-site-palette="russia"] :is(.mw-primary,.mw-start):hover:not(:disabled) { background-color: var(--primary-hover); }
html[data-site-palette="russia"] :is(.mw-primary,.mw-start):disabled { background-color: var(--disabled-surface); color: var(--disabled-ink); }
html[data-site-palette="russia"] :is(.mw-chip,.mw-question,.mw-free-empty,.mw-badge) { border-color: var(--russia-accent-border); }
html[data-site-palette="russia"] .mw-guest-home #guest-form :is(.mw-chip,.mw-question) { border-color: var(--russia-accent-border); }
html[data-site-palette="russia"] .mw-guest-home #guest-form .mw-chip { background-color: var(--site-soft); }
html[data-site-palette="russia"] .mw-guest-home #guest-form .mw-chip:hover { background-color: var(--site-border); }
html[data-site-palette="russia"] .mw-guest-home #guest-form .mw-question:focus-within { box-shadow: 0 10px 15px -3px #234f9633,0 4px 6px -4px #234f9633; }
html[data-site-palette="russia"] :is(.mw-chip[aria-pressed="true"],.mw-chat-sidebar [aria-current="page"]) {
  background-color: var(--site-soft); color: var(--site-primary-ink); border-color: var(--site-primary-ink);
}
html[data-site-palette="russia"] :is(.mw-success-icon,.mw-support-icon,.mw-contact-emblem,.mw-live-modes i,.mw-affiliate-steps article>span,.mw-spread-position>span,.mw-oracle-prompt) {
  background-color: var(--site-soft); color: var(--site-primary-ink);
}
html[data-site-palette="russia"] :is(.mw-pricing-grid article.featured,.mw-membership-status,.mw-chat-oracle) {
  border-color: var(--russia-accent-border);
  background-color: var(--site-surface);
  background-image: linear-gradient(145deg,var(--site-soft),var(--site-surface));
  color: var(--site-fg);
}
html[data-site-palette="russia"] :is(.mw-plus-plan,.mw-pro-plan) { border-color: var(--russia-accent-border); }
html[data-site-palette="russia"] .mw-plus-plan>button:not(:disabled) { color: var(--site-primary-ink); background-color: var(--site-surface); }
html[data-site-palette="russia"] :is(.mw-badge,.mw-member-status>span) { background-color: var(--russia-red-soft); color: var(--russia-red-ink); border-color: var(--russia-red); }
html[data-site-palette="russia"] :is(.mw-pricing-grid li:before,.mw-chat-oracle>span,.mw-master-orbit,.mw-referral-hero>span,.legal-document a:not([data-local-locale-link])) { color: var(--site-primary-ink); }
html[data-site-palette="russia"] :is(.mw-live-cta,.mw-consultant-placeholder) { background-color: var(--site-soft); color: var(--site-fg); }
html[data-site-palette="russia"] .mw-chat-form[aria-busy="true"] button[type="submit"] { background-color: var(--site-soft); color: var(--site-primary-ink); }
html[data-site-palette="russia"] .mw-home-bottom-scope .bg-\[\#0e0a1c\] { background-color: #101f3a; }
/* Legacy public content shares the same palette; status/error colors stay semantic. */
html[data-site-palette="russia"] :is(.starcore-yes-no-form,.starcore-love-form) {
  border-color: var(--russia-accent-border);
  background-image: linear-gradient(135deg,var(--site-soft),var(--site-surface) 52%);
}
html[data-site-palette="russia"] :is(.starcore-yes-no-form,.starcore-love-form) :is(h2,label) { color: var(--site-fg); }
html[data-site-palette="russia"] :is(.starcore-yes-no-form,.starcore-love-form) textarea {
  background-color: var(--site-surface); color: var(--site-fg); border-color: var(--site-control-border);
}
html[data-site-palette="russia"] :is(.starcore-yes-no-status,.starcore-love-status,.starcore-love-theme,.starcore-yes-no-form-head>p:not(.starcore-yes-no-kicker)) { color: var(--site-muted); }
html[data-site-palette="russia"] :is(.starcore-yes-no-kicker,.starcore-love-kicker,.starcore-yes-no-links a,.starcore-love-links a,.starcore-yes-no-login,.starcore-love-login) { color: var(--russia-blue); }
html[data-site-palette="russia"] :is(.starcore-yes-no-start,.starcore-love-start) {
  background-color: var(--site-surface); color: var(--site-primary-ink); border-color: var(--russia-accent-border);
}
html[data-site-palette="russia"] :is(.starcore-yes-no-start.is-selected,.starcore-love-start) {
  background-color: var(--site-primary); color: var(--site-primary-foreground);
}
html[data-site-palette="russia"] .rt-hero { background-image: radial-gradient(ellipse 80% 60% at 50% 30%,#234f9659,transparent 70%),linear-gradient(180deg,#101f3a,#0d1627); }
html[data-site-palette="russia"] .rt-reveal-btn { background-image: linear-gradient(135deg,#193d78,#234f96); color: #fff0f2; }
html[data-site-palette="russia"] .rt-hero :is(#rt-result,#rt-ai) { background-color: #16243be6; border-color: #728fb8; }
html[data-site-palette="russia"] .rt-hero #rt-result :is(a,.spread-pos) { color: #afcaff; }

html[data-site-palette="russia"] .mw-guest-home #guest-form .mw-chip[aria-pressed="true"] { background-color: var(--site-soft); color: var(--site-primary-ink); border-color: var(--site-primary-ink); }
html[data-site-palette="russia"] .mw-guest-home #guest-form .mw-start:disabled { background-color: var(--disabled-surface); color: var(--disabled-ink); }
html[data-site-palette="russia"] .mw-plus-plan { background-color: var(--site-primary); color: var(--site-primary-foreground); }
html[data-site-palette="russia"] .mw-plus-plan li:before { color: #ffd8e1; }
html[data-site-palette="russia"] .mw-period-toggle small { background-color: var(--russia-red-soft); color: var(--russia-red-ink); }
html[data-site-palette="russia"] :is(.mw-home-bottom-scope,.mw-studio-landing-scope) .bg-primary { background-color: var(--site-primary); color: var(--site-primary-foreground); }

/* Red is reserved for the main invitation; white text remains readable. */
html[data-site-palette="russia"] .mw-guest-home #guest-form .mw-start:not(:disabled) { background-color: var(--russia-red); color: #ffffff; }
html[data-site-palette="russia"] .mw-guest-home #guest-form .mw-start:hover:not(:disabled) { background-color: #92243b; }
