.qi-panel{--qi-ink:var(--text-primary,#17343a);--qi-muted:var(--text-muted,#52666f);--qi-surface:var(--color-bg-surface,#fff);--qi-line:var(--border-soft,#d7e5e2);--qi-positive:#087451;--qi-negative:#be2445;--qi-neutral:#526675;color:var(--qi-ink);border:1px solid var(--qi-line);background:radial-gradient(ellipse at 100% 0%, #10b98110, transparent 60%), var(--qi-surface);border-radius:24px;margin-bottom:24px;overflow:hidden;box-shadow:0 12px 32px -28px #063f35aa;container-type:inline-size}:where(.dark,[data-mode=dark],[data-theme=dark]) .qi-panel{--qi-positive:#6be8b2;--qi-negative:#ff9aab;--qi-neutral:#bccbd8}.qi-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 16px;display:flex}.qi-heading{align-items:center;gap:12px;min-width:0;display:flex}.qi-heading-icon{width:44px;height:44px;color:var(--qi-positive);background:#10b98118;border-radius:15px;flex:none;place-items:center;display:grid}.qi-heading-icon svg{width:24px;height:24px}.qi-heading h3{letter-spacing:-.03em;margin:0;font-size:18px;font-weight:850;line-height:1.25}.qi-heading p{color:var(--qi-muted);margin:4px 0 0;font-size:12px}.qi-collapse{cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:44px;padding:6px 10px;display:flex}.qi-count{white-space:nowrap;color:var(--qi-muted);font-size:12px;font-weight:750}.qi-collapse svg{width:20px;height:20px;color:var(--qi-muted);transition:transform .2s}.qi-chevron-open{transform:rotate(180deg)}.qi-body{overflow:hidden}.qi-distribution{border-radius:6px;gap:3px;height:4px;margin:0 22px;display:flex;overflow:hidden}.qi-distribution [data-sentiment=positive]{background:#10b981}.qi-distribution [data-sentiment=neutral]{background:#94a3b8}.qi-distribution [data-sentiment=negative]{background:#f15b7b}.qi-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 22px;display:flex}.qi-filters{flex-wrap:wrap;gap:7px;display:flex}.qi-filters button{border:1px solid var(--qi-line);min-height:40px;color:var(--qi-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:750;transition:background .15s,border-color .15s;display:inline-flex}.qi-filters svg{width:16px;height:16px}.qi-filters button span{font-variant-numeric:tabular-nums;background:#94a3b815;border-radius:7px;place-items:center;min-width:20px;padding:2px 4px;font-size:11px;display:grid}.qi-filters button[data-sentiment=positive]{color:var(--qi-positive)}.qi-filters button[data-sentiment=negative]{color:var(--qi-negative)}.qi-filters button[aria-pressed=true]{border-color:var(--qi-positive);color:var(--qi-positive);background:#10b98116}.qi-filters button[data-sentiment=negative][aria-pressed=true]{border-color:var(--qi-negative);color:var(--qi-negative);background:#f43f5e12}.qi-filters button[data-sentiment=neutral][aria-pressed=true]{border-color:var(--qi-neutral);color:var(--qi-neutral);background:#94a3b812}.qi-filters button:disabled{cursor:default;border-style:dashed}.qi-view-label{color:var(--qi-muted);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:750}.qi-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.qi-signals{margin:0 22px}.qi-signal{--qi-tone:var(--qi-neutral);border:1px solid var(--qi-line);background:linear-gradient(145deg,#94a3b808,#0000);border-radius:18px;min-width:0;position:relative}.qi-signal[data-sentiment=positive]{--qi-tone:var(--qi-positive);background:linear-gradient(145deg,#10b98116,#10b98104)}.qi-signal[data-sentiment=negative]{--qi-tone:var(--qi-negative);background:linear-gradient(145deg,#f43f5e15,#f43f5e04)}.qi-highlights .qi-signal{grid-template-columns:34px minmax(0,1fr);gap:12px 10px;padding:18px;display:grid}.qi-signal-icon{width:34px;height:34px;color:var(--qi-tone);background:#94a3b811;border-radius:11px;flex:none;place-items:center;display:grid}.qi-signal-icon svg{width:21px;height:21px}.qi-signal-copy{min-width:0}.qi-signal-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.qi-sentiment-label{color:var(--qi-tone);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800}.qi-metric-badge{color:var(--qi-ink);background:#818cf819;border-radius:5px;padding:2px 5px;font-size:9px;font-weight:750;line-height:1.4}.qi-signal h4{overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:800;line-height:1.4}.qi-signal-description{color:var(--qi-muted);margin:5px 0 0;font-size:11px;line-height:1.5}.qi-signal-value{font-variant-numeric:tabular-nums;letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-weight:850;line-height:1.15}.qi-signal-unit{letter-spacing:0;color:var(--qi-muted);margin-top:4px;font-size:11px;font-weight:650;line-height:1.35;display:block}.qi-highlights .qi-signal-value{grid-column:1/-1;font-size:clamp(24px,3.2cqw,32px)}.qi-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.qi-details .qi-signal{border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.qi-details .qi-signal-value{text-align:right;max-width:128px;font-size:20px}.qi-details .qi-signal[data-insight-id=streak]{grid-template-columns:34px minmax(0,1fr)}.qi-signal-value.qi-form-results{text-align:center;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:none;display:grid}.qi-form-outcome{flex-direction:column;min-width:0;display:flex}.qi-form-outcome dt{letter-spacing:0;color:var(--qi-muted);order:2;margin-top:4px;font-size:10px;font-weight:650}.qi-form-outcome dd{order:1;margin:0}.qi-form-outcome[data-outcome=win] dd{color:var(--qi-positive)}.qi-form-outcome[data-outcome=draw] dd{color:var(--qi-neutral)}.qi-form-outcome[data-outcome=loss] dd{color:var(--qi-negative)}.qi-footer{justify-content:space-between;align-items:center;gap:16px;padding:16px 22px 18px;display:flex}.qi-footer p{color:var(--qi-muted);margin:0;font-size:11px;line-height:1.5}.qi-explore{min-height:44px;color:var(--qi-positive);cursor:pointer;background:#10b9810d;border:1px solid #10b98135;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:800;display:flex}.qi-explore svg{width:17px;height:17px}.qi-panel button:hover:not(:disabled){background:#10b98118}.qi-panel button:focus-visible{outline:3px solid var(--qi-positive);outline-offset:3px}@container (width<=680px){.qi-highlights{gap:8px}.qi-highlights .qi-signal{grid-template-columns:1fr;gap:9px;padding:12px}.qi-highlights .qi-signal-icon{display:none}.qi-highlights .qi-signal-value{font-size:20px}.qi-highlights .qi-signal-description{display:none}.qi-details{grid-template-columns:1fr}.qi-details .qi-signal-value{max-width:140px}.qi-view-label{display:none}.qi-footer{flex-direction:column;align-items:flex-start;gap:10px}}@container (width<=440px){.qi-header{gap:6px;padding:16px 14px 12px}.qi-heading{gap:9px}.qi-heading-icon{border-radius:12px;width:36px;height:36px}.qi-heading h3{font-size:16px}.qi-count{display:none}.qi-toolbar{padding:12px 14px}.qi-filters{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.qi-filters button{min-height:44px;padding:7px 10px}.qi-distribution,.qi-signals{margin-left:14px;margin-right:14px}.qi-highlights{grid-template-columns:1fr}.qi-highlights .qi-signal{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px 14px}.qi-highlights .qi-signal-value{text-align:right;grid-column:auto;max-width:118px;font-size:22px}.qi-highlights .qi-signal-description{font-size:11px}.qi-details .qi-signal{grid-template-columns:minmax(0,1fr) auto;gap:10px}.qi-details .qi-signal-icon{display:none}.qi-details .qi-signal-value{max-width:118px}.qi-highlights .qi-signal[data-insight-id=streak],.qi-details .qi-signal[data-insight-id=streak]{grid-template-columns:minmax(0,1fr)}.qi-signal-value.qi-form-results{text-align:center;grid-column:1/-1;width:100%;max-width:none}.qi-footer{padding:14px}.qi-explore{width:100%}}@media (prefers-reduced-motion:reduce){.qi-panel *,.qi-panel :before,.qi-panel :after{transition:none!important;animation:none!important}}