@layer components{.sen{--sen-core:36px;--sen-line:var(--color-border-strong);flex-direction:column;min-width:0;display:flex}.sen-engine{align-items:center;gap:10px;display:flex}@media (min-width:768px){.sen-engine{align-self:center}}.sen-core{width:var(--sen-core);height:var(--sen-core);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.sen-ping{border-radius:inherit;border:1.5px solid var(--color-gold-on-light);opacity:0;position:absolute;inset:0}.sen-fork{height:20px;position:relative}@media (min-width:768px){.sen-fork{height:44px}}.sen-stem,.sen-bar,.sen-drop{background-color:var(--sen-line);position:absolute}.sen-stem{top:0;left:calc(var(--sen-core) / 2 - .5px);transform-origin:top;width:1px;height:100%}@media (min-width:768px){.sen-stem{height:18px;left:calc(50% - .5px)}}.sen-bar,.sen-drop{display:none}@media (min-width:768px){.sen-bar,.sen-drop{display:block}}.sen-bar{width:calc(50% + 8px);height:1px;top:18px;left:calc(25% - 4px)}.sen-drop{transform-origin:top;width:1px;height:26px;top:18px}.sen-drop-l{left:calc(25% - 4.5px)}.sen-drop-r{left:calc(75% + 3.5px)}.sen-panels{padding-left:calc(var(--sen-core) - 4px);flex-direction:column;gap:14px;display:flex;position:relative}@media (min-width:768px){.sen-panels{flex-direction:row;gap:16px;padding-left:0}}.sen-panel{border-radius:14px;flex-direction:column;flex:1 1 0;min-width:0;display:flex;position:relative}.sen-panel:before,.sen-panel:after{content:"";background-color:var(--sen-line);position:absolute}@media (min-width:768px){.sen-panel:before,.sen-panel:after{display:none}}.sen-panel:before{top:22px;left:calc(var(--sen-core) / 2 + .5px - var(--sen-core) + 4px - 1px);width:calc(var(--sen-core) / 2 - 4px);height:1px}.sen-panel:after{top:0;bottom:-14px;left:calc(var(--sen-core) / 2 - .5px - var(--sen-core) + 4px - 1px);transform-origin:top;width:1px}.sen-panel:last-child:after{height:23px;bottom:auto}.sen-agent{border:1px solid var(--color-border);background-color:var(--color-surface-sunken)}.sen-api{background-color:var(--color-brand-navy);border:1px solid #ffffff1a}.sen-head{align-items:center;gap:8px;min-height:44px;padding:0 14px;display:flex}.sen-agent .sen-head{border-bottom:1px solid var(--color-border)}.sen-api .sen-head{border-bottom:1px solid #ffffff14}.sen-pre{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:#8f9ab8;margin:0;padding:14px 16px 16px;font-size:12.5px;line-height:21px;overflow-x:auto}.sen-v{z-index:0;transition:color .2s var(--motion-ease), background-color .2s var(--motion-ease);border-radius:4px;position:relative}.sen-v:before{content:"";z-index:-1;opacity:0;background-color:#e6ba2d4d;border-radius:4px;position:absolute;inset:-1px -3px;box-shadow:0 0 0 1px #e6ba2d8c}.sen-agent .sen-v{font-weight:700}.sen-api .sen-v{color:#dce2f0}:is(.sen:has([data-twin=risk]:hover) [data-twin=risk],.sen:has([data-twin=time]:hover) [data-twin=time],.sen:has([data-twin=cell]:hover) [data-twin=cell],.sen:has([data-twin=run]:hover) [data-twin=run]){background-color:#e6ba2d3d;box-shadow:0 0 0 1px #e6ba2d99}:is(.sen:has([data-twin=risk]:hover) .sen-agent [data-twin=risk],.sen:has([data-twin=time]:hover) .sen-agent [data-twin=time],.sen:has([data-twin=cell]:hover) .sen-agent [data-twin=cell],.sen:has([data-twin=run]:hover) .sen-agent [data-twin=run]){color:var(--color-gold-on-light)}:is(.sen:has([data-twin=risk]:hover) .sen-api [data-twin=risk],.sen:has([data-twin=time]:hover) .sen-api [data-twin=time],.sen:has([data-twin=cell]:hover) .sen-api [data-twin=cell],.sen:has([data-twin=run]:hover) .sen-api [data-twin=run]){color:var(--color-viz-gold)}.sen-v:hover{cursor:default}@media (prefers-reduced-motion:reduce){.sen-v{background-color:#e6ba2d3d;box-shadow:0 0 0 1px #e6ba2d99}.sen-agent .sen-v{color:var(--color-gold-on-light)}.sen-api .sen-v{color:var(--color-viz-gold)}}@media (prefers-reduced-motion:no-preference){.motion.sen[data-anim]:not([data-anim=reset]) .sen-core{animation:motion-pop .6s var(--motion-ease) var(--motion-delay) both}.motion.sen[data-anim]:not([data-anim=reset]) .sen-ping{animation:motion-ping 1.2s ease-out var(--motion-delay) 1}.motion.sen[data-anim]:not([data-anim=reset]) .sen-stem{animation:motion-grow-y .25s ease-out calc(var(--motion-delay) + .35s) both}.motion.sen[data-anim]:not([data-anim=reset]) .sen-panel:after{animation:motion-grow-y .35s ease-out calc(var(--motion-delay) + .6s) both}.motion.sen[data-anim]:not([data-anim=reset]) .sen-panel:last-child:after{animation-delay:calc(var(--motion-delay) + .95s)}.motion.sen[data-anim]:not([data-anim=reset]) .sen-bar{animation:motion-grow-x .3s ease-out calc(var(--motion-delay) + .6s) both}.motion.sen[data-anim]:not([data-anim=reset]) .sen-drop{animation:motion-grow-y .25s ease-out calc(var(--motion-delay) + .9s) both}.motion.sen[data-anim]:not([data-anim=reset]) .sen-panel{animation:sen-in .5s var(--motion-ease) calc(var(--motion-delay) + 1.15s) both}.motion.sen[data-anim]:not([data-anim=reset]) .sen-v:before{animation:sen-glow 3.4s ease-in-out calc(var(--motion-delay) + 1.9s) 3}.motion.sen:not([data-inview]) .sen-v:before{animation-play-state:paused!important}}}@keyframes sen-in{0%{opacity:0;translate:0 10px}}@keyframes sen-glow{0%,45%,to{opacity:0}12%,28%{opacity:1}}