:root{color-scheme:dark;--mt-bg: #05030a;--mt-surface: #120d22;--mt-surface-1: #160f29;--mt-surface-2: #1c1433;--mt-surface-3: #251b40;--mt-surface-4: #2f2350;--mt-text: #f5ecd6;--mt-text-2: #ddd0b4;--mt-text-3: #b9ad93;--mt-outline: #8c7a55;--mt-outline-variant: #3a2d55;--mt-primary: #e9c97a;--mt-on-primary: #1a1206;--mt-primary-container: #3a2c12;--mt-on-primary-container: #f6e3a8;--mt-error: #f2b8b5;--mt-success: #8fd6a0;--mt-scrim: rgba(0, 0, 0, .7);--mt-shadow-1: 0 1px 2px rgba(0, 0, 0, .6);--mt-shadow-2: 0 2px 10px rgba(0, 0, 0, .6);--mt-shadow-3: 0 14px 36px -8px rgba(0, 0, 0, .8);--c-blue: #9db8ff;--c-red: #ff9f9a;--c-green: #8fd6a0;--c-amber: #f2c06b;--c-purple: #c9a2ff;--c-teal: #7fdad6;--c-pink: #ffa8d2;--c-indigo: #b3b8ff;--grad: linear-gradient(100deg, #f6e3a8 0%, #e9c97a 50%, #b98a3a 100%);--font: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-code: "Google Sans Code", ui-monospace, SFMono-Regular, Menlo, monospace;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 24px;--r-xl: 28px;--r-2xl: 36px;--r-full: 999px;--ease: cubic-bezier(.2, 0, 0, 1);--ease-emph: cubic-bezier(.05, .7, .1, 1);--ease-spring: cubic-bezier(.32, .72, 0, 1);--wrap: 1200px;--topbar-h: 64px}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topbar-h) + 16px)}body{margin:0;background:var(--mt-bg);color:var(--mt-text);font-family:var(--font);font-size:16px;line-height:1.6;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{max-width:100%}a{color:var(--mt-primary);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font:inherit;color:inherit}h1,h2,h3,h4{line-height:1.2;font-weight:500;letter-spacing:-.01em;margin:0}p{margin:0 0 1em}:focus-visible{outline:2px solid var(--mt-primary);outline-offset:2px;border-radius:6px}::selection{background:var(--mt-primary-container);color:var(--mt-on-primary-container)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--mt-primary);color:var(--mt-on-primary);padding:10px 16px;border-radius:var(--r-full)}.skip:focus{top:12px}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}.wrap.narrow{max-width:780px}.ic{flex:none;display:block}kbd{font-family:var(--font-code);font-size:12px;border:1px solid var(--mt-outline-variant);border-bottom-width:2px;border-radius:6px;padding:0 6px;color:var(--mt-text-3);background:var(--mt-surface)}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cat, var(--mt-primary));margin:0 0 8px}.lead{font-size:clamp(17px,1.6vw,20px);color:var(--mt-text-2);line-height:1.55;max-width:64ch}.center{text-align:center;margin-left:auto;margin-right:auto;justify-content:center}.text-link{display:inline-flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--mt-bg) 86%,transparent);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid transparent;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.topbar.is-scrolled{border-bottom-color:var(--mt-outline-variant)}.topbar-in{height:var(--topbar-h);max-width:1320px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:8px}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--mt-text);text-decoration:none!important;padding:6px 8px;border-radius:var(--r-full)}.logo-word{font-size:21px;font-weight:500;letter-spacing:-.02em}.logo-word span{color:var(--mt-text-3);font-weight:400}.icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border:0;background:transparent;border-radius:50%;color:var(--mt-text-2);cursor:pointer;transition:background .2s var(--ease)}.icon-btn:hover{background:var(--mt-surface-3);text-decoration:none}.menu-btn{display:none;position:relative}.menu-btn span{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:currentColor;transition:transform .35s var(--ease-spring),top .35s var(--ease-spring)}.menu-btn span:first-child{top:17px}.menu-btn span:last-child{top:25px}.menu-btn[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}.menu-btn[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}.topnav{display:flex;align-items:center;gap:2px;margin-left:12px}.topnav-item{position:relative}.topnav-link{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:var(--r-full);color:var(--mt-text-2);font-weight:500;font-size:15px;border:0;background:none;cursor:pointer;text-decoration:none!important;transition:background .2s var(--ease),color .2s}.topnav-link:hover,.topnav-link[aria-expanded=true]{background:var(--mt-surface-2);color:var(--mt-text)}.topnav-link .ic{transition:transform .3s var(--ease)}.topnav-link[aria-expanded=true] .ic{transform:rotate(180deg)}.mega{position:absolute;top:calc(100% + 10px);left:-12px;width:min(760px,92vw);background:var(--mt-surface);border-radius:var(--r-xl);box-shadow:var(--mt-shadow-3);border:1px solid var(--mt-outline-variant);padding:12px;animation:pop .28s var(--ease-emph);transform-origin:top left}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.nav-cat{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--r-md);color:var(--mt-text);text-decoration:none!important;transition:background .2s var(--ease)}.nav-cat:hover{background:var(--mt-surface-2)}.nav-cat-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--cat);background:color-mix(in srgb,var(--cat) 12%,var(--mt-surface));flex:none}.nav-cat strong{display:block;font-weight:500}.nav-cat small{color:var(--mt-text-3);font-size:13px}.mega-all{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:12px;border-radius:var(--r-md);background:var(--mt-surface-2);font-weight:500}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.search-trigger{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 10px 0 14px;border-radius:var(--r-full);border:0;background:var(--mt-surface-2);color:var(--mt-text-3);cursor:pointer;min-width:240px;transition:background .2s var(--ease),box-shadow .2s}.search-trigger:hover{background:var(--mt-surface-3)}.search-trigger span{flex:1;text-align:left;font-size:15px}.ic-sun{display:none}:root[data-theme=dark] .ic-sun{display:block}:root[data-theme=dark] .ic-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ic-sun{display:block}:root:not([data-theme=light]) .ic-moon{display:none}}.drawer{position:fixed;inset:0;z-index:60}.drawer-scrim{position:absolute;inset:0;background:var(--mt-scrim);animation:fade .25s var(--ease)}@keyframes fade{0%{opacity:0}}.drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(340px,88vw);background:var(--mt-surface-1);border-radius:0 var(--r-xl) var(--r-xl) 0;padding:12px;overflow-y:auto;animation:slidein .35s var(--ease-emph);display:flex;flex-direction:column;gap:2px}@keyframes slidein{0%{transform:translate(-100%)}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}.drawer-panel hr{border:0;border-top:1px solid var(--mt-outline-variant);margin:10px 8px;width:auto}.drawer-link{padding:12px 16px;border-radius:var(--r-full);color:var(--mt-text);font-weight:500;text-decoration:none!important}.drawer-link:hover{background:var(--mt-surface-3)}.drawer .nav-cat{animation:rise .45s var(--ease-emph) both}.drawer .nav-cat:nth-child(3){animation-delay:.03s}.drawer .nav-cat:nth-child(4){animation-delay:.06s}.drawer .nav-cat:nth-child(5){animation-delay:.09s}.drawer .nav-cat:nth-child(6){animation-delay:.12s}.drawer .nav-cat:nth-child(7){animation-delay:.15s}.drawer .nav-cat:nth-child(8){animation-delay:.18s}.drawer .nav-cat:nth-child(9){animation-delay:.21s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.search{position:fixed;inset:0;z-index:70}.search-scrim{position:absolute;inset:0;background:var(--mt-scrim);animation:fade .2s var(--ease)}.search-panel{position:relative;margin:72px auto 0;width:min(680px,calc(100% - 24px));background:var(--mt-surface);border-radius:var(--r-xl);box-shadow:var(--mt-shadow-3);overflow:hidden;animation:pop .25s var(--ease-emph)}.search-field{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 20px;border-bottom:1px solid var(--mt-outline-variant);color:var(--mt-text-3)}.search-field input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:18px;color:var(--mt-text);height:48px;min-width:0}.search-results{list-style:none;margin:0;padding:8px;max-height:min(60vh,520px);overflow-y:auto}.search-results a{display:flex;flex-direction:column;padding:10px 14px;border-radius:var(--r-md);color:var(--mt-text);text-decoration:none!important}.search-results a:hover,.search-results a.is-active{background:var(--mt-surface-2)}.search-results strong{font-weight:500}.search-results span{font-size:14px;color:var(--mt-text-3)}.search-results em{font-style:normal;font-size:12px;color:var(--mt-primary);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.search-empty{padding:20px;color:var(--mt-text-3);text-align:center}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:20px 0 0;font-size:14px;color:var(--mt-text-3)}.crumbs li:not(:last-child):after{content:"\203a";margin-left:6px;color:var(--mt-outline)}.crumbs a{color:var(--mt-text-3)}.crumbs a:hover{color:var(--mt-primary)}.mt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--r-full);border:0;font-weight:500;font-size:15px;cursor:pointer;text-decoration:none!important;transition:background .2s var(--ease),box-shadow .2s var(--ease),transform .15s var(--ease);white-space:nowrap}.mt-btn:active{transform:scale(.97)}.mt-btn:disabled{opacity:.6;cursor:progress}.mt-btn-filled{background:var(--mt-primary);color:var(--mt-on-primary)}.mt-btn-filled:hover{box-shadow:var(--mt-shadow-1);background:color-mix(in srgb,var(--mt-primary) 90%,var(--mt-text))}.mt-btn-tonal{background:var(--mt-primary-container);color:var(--mt-on-primary-container)}.mt-btn-tonal:hover{box-shadow:var(--mt-shadow-1)}.mt-btn-outline{background:transparent;color:var(--mt-primary);border:1px solid var(--mt-outline)}.mt-btn-text{background:transparent;color:var(--mt-primary);padding:0 14px}.mt-btn-text:hover{background:color-mix(in srgb,var(--mt-primary) 8%,transparent)}.mt-btn-icon{width:28px;height:28px;margin-right:-12px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--mt-on-primary) 18%,transparent);transition:transform .35s var(--ease-spring)}.mt-btn:hover .mt-btn-icon{transform:translate(3px)}.mt-btn.is-busy{position:relative;color:transparent!important}.mt-btn.is-busy:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:2.5px solid var(--mt-on-primary);border-right-color:transparent;animation:spin .8s linear infinite}.mt-btn-tonal.is-busy:after{border-color:var(--mt-on-primary-container);border-right-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}.mt-link{background:none;border:0;padding:0;color:var(--mt-primary);cursor:pointer;font-weight:500}.home-hero{position:relative;overflow:hidden;padding:clamp(56px,9vw,120px) 0 clamp(48px,6vw,80px);text-align:center;isolation:isolate}.hero-sky{position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 20% 30%,color-mix(in srgb,#4285f4 18%,transparent),transparent 70%),radial-gradient(35% 45% at 80% 25%,color-mix(in srgb,#9b72cb 16%,transparent),transparent 70%),radial-gradient(40% 50% at 60% 80%,color-mix(in srgb,#d96570 10%,transparent),transparent 70%)}.hero-sky:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--mt-text) 14%,transparent) 1px,transparent 0);background-size:28px 28px;mask-image:radial-gradient(60% 60% at 50% 40%,#000,transparent);-webkit-mask-image:radial-gradient(60% 60% at 50% 40%,#000,transparent)}.eyebrow-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--r-full);background:var(--mt-surface);border:1px solid var(--mt-outline-variant);font-size:14px;color:var(--mt-text-2);margin:0 0 28px;box-shadow:var(--mt-shadow-1)}.eyebrow-pill .ic{color:var(--c-purple)}.display{font-size:clamp(40px,7.2vw,88px);line-height:1.02;letter-spacing:-.035em;font-weight:500;margin-bottom:24px;font-variation-settings:"opsz" 144}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}.home-hero .lead{margin:0 auto 36px}.home-search{display:flex;align-items:center;gap:14px;width:min(640px,100%);margin:0 auto 28px;height:60px;padding:0 14px 0 22px;border-radius:var(--r-full);border:1px solid var(--mt-outline-variant);background:var(--mt-surface);color:var(--mt-text-3);font-size:17px;cursor:text;box-shadow:var(--mt-shadow-2);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}.home-search:hover{box-shadow:var(--mt-shadow-3)}.home-search span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-strip{display:flex;flex-wrap:wrap;gap:8px}.cat-pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:var(--r-full);border:1px solid var(--mt-outline-variant);background:var(--mt-surface);color:var(--mt-text-2);font-weight:500;font-size:14px;cursor:pointer;text-decoration:none!important;transition:background .2s var(--ease),border-color .2s,color .2s}.cat-pill .ic{color:var(--cat, var(--mt-primary))}.cat-pill:hover{background:color-mix(in srgb,var(--cat, var(--mt-primary)) 8%,var(--mt-surface));border-color:color-mix(in srgb,var(--cat, var(--mt-primary)) 40%,var(--mt-outline-variant));color:var(--mt-text)}.cat-pill.is-on{background:var(--mt-primary-container);color:var(--mt-on-primary-container);border-color:transparent}.home-section{padding:clamp(40px,6vw,72px) 0 0}.home-section:last-child{padding-bottom:24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-head h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.02em}.section-head p{margin:4px 0 0;color:var(--mt-text-3)}.sh-with-ic{display:flex;align-items:center;gap:16px}.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}.tcard{position:relative;display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:var(--r-lg);background:var(--mt-surface-1);color:var(--mt-text);text-decoration:none!important;border:1px solid transparent;transition:background .25s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease-spring),border-color .25s;min-height:108px}.tcard:hover{background:var(--mt-surface);border-color:var(--mt-outline-variant);box-shadow:var(--mt-shadow-2);transform:translateY(-2px)}.tcard-ic{width:48px;height:48px;flex:none;border-radius:16px;display:grid;place-items:center;color:var(--cat);background:color-mix(in srgb,var(--cat) 12%,var(--mt-surface));transition:transform .4s var(--ease-spring)}.tcard:hover .tcard-ic{transform:rotate(-6deg) scale(1.06)}.tcard-body{display:flex;flex-direction:column;gap:4px;min-width:0;padding-right:20px}.tcard-body strong{font-weight:500;font-size:17px;line-height:1.3}.tcard-body span{color:var(--mt-text-3);font-size:14.5px;line-height:1.45}.tcard-go{position:absolute;top:18px;right:18px;color:var(--mt-text-3);opacity:0;transform:translate(-4px,4px);transition:opacity .25s var(--ease),transform .35s var(--ease-spring)}.tcard:hover .tcard-go{opacity:1;transform:none;color:var(--cat)}.tcard-big{padding:28px;flex-direction:column;gap:20px;min-height:230px;background:color-mix(in srgb,var(--cat) 7%,var(--mt-surface-1))}.tcard-big .tcard-ic{width:60px;height:60px;border-radius:20px}.tcard-big .tcard-body strong{font-size:24px;letter-spacing:-.01em}.tcard-big .tcard-body span{font-size:16px}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bento .tcard-big{grid-column:span 2}.bento .tcard:not(.tcard-big){grid-column:span 1;flex-direction:column;min-height:200px}.feature-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;margin:0 0 12px}.steps3,.promise-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps3 li,.promise-grid>div{padding:28px;border-radius:var(--r-xl);background:var(--mt-surface-1)}.steps3 h3,.promise-grid h3{font-size:20px;margin:18px 0 8px}.steps3 p,.promise-grid p{color:var(--mt-text-2);margin:0}.step-ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--mt-primary-container);color:var(--mt-on-primary-container)}.steps3 li:nth-child(2) .step-ic,.promise-grid>div:nth-child(2) .step-ic{background:color-mix(in srgb,var(--c-purple) 16%,var(--mt-surface));color:var(--c-purple)}.steps3 li:nth-child(3) .step-ic,.promise-grid>div:nth-child(3) .step-ic{background:color-mix(in srgb,var(--c-green) 16%,var(--mt-surface));color:var(--c-green)}.promise{padding-top:clamp(48px,7vw,88px)}.jgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}.jcard{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--r-xl);background:var(--mt-surface-1);color:var(--mt-text);text-decoration:none!important;border:1px solid transparent;transition:box-shadow .3s var(--ease),transform .3s var(--ease-spring),background .25s,border-color .25s}.jcard:hover{background:var(--mt-surface);border-color:var(--mt-outline-variant);box-shadow:var(--mt-shadow-2);transform:translateY(-2px)}.jcard strong{font-size:19px;font-weight:500;line-height:1.3}.jcard>span:not(.jcard-tag){color:var(--mt-text-3);font-size:15px}.jcard-tag{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mt-primary);background:color-mix(in srgb,var(--mt-primary) 10%,transparent);padding:4px 10px;border-radius:var(--r-full)}.jcard-meta{margin-top:auto;font-size:13px!important}.cat-hero{padding:clamp(28px,4vw,48px) 0 clamp(24px,3vw,36px)}.cat-hero h1{font-size:clamp(36px,5vw,56px);letter-spacing:-.03em;margin:18px 0 14px}.cat-hero .lead{margin:0}.cat-badge{width:60px;height:60px;border-radius:20px;display:inline-grid;place-items:center;color:var(--cat);background:color-mix(in srgb,var(--cat) 13%,var(--mt-surface))}.cat-badge.sm{width:48px;height:48px;border-radius:16px}.cat-count{margin:16px 0 0;color:var(--mt-text-3);font-size:15px}.cat-tools{margin-bottom:8px}.cat-guide{margin:clamp(40px,6vw,72px) 0 0;max-width:760px}.filter-bar{display:flex;flex-direction:column;gap:14px;margin-bottom:8px}.filter-input{height:52px;border-radius:var(--r-full);border:1px solid var(--mt-outline-variant);background:var(--mt-surface);padding:0 22px;font:inherit;font-size:16px;color:var(--mt-text);max-width:520px}.filter-input:focus{outline:2px solid var(--mt-primary);border-color:transparent}.filter-empty{text-align:center;padding:40px;color:var(--mt-text-3)}.tool-hero{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:clamp(24px,4vw,44px) 0 28px}.cat-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:var(--r-full);font-size:14px;font-weight:500;color:var(--cat);background:color-mix(in srgb,var(--cat) 10%,var(--mt-surface));text-decoration:none!important}.tool-hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.03em;line-height:1.06;margin:18px 0 14px}.tool-hero .lead{margin:0 0 20px}.facts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.facts li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-full);background:var(--mt-surface-2);font-size:14px;color:var(--mt-text-2)}.facts .ic{color:var(--mt-text-3)}.tool-hero-art{position:relative;width:180px;height:180px;display:grid;place-items:center;color:var(--cat)}.tool-hero-art .orb{position:absolute;inset:0;border-radius:42% 58% 60% 40%/45% 45% 55% 55%;background:color-mix(in srgb,var(--cat) 12%,var(--mt-surface));animation:morph 12s ease-in-out infinite alternate}.tool-hero-art .orb:after{content:"";position:absolute;inset:18px;border-radius:inherit;border:1px dashed color-mix(in srgb,var(--cat) 35%,transparent);animation:spin 60s linear infinite}.hero-ic{position:relative}@keyframes morph{50%{border-radius:58% 42% 40% 60%/55% 60% 40% 45%}to{border-radius:45% 55% 52% 48%/40% 52% 48% 60%}}.how-strip{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px}.how-strip li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);background:var(--mt-surface-1)}.how-n{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:600;background:var(--mt-primary-container);color:var(--mt-on-primary-container)}.how-strip strong{display:block;font-weight:500;font-size:15px}.how-strip span{font-size:14px;color:var(--mt-text-3);line-height:1.45;display:block}.tool-shell{padding:6px;border-radius:calc(var(--r-2xl) + 6px);background:var(--mt-surface-2)}.tool-panel{border-radius:var(--r-2xl);background:var(--mt-surface);box-shadow:var(--mt-shadow-1);padding:clamp(20px,4vw,40px);min-height:240px}.mt-skeleton{display:grid;gap:14px}.mt-skeleton span{height:52px;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--mt-surface-2),var(--mt-surface-3),var(--mt-surface-2));background-size:200% 100%;animation:shimmer 1.4s infinite}.mt-skeleton span:last-child{width:220px;border-radius:var(--r-full)}@keyframes shimmer{to{background-position:-200% 0}}.mt-noscript{color:var(--mt-error)}.explain{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(24px,4vw,56px);margin-top:clamp(48px,6vw,80px);align-items:start}.explain-side{display:grid;gap:12px;position:sticky;top:calc(var(--topbar-h) + 16px)}.side-card{padding:24px;border-radius:var(--r-xl);background:var(--mt-surface-1)}.side-card h3{font-size:18px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.side-card p{margin:0;color:var(--mt-text-2);font-size:15px}.side-tonal{background:color-mix(in srgb,var(--c-green) 9%,var(--mt-surface))}.side-tonal h3 .ic{color:var(--c-green)}.checks{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--mt-text-2)}.checks .ic{color:var(--mt-primary);margin-top:1px}.prose{font-size:17px;line-height:1.7;color:var(--mt-text-2)}.prose h2{font-size:clamp(24px,2.6vw,30px);color:var(--mt-text);margin:1.6em 0 .6em;letter-spacing:-.02em}.prose h2:first-child{margin-top:0}.prose h3{font-size:20px;color:var(--mt-text);margin:1.4em 0 .5em}.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.1em}.prose li{margin:.35em 0}.prose li::marker{color:var(--mt-primary)}.prose strong{color:var(--mt-text);font-weight:600}.prose blockquote{margin:1.4em 0;padding:16px 22px;border-left:3px solid var(--mt-primary);background:var(--mt-surface-1);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--mt-text)}.prose a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--mt-primary) 40%,transparent);text-underline-offset:3px}.page-head{padding:clamp(28px,4vw,48px) 0 24px}.page-head h1{font-size:clamp(34px,4.6vw,52px);letter-spacing:-.03em;margin:8px 0 14px}.page-head .meta,.meta{color:var(--mt-text-3);font-size:14px}.keypoints{padding:24px 28px;border-radius:var(--r-xl);background:color-mix(in srgb,var(--mt-primary) 7%,var(--mt-surface));margin:0 0 36px}.keypoints h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--mt-primary);margin-bottom:10px}.keypoints ul{margin:0;padding-left:1.2em;color:var(--mt-text)}.keypoints li{margin:6px 0}.faq{margin-top:clamp(48px,6vw,80px)}.faq h2,.related h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;margin-bottom:18px}.faq-list{border-radius:var(--r-xl);background:var(--mt-surface-1);overflow:hidden}.faq details{border-bottom:1px solid var(--mt-outline-variant)}.faq details:last-child{border-bottom:0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-weight:500;font-size:17px;transition:background .2s var(--ease)}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{background:var(--mt-surface-2)}.faq-ic{width:24px;height:24px;flex:none;position:relative;border-radius:50%}.faq-ic:before,.faq-ic:after{content:"";position:absolute;left:6px;right:6px;top:11px;height:2px;border-radius:2px;background:var(--mt-text-2);transition:transform .35s var(--ease-spring)}.faq-ic:after{transform:rotate(90deg)}.faq details[open] .faq-ic:after{transform:rotate(0)}.faq details>div{padding:0 24px 20px;color:var(--mt-text-2)}.faq details>div p{margin:0}.related{margin-top:clamp(48px,6vw,80px)}.footer{margin-top:clamp(64px,9vw,120px);background:var(--mt-surface-1);border-top:1px solid var(--mt-outline-variant);padding:56px 0 28px;font-size:14px}.footer-in{display:grid;gap:40px}.footer-brand p{color:var(--mt-text-3);max-width:46ch;margin:12px 0 0}.footer-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:32px 24px}.footer h3{font-size:14px;font-weight:600;margin-bottom:12px}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer a{color:var(--mt-text-3)}.footer a:hover{color:var(--mt-primary)}.footer-base{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-top:24px;border-top:1px solid var(--mt-outline-variant);color:var(--mt-text-3);font-size:13px}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-emph),transform .8s var(--ease-emph)}[data-reveal].is-in,.no-js [data-reveal]{opacity:1;transform:none}.mt-form{display:grid;gap:20px}.mt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.mt-field{display:flex;flex-direction:column;gap:6px;min-width:0}.mt-span,.mt-group{grid-column:1 / -1}.mt-label{font-weight:500;font-size:15px;color:var(--mt-text)}.mt-optional{font-weight:400;color:var(--mt-text-3);font-size:13px;margin-left:4px}.mt-help{margin:0;font-size:13.5px;color:var(--mt-text-3);line-height:1.45}.mt-field input[type=text],.mt-field input[type=email],.mt-field input[type=number],.mt-field input[type=date],.mt-field input[type=time],.mt-field textarea,.mt-select select{width:100%;min-height:54px;border-radius:var(--r-sm);border:1px solid var(--mt-outline);background:var(--mt-surface);color:var(--mt-text);font:inherit;font-size:16px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}.mt-field textarea{resize:vertical;line-height:1.5;min-height:120px}.mt-field input:hover,.mt-field textarea:hover,.mt-select select:hover{border-color:var(--mt-text)}.mt-field input:focus,.mt-field textarea:focus,.mt-select select:focus{outline:0;border-color:var(--mt-primary);box-shadow:inset 0 0 0 1px var(--mt-primary)}.mt-field input:disabled{background:var(--mt-surface-2);color:var(--mt-text-3);border-color:var(--mt-outline-variant)}.mt-field input::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}:root[data-theme=dark] .mt-field input::-webkit-calendar-picker-indicator{filter:invert(1)}.mt-select{position:relative}.mt-select:after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid var(--mt-text-2);border-bottom:2px solid var(--mt-text-2);transform:translateY(-70%) rotate(45deg);pointer-events:none}.mt-select select{padding-right:44px;cursor:pointer}.mt-group{border:1px solid var(--mt-outline-variant);border-radius:var(--r-lg);padding:18px 18px 20px;margin:0;min-width:0}.mt-group legend{padding:0 8px;font-weight:500;color:var(--mt-primary)}.mt-chips{display:flex;flex-wrap:wrap;gap:8px}.mt-chip{position:relative;cursor:pointer}.mt-chip input{position:absolute;opacity:0;pointer-events:none}.mt-chip span{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 16px;border-radius:var(--r-sm);border:1px solid var(--mt-outline);color:var(--mt-text-2);font-size:14.5px;font-weight:500;transition:background .15s,border-color .15s,color .15s;line-height:1.3}.mt-chip:hover span{background:var(--mt-surface-2)}.mt-chip input:checked+span{background:var(--mt-primary-container);color:var(--mt-on-primary-container);border-color:transparent}.mt-chip input:checked+span:before{content:"";width:12px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translate(1px,-2px)}.mt-chip input:focus-visible+span{outline:2px solid var(--mt-primary);outline-offset:2px}.mt-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-weight:500}.mt-switch input{position:absolute;opacity:0}.mt-switch-track{width:52px;height:32px;border-radius:16px;border:2px solid var(--mt-outline);background:var(--mt-surface-3);position:relative;flex:none;transition:background .2s,border-color .2s}.mt-switch-track:after{content:"";position:absolute;top:6px;left:6px;width:16px;height:16px;border-radius:50%;background:var(--mt-outline);transition:transform .3s var(--ease-spring),width .2s,height .2s,background .2s,top .2s,left .2s}.mt-switch input:checked+.mt-switch-track{background:var(--mt-primary);border-color:var(--mt-primary)}.mt-switch input:checked+.mt-switch-track:after{transform:translate(20px);background:var(--mt-on-primary);width:24px;height:24px;top:2px;left:2px}.mt-switch input:focus-visible+.mt-switch-track{outline:2px solid var(--mt-primary);outline-offset:2px}.mt-inline-check{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--mt-text-2);cursor:pointer;margin-top:2px}.mt-inline-check input{width:18px;height:18px;accent-color:var(--mt-primary)}.mt-range{display:flex;align-items:center;gap:14px}.mt-range input{flex:1;accent-color:var(--mt-primary);height:32px}.mt-range output{min-width:44px;height:32px;display:grid;place-items:center;border-radius:var(--r-full);background:var(--mt-primary-container);color:var(--mt-on-primary-container);font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}.mt-range-labels{display:flex;justify-content:space-between;font-size:13px;color:var(--mt-text-3)}.mt-place{position:relative}.mt-place-list{position:absolute;z-index:20;left:0;right:0;top:calc(100% - 22px);list-style:none;margin:0;padding:6px;background:var(--mt-surface);border-radius:var(--r-md);box-shadow:var(--mt-shadow-3);border:1px solid var(--mt-outline-variant);max-height:300px;overflow:auto}.mt-place-list li{padding:10px 12px;border-radius:var(--r-xs);cursor:pointer;display:flex;flex-direction:column}.mt-place-list li span{font-size:13px;color:var(--mt-text-3)}.mt-place-list li:hover,.mt-place-list li.is-active{background:var(--mt-surface-2)}.mt-place-empty{color:var(--mt-text-3);cursor:default!important}.mt-drop{position:relative;display:grid;place-items:center;min-height:220px;border-radius:var(--r-lg);border:2px dashed var(--mt-outline-variant);background:var(--mt-surface-1);cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s;text-align:center;padding:20px}.mt-drop:hover{border-color:var(--mt-primary);background:color-mix(in srgb,var(--mt-primary) 5%,var(--mt-surface))}.mt-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.mt-drop-empty{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--mt-text-3);pointer-events:none}.mt-drop-empty strong{color:var(--mt-text);font-weight:500;font-size:17px}.mt-drop-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--mt-primary-container);color:var(--mt-on-primary-container);margin-bottom:6px}.mt-drop-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--mt-surface-2);pointer-events:none}.mt-drop.has-image .mt-drop-empty{visibility:hidden}.mt-drop.is-loading:after{content:"";position:absolute;width:32px;height:32px;border-radius:50%;border:3px solid var(--mt-primary);border-right-color:transparent;animation:spin .8s linear infinite}.mt-quiz{gap:14px}.mt-q{border:0;padding:0;margin:0;min-width:0;animation:qin .35s var(--ease-emph)}@keyframes qin{0%{opacity:0;transform:translate(16px)}}.mt-q legend{font-size:clamp(19px,2.2vw,23px);font-weight:500;line-height:1.35;padding:0;margin-bottom:16px;color:var(--mt-text)}.mt-q-count{display:block;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mt-primary);margin-bottom:8px}.mt-q-options{display:grid;gap:8px}.mt-q-option{position:relative;cursor:pointer}.mt-q-option input{position:absolute;opacity:0}.mt-q-option span{display:block;padding:14px 18px;border-radius:var(--r-md);border:1px solid var(--mt-outline-variant);background:var(--mt-surface);transition:background .15s,border-color .15s,transform .15s;font-size:16px}.mt-q-option:hover span{background:var(--mt-surface-2);border-color:var(--mt-outline)}.mt-q-option input:checked+span{background:var(--mt-primary-container);color:var(--mt-on-primary-container);border-color:transparent}.mt-q-option input:focus-visible+span{outline:2px solid var(--mt-primary);outline-offset:2px}.mt-q-progress{height:4px;border-radius:2px;background:var(--mt-surface-3);overflow:hidden}.mt-q-progress span{display:block;height:100%;background:var(--mt-primary);border-radius:2px;transition:width .4s var(--ease-emph)}.mt-q-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.mt-q-hint{font-size:13.5px;color:var(--mt-text-3)}.mt-form-error{margin:0;padding:12px 16px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--mt-error) 10%,var(--mt-surface));color:var(--mt-error);font-weight:500;font-size:15px}.mt-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.mt-submit{height:52px;padding:0 28px;font-size:16px}.mt-privacy-note{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--mt-text-3)}.mt-autofill{grid-column:1 / -1;margin:0;font-size:14px;color:var(--mt-text-3);padding:10px 14px;background:var(--mt-surface-1);border-radius:var(--r-sm)}.mt-stage{position:relative;transition:opacity .3s}.mt-stage.is-running{opacity:.55;pointer-events:none}.mt-output:empty{display:none}.mt-output{margin-top:clamp(28px,4vw,40px);scroll-margin-top:calc(var(--topbar-h) + 12px)}.mt-report{animation:reportin .7s var(--ease-emph)}@keyframes reportin{0%{opacity:0;transform:translateY(24px)}}.mt-report-bar{position:sticky;top:calc(var(--topbar-h) + 8px);z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 18px;margin:0 0 20px;border-radius:var(--r-full);background:color-mix(in srgb,var(--mt-surface-2) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--mt-shadow-1)}.mt-report-bar-title{display:flex;align-items:center;gap:10px;font-weight:500}.mt-dot{width:10px;height:10px;border-radius:50%;background:var(--mt-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--mt-success) 20%,transparent)}.mt-report-actions{display:flex;flex-wrap:wrap;gap:6px}.mt-report-actions .mt-btn{height:40px;padding:0 16px;font-size:14px}.mt-r-toc{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px;scrollbar-width:thin}.mt-r-toc a{flex:none;padding:7px 14px;border-radius:var(--r-full);background:var(--mt-surface-2);color:var(--mt-text-2);font-size:14px;font-weight:500;text-decoration:none!important}.mt-r-toc a:hover{background:var(--mt-primary-container);color:var(--mt-on-primary-container)}.mt-report-body{display:grid;gap:16px}.mt-r-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(24px,4vw,40px);border-radius:var(--r-2xl);background:var(--mt-surface-1);position:relative;overflow:hidden}.mt-r-hero:before{content:"";position:absolute;width:420px;height:420px;right:-140px;top:-180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cat, var(--mt-primary)) 16%,transparent),transparent 70%);pointer-events:none}.mt-eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cat, var(--mt-primary));margin:0 0 10px}.mt-r-title{font-size:clamp(28px,4vw,44px);letter-spacing:-.025em;line-height:1.1;margin:0 0 8px;outline:none}.mt-r-subtitle{font-size:19px;color:var(--mt-text-2);margin:0 0 14px}.mt-r-summary{font-size:17px;line-height:1.65;margin:0;color:var(--mt-text);max-width:68ch}.mt-r-hero-badge{position:relative;width:156px;height:156px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--mt-surface);box-shadow:var(--mt-shadow-2)}.mt-r-hero-badge:before{content:"";position:absolute;inset:-6px;border-radius:50%;padding:3px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.mt-r-hero-value{font-size:58px;font-weight:500;line-height:1;letter-spacing:-.03em}.mt-r-hero-label{font-size:13px;color:var(--mt-text-3);margin-top:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.mt-r-hero-visual{width:min(360px,40vw)}.mt-r-hero-visual svg{width:100%;height:auto;display:block}.mt-r-highlights{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}.mt-r-highlights li{padding:16px 18px 16px 46px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--mt-primary) 7%,var(--mt-surface));position:relative;font-size:15.5px;line-height:1.5}.mt-r-highlights li:before{content:"";position:absolute;left:18px;top:20px;width:14px;height:14px;border-radius:4px;background:var(--grad);transform:rotate(45deg)}.mt-r-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}.mt-metric{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:var(--r-lg);border:1px solid var(--mt-outline-variant);background:var(--mt-surface)}.mt-metric-label{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--mt-text-3)}.mt-metric-value{font-size:22px;font-weight:500;letter-spacing:-.01em;line-height:1.25}.mt-metric-note{font-size:13.5px;color:var(--mt-text-3);line-height:1.4}.mt-r-visual{margin:0;padding:clamp(18px,3vw,28px);border-radius:var(--r-2xl);background:var(--mt-surface-1);text-align:center}.mt-r-visual h3{font-size:18px;margin-bottom:14px;text-align:left}.mt-r-visual-svg svg{width:100%;max-width:640px;height:auto;display:block;margin:0 auto}.mt-r-visual figcaption{margin-top:12px;font-size:14px;color:var(--mt-text-3);text-align:left}.mt-r-block{padding:clamp(20px,3vw,28px);border-radius:var(--r-2xl);background:var(--mt-surface-1)}.mt-r-h{font-size:20px;margin-bottom:16px}.mt-meters{display:grid;gap:16px}.mt-meter-top{display:flex;justify-content:space-between;gap:12px;font-weight:500;margin-bottom:6px}.mt-meter-top strong{font-variant-numeric:tabular-nums}.mt-meter-bar{height:10px;border-radius:5px;background:var(--mt-surface-3);overflow:hidden}.mt-meter-bar span{display:block;height:100%;border-radius:5px;background:var(--mt-primary);transform-origin:left;animation:grow 1s var(--ease-emph) both}@keyframes grow{0%{transform:scaleX(0)}}.mt-meter p{font-size:14px;color:var(--mt-text-3);margin:6px 0 0}.mt-r-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px}.mt-r-card{display:flex;flex-direction:column;border-radius:var(--r-xl);background:var(--mt-surface);border:1px solid var(--mt-outline-variant);overflow:hidden;animation:rise .6s var(--ease-emph) both}.mt-r-card:nth-child(2){animation-delay:.08s}.mt-r-card:nth-child(3){animation-delay:.16s}.mt-r-card:nth-child(4){animation-delay:.24s}.mt-r-card:nth-child(5){animation-delay:.32s}.mt-r-card:nth-child(n+6){animation-delay:.4s}.mt-r-card-art{padding:18px 18px 0;display:grid;place-items:center}.mt-r-card-art svg{width:100%;max-width:170px;height:auto}.mt-r-card.is-reversed .mt-r-card-art svg{transform:rotate(180deg)}.mt-r-card-glyph{font-size:40px;text-align:center;padding:18px 0 0;color:var(--cat, var(--mt-primary))}.mt-r-card-body{padding:16px 18px 20px}.mt-r-card-body h4{font-size:18px;margin:4px 0;font-weight:500}.mt-r-card-sub{font-size:14px;color:var(--mt-primary);margin:0 0 8px;font-weight:500}.mt-r-card-body p{font-size:15px;color:var(--mt-text-2);margin:0;line-height:1.55}.mt-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mt-text-3)}.mt-r-section{padding:clamp(22px,3.5vw,34px);border-radius:var(--r-2xl);background:var(--mt-surface);border:1px solid var(--mt-outline-variant);scroll-margin-top:calc(var(--topbar-h) + 84px)}.mt-r-section-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.mt-r-section-head h3{font-size:clamp(21px,2.4vw,26px);letter-spacing:-.015em}.mt-r-section p{font-size:16.5px;line-height:1.7;color:var(--mt-text-2);max-width:74ch}.mt-r-section p:last-child{margin-bottom:0}.mt-persp{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-full);font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--tone);background:color-mix(in srgb,var(--tone) 11%,var(--mt-surface))}.mt-persp:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tone-blue{--tone: var(--c-blue)}.tone-purple{--tone: var(--c-purple)}.tone-green{--tone: var(--c-green)}.tone-red{--tone: var(--c-red)}.tone-amber{--tone: var(--c-amber)}.tone-teal{--tone: var(--c-teal)}.tone-gray{--tone: var(--mt-text-3)}.mt-r-list{margin:4px 0 14px;padding-left:0;list-style:none;display:grid;gap:10px}.mt-r-list li{position:relative;padding-left:26px;color:var(--mt-text-2);line-height:1.6}.mt-r-list li:before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;border:2px solid var(--mt-primary)}.mt-table-wrap{overflow-x:auto;margin:6px 0 14px;border-radius:var(--r-md);border:1px solid var(--mt-outline-variant)}.mt-table{width:100%;border-collapse:collapse;font-size:15px}.mt-table th{text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--mt-text-3);background:var(--mt-surface-1);padding:12px 14px;white-space:nowrap}.mt-table td{padding:12px 14px;border-top:1px solid var(--mt-outline-variant);color:var(--mt-text-2);vertical-align:top}.mt-table tr:hover td{background:var(--mt-surface-1)}.mt-callout{padding:14px 18px;border-radius:var(--r-md);background:color-mix(in srgb,var(--mt-primary) 8%,var(--mt-surface));color:var(--mt-text)!important;font-weight:500}.mt-timeline{list-style:none;margin:0;padding:0;position:relative}.mt-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--mt-outline-variant)}.mt-timeline li{position:relative;padding:0 0 20px 32px;display:grid;gap:2px}.mt-timeline li:before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--mt-surface);border:2px solid var(--mt-outline)}.mt-timeline li.is-current:before{background:var(--mt-primary);border-color:var(--mt-primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--mt-primary) 18%,transparent)}.mt-tl-when{font-size:13px;font-weight:600;color:var(--mt-primary);letter-spacing:.02em}.mt-timeline strong{font-weight:500;font-size:16.5px}.mt-timeline p{margin:2px 0 0!important;font-size:15px!important}.mt-sign-grid{display:grid;gap:12px}.mt-sign{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:18px;border-radius:var(--r-lg);background:var(--mt-surface-1)}.mt-sign-glyph{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:30px;background:var(--mt-surface);color:var(--mt-primary);box-shadow:var(--mt-shadow-1);font-variant-emoji:text}.mt-sign h4{font-size:19px;font-weight:500;margin:2px 0 6px}.mt-sign h4 span{display:block;font-size:13.5px;font-weight:400;color:var(--mt-text-3);margin-top:2px}.mt-sign p{font-size:15px!important;margin:0 0 6px!important}.mt-sign-why{color:var(--mt-primary)!important;font-weight:500}.mt-sign-meta{font-size:14px!important;color:var(--mt-text-3)!important}.mt-r-reflect ol{margin:0;padding:0;list-style:none;counter-reset:q;display:grid;gap:10px}.mt-r-reflect li{counter-increment:q;position:relative;padding:14px 16px 14px 56px;border-radius:var(--r-md);background:color-mix(in srgb,var(--c-purple) 7%,var(--mt-surface));font-size:16px}.mt-r-reflect li:before{content:counter(q);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--mt-surface);color:var(--c-purple);font-weight:600;font-size:14px}.mt-r-method{border-radius:var(--r-xl);background:var(--mt-surface-1)}.mt-r-method summary{cursor:pointer;padding:18px 22px;font-weight:500;list-style:none;display:flex;align-items:center;gap:10px}.mt-r-method summary::-webkit-details-marker{display:none}.mt-r-method summary:before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .3s var(--ease-spring)}.mt-r-method[open] summary:before{transform:rotate(45deg)}.mt-r-method ol{margin:0;padding:0 22px 20px 44px;color:var(--mt-text-2);font-size:15px;display:grid;gap:6px;font-variant-numeric:tabular-nums}.mt-r-disclaimer{font-size:13.5px;color:var(--mt-text-3);text-align:center;margin:8px auto 0;max-width:70ch}.mt-toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,140%);padding:14px 22px;border-radius:var(--r-sm);background:var(--mt-text);color:var(--mt-bg);font-size:15px;box-shadow:var(--mt-shadow-3);transition:transform .4s var(--ease-spring);max-width:calc(100% - 32px)}.mt-toast.is-on{transform:translate(-50%)}.mt-wheel text{font-variant-emoji:text}.history-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.history-list a{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:var(--r-lg);background:var(--mt-surface-1);color:var(--mt-text);text-decoration:none!important}.history-list a:hover{background:var(--mt-surface-2)}.history-list small{color:var(--mt-text-3);white-space:nowrap}@media(max-width:1080px){.topnav{display:none}.menu-btn{display:inline-grid}.bento{grid-template-columns:repeat(2,1fr)}.explain{grid-template-columns:1fr}.explain-side{position:static;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}}@media(max-width:760px){:root{--topbar-h: 58px}.wrap{padding:0 16px}.search-trigger{min-width:0;width:44px;padding:0;justify-content:center;background:transparent}.search-trigger span,.search-trigger kbd{display:none}.logo-word{font-size:19px}.tool-hero{grid-template-columns:1fr}.tool-hero-art{display:none}.bento{grid-template-columns:1fr}.bento .tcard-big,.bento .tcard:not(.tcard-big){grid-column:auto;min-height:0}.bento .tcard:not(.tcard-big){flex-direction:row}.tcard-big{min-height:0;padding:22px}.steps3,.promise-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.mt-fields,.mt-r-hero{grid-template-columns:1fr}.mt-r-hero-visual{width:100%;max-width:360px;margin:0 auto}.mt-r-hero-badge{width:128px;height:128px}.mt-r-hero-value{font-size:46px}.mt-report-bar{border-radius:var(--r-lg);top:calc(var(--topbar-h) + 6px);padding:10px}.mt-report-bar-title{display:none}.mt-report-actions{width:100%}.mt-report-actions .mt-btn{flex:1;padding:0 10px}.mt-sign{grid-template-columns:1fr}.tool-panel{padding:20px 16px;border-radius:var(--r-xl)}.tool-shell{border-radius:calc(var(--r-xl) + 6px);padding:4px}.home-search{height:54px;font-size:15px}.mt-form-actions .mt-submit{width:100%}.footer-cols{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}@media print{.topbar,.footer,.mt-report-bar,.related,.faq,.how-strip,.crumbs,.mt-form{display:none!important}body{background:#fff;color:#000}}.mt-report-body{grid-template-columns:minmax(0,1fr)}.tarot-app{display:grid;gap:24px}.tarot-table{display:grid;gap:18px;padding-top:8px;border-top:1px solid var(--mt-outline-variant)}.tarot-table[hidden]{display:none}.tarot-table-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start}.tarot-h{margin:0 0 4px;font-size:1.15rem;font-weight:600;color:var(--mt-text)}.tarot-sub{margin:0;color:var(--mt-text-2);max-width:52ch}.tarot-actions{display:flex;gap:8px;flex-wrap:wrap}.tarot-fan{display:grid;gap:6px;padding:18px 0 8px}.tarot-fan-row{display:flex;justify-content:center}.tarot-pick{--w: clamp(34px, 8.2vw, 66px);position:relative;width:var(--w);margin-left:calc(var(--w) * -.3);padding:0;border:0;background:none;cursor:pointer;border-radius:6px;transform:translateY(var(--y)) rotate(var(--a));transition:transform .18s ease,filter .18s ease}.tarot-pick:first-child{margin-left:0}.tarot-pick svg{display:block;width:100%;height:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.tarot-pick:hover{transform:translateY(calc(var(--y) - 8px)) rotate(var(--a));z-index:2}.tarot-pick:focus-visible{outline:3px solid var(--mt-primary);outline-offset:2px;z-index:3}.tarot-pick.is-picked{transform:translateY(calc(var(--y) - 16px)) rotate(var(--a));z-index:2}.tarot-pick.is-picked svg{filter:drop-shadow(0 0 0 var(--mt-primary)) drop-shadow(0 4px 8px rgba(0,0,0,.25));outline:2px solid var(--mt-primary);border-radius:6px}.tarot-pick-n{position:absolute;top:-10px;left:50%;transform:translate(-50%);min-width:20px;height:20px;border-radius:10px;background:var(--mt-primary);color:var(--mt-on-primary, white);font-size:12px;font-weight:700;line-height:20px;text-align:center}.tarot-pick-n:empty{display:none}.tarot-fan.is-shuffling .tarot-pick{animation:tarot-shuffle .7s ease}@keyframes tarot-shuffle{0%{transform:translateY(var(--y)) rotate(var(--a))}30%{transform:translate(calc(var(--a) * 3),-10px) rotate(calc(var(--a) * -2))}60%{transform:translate(calc(var(--a) * -2),4px) rotate(var(--a))}to{transform:translateY(var(--y)) rotate(var(--a))}}.tarot-slots{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tarot-slots li{display:grid;justify-items:center;gap:6px;width:76px}.tarot-slot-card{width:70px;aspect-ratio:100 / 160;border:1.5px dashed var(--mt-outline-variant);border-radius:8px;display:block}.tarot-slot-card.is-filled{border:0}.tarot-slot-card svg{display:block;width:100%;height:auto}.tarot-slot-card.is-flipped svg{animation:tarot-flip .45s ease}@keyframes tarot-flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.tarot-slot-label{font-size:12px;color:var(--mt-text-2);text-align:center;line-height:1.25}.tarot-reveal-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:center}.tarot-count{color:var(--mt-text-2);font-size:14px}.mt-r-card.is-reversed .mt-r-card-art:has(.tarot-card),.mt-r-card.is-reversed .tarot-card{transform:none!important}.mt-r-card-art .tarot-card{width:100%;max-width:110px;height:auto;display:block}.tarot-spread{display:block;margin:0 auto}.tarot-chat{display:grid;gap:12px}.tarot-chat-log{display:grid;gap:12px;max-height:520px;overflow-y:auto;padding:4px 2px}.tarot-msg{max-width:88%;padding:12px 14px;border-radius:16px;line-height:1.5}.tarot-msg p{margin:0 0 6px}.tarot-msg p:last-child{margin:0}.tarot-msg-user{justify-self:end;background:var(--mt-primary);color:var(--mt-on-primary, white);border-bottom-right-radius:4px}.tarot-msg-oracle{justify-self:start;background:var(--mt-surface-2);color:var(--mt-text);border-bottom-left-radius:4px;display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:start}.tarot-msg-oracle.is-intro{grid-template-columns:1fr}.tarot-msg-oracle svg{width:56px;height:auto;display:block}.tarot-msg-meta{font-size:12px;color:var(--mt-text-2);margin-bottom:4px!important}.tarot-chat-form{display:flex;gap:8px;align-items:flex-end}.tarot-chat-form textarea{flex:1;min-height:48px;resize:vertical;font:inherit;padding:12px;border-radius:12px;border:1px solid var(--mt-outline-variant);background:transparent;color:var(--mt-text)}.tarot-chat-form textarea:focus-visible{outline:2px solid var(--mt-primary);outline-offset:1px}.tarot-chat-suggest{display:flex;flex-wrap:wrap;gap:8px}.tarot-chat-suggest button{font:inherit;font-size:13px;padding:6px 12px;border-radius:16px;border:1px solid var(--mt-outline-variant);background:transparent;color:var(--mt-text);cursor:pointer}.tarot-chat-suggest button:focus-visible{outline:2px solid var(--mt-primary)}.tarot-chat-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.tarot-typing{color:var(--mt-text-2);font-size:14px}@media(prefers-reduced-motion:reduce){.tarot-pick,.tarot-fan.is-shuffling .tarot-pick,.tarot-slot-card.is-flipped svg{animation:none;transition:none}}@media(max-width:560px){.tarot-slots li{width:62px}.tarot-slot-card{width:58px}.tarot-msg{max-width:96%}}.mt-r-hero-visual:has(>.tarot-spread),.mt-r-hero-visual:has(>.tarot-card),.mt-r-hero-visual:has(>.tarot-hero){min-width:0}.mt-r-hero-visual>.tarot-spread,.mt-r-hero-visual>.tarot-card,.mt-r-hero-visual>.tarot-hero{max-width:100%}.mt-r-hero-visual>svg.tarot-cc-compact{display:none}@media(max-width:520px){.mt-r-hero-visual>svg.tarot-cc-wide{display:none}.mt-r-hero-visual>svg.tarot-cc-compact{display:block}}@media(max-width:760px){.mt-r-hero:has(>.mt-r-hero-visual>.tarot-spread){grid-template-columns:minmax(0,1fr)}}.mt-report-body:has(.tarot-spread,.tarot-card){grid-template-columns:minmax(0,1fr)}.palm-guide{display:grid;gap:14px;margin:0 0 22px;padding:16px;border:1px solid var(--mt-outline-variant);border-radius:16px;background:var(--mt-surface-1)}.palm-guide-title{margin:0;font-size:1rem;font-weight:600;color:var(--mt-text)}.palm-guide-note{margin:0;color:var(--mt-text-2);font-size:.92rem;max-width:70ch}.palm-guide-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:center}.palm-guide-text{flex:1 1 260px;min-width:240px;color:var(--mt-text-2)}.palm-guide-text ol,.palm-guide-text ul{margin:6px 0 0;padding-left:20px;display:grid;gap:4px;font-size:.92rem}.palm-fig{margin:0;display:grid;gap:6px;justify-items:center;flex:0 1 auto}.palm-fig figcaption{font-size:.82rem;color:var(--mt-text-2);text-align:center;max-width:20ch}.palm-svg{display:block;height:auto}.palm-pick{display:grid;gap:16px;margin:0 0 22px}.palm-pick-maps{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.palm-pick-map{margin:0;display:grid;gap:8px;justify-items:center}.palm-pick-map figcaption{font-size:.85rem;color:var(--mt-text-2)}.palm-pick-map svg{touch-action:manipulation}.palm-hit{cursor:pointer}.palm-hit:focus-visible{outline:3px solid var(--mt-primary);outline-offset:2px}.palm-hit-ring{fill:var(--mt-primary);fill-opacity:.08;stroke:var(--mt-outline-variant);stroke-width:1}.palm-hit:hover .palm-hit-ring{fill-opacity:.22}.palm-hit[aria-pressed=true] .palm-hit-ring{fill:var(--c-pink);fill-opacity:.4;stroke:var(--c-pink);stroke-width:2}.palm-chosen{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.palm-chosen li{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 12px;border:1px solid var(--mt-outline-variant);border-radius:999px;background:var(--mt-surface-2);font-size:.88rem;color:var(--mt-text)}.palm-chosen button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:var(--mt-surface-4);color:var(--mt-text);font-size:15px;line-height:1;cursor:pointer}.palm-chosen button:hover{background:var(--c-pink);color:var(--mt-surface)}.palm-pick-empty{margin:0;color:var(--mt-text-2);font-size:.92rem}.mt-report-body:has(.palm-svg){grid-template-columns:minmax(0,1fr)}

/* Mystic Tools realm layer (kd 2026-10-25). Appended to the build's site.css by site-realm/build.sh,
   so /assets/site.css stays the single stylesheet. Tokens live in the :root block of site-base.css
   (castle values swapped in by build.sh); this file only adds components and page scenery. */
body.realm{--gold:#e9c97a;--gold2:#f6e3a8;--ink:#f5ecd6;--mute:#b9ad93;--glass:rgba(12,8,24,.74);--glass2:rgba(20,14,38,.82);--line:rgba(233,201,122,.28);--line2:rgba(233,201,122,.55);--figw:min(28vw,350px);--serif:"Cormorant Garamond",Georgia,serif;--disp:"Cinzel",Georgia,serif;--deco:"Cinzel Decorative","Cinzel",Georgia,serif;
  background:#05030a;font-family:var(--serif);font-size:18px;line-height:1.55;color:var(--ink)}
body.realm::before{content:"";position:fixed;inset:-4%;z-index:-2;background:#05030a var(--rm-bg) var(--bgx,50%) 50%/cover no-repeat;filter:brightness(var(--bri,.5)) saturate(1.05) hue-rotate(var(--hue,0deg));transform:scale(var(--zoom,1)) scaleX(var(--flip,1));animation:rmDrift 40s ease-in-out infinite alternate}
body.realm::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 35%,rgba(0,0,0,.7) 100%),linear-gradient(180deg,rgba(5,3,10,.25),rgba(5,3,10,.55))}
@keyframes rmDrift{to{transform:scale(calc(var(--zoom,1) + .05)) scaleX(var(--flip,1)) translateY(-1.2%)}}
@media (prefers-reduced-motion:reduce){body.realm::before{animation:none}}
body.realm h1,body.realm h2,body.realm h3{font-family:var(--disp);font-weight:500;letter-spacing:.02em;color:var(--gold2)}
body.realm h1{font-family:var(--deco);font-weight:700;color:#f0d590;text-shadow:0 2px 18px rgba(233,201,122,.3),0 1px 0 rgba(0,0,0,.6)}
body.realm .lead,body.realm p{color:var(--ink)}
body.realm a{color:var(--gold)}
body.realm [data-theme-toggle]{display:none}

/* Top bar */
body.realm .topbar{background:linear-gradient(180deg,rgba(5,3,10,.9),rgba(5,3,10,.55));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
body.realm .topbar.is-scrolled{box-shadow:0 6px 24px rgba(0,0,0,.6)}
body.realm .logo{display:inline-flex;align-items:center;gap:10px;color:var(--gold)}
body.realm .logo>svg{display:none}
body.realm .logo .rm-emb{width:34px;height:34px}
body.realm .logo-word{display:flex;flex-direction:column;line-height:1;font-family:var(--deco);font-weight:700;font-size:21px;color:var(--gold2);letter-spacing:.04em}
body.realm .logo-word>span{font-family:var(--disp);font-size:9.5px;letter-spacing:.42em;color:var(--gold);margin-top:3px;font-weight:500}
body.realm .topnav-link,body.realm .drawer-link{font-family:var(--disp);font-size:14px;letter-spacing:.06em;color:var(--ink)}
body.realm .mega,body.realm .drawer-panel,body.realm .search-panel{background:var(--glass2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line)}
body.realm .search-trigger,body.realm .icon-btn{background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ink)}
body.realm .rm-castle{font-family:var(--disp);font-size:13px;letter-spacing:.08em;padding:8px 14px;border:1px solid var(--line2);border-radius:999px;color:var(--gold2);white-space:nowrap}
body.realm .rm-castle:hover{background:rgba(233,201,122,.12);text-decoration:none}

/* Room for the figure on wide screens */
@media (min-width:1100px){
  body.realm[data-rm-side=l] main,body.realm[data-rm-side=l] .footer{padding-left:var(--figw)}
  body.realm[data-rm-side=r] main,body.realm[data-rm-side=r] .footer{padding-right:var(--figw)}
}

/* Glass panels */
body.realm .tool-panel,body.realm .explain-main,body.realm .side-card,body.realm .faq-list>*,body.realm .cat-guide,body.realm article.prose,body.realm .keypoints,body.realm .how-strip>*,body.realm .steps3>*,body.realm .page-head,body.realm .mt-report,body.realm .history-list>*,body.realm .bento>*{background:var(--glass);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 18px 50px -20px rgba(0,0,0,.8)}
body.realm .tool-shell{border:none;background:none;box-shadow:none}
body.realm .tool-panel{padding:clamp(18px,3vw,34px);border-color:var(--line2);box-shadow:0 0 0 1px rgba(233,201,122,.08),0 30px 80px -30px rgba(0,0,0,.9),inset 0 0 60px rgba(139,92,246,.08)}
body.realm article.prose,body.realm .cat-guide,body.realm .page-head,body.realm .explain-main{padding:clamp(18px,3vw,32px)}
body.realm .prose h2{font-size:clamp(22px,2.4vw,28px);margin-top:1.4em}
body.realm .faq-list>*{padding:14px 18px}
body.realm .side-tonal{background:linear-gradient(160deg,rgba(60,40,110,.55),rgba(12,8,24,.75))}
body.realm .crumbs,body.realm .crumbs a{color:var(--mute);font-family:var(--disp);font-size:12px;letter-spacing:.08em}
body.realm .cat-chip,body.realm .eyebrow-pill,body.realm .facts li{background:rgba(233,201,122,.08);border:1px solid var(--line);color:var(--gold2)}
body.realm .tool-hero-art{display:none}
body.realm .tool-hero,body.realm .cat-hero{padding-top:clamp(18px,4vw,48px)}
body.realm .tool-hero h1,body.realm .cat-hero h1{font-size:clamp(34px,5.2vw,64px);line-height:1.08}

/* Forms and buttons */
body.realm .mt-label{font-family:var(--disp);font-size:13px;letter-spacing:.08em;color:var(--gold2)}
body.realm input,body.realm select,body.realm textarea{font-family:var(--serif);font-size:18px}
body.realm .mt-field input,body.realm .mt-field select,body.realm .mt-field textarea,body.realm .filter-input,body.realm .mt-select{background:rgba(5,3,10,.6);border:1px solid var(--line);color:var(--ink);border-radius:12px}
body.realm .mt-field input:focus,body.realm .mt-field select:focus,body.realm .mt-field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(233,201,122,.18)}
body.realm .mt-chip span,body.realm .cat-pill,body.realm .mt-q-option{background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--ink)}
body.realm .mt-chip input:checked+span,body.realm .cat-pill.is-active,body.realm .cat-pill[aria-pressed=true]{background:rgba(233,201,122,.16);border-color:var(--gold);color:var(--gold2)}
body.realm .mt-btn-filled,body.realm .mt-submit{background:linear-gradient(180deg,#f6e3a8,#d9b25e 60%,#b98a3a);color:#1a1206;border:none;font-family:var(--disp);letter-spacing:.06em;box-shadow:0 8px 26px -8px rgba(233,201,122,.55)}
body.realm .mt-btn-filled:hover{filter:brightness(1.07)}
body.realm .mt-btn-tonal,body.realm .mt-btn-text{color:var(--gold2);border:1px solid var(--line)}

/* Reading cards (every tool grid becomes a deck) */
body.realm .tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:22px}
body.realm .feature-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
body.realm .tcard{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;aspect-ratio:2/3;padding:26px 16px 18px;border-radius:14px;color:var(--ink);text-decoration:none;
  background:radial-gradient(90% 60% at 50% 22%,color-mix(in srgb,var(--cat,#8b5cf6) 30%,transparent),transparent 70%),linear-gradient(170deg,#1b1233,#0b0716 70%);
  border:1px solid var(--line2);box-shadow:inset 0 0 0 5px rgba(5,3,10,.9),inset 0 0 0 6px rgba(233,201,122,.35),0 14px 34px -14px rgba(0,0,0,.9);transition:transform .35s var(--ease-spring),box-shadow .35s}
body.realm .tcard::before{content:"";position:absolute;inset:12px;border-radius:8px;pointer-events:none;background:repeating-linear-gradient(45deg,rgba(233,201,122,.035) 0 2px,transparent 2px 10px)}
body.realm .tcard:hover{transform:translateY(-8px) rotate(-1.2deg);text-decoration:none;box-shadow:inset 0 0 0 5px rgba(5,3,10,.9),inset 0 0 0 6px rgba(233,201,122,.7),0 24px 50px -16px color-mix(in srgb,var(--cat,#8b5cf6) 70%,transparent)}
body.realm .tcard:nth-child(even):hover{transform:translateY(-8px) rotate(1.2deg)}
body.realm .tcard-ic{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;flex:none;margin-top:6px;color:var(--gold2);background:radial-gradient(circle,rgba(233,201,122,.18),rgba(5,3,10,.3) 70%);border:1px solid var(--line2);box-shadow:0 0 24px color-mix(in srgb,var(--cat,#8b5cf6) 50%,transparent)}
body.realm .tcard-ic svg{width:30px;height:30px}
body.realm .tcard-body{display:flex;flex-direction:column;gap:6px;min-height:0}
body.realm .tcard-body strong{font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:.03em;color:var(--gold2);line-height:1.25}
body.realm .tcard-body>span{font-size:14.5px;line-height:1.35;color:var(--mute);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
body.realm .tcard-go{display:none}
body.realm .tcard-big{aspect-ratio:3/4}
body.realm .section-head h2,body.realm .home-section>h2{font-size:clamp(24px,3vw,34px)}
body.realm .jcard{background:var(--glass);border:1px solid var(--line);border-radius:16px}

/* Report */
body.realm .mt-r-hero,body.realm .mt-r-card,body.realm .mt-r-section,body.realm .mt-r-method,body.realm .mt-r-reflect{background:rgba(10,7,20,.6);border-color:var(--line)}
body.realm .mt-r-title{font-family:var(--deco)}

/* Footer */
body.realm .footer{background:linear-gradient(180deg,transparent,rgba(5,3,10,.92) 30%);border-top:1px solid var(--line);color:var(--mute)}
body.realm .footer a{color:var(--ink)}

/* The Mystique */
.rm-fig{position:fixed;bottom:0;z-index:40;height:min(86vh,940px);width:var(--figw);pointer-events:none;display:flex;align-items:flex-end;justify-content:center}
body[data-rm-side=l] .rm-fig{left:max(0px,calc(var(--figw)*.02))}
body[data-rm-side=r] .rm-fig{right:max(0px,calc(var(--figw)*.02))}
.rm-fig img{max-height:100%;max-width:118%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(139,92,246,.35)) drop-shadow(0 20px 30px rgba(0,0,0,.8));transform-origin:50% 100%;animation:rmBreathe 6s ease-in-out infinite;transition:opacity .45s}
body[data-rm-side=r] .rm-fig img{transform:scaleX(var(--figflip,1))}
.rm-fig img.out{opacity:0}
.rm-fig::after{content:"";position:absolute;bottom:-30px;left:10%;right:10%;height:70px;background:radial-gradient(closest-side,rgba(233,201,122,.28),transparent);filter:blur(6px)}
@keyframes rmBreathe{50%{translate:0 -6px}}
.rm-say{position:fixed;z-index:41;bottom:clamp(24px,9vh,90px);width:min(330px,calc(var(--figw) - 20px));padding:16px 18px 14px;border-radius:18px;background:rgba(12,8,24,.55);border:1px solid var(--line2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 6px rgba(0,0,0,.8);box-shadow:0 20px 50px -18px rgba(0,0,0,.9),0 0 40px -10px rgba(139,92,246,.35);font-family:var(--serif);font-size:17.5px;line-height:1.45;color:var(--ink);transition:opacity .3s,transform .3s}
body[data-rm-side=l] .rm-say{left:12px}
body[data-rm-side=r] .rm-say{right:12px}
.rm-say.hide{opacity:0;transform:translateY(8px);pointer-events:none}
.rm-say b.rm-who{display:block;font-family:var(--disp);font-size:12px;letter-spacing:.2em;color:var(--gold);margin-bottom:4px;text-transform:uppercase}
.rm-say .rm-txt{min-height:1.4em}
.rm-say .rm-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.rm-say button,.rm-chat button.rm-chip{font-family:var(--disp);font-size:12.5px;letter-spacing:.05em;padding:7px 12px;border-radius:999px;border:1px solid var(--line2);background:rgba(233,201,122,.1);color:var(--gold2);cursor:pointer}
.rm-say button.rm-main{background:linear-gradient(180deg,#f6e3a8,#d9b25e);color:#1a1206;border:none}
.rm-say .rm-x{position:absolute;top:8px;right:10px;padding:2px 8px;border:none;background:none;color:var(--mute);font-size:18px}
.rm-av{display:none}
.rm-chat{position:fixed;z-index:60;bottom:16px;width:min(430px,calc(100vw - 24px));height:min(64vh,640px);display:flex;flex-direction:column;pointer-events:none}
.rm-chat>*{pointer-events:auto}
.rm-chat[hidden]{display:none}
body[data-rm-side=l] .rm-chat{left:calc(var(--figw)*.98)}
body[data-rm-side=r] .rm-chat{right:calc(var(--figw)*.98)}
.rm-chat-h{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:0 2px 6px}
.rm-chat-h small{display:inline-block;color:var(--ink);font-size:14px;padding:5px 12px;border-radius:999px;background:rgba(8,5,20,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 6px #000}
.rm-chat-h button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line2);background:rgba(8,5,20,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
.rm-note{align-self:flex-end;margin:0 0 4px;padding:3px 10px;border-radius:999px;background:rgba(8,5,20,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12.5px;color:var(--mute);text-shadow:0 1px 4px #000}
.rm-log{flex:1;min-height:0;overflow-y:auto;padding:34px 0 6px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%)}
.rm-log::-webkit-scrollbar{display:none}
.rm-m{display:flex;align-items:flex-start;gap:10px;animation:rmMsg .4s ease both}
@keyframes rmMsg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rm-mav{flex:none;width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:50% 8%;border:1.5px solid var(--gold);background:#1b1233;box-shadow:0 2px 8px rgba(0,0,0,.6)}
.rm-mav.rm-you{display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:14px;color:#1b1206;background:linear-gradient(135deg,#8b5cf6,#c9b6ff);border-color:rgba(201,182,255,.8)}
.rm-mb{min-width:0;padding:7px 14px 8px;border-radius:6px 18px 18px 18px;background:rgba(8,5,20,.52);backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);border:1px solid rgba(255,255,255,.08);text-shadow:0 1px 6px rgba(0,0,0,.85)}
.rm-mb b{display:block;font-family:var(--disp);font-size:12.5px;letter-spacing:.06em;color:var(--gold2);margin-bottom:1px}
.rm-m.u .rm-mb b{color:#d6c7ff}
.rm-mb span{display:block;font-size:17.5px;line-height:1.36;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere}
.rm-m.dots .rm-mb span{letter-spacing:.3em;opacity:.8}
.rm-chips{display:flex;flex-wrap:nowrap;gap:7px;padding:4px 0 8px;overflow-x:auto;scrollbar-width:none}
.rm-chips::-webkit-scrollbar{display:none}
.rm-chips button.rm-chip{flex:none;font-size:12.5px;padding:7px 13px;background:rgba(8,5,20,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 5px #000}
.rm-form{display:flex;gap:8px;padding:0 0 4px}
.rm-form input{flex:1;min-width:0;padding:11px 17px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(8,5,20,.52);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-family:var(--serif);font-size:18px}
.rm-form input::placeholder{color:rgba(255,255,255,.7)}
.rm-form input:focus{outline:none;border-color:var(--gold)}
.rm-form button{flex:none;width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(180deg,#f6e3a8,#d9b25e);color:#1a1206;font-size:17px;cursor:pointer}

/* While chatting, the page behind softly dims so transparent messages stay readable and the Mystique stays vivid */
body.rm-chatting::after{content:"";position:fixed;inset:0;z-index:38;pointer-events:none;background:rgba(5,3,10,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}

/* Phones and tablets: the Mystique becomes a portrait in the corner */
@media (max-width:1099px){
  .rm-fig{display:none}
  .rm-av{display:block;position:fixed;z-index:42;bottom:16px;width:74px;height:74px;border-radius:50%;padding:0;border:2px solid var(--gold);background:#1b1233;overflow:hidden;box-shadow:0 0 0 4px rgba(5,3,10,.7),0 10px 30px rgba(0,0,0,.8),0 0 30px rgba(139,92,246,.5);cursor:pointer}
  body[data-rm-side=l] .rm-av{left:14px}
  body[data-rm-side=r] .rm-av{right:14px}
  .rm-av img{width:100%;height:240%;object-fit:cover;object-position:50% 0}
  .rm-say{bottom:102px;width:min(320px,calc(100vw - 28px))}
  body[data-rm-side=l] .rm-say{left:14px}
  body[data-rm-side=r] .rm-say{right:14px}
  .rm-chat{left:10px!important;right:10px!important;width:auto;bottom:8px;height:44dvh}
  .rm-log{padding-top:26px;gap:7px}
  .rm-mav{width:30px;height:30px}
  .rm-mb{padding:6px 12px 7px}
  .rm-mb span{font-size:16.5px;line-height:1.3}
  .rm-form input{padding:10px 16px;font-size:17px}
  .rm-form button{width:42px;height:42px}
  body.rm-chatting .rm-av,body.rm-chatting .rm-say{display:none}
  body.rm-chatting .rm-fig{display:flex;position:fixed;top:56px;bottom:auto;left:0!important;right:0!important;width:100%;height:calc(100dvh - 56px - 44dvh - 8px);z-index:39}
  body.rm-chatting .rm-fig img{max-width:100%;transform:none}
  body.realm{font-size:17px}
  body.realm .tgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
  body.realm .tcard{padding:20px 12px 16px}
  body.realm .tcard-body>span{-webkit-line-clamp:4;font-size:13.5px}
  body.realm .rm-castle{display:none}
}

/* ---------- /tools/: the Hall of Readings (storm sky, floating scroll, tabbed deck) ---------- */
.rm-sky{position:fixed;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:brightness(.8) saturate(1.1)}
.rm-flash{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#dfe8ff;opacity:0;mix-blend-mode:screen}
.rm-flash.go{animation:rmFlash 1.1s ease-out}
@keyframes rmFlash{0%{opacity:0}6%{opacity:.55}12%{opacity:.06}20%{opacity:.4}100%{opacity:0}}
body.rm-tools .filter-bar,body.rm-tools .filter-empty{display:none}
body.rm-tools .home-section{display:none}
body.rm-tools .home-section.rm-on,body.rm-tools.rm-searching .home-section.rm-hit{display:block}
body.rm-tools .rm-sec-sub{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--mute);margin:4px 0 0}
body.rm-tools .section-head{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:18px}
body.rm-tools .section-head h2{font-family:var(--deco);font-weight:700;font-size:clamp(28px,3.2vw,42px);color:#f0d590;text-shadow:0 2px 18px rgba(233,201,122,.3)}
body.rm-tools .tcard.rm-deal{animation:rmDeal .55s var(--ease-emph) both}
@keyframes rmDeal{from{opacity:0;transform:translate(-70px,50px) rotate(-10deg) scale(.9)}to{opacity:1;transform:none}}
body.rm-tools .tcard.rm-miss{display:none}

/* The scroll */
.rm-scroll{position:fixed;z-index:35;left:44px;top:calc(var(--topbar-h) + 26px);width:232px;filter:drop-shadow(0 22px 30px rgba(0,0,0,.75));animation:rmFloat 7s ease-in-out infinite}
@keyframes rmFloat{50%{transform:translateY(-8px) rotate(-.4deg)}}
.rm-rod{position:relative;height:22px;margin:0 -14px;border-radius:11px;background:linear-gradient(180deg,#3d2410,#a0743a 30%,#e2bf74 48%,#8a5a26 70%,#3d2410);box-shadow:0 4px 10px rgba(0,0,0,.6);z-index:2}
.rm-rod::before,.rm-rod::after{content:"";position:absolute;top:-4px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1c2,#e2bf74 30%,#8a5a26 70%,#3d2410);box-shadow:0 2px 6px rgba(0,0,0,.7)}
.rm-rod::before{left:-16px}.rm-rod::after{right:-16px}
.rm-paper{position:relative;margin:-6px 0;padding:22px 16px 18px;color:#3a2410;overflow:hidden;
  background:radial-gradient(120% 60% at 30% 20%,rgba(255,250,230,.55),transparent 60%),radial-gradient(90% 70% at 80% 90%,rgba(150,100,40,.25),transparent 60%),linear-gradient(180deg,#e9d6a8,#dcc28a 50%,#e6d1a0);
  box-shadow:inset 0 0 34px rgba(110,70,25,.55),inset 0 10px 14px -8px rgba(60,35,10,.6),inset 0 -10px 14px -8px rgba(60,35,10,.6);
  clip-path:inset(0 0 100% 0);animation:rmUnroll 1.1s .2s var(--ease-emph) forwards}
@keyframes rmUnroll{to{clip-path:inset(0 0 0 0)}}
.rm-paper h3,body.realm .rm-paper h3{margin:0 0 4px;font-family:var(--deco);font-size:19px;color:#5a2d0c;text-align:center;letter-spacing:.03em}
.rm-paper .rm-orn{display:block;text-align:center;color:#8a5a26;font-size:13px;letter-spacing:.5em;margin-bottom:12px}
.rm-ch{display:flex;align-items:center;gap:10px;width:100%;padding:8px 6px;margin:0;border:none;background:none;text-align:left;cursor:pointer;color:#3a2410;font-family:var(--disp);font-size:13.5px;letter-spacing:.03em;border-bottom:1px dashed rgba(90,45,12,.25);transition:color .2s,transform .2s}
.rm-ch:hover{color:#7a1f12;transform:translateX(3px)}
.rm-ch .rm-num{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--disp);font-size:11px;font-weight:600;color:#5a2d0c;border:1px solid rgba(90,45,12,.45)}
.rm-ch .rm-cnt{margin-left:auto;font-family:var(--serif);font-style:italic;font-size:14px;color:#7a5a30}
.rm-ch.on{color:#7a1f12}
.rm-ch.on .rm-num{color:#f6e3a8;border:none;background:radial-gradient(circle at 35% 30%,#d2483a,#8e1c14 60%,#5a0f0a);box-shadow:0 2px 6px rgba(90,15,10,.6),inset 0 0 0 2px rgba(255,200,170,.25)}
.rm-find{display:block;width:100%;margin-top:14px;padding:8px 4px;border:none;border-bottom:1.5px solid rgba(90,45,12,.55);background:transparent;color:#3a2410;font-family:var(--serif);font-style:italic;font-size:17px;outline:none}
.rm-find::placeholder{color:#7a5a30}
.rm-none{display:none;font-style:italic;color:var(--mute)}
body.rm-searching .rm-none.show{display:block}

@media (min-width:1100px){
  body.rm-tools{overflow:hidden}
  body.rm-tools main{position:fixed;top:var(--topbar-h);bottom:0;left:0;right:0;padding:0 var(--figw) 0 300px!important}
  body.rm-tools .home-section{margin:0;padding:0}
  body.rm-tools .tcard{aspect-ratio:5/7;padding:20px 12px 14px}
  body.rm-tools .tcard-ic{width:56px;height:56px}
  body.rm-tools main>.wrap{height:100%;max-width:none;display:flex;flex-direction:column;padding:18px 26px 0}
  body.rm-tools .crumbs{margin:0}
  body.rm-tools .cat-hero{padding:6px 0 4px}
  body.rm-tools .cat-hero h1{font-size:clamp(20px,1.8vw,26px)}
  body.rm-tools .cat-hero .lead{display:none}
  body.rm-tools .rm-stage{flex:1;min-height:0;overflow-y:auto;padding:6px 10px 40px 4px;scrollbar-width:thin;scrollbar-color:rgba(233,201,122,.5) transparent;-webkit-mask:linear-gradient(180deg,transparent,#000 18px,#000 calc(100% - 30px),transparent)}
  body.rm-tools .tgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
  body.rm-tools .footer{display:none}
}
@media (max-width:1099px){
  .rm-scroll{position:sticky;top:var(--topbar-h);left:auto;width:auto;margin:0 -16px 16px;animation:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.7))}
  .rm-rod{display:none}
  .rm-paper{margin:0;padding:10px 12px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;clip-path:none;animation:none;border-radius:4px}
  .rm-paper h3,.rm-paper .rm-orn,.rm-ch .rm-cnt{display:none}
  .rm-ch{flex:none;width:auto;border:none;padding:6px 10px 6px 6px;font-size:12.5px;border-radius:999px}
  .rm-ch.on{background:rgba(122,31,18,.1)}
  .rm-find{flex:none;width:150px;margin:0 0 0 4px;font-size:15px}
  body.rm-tools .cat-hero{padding-top:10px}
  body.rm-tools .cat-hero h1{font-size:32px}
}
body.rm-tools .tcard-body>span{-webkit-line-clamp:3}
@media (max-width:1099px){body.rm-tools .tcard{aspect-ratio:3/4}}

/* Daily free reading seal */
.rm-sealed .mt-stage,.rm-sealed>.mt-skeleton,#studio.rm-sealed>*:not(.rm-seal):not(#reading-results){display:none!important}
.rm-seal{position:relative;margin:0 0 18px;padding:26px 24px 22px;text-align:center;border-radius:18px;border:1px solid var(--line2);background:radial-gradient(90% 80% at 50% 0%,rgba(139,92,246,.22),transparent 70%),rgba(10,7,20,.82);box-shadow:inset 0 0 50px rgba(233,201,122,.06)}
.rm-wax{width:58px;height:58px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#f6e3a8;background:radial-gradient(circle at 35% 30%,#d2483a,#8e1c14 60%,#5a0f0a);box-shadow:0 4px 14px rgba(90,15,10,.6),inset 0 0 0 3px rgba(255,200,170,.2)}
.rm-seal h3{font-family:var(--deco);font-size:clamp(20px,2.4vw,26px);margin:0 0 8px;color:#f0d590}
.rm-seal p{margin:0 0 6px;color:var(--ink)}
.rm-seal .rm-left b{color:var(--gold2)}
.rm-seal-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}
.rm-btn{display:inline-block;padding:10px 18px;border-radius:999px;font-family:var(--disp);font-size:13px;letter-spacing:.06em;background:linear-gradient(180deg,#f6e3a8,#d9b25e);color:#1a1206!important;border:none;cursor:pointer;text-decoration:none!important}
.rm-btn.ghost{background:rgba(233,201,122,.1);color:var(--gold2)!important;border:1px solid var(--line2)}
.rm-note{margin:0;padding:6px 14px;font-size:13px;color:var(--mute);border-bottom:1px solid var(--line)}
body.realm .mt-report-body{grid-template-columns:minmax(0,1fr)}

/* Custom glyphs (no emoji or dingbats anywhere) */
.rm-ic{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:currentColor}
.rm-orn .rm-ic{width:12px;height:12px;margin:0 7px}
.rm-wax .rm-ic{width:46%;height:46%}
.rm-send{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.rm-form button{display:grid;place-items:center}