.cfn-root{width:100%;max-width:440px;margin:0 auto}.cfn-shell{position:relative;border-radius:20px;border:1px solid color-mix(in srgb,var(--color-purple-700) 14%,transparent);background:linear-gradient(165deg,#fffffffa,color-mix(in srgb,var(--color-purple-50) 50%,transparent));box-shadow:0 4px 24px color-mix(in srgb,var(--color-purple-700) 8%,transparent),0 1px #fffc inset;padding:18px 18px 14px;overflow:hidden}.cfn-shell:before{content:"";position:absolute;inset:-40% -20% auto;height:55%;background:radial-gradient(ellipse,color-mix(in srgb,var(--color-purple-700) 7%,transparent) 0%,transparent 70%);pointer-events:none}.cfn-query{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--color-gray-1) 90%,transparent);border:1px solid color-mix(in srgb,var(--color-gray-5) 25%,transparent);margin-bottom:14px}.cfn-query-dot{width:7px;height:7px;border-radius:50%;background:var(--color-purple-700);flex-shrink:0;box-shadow:0 0 0 3px var(--color-brand-tint-20);animation:cfnPulseDot 2.4s ease-in-out infinite}.cfn-query-text{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;color:var(--color-gray-7);line-height:1.35}.cfn-answer{position:relative;display:flex;gap:0;border-radius:14px;overflow:hidden;border:1px solid var(--color-brand-tint-10);background:#fff;margin-bottom:12px;box-shadow:0 2px 14px color-mix(in srgb,var(--color-gray-9) 4%,transparent)}.cfn-answer-bar{width:4px;flex-shrink:0;background:linear-gradient(to right,var(--color-purple-700) 0%,var(--color-purple-500) 100%)}.cfn-answer-inner{padding:12px 14px 14px;flex:1;min-width:0}.cfn-answer-kicker{font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-5);margin:0 0 8px}.cfn-answer-line{font-family:Inter,system-ui,sans-serif;font-size:12.5px;line-height:1.55;color:var(--color-gray-8);margin:0 0 8px}.cfn-answer-line:last-child{margin-bottom:0}.cfn-answer-line--dim{color:var(--color-gray-6);font-size:12px}.cfn-ref{display:inline;font-size:9px;font-weight:800;color:var(--color-purple-700);margin-left:1px;vertical-align:super}.cfn-bridge{display:flex;align-items:center;gap:10px;margin:4px 0 10px}.cfn-bridge-line{flex:1;height:1px;background:linear-gradient(to right,transparent,var(--color-brand-tint-20),transparent)}.cfn-bridge-label{font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-purple-700);white-space:nowrap}.cfn-sources{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cfn-source{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:11px;background:#ffffffd9;border:1px solid color-mix(in srgb,var(--color-purple-700) 8%,transparent);animation:cfnRowIn .55s ease-out both;animation-delay:var(--cfn-delay, 0s)}.cfn-source-left{display:flex;align-items:center;gap:10px;min-width:0}.cfn-source-icon{border-radius:6px;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-gray-9) 6%,transparent)}.cfn-source-text{display:flex;flex-direction:column;gap:1px;min-width:0}.cfn-source-name{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;color:var(--color-gray-9);line-height:1.2}.cfn-source-host{font-family:Inter,system-ui,sans-serif;font-size:10px;color:var(--color-gray-5);line-height:1.2}.cfn-source-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.cfn-score{font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;line-height:1.2}.cfn-score--high{color:var(--color-green-500);background:color-mix(in srgb,var(--color-green-500) 12%,transparent)}.cfn-score--mid{color:var(--color-ember);background:color-mix(in srgb,var(--color-ember) 14%,transparent)}.cfn-score--low{color:var(--color-gray-6);background:color-mix(in srgb,var(--color-gray-6) 12%,transparent)}.cfn-hint{font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:500;color:var(--color-gray-5);max-width:100px;text-align:right;line-height:1.2}.cfn-foot{position:relative;font-family:Inter,system-ui,sans-serif;font-size:10px;line-height:1.45;color:var(--color-gray-6);margin:12px 2px 0;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--color-purple-700) 15%,transparent)}@keyframes cfnRowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cfnPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.cfn-source,.cfn-query-dot{animation:none!important}}