.vq{display:flex;flex-direction:column;gap:12px;margin-top:10px}.vq-card{display:contents}.vq-steps{order:1}.vq-prof{order:2}.vq-player{order:3}.vq-body{order:4}@media (min-width:1024px){.vq{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;align-items:start}.vq-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--color-hair);border-radius:16px;background:var(--color-card)}.vq-body,.vq-player,.vq-prof,.vq-steps{order:0}.vq-card .vq-prof{order:-1}.vq-player{position:sticky;top:16px}}.vq--locked{max-width:560px}@media (min-width:1024px){.vq--locked{display:block}}.vq-player__frame{display:grid;gap:8px}.vq-source{margin:0}.vq-row--player{margin-top:0}.vq-rewatch{display:none;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 12px;border:1px solid var(--color-hair);border-radius:12px;background:var(--color-card);color:var(--color-ink-deep);font:600 13.5px/1.2 var(--font-sans);text-align:left;cursor:pointer}.vq-rewatch:focus-visible{outline:3px solid color-mix(in oklch,var(--color-accent) 45%,transparent);outline-offset:2px}@media (max-width:1023.98px){.vq[data-step=predict] .vq-player{display:none}.vq[data-step=check] .vq-rewatch,.vq[data-step=results] .vq-rewatch{display:flex}.vq[data-step=check][data-rewatch=closed] .vq-player__frame,.vq[data-step=results][data-rewatch=closed] .vq-player__frame{display:none}}.vq-prof{display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border-radius:10px;background:color-mix(in oklch,var(--color-hair) 45%,transparent);font-size:14px;color:var(--color-ink)}.vq-prof b{color:var(--color-ink-deep)}.vq-head{display:flex;align-items:center;gap:12px;min-width:0}.vq-ring{--p:0%;position:relative;display:grid;place-items:center;flex:none;width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--sc,var(--color-accent,#2f8a57)) var(--p),color-mix(in oklch,var(--color-hair,#d9d2c3) 70%,transparent) 0);transition:background .4s ease}.vq-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--color-card,var(--surface,#fdfcf8))}.vq-ring>*{position:relative}.vq-ring--spin{background:conic-gradient(from 0deg,var(--sc,var(--color-accent,#2f8a57)) 0 30%,color-mix(in oklch,var(--color-hair,#d9d2c3) 70%,transparent) 30% 100%);animation:vq-turn 1.4s linear infinite}.vq-ring--spin>*{animation:vq-unturn 1.4s linear infinite}@keyframes vq-turn{to{transform:rotate(1turn)}}@keyframes vq-unturn{to{transform:rotate(-1turn)}}.vq-head__t{display:grid;gap:2px;min-width:0}.vq-head__t b{font-family:var(--font-serif,var(--serif,Georgia,serif));font-size:17px;line-height:1.2;color:var(--color-ink-deep,var(--ink-deep,#002147));overflow-wrap:anywhere}.vq-head__t span{font-size:12.5px;color:var(--color-muted,var(--muted,#5d6878))}@media (prefers-reduced-motion:reduce){.vq-ring--spin,.vq-ring--spin>*{animation:none}}.vq-steps{display:flex;list-style:none;margin:0;padding:0;overflow:hidden}.vq-st,.vq-steps{align-items:center}.vq-st{display:inline-flex;gap:4px;padding:4px 8px;white-space:nowrap;flex:0 1 auto;min-width:0;border:1.5px solid var(--color-hair-strong,var(--color-hair,#cfd6df));border-radius:999px;font:600 11.5px/1.2 var(--font-sans,var(--display,inherit));color:var(--color-muted,var(--muted,#5d6878))}.vq-st+.vq-st:before{content:"";width:6px;height:1.5px;margin-right:3px;margin-left:-3px;background:var(--color-hair,#d9d2c3);flex:none}.vq-steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;overflow:visible}.vq-st{justify-content:center;padding:4px 6px;overflow:hidden;text-overflow:ellipsis;display:block;text-align:center;line-height:1.5}.vq-st .vp-ic{vertical-align:-2px;margin-right:2px}.vq-st+.vq-st:before{display:none}.vq-st--on{background:var(--color-ink-deep,var(--ink-deep,#002147));border-color:var(--color-ink-deep,var(--ink-deep,#002147));color:var(--color-paper,#f6f1e7);font-weight:700}.vq-st--done{background:color-mix(in oklch,var(--sc,var(--color-accent,#2f8a57)) 18%,transparent);border-color:transparent;color:var(--color-ink-deep,var(--ink-deep,#002147))}.vq-st--done em{font-style:italic;font-weight:600}.vq-st .vp-ic{width:13px;height:13px;fill:none;stroke:currentColor}.vq-st--done .vp-ic{color:var(--sc,var(--color-accent,#2f8a57))}.vq-steps .vq-st{box-sizing:border-box;height:28px;line-height:25px;padding-top:0;padding-bottom:0}.vq-steps .vq-st .vp-ic{display:inline-block;width:11px;height:11px;margin-right:4px;vertical-align:-1px}.vq-steps .vq-st--done em{display:inline}@media (max-width:420px){.vq-steps .vq-st{font-size:11px;padding-left:4px;padding-right:4px}.vq-steps .vq-st .vp-ic{width:10px;height:10px;margin-right:3px}}.vq-dots{display:flex;align-items:center;gap:6px;margin:0}.vq-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--color-hair-strong,var(--color-hair,#cfd6df));background:var(--color-card,var(--surface,#fdfcf8))}.vq-dot--done{background:var(--sc,var(--color-accent,#2f8a57));border-color:var(--sc,var(--color-accent,#2f8a57))}.vq-dot--on{background:var(--color-ink-deep,var(--ink-deep,#002147));border-color:var(--color-ink-deep,var(--ink-deep,#002147))}.vq-dots b{margin-left:4px;font:700 13.5px/1.2 var(--font-sans,var(--display,inherit));color:var(--color-ink-deep,var(--ink-deep,#002147))}.vq-prep{display:grid;gap:6px}.vq-prep__line{margin:0;font-size:14.5px;line-height:1.45;color:var(--color-ink,var(--ink,#14253f))}.vq-body{display:grid;gap:10px;min-width:0}.vq-body>p{margin:0}.vq-lbl{font-size:13px;font-weight:650;color:var(--color-ink-deep)}.vq-eb{font:500 11px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.vq-prompt{font-family:var(--font-serif,var(--serif,Georgia,serif));font-size:17px;line-height:1.35;color:var(--color-ink-deep,var(--ink-deep,#002147));text-wrap:pretty}.vq-hint,.vq-opt__m,.vq-prompt,.vq-why{overflow-wrap:anywhere}.vq-fine{font-size:12.5px;line-height:1.45;color:var(--color-muted)}.vq-why{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in oklch,var(--color-hair,#d9d2c3) 35%,transparent);font-size:14px;line-height:1.5;color:var(--color-ink,var(--ink,#14253f))}.vq-faced{margin:0 0 10px}.vq-faced p{margin:0}.vq-faced p.vq-faced__changed{margin-top:6px;font-weight:600}.vq-opts{display:grid;gap:8px}.vq-opt{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 10px;width:100%;min-height:44px;padding:10px 12px;text-align:left;cursor:pointer;border:1.5px solid var(--color-hair-strong,var(--color-hair,#cfd6df));border-radius:12px;background:var(--color-card,var(--surface,#fdfcf8));color:var(--color-ink-deep,var(--ink-deep,#002147));font:500 14.5px/1.4 var(--font-sans,var(--display,inherit))}.vq-opt>span{flex:1 1 0;min-width:0;overflow-wrap:anywhere;text-wrap:pretty}.vq-opt__k{margin-top:1px}.vq-opt__lab{margin-left:auto;padding-left:34px}.vq-opt__k{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-style:normal;border:1.5px solid var(--color-hair-strong,var(--color-hair,#cfd6df));font:700 12px/1 var(--font-mono,var(--mono,ui-monospace,monospace));color:var(--color-muted,var(--muted,#5d6878))}.vq-opt[aria-pressed=true]{border-color:var(--sc,var(--color-accent,#2f8a57));background:color-mix(in oklch,var(--sc,var(--color-accent,#2f8a57)) 12%,var(--color-card,#fdfcf8))}.vq-opt[aria-pressed=true] .vq-opt__k{background:var(--sc,var(--color-accent,#2f8a57));border-color:var(--sc,var(--color-accent,#2f8a57));color:#fff}.vq-opt[data-tone=good]{border-color:#2f8f5b;background:color-mix(in oklch,#2f8f5b 12%,var(--color-card,#fdfcf8))}.vq-opt[data-tone=good] .vq-opt__k{background:#2f8f5b;border-color:#2f8f5b;color:#fff}.vq-opt[data-tone=bad]{border-color:#c0392b;background:color-mix(in oklch,#c0392b 10%,var(--color-card,#fdfcf8))}.vq-opt[data-tone=bad] .vq-opt__k{background:#c0392b;border-color:#c0392b;color:#fff}.vq-opt__lab{flex:none;font:700 12px/1 var(--font-sans,var(--display,inherit));font-style:normal}.vq-opt[data-tone=good] .vq-opt__lab{color:#1f6a40}.vq-opt[data-tone=bad] .vq-opt__lab{color:#b23b3b}.vq-hint{margin:0;padding:8px 10px;border-radius:10px;border:1px dashed var(--color-hair-strong,var(--color-hair,#cfd6df));font-size:13.5px;line-height:1.45;color:var(--color-ink,var(--ink,#14253f))}.vq-opt:disabled{cursor:default}.vq-opt:focus-visible{outline:3px solid color-mix(in oklch,var(--color-accent) 45%,transparent);outline-offset:2px}.vq-opt__m{display:block;margin-top:2px;font-size:12px;color:var(--color-muted)}.vq-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.vq .vq-btn,.vq-card .vq-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--color-hair-strong,var(--color-hair,#cfd6df));background:var(--color-card,var(--surface,#fdfcf8));color:var(--color-ink,var(--ink,#14253f));font:700 13.5px/1.2 var(--font-sans,var(--display,inherit));text-decoration:none;cursor:pointer}.vq .vq-btn.mc-btn--go,.vq-card .vq-btn.mc-btn--go{background:var(--sc,var(--color-accent,#2f8a57));border-color:var(--sc,var(--color-accent,#2f8a57));color:#fff}.vq .vq-btn:disabled,.vq-card .vq-btn:disabled{opacity:.55;cursor:default}.vq .vq-btn:focus-visible,.vq-card .vq-btn:focus-visible{outline:3px solid color-mix(in oklch,var(--color-accent,#2f8a57) 45%,transparent);outline-offset:2px}.vq .vq-btn .vp-ic,.vq-card .vq-btn .vp-ic{width:16px;height:16px;fill:none;stroke:currentColor}.vq-btn--wide{flex:1 1 100%}.vq .vq-btn--plain,.vq-card .vq-btn--plain{background:transparent}.vq .vq-btn--ghost,.vq-card .vq-btn--ghost{background:transparent;border-color:var(--color-ink-deep,var(--ink-deep,#002147))}.vq-link{font-size:13.5px;font-weight:650;color:var(--color-accent-deep);text-decoration:none;padding:8px 4px}.vq-link:hover{text-decoration:underline}.vq-added{font-size:14px;font-weight:600;color:var(--color-ink-deep)}.vq-results{display:grid;gap:10px}.vq-score{display:flex;align-items:flex-end;gap:10px;margin:0}.vq-score__n{font-family:var(--font-serif);font-weight:700;font-size:34px;line-height:1;color:var(--color-ink-deep)}.vq-res{list-style:none;margin:0;padding:0;display:grid;gap:4px}.vq-res li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--color-hair);font-size:14px;line-height:1.45;color:var(--color-ink)}.vq-res li:last-child{border-bottom:0}.vq-ok{color:var(--color-accent-deep)}.vq-no,.vq-ok{font-weight:700}.vq-no{color:#c8333c}.vq-chip{justify-self:start;margin:0;padding:2px 10px;border-radius:999px;border:1px solid var(--color-accent);color:var(--color-accent-deep);font-size:12.5px;font-weight:650}.vq-upgrade{margin:0;--ink:var(--color-ink-deep);--sunk:color-mix(in oklch,var(--color-hair) 45%,transparent);--line:var(--color-hair-strong);--surface:var(--color-card);--accent:var(--color-accent);--bg:#fff;--display:var(--font-sans)}.cp-quiz .cp-pi{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:start}.cp-quiz .cp-pi>.vq-ring{width:52px;height:52px;margin-top:-2px}.cp-quiz .cp-pi>.vq-ring:before{inset:4px}.cp-quiz .cp-pi .vq-ring .vp-crest{transform-origin:50% 85%}.cp-quiz .cp-bub{position:relative;display:grid;gap:8px;min-width:0;padding:10px 13px;border-radius:4px 14px 14px 14px;background:var(--sc-soft,color-mix(in oklch,var(--sc,var(--color-accent,#2f8a57)) 14%,var(--color-card,#fdfcf8)));color:var(--ink-deep,var(--color-ink-deep,#002147));font:500 14px/1.5 var(--display,var(--font-sans,inherit))}.cp-quiz .cp-bub:before{content:"";position:absolute;left:-7px;top:9px;border-bottom:7px solid transparent;border-top:7px solid transparent;border-left:0;border-right:7px solid transparent;border-right-color:var(--sc-soft,color-mix(in oklch,var(--sc,var(--color-accent,#2f8a57)) 14%,var(--color-card,#fdfcf8)))}.cp-quiz .cp-bub>p{margin:0;overflow-wrap:anywhere;text-wrap:pretty}.cp-quiz .cp-bub .cp-q{font:600 16px/1.35 var(--serif,var(--font-serif,Georgia,serif));color:var(--ink-deep,var(--color-ink-deep,#002147))}.cp-quiz .cp-bub__k{font:600 10.5px/1.3 var(--mono,var(--font-mono,ui-monospace,monospace));letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--sc,var(--color-accent,#2f8a57)) 70%,var(--ink-deep,#002147))}@keyframes cp-pi-nod{0%{transform:rotate(0)}25%{transform:rotate(-12deg)}55%{transform:rotate(8deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes cp-bub-pop{0%{opacity:0;transform:translateX(-6px) scale(.94)}to{opacity:1;transform:none}}@keyframes cp-bub-step{0%{opacity:.3;transform:scale(.96)}to{opacity:1;transform:none}}.cp-desk[data-rest] .cp-pi .vq-ring .vp-crest{animation:cp-pi-nod 1s ease-in-out .6s 1 both}.cp-desk[data-rest] .cp-bub{animation:cp-bub-pop .32s cubic-bezier(.2,.8,.2,1.2) .2s 1 both}.cp-quiz .cp-bub[data-step]{transform-origin:0 0;animation:cp-bub-step .24s ease-out 1 both}.cp-quiz .cp-ask{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 18px;margin:0;border:0;border-radius:999px;background:var(--sc,var(--color-accent,#2f8a57));color:var(--cp-on-sc,#fff);font:700 15px/1 var(--display,var(--font-sans,inherit));cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb,var(--sc,var(--color-accent,#2f8a57)) 28%,transparent);transition:transform .12s ease,box-shadow .2s ease}.cp-quiz .cp-ask:before{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:999px;pointer-events:none;background:color-mix(in srgb,var(--sc,var(--color-accent,#2f8a57)) 22%,transparent);transition:background-color .2s ease}.cp-quiz .cp-ask:hover{transform:translateY(-1px)}.cp-quiz .cp-ask:hover:before{background:color-mix(in srgb,var(--sc,var(--color-accent,#2f8a57)) 36%,transparent)}.cp-quiz .cp-ask:active{transform:scale(.98)}.cp-quiz .cp-ask:focus-visible{outline:2px solid var(--ink-deep,var(--color-ink-deep,#002147));outline-offset:4px}.cp-quiz .cp-ask .vp-ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor}.cp-quiz .cp-ask .vp-ic:last-of-type{width:16px;height:16px}.cp-quiz .cp-ask__sheen{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:2}.cp-quiz .cp-ask__sheen:after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;transform:translateX(-120%);background:linear-gradient(100deg,transparent,rgb(255 255 255/.42) 50%,transparent)}@keyframes cp-ask-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.035,1.2);opacity:.45}}@keyframes cp-ask-sweep{0%{transform:translateX(-120%)}10%,to{transform:translateX(330%)}}.cp-desk[data-rest] .cp-ask:before{animation:cp-ask-breathe 3.2s ease-in-out 1.4s infinite}.cp-desk[data-rest] .cp-ask .cp-ask__sheen:after{animation:cp-ask-sweep 12s cubic-bezier(.4,0,.2,1) 1.6s infinite}.cp-quiz .cp-quiz__free{margin:0}@media (prefers-reduced-motion:reduce){.cp-bub,.cp-desk[data-rest] .cp-ask .cp-ask__sheen:after,.cp-desk[data-rest] .cp-ask:before,.cp-desk[data-rest] .cp-bub,.cp-desk[data-rest] .cp-pi .vq-ring .vp-crest,.cp-pi .vp-crest,.cp-quiz .cp-ask,.cp-quiz .cp-ask *,.cp-quiz .cp-ask:before,.cp-quiz .cp-ask__sheen:after{animation:none!important;transition:none!important}}