.qcf-how{display:block;border:0;padding:0;margin:9px 0;background:none;color:white;font:14px/1.5 Arial;cursor:pointer}.qcf-how:hover{text-decoration:underline}.qcf-how:focus-visible{outline:2px solid white;outline-offset:4px}.qhb{border:0;border-radius:20px;padding:30px;width:min(480px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-sizing:border-box;color:#202039;background:white;font-family:Arial,sans-serif;box-shadow:0 20px 70px #0004}.qhb::backdrop{background:#131525a6}.qhb h2{text-align:center;font-size:26px;margin:0 25px 24px}.qhb-close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:28px;color:#202039;cursor:pointer;width:36px;height:36px}.qhb-progress{display:flex;gap:8px}.qhb-progress button{flex:1;min-width:0;border:0;border-top:6px solid #e0e2e9;border-radius:3px;background:none;padding:8px 0;font-size:11px;color:#505469;cursor:pointer}.qhb-progress button.is-done{border-color:#ed0057}.qhb-progress button[aria-current]{color:#ed0057;font-weight:bold}.qhb-content{text-align:center}.qhb-content [hidden]{display:none}.qhb-art{width:240px;max-width:100%;height:150px;margin:15px auto 4px;display:block}.qhb h3{font-size:25px;margin:10px 0}.qhb p{font-size:15px;line-height:1.5;margin:0 auto;max-width:370px}.qhb .qhb-time{font-size:13px;padding:12px;background:#fff9d5;border-radius:10px;margin-top:15px}.qhb-actions{display:flex;gap:12px;margin-top:24px}.qhb-actions button{flex:1;border-radius:10px;min-height:44px;font-size:14px;cursor:pointer}.qhb-prev{background:white;border:1px solid #9fa4b3;color:#202039}.qhb-prev:disabled{opacity:.4;cursor:default}.qhb-next{background:#ed0057;color:white;border:1px solid #ed0057;font-weight:bold}.qhb button:focus-visible{outline:3px solid #dbab00;outline-offset:3px}@media(max-width:480px){.qhb{padding:24px 18px}.qhb h2{font-size:23px}.qhb h3{font-size:22px}}
.qhb-content .qhb-art{display:none}.qhb-content [data-panel]::before{content:"";display:block;width:210px;height:210px;max-width:100%;margin:16px auto 8px;background-image:url("qc-how-mascot.png");background-repeat:no-repeat;background-size:200% 200%}.qhb-content [data-panel="0"]::before{background-position:0 0}.qhb-content [data-panel="1"]::before{background-position:100% 0}.qhb-content [data-panel="2"]::before{background-position:0 100%}.qhb-content [data-panel="3"]::before{background-position:100% 100%}