.vq{max-width:560px;margin:0 auto}.page-body:has(.vq){background:var(--peri-50)}.vq-box{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px 20px}.vq-k{letter-spacing:-.03em;color:var(--peri-700);margin:18px 0 8px;font-size:12px;font-weight:700}.vq-k:first-child{margin-top:0}.vq-seg{flex-wrap:wrap;gap:8px;display:flex}.vq-seg button{border:1px solid var(--peri-200);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:12px;padding:0 16px;font-size:16px;font-weight:600}.vq-seg button.on{background:var(--peri-700);border-color:var(--peri-700);color:#fff}.vq-pick{color:var(--sub);align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.vq-pick select{border:1px solid var(--peri-200);min-height:48px;font:inherit;color:var(--ink);background:#fff;border-radius:12px;flex:1;padding:0 12px;font-size:16px}.vq-help{color:var(--sub);margin-top:10px;font-size:14px}.vq-help a,.vq-err a,.vq-next a{color:var(--peri-700);text-underline-offset:3px;font-weight:700;text-decoration:underline}.vq-err{border:1px solid var(--peri-200);background:var(--peri-50);color:var(--ink);border-radius:12px;margin-top:14px;padding:12px 14px;font-size:14px}.vq-go{width:100%;height:54px;margin-top:20px}.vq-go:disabled{opacity:.6}.vq-play{gap:12px;display:grid}.vq-top{align-items:center;gap:12px;display:flex}.vq-bar{background:var(--peri-100);border-radius:999px;flex:1;height:8px;overflow:hidden}.vq-bar i{background:var(--peri-700);border-radius:999px;height:100%;transition:width .2s;display:block}.vq-count{color:var(--peri-700);white-space:nowrap;font-size:14px;font-weight:800}.vq-where{text-align:center;color:var(--sub);font-size:12px;font-weight:700}.vq-card{text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:34px 24px 30px;display:flex;box-shadow:0 18px 40px -28px #2c355766}.vq-ask{letter-spacing:-.03em;color:var(--peri-700);font-size:12px;font-weight:800}.vq-prompt{font-family:var(--en);letter-spacing:-.03em;word-break:break-word;font-size:44px;font-weight:400;line-height:normal}.vq-prompt.ko{font-family:var(--display);letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1.5}.vq-pos{background:var(--peri-50);color:var(--sub);border-radius:999px;padding:4px 12px;font-size:12px}.vq-choices{gap:10px;margin-top:4px;display:grid}.vq-choice{border:1.5px solid var(--line);min-height:56px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px 16px;font-size:16px;font-weight:600;transition:border-color .15s;display:flex}.vq-choice:not(:disabled):hover{border-color:var(--peri-300)}.vq-choice:disabled{cursor:default}.vq-n{background:var(--peri-50);width:26px;height:26px;color:var(--peri-700);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.vq-t{flex:1}.vq-mark{color:var(--peri-700);flex:none;font-weight:800}.vq-choice.ok{border:2px solid var(--peri-700);background:var(--peri-50);font-weight:800}.vq-choice.ok .vq-n{background:var(--peri-700);color:#fff}.vq-choice.no{border-style:dashed;border-color:var(--peri-700)}.vq-choice.no .vq-t{color:var(--sub);text-decoration:line-through}.vq-choice.dim{opacity:.45}.vq-note{min-height:48px;color:var(--ink);text-align:center;font-size:14px}.vq-skip{min-height:48px;color:var(--sub);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 4px;font-size:14px;text-decoration:underline}.vq-skip:disabled{opacity:.4}.vq-result{text-align:center}.vq-score{font-family:var(--display);color:var(--sub);font-size:28px}.vq-score b{color:var(--ink);font-size:64px;line-height:normal}.vq-meta{color:var(--sub);font-size:14px}.vq-dots{flex-wrap:wrap;justify-content:center;gap:4px;margin:16px 0;display:flex}.vq-dots i{border:1px solid var(--peri-300);background:#fff;border-radius:3px;width:12px;height:12px}.vq-dots i.on{background:var(--peri-700);border-color:var(--peri-700)}.vq-wrong{text-align:left;border-top:1px solid var(--line);list-style:none}.vq-wrong li{border-bottom:1px solid var(--line);padding:10px 2px;font-size:14px}.vq-acts{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 6px;display:flex}.vq-acts .btn{min-height:52px}.vq-next{border-top:1px solid var(--line);color:var(--sub);text-align:left;margin-top:18px;padding-top:16px;font-size:14px}.vq-next p+p{margin-top:6px}.vq-next a{margin-right:8px}@media (max-width:599px){.vq-box{border-radius:14px;padding:20px 16px}.vq-card{border-radius:20px;padding:28px 18px 24px}.vq-prompt{font-size:38px}.vq-prompt.ko{font-size:22px}.vq-score b{font-size:54px}}@media (prefers-reduced-motion:reduce){.vq-bar i{transition:none}}