.nfd{--nfd-primary:#07c160;--nfd-brand-green:7 193 96;--nfd-error:#f44336;--nfd-success:#4caf50;--nfd-warning:#ff9800;--nfd-bubble-user:#95ec69;--nfd-bg:#f5f6f8;--nfd-surface:#fff;--nfd-bubble-ai:#fff;--nfd-text:#1b1e26;--nfd-text-muted:#8b8e96;--nfd-text-dim:#6b6e76;--nfd-border:#ddd;--nfd-toggle-off-border:#1b1e2626;--nfd-frame-text:#3a3d45;--nfd-frame-text-bright:#1b1e26;--nfd-frame-text-muted:#717379;--nfd-sapphire:91 127 191;--nfd-sapphire-glow:120 160 220;--nfd-glass-bg:#ffffff8c;--nfd-glass-blur:24px;--nfd-glass-border:#ffffff59;--nfd-refraction:rgb(var(--nfd-sapphire) / .45);--nfd-header-refraction:#ffffff73;--nfd-etched-bg:#00000006;--nfd-etched-border:#5b7fbf1a;--nfd-amber:255 152 0;--nfd-control-bg:#ffffff73;--nfd-control-bg-hover:#ffffffa6;--nfd-control-border:#fff6;--nfd-control-highlight:#ffffff80;--nfd-control-underedge:#00000014;--nfd-control-glow:#0000000f;--nfd-control-shadow:#0000000a;--nfd-control-blur:10px}.nfd-glass{background:var(--nfd-glass-bg);-webkit-backdrop-filter:blur(var(--nfd-glass-blur)) saturate(1.15);backdrop-filter:blur(var(--nfd-glass-blur)) saturate(1.15);border:1px solid var(--nfd-glass-border);position:relative}.nfd-glass:before{content:"";background:linear-gradient(90deg, transparent 10%, var(--nfd-refraction) 50%, transparent 90%);pointer-events:none;z-index:1;height:1px;position:absolute;top:0;left:10%;right:10%}.nfd-chat-window{background:var(--nfd-bg);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 8px 32px #00000014}.nfd-chat-header{z-index:30;background:linear-gradient(90deg, transparent 10%, var(--nfd-header-refraction) 50%, transparent 90%) center top / 80% 1px no-repeat, var(--nfd-glass-bg);-webkit-backdrop-filter:blur(var(--nfd-glass-blur)) saturate(1.15);backdrop-filter:blur(var(--nfd-glass-blur)) saturate(1.15);border:1px solid var(--nfd-glass-border);color:var(--nfd-frame-text-bright);border-radius:20px;justify-content:center;align-items:center;margin:16px 0 0;padding:10px 16px;font-size:14px;font-weight:500;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 1px #ffffff40,0 2px 8px #0000000a,0 8px 24px #0000000f}.nfd-chat-header .nfd-chat-session-name{white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:15px;font-weight:600}.nfd-chat-body{flex-direction:column;height:100%;padding:72px 18px 24px;display:flex;overflow-y:auto}.nfd-row{margin:6px 0;display:flex}.nfd-row-user{justify-content:flex-end}.nfd-row-agent{justify-content:flex-start}.nfd-bubble{word-break:break-word;border-radius:16px;max-width:100%;padding:10px 14px;font-size:14.5px;line-height:1.55}.nfd-bubble-user{background:var(--nfd-bubble-user);color:var(--nfd-text);border-bottom-right-radius:4px}.nfd-bubble-agent{background:var(--nfd-bubble-ai);color:var(--nfd-text);border:1px solid #0000000a;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000a}.nfd-thinking{align-items:center;gap:6px;padding:2px 0;display:flex}.nfd-thinking-dot{background:var(--nfd-primary);opacity:.4;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite nfd-think-pulse;display:inline-block}.nfd-thinking-dot:first-child{animation-delay:0s}.nfd-thinking-dot:nth-child(2){animation-delay:.15s}.nfd-thinking-dot:nth-child(3){animation-delay:.3s}@keyframes nfd-think-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:.85;transform:scale(1.1)}}.nfd-thinking-label{color:var(--nfd-text-muted);letter-spacing:-.01em;margin-left:2px;font-size:13px;font-weight:400}.nfd-thinking-timer{color:var(--nfd-text-muted);font-variant-numeric:tabular-nums;letter-spacing:-.02em;opacity:.5;font-size:13px;font-weight:500}.nfd-tool-card{background:0 0;border-radius:0;align-items:flex-start;gap:6px;max-width:85%;padding:2px 0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;display:flex}.nfd-tool-card:hover .nfd-tool-label{color:#333}.nfd-tool-card--pending{background:0 0}.nfd-tool-icon{flex-shrink:0;margin-top:1px;line-height:1}.nfd-tool-icon--ok{color:var(--nfd-success)}.nfd-tool-icon--err{color:var(--nfd-error)}.nfd-tool-spinner{border:2px solid #ccc;border-top-color:#555;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:1px;animation:1s linear infinite nfd-spin;display:inline-block}@keyframes nfd-spin{to{transform:rotate(360deg)}}.nfd-tool-content{flex:1;min-width:0}.nfd-tool-label{color:#555;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.nfd-tool-detail{color:#999;font-size:11px}.nfd-tool-device-tag{letter-spacing:.3px;background:linear-gradient(135deg,#c0c0c8,#8a8a92,#b0b0b8);-webkit-text-fill-color:transparent;vertical-align:1px;white-space:nowrap;opacity:.85;-webkit-background-clip:text;background-clip:text;margin-left:8px;padding:0 2px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;font-style:italic;font-weight:500;display:inline-block}.nfd-html-card{border:1px solid var(--nfd-border);background:var(--nfd-bg);border-radius:10px;width:100%;overflow:hidden}.nfd-cursor{background:var(--nfd-primary);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s infinite nfd-blink;display:inline-block}@keyframes nfd-blink{0%,to{opacity:1}50%{opacity:0}}.nfd-flow-canvas{background:var(--nfd-bg);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 8px 32px #00000014}.nfd-fm-node{box-sizing:border-box;background:var(--nfd-glass-bg);width:124px;min-height:88px;-webkit-backdrop-filter:blur(var(--nfd-glass-blur)) saturate(1.15);backdrop-filter:blur(var(--nfd-glass-blur)) saturate(1.15);border:1px solid var(--nfd-glass-border);text-align:center;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 10px;transition:opacity .35s,transform .3s cubic-bezier(.33,0,.2,1),filter .15s;display:flex;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a}.nfd-fm-node:hover{filter:brightness(1.04)}.nfd-fm-node-label{color:var(--nfd-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;font:600 12px/1.25 -apple-system,sans-serif;overflow:hidden}.nfd-fm-node-sub{color:var(--nfd-text-muted);text-overflow:ellipsis;white-space:nowrap;opacity:.7;max-width:100%;font:400 10px/1.3 -apple-system,sans-serif;overflow:hidden}.nfd-fm-orbit{flex-shrink:0;width:30px;height:30px;margin:0 auto 4px;position:relative}.nfd-solar-ring{border:1px solid var(--nfd-border);box-sizing:border-box;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nfd-ring-1{width:6px;height:6px}.nfd-ring-2{width:14px;height:14px}.nfd-ring-3{width:24px;height:24px}.nfd-solar-dot-wrap{will-change:transform;width:0;height:0;position:absolute;top:50%;left:50%}.nfd-solar-dot{background:var(--nfd-text);border-radius:50%;width:3px;height:3px;position:absolute;top:-1.5px}.nfd-ring-1 .nfd-solar-dot{left:1px}.nfd-ring-2 .nfd-solar-dot{left:5px}.nfd-ring-3 .nfd-solar-dot{left:10px}.nfd-ring-1 .nfd-solar-dot-wrap{--nfd-from:0deg;--nfd-dir:1;animation-duration:3s}.nfd-ring-2 .nfd-solar-dot-wrap{--nfd-from:120deg;--nfd-dir:-1;animation-duration:4.5s}.nfd-ring-3 .nfd-solar-dot-wrap{--nfd-from:240deg;--nfd-dir:1;animation-duration:6s}.nfd-fm-node--running .nfd-solar-dot-wrap{animation:linear infinite nfd-orbit}@keyframes nfd-orbit{0%{transform:rotate(var(--nfd-from,0deg))}to{transform:rotate(calc(var(--nfd-from,0deg) + var(--nfd-dir,1) * 360deg))}}.nfd-fm-node--pending .nfd-solar-ring{opacity:.4;border-style:dashed}.nfd-fm-node--pending .nfd-solar-dot{opacity:.3}.nfd-fm-node--pending .nfd-fm-node-label{opacity:.4}.nfd-fm-node--wiring .nfd-solar-ring{opacity:.4;border-style:dashed}.nfd-fm-node--wiring .nfd-solar-dot{opacity:.3}.nfd-fm-node--wiring .nfd-fm-node-label{opacity:.4}.nfd-fm-node--completed{opacity:.78}.nfd-fm-node--completed:hover{opacity:1}.nfd-fm-node--completed .nfd-solar-dot{opacity:.35}.nfd-fm-node--completed .nfd-fm-node-label{opacity:.6;color:var(--nfd-text-dim)}.nfd-fm-node--completed .nfd-solar-ring{border-color:var(--nfd-success);opacity:.55}.nfd-fm-node--failed{opacity:.78}.nfd-fm-node--failed:hover{opacity:1}.nfd-fm-node--failed .nfd-solar-dot{opacity:.35}.nfd-fm-node--failed .nfd-fm-node-label{color:var(--nfd-text-dim)}.nfd-fm-node--failed .nfd-solar-ring{border-color:var(--nfd-error);opacity:.55}.nfd-fm-node--blocked{border-color:rgb(var(--nfd-amber) / .55);box-shadow:0 0 0 1px rgb(var(--nfd-amber) / .22), 0 2px 14px rgb(var(--nfd-amber) / .1)}.nfd-fm-node--blocked .nfd-solar-ring{border-color:rgb(var(--nfd-amber) / .75);opacity:.6}.nfd-fm-node--cancelled{opacity:.78}.nfd-fm-node--cancelled:hover{opacity:1}.nfd-fm-node--cancelled .nfd-solar-dot{opacity:.35}.nfd-fm-node--cancelled .nfd-fm-node-label{color:var(--nfd-text-dim)}.nfd-fm-node--cancelled .nfd-solar-ring{border-color:var(--nfd-text-muted);opacity:.55}.nfd-fm-edge{fill:none}.nfd-fm-edge--delivered{stroke:rgb(var(--nfd-sapphire) / .75);stroke-width:2px;stroke-dasharray:none;animation:none}.nfd-fm-edge--inflight{stroke:var(--nfd-text-muted);stroke-width:1.5px;stroke-dasharray:5 4;opacity:.7;animation:1.2s linear infinite nfd-flow-dash}.nfd-fm-edge--idle{stroke:var(--nfd-border);stroke-width:1.5px;stroke-dasharray:none;animation:none}@keyframes nfd-flow-dash{to{stroke-dashoffset:-9px}}.nfd-fm-edge-dot--delivered{fill:rgb(var(--nfd-sapphire) / .75)}.nfd-fm-edge-dot--inflight{fill:var(--nfd-text-muted);opacity:.6}.nfd-fm-edge-dot--idle{fill:var(--nfd-border)}.nfd-fm-edge-deps{stroke-dasharray:3 4;stroke-width:1.5px;fill:none;animation:none}.nfd-fm-edge-deps--met{stroke:var(--nfd-success)}.nfd-fm-edge-deps--wait{stroke:var(--nfd-warning)}.nfd-fm-edge-deps--unmet{stroke:var(--nfd-border)}.nfd-fm-edge-deps-arrow{fill:none;stroke:var(--nfd-border);stroke-width:1px}@media (prefers-reduced-motion:reduce){.nfd-fm-edge--inflight{animation:none}}.nfd-legend{color:var(--nfd-text-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 4px 2px;font:400 11px -apple-system,BlinkMacSystemFont,sans-serif;display:flex}.nfd-legend-item{align-items:center;gap:6px;display:inline-flex}.nfd-legend-swatch{border-top:2px solid var(--nfd-border);width:22px;height:0;display:inline-block}.nfd-legend-swatch--out-delivered{border-top-color:rgb(var(--nfd-sapphire) / .75);border-top-style:solid}.nfd-legend-swatch--out-inflight{border-top-color:var(--nfd-text-muted);border-top-style:dashed}.nfd-legend-swatch--out-idle{border-top-color:var(--nfd-border);border-top-style:solid}.nfd-legend-swatch--deps-met{border-top-style:dashed;border-top-color:var(--nfd-success)}.nfd-legend-swatch--deps-wait{border-top-style:dashed;border-top-color:var(--nfd-warning)}.nfd-legend-swatch--deps-unmet{border-top-style:dashed;border-top-color:var(--nfd-border)}.nfd-agent-badge{color:var(--nfd-text-muted);background:var(--nfd-etched-bg);border-radius:9999px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:500;display:inline-flex}.nfd-device-row{background:var(--nfd-bg);border:1px solid var(--nfd-border);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.nfd-device-row:hover{background:var(--nfd-surface)}.nfd-device-icon{background:var(--nfd-surface);width:28px;height:28px;color:var(--nfd-text-muted);border:1px solid var(--nfd-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nfd-device-name{text-overflow:ellipsis;white-space:nowrap;color:var(--nfd-text);flex:1;overflow:hidden}.nfd-device-status{color:var(--nfd-text-muted);font-size:11px}.nfd-device-local-tag{color:var(--nfd-primary);font-weight:500}.nfd-device-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.nfd-device-dot--online{background:var(--nfd-primary)}.nfd-device-dot--offline{background:var(--nfd-border)}.nfd-replay-btn{color:var(--nfd-text);background:var(--nfd-control-bg);-webkit-backdrop-filter:blur(var(--nfd-control-blur)) saturate(1.2);backdrop-filter:blur(var(--nfd-control-blur)) saturate(1.2);border:1px solid var(--nfd-control-border);box-shadow:inset 0 1px 0 var(--nfd-control-highlight), inset 0 -1px 0 var(--nfd-control-underedge), 0 1px 3px var(--nfd-control-glow), 0 2px 8px var(--nfd-control-shadow);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.nfd-replay-btn:hover{background:var(--nfd-control-bg-hover);box-shadow:inset 0 1px 0 var(--nfd-control-highlight), inset 0 -1px 0 var(--nfd-control-underedge), 0 2px 8px var(--nfd-control-glow), 0 4px 12px var(--nfd-control-shadow)}.nfd-replay-btn:active{transform:translateY(.5px)}.nfd-demo-section{text-align:center;background:color-mix(in srgb, var(--color-background) calc(var(--nebula-section-veil,.25) * 100%), transparent);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:90vh;padding:56px 24px;display:flex}.nfd-demo-title{letter-spacing:-.02em;color:var(--color-foreground);margin:0;font-size:clamp(22px,3.2vw,30px);font-weight:600}.nfd-demo-subtitle{color:var(--color-muted);max-width:640px;margin:0 0 8px;font-size:14px;line-height:1.6}.nfd-demo-canvas{text-align:left;width:100%;max-width:920px;margin:0 auto}.nfd-demo-placeholder{background:var(--nfd-bg);border:1px solid var(--nfd-border);border-radius:20px;min-height:420px;box-shadow:0 0 0 1px #0000000a,0 8px 32px #0000000f}html[data-theme=dark] .nfd{--nfd-bg:#13161c;--nfd-surface:#1c1f27;--nfd-bubble-ai:#1c1f27;--nfd-text:#e8eaed;--nfd-text-muted:#7b7e88;--nfd-text-dim:#9ba0aa;--nfd-border:#2a2d35;--nfd-toggle-off-border:#ffffff14;--nfd-frame-text:#c8cad0;--nfd-frame-text-bright:#e8eaed;--nfd-frame-text-muted:#81838a;--nfd-glass-bg:#181c26ad;--nfd-glass-border:#ffffff0f;--nfd-etched-bg:#ffffff0a;--nfd-etched-border:#5b7fbf14;--nfd-amber:255 168 60;--nfd-refraction:rgb(var(--nfd-sapphire) / .22);--nfd-header-refraction:#5b7fbf0f;--nfd-control-bg:#ffffff0d;--nfd-control-bg-hover:#ffffff1a;--nfd-control-border:#ffffff14;--nfd-control-highlight:#ffffff14;--nfd-control-underedge:#00000040;--nfd-control-glow:#0003;--nfd-control-shadow:#00000026}html[data-theme=dark] .nfd-bubble-agent{border-color:#ffffff0a;box-shadow:0 1px 2px #0003}html[data-theme=dark] .nfd-bubble-user{color:#111}html[data-theme=dark] .nfd-chat-header{box-shadow:inset 0 1px #ffffff0a,0 2px 8px #0003,0 8px 24px #00000059}html[data-theme=dark] .nfd-tool-card:hover .nfd-tool-label{color:#d6d9de}html[data-theme=dark] .nfd-tool-label{color:#b0b3ba}html[data-theme=dark] .nfd-tool-detail{color:#7b7e88}@media (max-width:1024px){.nfd-demo-section{padding:48px 20px}}@media (max-width:768px){.nfd-demo-section{gap:8px;min-height:auto;padding:44px 16px}.nfd-demo-placeholder{min-height:300px}.nfd-hide-sm{display:none!important}.nfd-demo-canvas{max-width:100%}}@media (min-width:768px){.nfd-only-sm{display:none!important}}