.xv{--xv-ink:#181818;--xv-muted:#66676f;--xv-line:#ececf2;--xv-sunk:#f7f7fa;--xv-blue:#174dff;--xv-purple:#8a42ed;--xv-magenta:#d01ffd;--xv-orange:#f3804f;--xv-hot:#e0408f;--xv-hot-soft:#fce8f2;--xv-hot-ink:#b3246f;--xv-ok:#13834f;--xv-ok-soft:#e3f5ec;color:var(--xv-ink);background:radial-gradient(60% 80% at 100% 0,#d01ffd1f,#0000 60%),radial-gradient(70% 90% at 0 100%,#174dff1a,#0000 60%),#f4eefe;border-radius:28px;margin:44px 0}.xv.xv-quote{padding:40px 40px 32px;position:relative;overflow:hidden}.xv.xv-quote:before{content:"“";background:linear-gradient(135deg, var(--xv-purple), #e96980);color:#0000;opacity:.3;pointer-events:none;-webkit-background-clip:text;background-clip:text;font-size:220px;font-weight:800;line-height:1;position:absolute;top:-34px;right:28px}.xv .bq-text{letter-spacing:-.015em;text-wrap:pretty;margin:0 0 28px;font-size:clamp(21px,3vw,27px);font-weight:600;line-height:1.38;position:relative}.xv .bq-who{align-items:center;gap:14px;display:flex}.xv .bq-avatar{object-fit:cover;border-radius:50%;flex:none;width:52px;height:52px;box-shadow:0 0 0 3px #fff,0 8px 20px #174dff40}.xv .bq-meta{gap:2px;line-height:1.3;display:grid}.xv .bq-name{font-size:16px;font-weight:700}.xv .bq-firm{color:var(--xv-muted);font-size:14px}.xv.xv-proof{gap:26px;padding:28px 28px 24px;display:grid;overflow:hidden}.xv .pf-logo{background:#fff;border-radius:14px;justify-self:start;padding:8px 14px;display:flex;box-shadow:0 6px 18px #174dff1f}.xv .pf-logo img{width:auto;height:34px;display:block}.xv .pf-stats{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.4fr);align-items:end;gap:14px;display:grid}.xv .pf-stat{gap:6px;min-width:0;display:grid}.xv .pf-stat b{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:clamp(42px,7vw,66px);font-weight:800;line-height:1}.xv .pf-stat.hot b{background:linear-gradient(90deg, var(--xv-magenta), var(--xv-orange));color:#0000;-webkit-background-clip:text;background-clip:text}.xv .pf-label{color:var(--xv-muted);font-size:14px}.xv .pf-arrow{background:linear-gradient(90deg,#174dff1a,#174dff99);width:44px;height:2px;margin-bottom:34px;position:relative}.xv .pf-arrow:after{content:"";border-top:2px solid #174dff99;border-right:2px solid #174dff99;width:8px;height:8px;position:absolute;top:-4px;right:-1px;transform:rotate(45deg)}.xv .pf-dots{grid-template-columns:repeat(25,minmax(0,1fr));gap:6px;display:grid}.xv .pf-dot{background:var(--xv-blue);border-radius:999px;height:12px;display:block}.xv.xv-proof.play .pf-dot{animation:.45s cubic-bezier(.2,.7,.2,1) both xv-scan;animation-delay:calc(.5s + var(--i) * 45ms)}.xv.xv-proof.play .pf-stat.hot{animation:.8s cubic-bezier(.2,.7,.2,1) 1.7s both xv-rise}.xv.xv-viz{-webkit-user-select:none;user-select:none;padding:28px 28px 22px}.xv .viz-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.xv .viz-titles{gap:6px;min-width:0;display:grid}.xv .viz-title{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.15}.xv .viz-sub{color:var(--xv-muted);font-size:15px;line-height:1.4}.xv .viz-tag{letter-spacing:.07em;text-transform:uppercase;color:var(--xv-purple);background:#fffc;border-radius:999px;justify-self:start;padding:4px 10px;font-size:11px;font-weight:700}.xv .viz-replay{color:var(--xv-muted);border:1px solid var(--xv-line);cursor:pointer;background:#fffc;border-radius:999px;flex:none;padding:7px 11px;font-size:12px;font-weight:600;line-height:1}.xv .viz-replay:hover{color:var(--xv-blue);border-color:var(--xv-blue)}.xv .viz-replay:focus-visible{outline:2px solid var(--xv-purple);outline-offset:2px}.xv .q-app{border:1px solid var(--xv-line);background:#fff;border-radius:18px;font-size:14px;line-height:1.45;overflow:hidden}.xv .q-top{border-bottom:1px solid var(--xv-line);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.xv .q-logo{flex:none;width:18px;height:18px;display:flex}.xv .q-logo svg{width:18px;height:18px}.xv .q-user{background:var(--xv-blue);color:#fff;border-radius:16px 16px 4px;width:fit-content;max-width:86%;margin:14px 14px 0 auto;padding:10px 14px;position:relative}.xv .q-ghost{visibility:hidden}.xv .q-typed{position:absolute;inset:10px 14px}.xv .q-typed.typing:after{content:"";vertical-align:-2px;background:#fff;width:2px;height:1.05em;margin-left:2px;animation:.9s step-end infinite xv-blink;display:inline-block}.xv .q-stage{padding:14px;position:relative}.xv .q-think{color:var(--xv-muted);align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;top:14px;left:14px;right:14px}.xv .q-think b{color:var(--xv-ink);font-variant-numeric:tabular-nums}.xv .q-spin{border:2px solid var(--xv-line);border-top-color:var(--xv-blue);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite xv-spin}.xv .q-sum{margin:0 0 10px}.xv .q-row{background:var(--xv-sunk);border-radius:10px;grid-template-columns:1.6fr 1fr .6fr;gap:8px;margin-bottom:6px;padding:8px 10px;font-size:13px;display:grid}.xv .q-row span{min-width:0}.xv .q-row span:nth-child(2){font-variant-numeric:tabular-nums}.xv .q-row span:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.xv .q-row.q-hrow{letter-spacing:.05em;text-transform:uppercase;color:var(--xv-muted);background:0 0;margin-bottom:2px;padding-block:2px;font-size:11px;font-weight:700}.xv .q-foot{justify-content:flex-end;padding:0 14px 14px;font-size:12px;display:flex}.xv .q-chip{border:1px solid var(--xv-line);color:var(--xv-blue);border-radius:999px;padding:4px 10px;font-weight:600}.xv .h-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.xv .h-col{border:1px solid var(--xv-line);background:#fff;border-radius:18px;align-content:start;gap:10px;min-width:0;padding:16px;display:grid}.xv .h-col.new{background:linear-gradient(#f4f6ff,#fff);border-color:#174dff59}.xv .h-label{letter-spacing:.06em;text-transform:uppercase;color:var(--xv-muted);font-size:11px;font-weight:700}.xv .h-col.new .h-label{color:var(--xv-blue)}.xv .h-title{font-size:16px;font-weight:700;line-height:1.3}.xv .h-clock{place-items:center;width:96px;height:96px;display:grid}.xv .h-clock>*{grid-area:1/1}.xv .h-clock svg{width:96px;height:96px}.xv .h-ring-bg{fill:none;stroke:var(--xv-sunk);stroke-width:10px}.xv .h-ring{fill:none;stroke:var(--xv-hot);stroke-width:10px;stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.xv .h-min{font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.xv .h-meter{background:var(--xv-sunk);border-radius:999px;height:8px;overflow:hidden}.xv .h-fill{border-radius:inherit;background:linear-gradient(90deg, var(--xv-magenta), var(--xv-orange));width:0;height:100%;display:block}.xv .h-col.new .h-fill{background:var(--xv-blue)}.xv .h-count{color:var(--xv-muted);font-size:13px}.xv .h-count b{color:var(--xv-ink);font-variant-numeric:tabular-nums;font-size:15px}.xv .h-notes{gap:6px;margin:0;padding:0;list-style:none;display:grid}.xv .h-notes li{background:var(--xv-sunk);color:var(--xv-muted);border-radius:10px;margin:0;padding:8px 10px;font-size:13px}.xv .h-briefs{gap:8px;display:grid}.xv .h-brief{border:1px solid var(--xv-line);background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 6px 16px #174dff14}.xv .h-bt{justify-content:space-between;gap:8px;font-size:13px;display:flex}.xv .h-bt span{color:var(--xv-muted);flex:none}.xv .h-brief p{margin:4px 0 0;font-size:13px;line-height:1.45}.xv .h-stamp{border-radius:999px;justify-self:start;padding:5px 10px;font-size:12px;font-weight:700}.xv .h-stamp.bad{background:var(--xv-hot-soft);color:var(--xv-hot-ink)}.xv .h-stamp.good{background:var(--xv-ok-soft);color:var(--xv-ok)}@media (max-width:640px){.xv.xv-quote{padding:32px 22px 24px}.xv.xv-proof{padding:22px 20px 18px}.xv .pf-stats{grid-template-columns:minmax(0,1fr);gap:18px}.xv .pf-arrow{display:none}.xv .pf-dots{gap:3px}.xv.xv-viz{border-radius:20px;padding:16px 14px 12px}.xv .h-grid{grid-template-columns:minmax(0,1fr)}}@keyframes xv-scan{0%{background:#174dff1f;transform:scaleY(.4)}60%{background:#9fb4ff}to{background:var(--xv-blue);transform:none}}@keyframes xv-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes xv-blink{50%{opacity:0}}@keyframes xv-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.xv.xv-proof.play .pf-dot,.xv.xv-proof.play .pf-stat.hot,.xv .q-spin,.xv .q-typed.typing:after{animation:none}}
