.signals-theater{background:linear-gradient(135deg, var(--secondary), color-mix(in srgb, var(--secondary) 45%, var(--card)));box-shadow:0 24px 70px -48px #00000047}.signals-copy{min-height:174px;animation:.45s ease-out both signals-arrive}.signals-stage{position:relative;overflow:hidden}.signals-stage-bar{border-bottom:1px solid var(--border);height:44px;color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:10px;padding:0 18px;font-size:10px;display:flex}.signals-scene{background-image:radial-gradient(color-mix(in srgb, var(--foreground) 9%, transparent) .6px, transparent .6px);background-size:18px 18px;height:440px;position:relative;overflow:hidden}.signals-radar{width:330px;height:330px;position:absolute;top:54px;left:calc(50% - 165px)}.signals-ring{border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);border-radius:50%;position:absolute}.signals-ring-1{inset:0}.signals-ring-2{inset:48px}.signals-ring-3{inset:96px}.signals-sweep{background:conic-gradient(from 0deg, transparent 0deg 275deg, color-mix(in srgb, var(--primary) 2%, transparent) 300deg, color-mix(in srgb, var(--primary) 22%, transparent) 358deg, transparent 360deg);border-radius:50%;animation:4.8s linear both signals-scan;position:absolute;inset:0}.signals-hub{background:var(--card);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);box-shadow:0 6px 18px color-mix(in srgb, var(--primary) 15%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;inset:132px}.signals-detection{background:var(--card);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);border-radius:12px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 36px);padding:12px 14px;font-size:12px;font-weight:600;animation:.5s .3s both signals-fade;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000008}.signals-detection-check{animation:.35s 1.2s both signals-fade}.signals-orbit-person{background:var(--secondary);border:3px solid var(--card);width:36px;height:36px;color:var(--muted-foreground);border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute}.signals-orbit-one{top:140px;left:18%}.signals-orbit-two{top:265px;right:16%}.signals-found{border:1px solid color-mix(in srgb, var(--primary) 45%, transparent);background:var(--card);width:286px;max-width:calc(100% - 36px);box-shadow:0 12px 30px color-mix(in srgb, var(--primary) 12%, transparent);border-radius:12px;align-items:center;gap:10px;padding:14px;animation:.6s 1.5s both signals-found;display:flex;position:absolute;top:280px;left:50%;transform:translate(-50%)}.signals-found strong{font-size:13px;display:block}.signals-found small{color:var(--muted-foreground);font-size:11px;display:block}.signals-avatar{background:var(--accent);width:38px;height:38px;color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:inline-grid}.signals-found-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.signals-radar-caption{width:100%;color:var(--muted-foreground);justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:23px;left:0}.signals-evidence-scene{max-width:480px;margin:0 auto;padding:28px}.signals-evidence-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;animation:.55s both signals-arrive;box-shadow:0 8px 20px #00000006}.signals-connector{background:color-mix(in srgb, var(--primary) 30%, transparent);transform-origin:top;width:1px;height:38px;margin:0 auto;animation:.5s .55s both signals-draw;position:relative}.signals-connector span{background:var(--primary);border-radius:50%;width:5px;height:5px;animation:.9s .65s both signals-packet;position:absolute;left:-2px}.signals-match{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);background:var(--accent);border-radius:12px;padding:16px;animation:.55s 1s both signals-arrive}.signals-message-scene{max-width:480px;margin:0 auto;padding:24px}.signals-recipient{align-items:center;gap:10px;animation:.4s both signals-arrive;display:flex}.signals-context{background:var(--accent);color:var(--primary);border-radius:8px;align-items:center;gap:8px;margin:16px 0;padding:10px 12px;font-size:11px;line-height:1.5;animation:.45s .15s both signals-arrive;display:flex}.signals-message{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:18px;animation:.45s .25s both signals-arrive;box-shadow:0 8px 20px #00000006}.signals-sentence{animation:.55s both signals-fade}.signals-review{color:var(--primary);align-items:center;gap:6px;margin-top:16px;font-size:12px;font-weight:600;animation:.5s 2.6s both signals-arrive;display:flex}.signals-controls{border-top:1px solid color-mix(in srgb, var(--primary) 15%, transparent);background:color-mix(in srgb, var(--card) 40%, transparent);align-items:center;gap:24px;padding:18px 26px;display:flex}.signals-step{text-align:left;min-height:44px;color:var(--muted-foreground);cursor:pointer;font-size:12px;font-weight:600}.signals-step-active{color:var(--foreground)}.signals-step-track{background:color-mix(in srgb, var(--primary) 15%, transparent);height:2px;display:block;overflow:hidden}.signals-step-track>span{background:var(--primary);height:100%;display:block}.signals-progress{animation:linear both signals-progress}.signals-control{border:1px solid var(--border);width:40px;height:44px;color:var(--foreground);background:var(--card);cursor:pointer;border-radius:8px;place-items:center;display:inline-grid}.signals-control:hover{background:var(--accent)}.signals-group-scene{height:530px}.signals-group-scene .signals-radar{top:104px}.signals-group-scene .signals-sweep{animation-duration:3s}.signals-activity-cloud{position:absolute;inset:0}.signals-activity{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);background:var(--card);border-radius:12px;align-items:center;gap:10px;width:310px;max-width:calc(100% - 32px);padding:14px;animation:.55s both signals-arrive;display:flex;position:absolute;box-shadow:0 10px 25px #0000000a}.signals-activity:first-child{top:38px;left:20px}.signals-activity:nth-child(2){top:140px;right:20px}.signals-activity:nth-child(3){top:350px;left:20px}.signals-prospect-group{gap:12px;padding:22px;display:grid}.signals-prospect{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;transition:border-color .4s,background-color .4s;animation:.5s both signals-arrive}.signals-prospect-reason{color:var(--foreground-secondary);margin-top:10px;font-size:12px;line-height:1.5}.signals-prospect-group[data-expanded=true] .signals-prospect:first-child{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:color-mix(in srgb, var(--accent) 50%, var(--card))}.signals-expanded-message{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .65s cubic-bezier(.2,.8,.2,1),opacity .5s;display:grid}.signals-expanded-inner{min-height:0;overflow:hidden}.signals-prospect-group[data-expanded=true] .signals-prospect:first-child .signals-expanded-message{opacity:1;grid-template-rows:1fr}.signals-expanded-message .signals-message{margin-top:12px;padding:12px;animation:none}.signals-group-review{color:var(--primary);align-items:center;gap:6px;padding-top:10px;font-size:11px;font-weight:600;display:flex}.signals-control:focus-visible,.signals-step:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.signals-theater[data-running=false] *{animation-play-state:paused!important}.signals-theater[data-static=true] .signals-scene *,.signals-theater[data-static=true] .signals-copy{animation:none!important}@keyframes signals-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes signals-fade{0%{opacity:0}to{opacity:1}}@keyframes signals-found{0%{opacity:0;transform:translate(-50%,16px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes signals-scan{0%{transform:rotate(-100deg)}to{transform:rotate(260deg)}}@keyframes signals-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes signals-packet{0%{opacity:0;top:0}30%{opacity:1}to{opacity:1;top:100%}}@keyframes signals-progress{0%{width:0%}to{width:100%}}@media (max-width:1023px){.signals-copy{min-height:126px}}@media (max-width:639px){.signals-copy{min-height:148px}.signals-stage-bar{padding:0 12px;font-size:9px}.signals-scene{height:478px}.signals-radar{top:85px}.signals-detection{top:42px}.signals-found{top:312px}.signals-evidence-scene,.signals-message-scene{padding:18px}.signals-evidence-card{padding:16px}.signals-controls{flex-wrap:wrap;gap:12px;padding:14px}.signals-controls>div:first-child{flex-basis:100%}.signals-controls>div:last-child{margin-left:auto}.signals-step{font-size:10px}.signals-review{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.signals-theater *,.signals-copy{transition:none!important;animation:none!important}}@media (max-width:379px){.signals-scene{height:540px}.signals-narrative>button{max-width:100%;padding-inline:12px;font-size:12px}}@media (max-width:639px){.signals-group-scene{height:620px}.signals-prospect-group{gap:10px;padding:14px}.signals-prospect{padding:12px}.signals-activity:first-child{top:40px;left:16px}.signals-activity:nth-child(2){top:160px;right:16px}.signals-activity:nth-child(3){top:400px;left:16px}.signals-group-scene .signals-radar{top:150px}}@media (max-width:379px){.signals-group-scene{height:710px}.signals-activity:first-child{top:60px}.signals-activity:nth-child(2){top:200px}.signals-activity:nth-child(3){top:486px}.signals-group-scene .signals-radar{top:214px}}
