.mt-page{padding-block:28px 56px;background:var(--cream-grad);min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h))}.mt-page__in{max-width:calc(560px + var(--gutter) * 2)}.mt{display:grid;grid-gap:12px;gap:12px;scroll-margin-top:calc(var(--header-h) + 16px)}.mt-card{position:relative;min-width:0;padding:28px 24px;border-radius:var(--r-xl);background:var(--white);box-shadow:var(--sh-md);animation:fade-up .35s var(--ease)}.mt-intro{display:grid;justify-items:center;text-align:center;padding:32px 24px 26px}.mt-intro__art{display:flex;align-items:center;justify-content:center;margin-bottom:18px}.mt-intro__pic{position:relative;width:76px;height:76px;margin:0 -9px;border-radius:50%;overflow:hidden;border:3px solid var(--white);box-shadow:var(--sh-sm)}.mt-intro__pic:nth-child(2),.mt-intro__pic:nth-child(4){width:92px;height:92px}.mt-intro__pic:nth-child(3){width:112px;height:112px}.mt-intro__pic img{object-fit:cover}.mt-intro__eyebrow{font-size:var(--fs-sm);font-weight:700;color:var(--brand)}.mt-intro__title{margin-top:4px;font-size:var(--fs-h2);font-weight:800;letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.mt-intro__title em{font-style:normal;color:var(--brand)}.mt-intro__count{margin-top:12px;padding:6px 14px;border-radius:var(--r-pill);background:var(--brand-tint);font-size:var(--fs-sm);color:var(--ink-2)}.mt-intro__count b{color:var(--brand);font-weight:800}.mt-intro__start{margin-top:20px;min-width:min(220px,100%)}.mt-intro__meta{margin-top:10px;font-size:var(--fs-xs);color:var(--ink-4)}.mt-intro__share{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:var(--fs-xs);color:var(--ink-3)}.mt-intro__share:hover{color:var(--ink)}.mt-q{display:grid;justify-items:center;text-align:center;padding-top:16px}.mt-q__top{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;width:100%}.mt-q__back{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--ink-2);transition:background var(--t-fast)}.mt-q__back:hover{background:var(--bg-soft)}.mt-form>.mt-q__back{position:absolute;left:12px;top:12px}.mt-q__no{font-size:var(--fs-md);font-weight:800;color:var(--brand)}.mt-q__no small{font-size:var(--fs-sm);font-weight:600;color:var(--ink-4)}.mt-q__bar{width:100%;height:6px;margin-top:10px;border-radius:var(--r-pill);background:var(--bg-soft);overflow:hidden}.mt-q__bar i{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width var(--t) var(--ease)}.mt-q__char{width:96px;height:96px;object-fit:contain;margin-top:22px}.mt-q__title{margin-top:10px;font-size:var(--fs-h3);font-weight:800;letter-spacing:var(--ls-tight);line-height:var(--lh-snug);white-space:pre-line;text-wrap:balance;animation:fade-up .3s var(--ease)}.mt-q__opts{display:grid;grid-gap:8px;gap:8px;width:100%;margin-top:22px;animation:fade-up .35s var(--ease)}.mt-opt{width:100%;min-height:54px;padding:12px 18px;border-radius:var(--r-lg);border:1.5px solid var(--line);background:var(--white);font-size:var(--fs-md);font-weight:700;color:var(--ink);transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast),transform var(--t-fast)}.mt-opt:hover{border-color:var(--brand-line);background:var(--brand-tint)}.mt-opt:active{transform:scale(.99)}.mt-opt.is-on{border-color:var(--brand);background:var(--brand);color:var(--white)}.mt-loading{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:56px 24px;text-align:center}.mt-loading__spin{width:44px;height:44px;margin-bottom:8px;border-radius:50%;border:4px solid var(--brand-tint);border-top-color:var(--brand);animation:mt-spin .8s linear infinite}.mt-loading__title{font-size:var(--fs-h4);font-weight:800}.mt-loading__desc{font-size:var(--fs-sm);color:var(--ink-3)}@keyframes mt-spin{to{transform:rotate(1turn)}}.mt-result{display:grid;grid-gap:12px;gap:12px}.mt-result__main{display:grid;justify-items:center;grid-gap:8px;gap:8px;text-align:center}.mt-result__eyebrow{font-size:var(--fs-sm);font-weight:700;color:var(--brand)}.mt-result__photo{position:relative;width:min(208px,62%);aspect-ratio:1;margin-top:6px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 6px var(--brand-tint)}.mt-result__photo img{object-fit:cover}.mt-result__name{margin-top:8px;font-size:var(--fs-h2);font-weight:800;letter-spacing:var(--ls-tight)}.mt-result__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.mt-recs__title{font-size:var(--fs-h4);font-weight:800;text-align:center}.mt-recs__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px 10px;gap:12px 10px;margin-top:14px}.mt-rec{display:grid;grid-gap:6px;gap:6px;justify-items:center;text-align:center}.mt-rec__photo{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-soft)}.mt-rec__photo img{object-fit:cover;transition:transform var(--t-slow) var(--ease)}a.mt-rec:hover .mt-rec__photo img{transform:scale(1.04)}.mt-rec__name{font-size:var(--fs-sm);font-weight:700;color:var(--ink)}a.mt-rec:hover .mt-rec__name{color:var(--brand)}.mt-actions{display:grid;grid-gap:8px;gap:8px;padding:14px}.mt-action{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;grid-gap:12px;gap:12px;width:100%;padding:12px 14px;border-radius:var(--r-lg);background:var(--bg-soft);text-align:left;transition:background var(--t-fast)}.mt-action:hover{background:var(--line-2)}.mt-action__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--white);color:var(--ink)}.mt-action>span:nth-child(2){display:grid;grid-gap:1px;gap:1px}.mt-action b{font-size:var(--fs-md);font-weight:800;color:var(--ink)}.mt-action>span:nth-child(2)>span{font-size:var(--fs-xs);color:var(--ink-3)}.mt-action__chev{color:var(--ink-4)}.mt-action--brand{background:var(--brand-tint)}.mt-action--brand:hover{background:var(--brand-soft)}.mt-action--brand .mt-action__ico{background:var(--brand);color:var(--white)}.mt-restart{display:inline-flex;align-items:center;justify-content:center;gap:6px;justify-self:center;padding:10px 16px;font-size:var(--fs-sm);font-weight:700;color:var(--ink-3)}.mt-restart:hover{color:var(--ink)}.mt-form{padding-top:56px}.mt-form__title{font-size:var(--fs-h4);font-weight:800;line-height:var(--lh-snug);text-align:center}.mt-form__desc{margin:6px 0 18px;font-size:var(--fs-sm);color:var(--ink-3);text-align:center}.mt-form__policy{color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}.mt-done{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:48px 24px;text-align:center}.mt-done__ico{display:grid;place-items:center;width:64px;height:64px;margin-bottom:6px;border-radius:50%;background:var(--green-soft);color:var(--green)}.mt-done__title{font-size:var(--fs-h3);font-weight:800}.mt-done__desc{font-size:var(--fs-sm);color:var(--ink-3)}.mt-done__btns{display:flex;gap:8px;margin-top:12px}@media (max-width:640px){.mt-page{padding-block:16px 40px}.mt-card{padding:24px 18px;border-radius:var(--r-lg)}.mt-intro__title,.mt-result__name{font-size:var(--fs-h3)}.mt-recs__grid{gap:10px 8px}.mt-rec__photo{aspect-ratio:1;border-radius:var(--r-md)}.mt-rec__name{font-size:var(--fs-xs);line-height:1.35}.mt-result__photo{width:min(180px,56%)}.mt-q__title{font-size:var(--fs-h4)}.mt-intro__pic{width:60px;height:60px}.mt-intro__pic:nth-child(2),.mt-intro__pic:nth-child(4){width:74px;height:74px}.mt-intro__pic:nth-child(3){width:92px;height:92px}}@media (max-width:360px){.mt-intro__pic{width:48px;height:48px}.mt-intro__pic:nth-child(2),.mt-intro__pic:nth-child(4){width:58px;height:58px}.mt-intro__pic:nth-child(3){width:72px;height:72px}}