.mwq{--ink:#1b0b33;--violet:#32064A;--pink:#E42C6A;--yellow:#FCD02C;--green:#23883a;--red:#c9264f;color:var(--ink);max-width:680px;margin:0 auto 32px}
.mwq *{box-sizing:border-box}
.mwq h2:focus{outline:none}
.mwq-bar{display:none;align-items:center;gap:12px;margin:0 0 14px;font-weight:800;font-size:15px}
.mwq-track{flex:1;height:10px;background:#eadff3;border-radius:9px;overflow:hidden}
.mwq-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#E42C6A,#FCD02C);transition:width .25s ease}
.mwq-clock{color:var(--pink);font-size:19px;font-weight:900;min-width:44px;text-align:right}
.mwq-q,.mwq-gate{background:#fff;border-radius:20px;padding:20px;margin:0 0 16px;box-shadow:0 3px 0 #e8def5,0 8px 22px rgba(50,6,74,.09)}
.mwq-q h2,.mwq-gate h2{font-size:clamp(22px,5.4vw,29px);line-height:1.22;font-weight:800;margin:0 0 16px;color:var(--ink)}
.mwq-gate{text-align:center}
.mwq-gate p{font-size:18px;margin:0}
.mwq-img{display:block;width:100%;max-height:340px;object-fit:contain;border-radius:14px;margin:0 0 14px;background:#f5f0fa}
.mwq-o{display:grid;gap:10px}
.mwq-o button{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 14px;border:2px solid #d9cce6;border-radius:14px;background:#fff!important;color:var(--ink)!important;font:inherit;font-size:18px;font-weight:700;text-align:left;cursor:pointer;line-height:1.2}
.mwq-o button:hover:not(:disabled){border-color:var(--pink)}
.mwq-o button:focus-visible,.mwq-next:focus-visible,.mwq-act:focus-visible{outline:3px solid #3778C2;outline-offset:2px}
.mwq-o b{display:inline-flex;flex:0 0 34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--violet);color:#fff;font-size:15px}
.mwq-o button.ok{background:var(--green)!important;border-color:var(--green);color:#fff!important}
.mwq-o button.no{background:var(--red)!important;border-color:var(--red);color:#fff!important}
.mwq-o button.picked{background:var(--violet)!important;border-color:var(--violet);color:#fff!important}
.mwq-o button.ok b,.mwq-o button.no b,.mwq-o button.picked b{background:#fff;color:var(--ink)}
.mwq-o button:disabled{cursor:default;opacity:1}
.mwq-a{margin:14px 0 0;font-size:17px;line-height:1.45}
.mwq-a summary{cursor:pointer;font-weight:800;color:var(--pink)}
.mwq-a p{margin:8px 0 0}
.mwq-next,.mwq-act{display:inline-flex;justify-content:center;align-items:center;min-height:54px;width:100%;margin-top:14px;padding:8px 14px;border:0;border-radius:14px;background:var(--yellow)!important;color:var(--violet)!important;font:inherit;font-size:18px;font-weight:800;line-height:1.2;cursor:pointer;text-decoration:none!important}
.mwq.on .mwq-bar{display:flex}
.mwq.on .mwq-q{display:none}
.mwq.on .mwq-q.cur{display:block}
.mwq.on .mwq-a summary{display:none}
.mwq.on .mwq-a{display:none}
.mwq.on .mwq-q.done .mwq-a{display:block}
.mwq .mwq-next{display:none}
.mwq.on .mwq-q.done .mwq-next{display:inline-flex}
.mwq:not(.on) .mwq-gate{display:none}
.mwq-r{display:none;text-align:center;color:#fff;border-radius:22px;padding:30px 20px;background:radial-gradient(420px 260px at 90% 0,#E42C6A 0,transparent 70%),#32064A}
.mwq-r.show{display:block}
.mwq-r h2{color:#fff;font-size:27px;font-weight:900;margin:0}
.mwq-score{display:block;font-size:82px;line-height:1.1;font-weight:900;color:var(--yellow);margin:8px 0 4px}
.mwq-r p{color:#efe6f7;font-size:18px;margin:8px 0}
.mwq-rr{display:none}
.mwq-rr.show{display:block}
.mwq-rr h2{color:var(--yellow);font-size:36px;line-height:1.15}
.mwq-you{display:block;font-weight:800;font-size:17px;margin-bottom:4px}
.mwq-wa{background:#1f9d55!important;color:#fff!important}
.mwq-alt{background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.6)}
.mwq-yt{max-width:1140px;margin:0 auto 32px;color:#1b0b33}
.mwq-yt *{box-sizing:border-box}
.mwq-yt-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.mwq-yt-head h2{font-size:clamp(26px,3.4vw,36px);line-height:1.1;font-weight:900;margin:0;color:#1b0b33}
.mwq-yt-sub{flex:none;display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:12px;background:#d91414;color:#fff!important;font-weight:800;text-decoration:none!important}
.mwq-yt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mwq-yt-v{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 3px 0 #e8def5,0 8px 22px rgba(50,6,74,.09)}
.mwq-yt-play{position:relative;display:block;aspect-ratio:16/9;background:#32064A;overflow:hidden}
.mwq-yt-play img{width:100%;height:100%;object-fit:cover;display:block}
.mwq-yt-icon{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:#d91414}
.mwq-yt-icon:after{content:"";position:absolute;left:27px;top:13px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
.mwq-yt-frame{display:block;width:100%;aspect-ratio:16/9;border:0}
.mwq-yt-v h3{font-size:17px;line-height:1.25;font-weight:800;margin:12px 14px 16px;color:#1b0b33}
@media (max-width:760px){.mwq-yt-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:12px}.mwq-yt-v{flex:0 0 78%}}
@media (prefers-reduced-motion:reduce){.mwq-fill{transition:none}}
.mwr{max-width:640px;margin:0 auto 30px;color:#1b0b33;text-align:center}
.mwr *{box-sizing:border-box}
.mwr img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 10px 26px rgba(50,6,74,.2)}
.mwr h2{font-size:clamp(25px,6vw,34px);line-height:1.22;font-weight:800;margin:22px 0 18px;color:#1b0b33}
.mwr details{margin:12px 0;text-align:left;border-radius:14px}
.mwr summary{display:flex;align-items:center;justify-content:center;min-height:56px;padding:8px 16px;border-radius:14px;font-size:19px;font-weight:800;cursor:pointer;list-style:none;background:#eadff3;color:#32064A}
.mwr summary::-webkit-details-marker{display:none}
.mwr .mwr-ans summary{background:#FCD02C}
.mwr details>div{padding:16px 6px 4px;font-size:19px;line-height:1.5}
.mwr strong.a{display:block;font-size:30px;font-weight:900;color:#23883a;margin-bottom:6px}
.mwr-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.mwr-nav a{flex:1 1 200px;display:flex;align-items:center;justify-content:center;min-height:54px;padding:6px 14px;border-radius:14px;font-weight:800;text-decoration:none!important;background:#32064A;color:#fff!important}
.mwr-nav a.alt{background:transparent;border:2px solid #32064A;color:#32064A!important}
