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