html,body,#root{margin:0;padding:0;height:100%}:root{--nfg-bg: #0b0e18;--nfg-panel: #12142a;--nfg-text: #eaf0ff;--nfg-muted: #aab3cf;--nfg-gradient: linear-gradient(90deg, #6366f1, #7c3aed, #fbbf24)}body{background:var(--nfg-bg);color:var(--nfg-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.app{min-height:100vh;display:flex;background:radial-gradient(circle at top left,#1d1f32,var(--nfg-bg));color:var(--nfg-text)}.sidebar{width:260px;border-right:1px solid rgba(148,163,184,.35);display:flex;flex-direction:column;background:#0b0e18fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-header,.sidebar-footer{padding:.75rem;border-bottom:1px solid rgba(148,163,184,.2)}.sidebar-footer{border-bottom:none;border-top:1px solid rgba(148,163,184,.2)}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{font-size:.9rem;margin:0;color:var(--nfg-text);letter-spacing:.02em}.sidebar-header button,.sidebar-footer button{font-size:.8rem;padding:.25rem .55rem;border-radius:999px;border:none;cursor:pointer;background-image:var(--nfg-gradient);color:#020617;font-weight:600;box-shadow:0 0 12px #818cf880}.sidebar-header button:hover,.sidebar-footer button:hover{filter:brightness(1.05)}.agent-list{list-style:none;margin:0;padding:.5rem 0;flex:1;overflow-y:auto}.agent-item{display:flex;gap:.5rem;padding:.5rem .75rem;cursor:pointer;align-items:center;color:var(--nfg-muted);transition:background .15s ease,transform .1s ease}.agent-item:hover{background:#4f46e559;transform:translateY(-1px)}.agent-item.active{background:#818cf873}.agent-avatar{width:32px;height:32px;border-radius:999px;background-image:var(--nfg-gradient);color:#020617;font-size:.8rem;display:flex;align-items:center;justify-content:center;font-weight:700}.agent-name{font-weight:600;font-size:.9rem;color:var(--nfg-text)}.agent-desc{font-size:.75rem;color:var(--nfg-muted)}.main{flex:1;display:flex;flex-direction:column;background:radial-gradient(circle at top right,#171a2b,var(--nfg-bg))}.chat-header{padding:.75rem 1rem;border-bottom:1px solid rgba(148,163,184,.35);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chat-header h1{font-size:1.05rem;margin:0;color:#f9fafb}.chat-header p{margin:0;font-size:.8rem;color:var(--nfg-muted)}.status{display:flex;gap:.5rem}.badge{font-size:.7rem;padding:.2rem .5rem;border-radius:999px;background:#94a3b833;color:var(--nfg-text)}.badge-live{background-image:var(--nfg-gradient);color:#020617}.chat-messages{flex:1;padding:.75rem;overflow-y:auto;background:radial-gradient(circle at bottom,rgba(55,65,194,.4),transparent)}.msg{margin-bottom:.75rem;max-width:80%}.msg-user{margin-left:auto;text-align:right}.msg-assistant{margin-right:auto}.msg-thinking{font-style:italic;opacity:.9}.msg-role{font-size:.7rem;color:var(--nfg-muted);margin-bottom:.2rem}.msg-content{background:var(--nfg-panel);border-radius:.75rem;padding:.5rem .7rem;font-size:.85rem;white-space:pre-wrap;color:var(--nfg-text);border:1px solid rgba(148,163,184,.3)}.msg-user .msg-content{background-image:#fff;color:#fff}.msg-images{margin-top:.4rem;display:flex;gap:.25rem;flex-wrap:wrap}.msg-images img{max-width:200px;border-radius:.25rem}.chat-input{border-top:1px solid rgba(148,163,184,.35);padding:.5rem .75rem .6rem;display:flex;flex-direction:column;gap:.4rem;background:#0b0e18fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-input textarea{width:100%;resize:none;font-size:.9rem;padding:.5rem .6rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.5);background:#0f172af2;color:var(--nfg-text)}.chat-input textarea::-moz-placeholder{color:#6b7280}.chat-input textarea::placeholder{color:#6b7280}.input-actions{display:flex;justify-content:flex-end;gap:.5rem}.input-actions button{font-size:.85rem;padding:.3rem .7rem;border-radius:999px;border:none;cursor:pointer;font-weight:600}.input-actions button:first-child{background:transparent;color:var(--nfg-text);border:1px solid rgba(129,140,248,.8)}.input-actions button:last-child{background-image:var(--nfg-gradient);color:#020617}.input-actions button:disabled{opacity:.55;cursor:not-allowed}.message-text{max-width:min(70ch,100%);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5;font-size:.95rem}@media (max-width: 768px){.message-text{max-width:60ch;font-size:.9rem}}@media (max-width: 768px){.app{flex-direction:column}.sidebar{width:100%;flex-direction:column;border-right:none;border-bottom:1px solid rgba(148,163,184,.35);max-height:190px}.sidebar-header,.sidebar-footer{padding-inline:.6rem}.agent-list{display:flex;flex-direction:row;gap:.4rem;padding-inline:.5rem;overflow-x:auto;overflow-y:hidden}.agent-item{min-width:160px;border-radius:.75rem;background:#0b0e18fa}.main{flex:1;min-height:0}.chat-header{padding:.5rem .75rem;flex-direction:column;align-items:flex-start}.chat-messages{padding:.5rem}.msg{max-width:90%}.chat-input textarea{min-height:70px}}