@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes agentPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #6366f126}50%{box-shadow:0 0 40px #6366f14d}}:root{--bg-color:#06080f;--card-bg:#0f1423d9;--text-primary:#eef2ff;--text-secondary:#94a3b8;--accent-1:#6366f1;--accent-2:#a855f7;--accent-3:#3b82f6;--input-bg:#0a0f1eb3;--input-border:#6366f126;--input-focus:#818cf8;--result-bg:#0a0f1e80;--glow:#6366f114}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(80% 60% at 50% -20%,#6366f126,#0000),radial-gradient(60% 40% at 80%,#a855f714,#0000),radial-gradient(50% 50% at 20% 80%,#3b82f60f,#0000);align-items:stretch;width:100%;min-height:100vh;padding:0;display:flex}.container{background:var(--card-bg);-webkit-backdrop-filter:blur(24px)saturate(1.4);z-index:10;border-left:1px solid #ffffff0a;border-right:1px solid #ffffff0a;border-radius:0;flex-direction:column;flex:1;gap:0;width:100%;padding:2.5rem 3rem;animation:.5s ease-out fadeIn;display:flex;position:relative}.header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}h1{background:linear-gradient(135deg,#818cf8,#c084fc,#f0abfc) 0 0/200% 200%;-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;animation:4s infinite gradientShift}.header-actions{gap:.75rem;display:flex}.header-action-btn{color:#c7d2fe;cursor:pointer;background:#6366f10f;border:1px solid #6366f11f;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:500;transition:all .25s;display:flex}.header-action-btn:hover:not(:disabled){background:#6366f126;border-color:#6366f14d;transform:translateY(-1px);box-shadow:0 4px 12px #6366f11a}.input-area{flex-direction:column;gap:0;display:flex;position:relative}textarea{background:var(--input-bg);border:1px solid var(--input-border);width:100%;min-height:120px;color:var(--text-primary);resize:vertical;letter-spacing:.01em;border-radius:16px;outline:none;padding:1rem 1rem 3rem;font-size:1rem;line-height:1.65;transition:all .3s}textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #6366f11a,0 8px 25px #00000026}textarea::placeholder{color:#94a3b880;font-size:.95rem}.action-area{z-index:10;justify-content:flex-end;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.agent-icons{align-items:center;gap:.5rem;display:flex}.agent-icons.active{display:flex}.agent-icons.settled{opacity:1;display:flex}.agent-icon-box{color:#818cf8;cursor:pointer;background:#6366f11f;border:1px solid #6366f133;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.agent-icon-box:hover{background:#6366f133;transform:scale(1.1)}.agent-icon-box.agent-disabled{opacity:.3;filter:grayscale(.6)}.agent-icon-box.agent-disabled:hover{opacity:.5;filter:grayscale(.3)}.agent-icons.active .agent-icon-box{animation:1.5s ease-in-out infinite agentPulse}.agent-icons.active .agent-icon-box:nth-child(2){animation-delay:.3s}.agent-icons.active .agent-icon-box:nth-child(3){animation-delay:.6s}.agent-icons.settled .agent-icon-box{opacity:1;flex-direction:column;gap:.15rem;width:auto;height:auto;padding:.3rem .5rem}.agent-detail{background:#0c0f1c;border:1px solid #6366f126;border-radius:10px;flex-direction:column;gap:.35rem;padding:.5rem .65rem;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 12px 32px #00000080}.agent-detail.open{display:flex}.agent-icons.settled .agent-detail{z-index:100;background:#0c0f1c;box-shadow:0 12px 40px #000000b3}.chevron{color:var(--text-secondary);transition:transform .3s}.chevron.open{color:var(--accent-1);transform:rotate(180deg)}.btn-submit{cursor:pointer;color:#fff;z-index:1;background:0 0;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;position:relative}.btn-submit:before{content:"";background:linear-gradient(135deg,var(--accent-1),var(--accent-2));z-index:-1;border-radius:14px;transition:opacity .3s;position:absolute;inset:0}.btn-submit:after{content:"";background:linear-gradient(135deg,var(--accent-1),var(--accent-2));z-index:-2;filter:blur(8px);opacity:.4;border-radius:16px;transition:opacity .3s;position:absolute;inset:-2px}.btn-submit:hover:after{opacity:.7}.btn-submit:hover{transform:scale(1.05)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.result-area{z-index:1;background:0 0;border:none;border-radius:0;flex-direction:column;gap:0;min-height:0;margin:0;padding:0;display:none}.result-area.visible{display:flex}.result-content{flex-direction:column;gap:0;display:flex}.agent-card{background:#0f142399;border:1px solid #6366f11a;border-radius:14px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .3s;display:flex;position:relative}.agent-card:hover{border-color:#6366f140}.agent-score{letter-spacing:.05em;border-radius:20px;padding:.25rem .65rem;font-size:.9rem;font-weight:700}.score-high{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.score-medium{color:#facc15;background:#eab3081f;border:1px solid #eab30840}.score-low{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.agent-feedback,.agent-suggestion{color:var(--text-secondary);flex-direction:column;gap:.2rem;font-size:.93rem;line-height:1.6;display:flex}.agent-feedback strong,.agent-suggestion strong{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;margin-bottom:.15rem;font-size:.78rem;font-weight:600;display:flex}.metaprompt-container{z-index:0;background:0 0;border:none;padding:0}.metaprompt-container h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;align-items:flex-start;gap:.3rem;margin-bottom:.15rem;font-size:.75rem;font-weight:600;display:flex}.metaprompt-content{color:#e2e8f0;white-space:pre-wrap;opacity:0;background:#0f121e66;border:none;border-left:2px solid #6366f140;border-radius:8px;max-height:0;padding:0;font-family:inherit;font-size:.92rem;line-height:1.85;transition:max-height .35s,opacity .3s,padding .3s;overflow:hidden}.metaprompt-content.open{opacity:1;max-height:2000px;margin-top:.4rem;padding:1rem 1.1rem}.mp-chevron{color:#64748b;transition:transform .3s}.mp-chevron.open{transform:rotate(180deg)}.btn-copy{color:#94a3b8;cursor:pointer;background:#6366f114;border:1px solid #6366f126;border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.7rem;transition:all .2s;display:flex}.btn-copy:hover{color:#c7d2fe;background:#6366f126}.loading-dots{justify-content:center;align-items:center;gap:6px;padding:2rem;display:flex}.dot{background:var(--accent-1);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6366f11a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f133}@media (max-width:640px){body{align-items:flex-start}.container{min-width:0;padding:1rem .75rem;overflow-x:hidden}.header{gap:.5rem;padding-bottom:.75rem}h1{white-space:nowrap;font-size:1.1rem}.header-actions{gap:.35rem}.header-action-btn{border-radius:8px;padding:.4rem .5rem;font-size:.75rem}.btn-icon{padding:.4rem!important}.btn-auth-user{width:30px!important;height:30px!important}textarea{border-radius:12px;min-height:80px;padding:.75rem;font-size:.9rem}.action-area{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;position:relative;bottom:auto;left:auto;right:auto}.agent-icons{flex-wrap:wrap;justify-content:center;gap:.35rem}.agent-icons.settled{flex-flow:column wrap;gap:.3rem!important}.agent-icon-box{border-radius:8px;width:28px;height:28px;font-size:.7rem}.agent-card{flex:100%!important;min-width:0!important;padding:.5rem .6rem!important}.agent-detail{box-shadow:none!important;background:#0c0f1c80!important;border:none!important;position:relative!important;top:auto!important}.metaprompt-content.open{padding:.75rem .85rem;font-size:.85rem}.modal-container.settings{border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:90vh}.modal-header{padding:1rem}.settings-body,.modal-footer{padding:.75rem 1rem}}.btn-auth-user{border-radius:50%!important;width:36px!important;min-width:0!important;height:36px!important;padding:.3rem!important;overflow:hidden!important}.btn-auth-user img{border-radius:50%}.btn-auth-user span{text-transform:uppercase;font-size:.75rem;font-weight:700}.btn-auth-signin{min-width:0!important;padding:.45rem .7rem!important;font-size:.8rem!important}.btn-icon{min-width:0!important;padding:.55rem .7rem!important}.btn-icon.feedback{font-size:.9rem!important}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:#0f1423;border:1px solid #6366f133;border-radius:20px;flex-direction:column;width:90%;padding:0;display:flex;overflow:hidden;box-shadow:0 32px 64px #00000080}.modal-container.settings{width:95%;max-width:520px;max-height:85vh}.modal-container.feedback{max-width:400px}.modal-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:#f8fafc;align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.modal-title-icon{background:#6366f11a;border-radius:6px;padding:3px}.modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:all .2s;display:flex}.modal-close-btn:hover{color:#f1f5f9;background:#ffffff1a}.settings-fallback-row{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;align-items:center;gap:6px;padding:.75rem 1.5rem;display:flex}.settings-fallback-label{color:#64748b;margin-right:4px;font-size:.7rem}.settings-fallback-item{align-items:center;gap:4px;display:flex}.settings-fallback-arrow{color:#fff3;font-size:.65rem}.settings-body{flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.5rem;display:flex;overflow-y:auto}.provider-card{border-radius:14px;padding:1rem;transition:all .3s}.provider-card.enabled{opacity:1;background:#6366f108;border:1px solid #6366f126}.provider-card.disabled{opacity:.5;background:0 0;border:1px solid #ffffff0d}.provider-toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.provider-name{color:#f8fafc;font-size:.9rem;font-weight:600}.toggle-switch{cursor:pointer;border-radius:12px;flex-shrink:0;width:42px;height:22px;transition:all .3s;position:relative}.toggle-switch.enabled{background:#6366f14d;border:1px solid #6366f180}.toggle-switch.disabled{background:#ffffff14;border:1px solid #ffffff1a}.toggle-knob{border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:2px}.toggle-knob.enabled{background:var(--accent-1);left:22px;box-shadow:0 0 8px #6366f166}.toggle-knob.disabled{box-shadow:none;background:#ffffff4d;left:2px}.badge-xs{border-radius:20px;padding:2px 8px;font-size:.6rem;font-weight:600}.settings-input-group{flex-direction:column;gap:.6rem;margin-top:.75rem;display:flex}.settings-label{color:#94a3b8;margin-bottom:4px;font-size:.72rem;font-weight:600;display:block}.settings-link{color:#818cf8;margin-left:6px;font-weight:400;text-decoration:none}.settings-link:hover{text-decoration:underline}.settings-input,.settings-select{color:#e2e8f0;background:#0a0f1eb3;border:1px solid #6366f11f;border-radius:8px;outline:none;width:100%;padding:.55rem .8rem;font-size:.8rem}.settings-input{font-family:monospace}.settings-input:focus,.settings-select:focus{border-color:#6366f166}.settings-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.settings-select.success{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234ade80' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");border-color:#4ade8033}.btn-list-models{color:#818cf8;white-space:nowrap;cursor:pointer;background:#6366f114;border:1px solid #6366f133;border-radius:8px;padding:.55rem .75rem;font-size:.72rem;font-weight:600;transition:all .2s}.btn-list-models:hover:not(:disabled){background:#6366f126}.btn-list-models:disabled{opacity:.4;cursor:not-allowed}.fetch-result-text{color:#4ade80;margin-bottom:4px;font-size:.65rem}.modal-footer{border-top:1px solid #ffffff0a;padding:1rem 1.5rem}.btn-primary{cursor:pointer;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;letter-spacing:.02em;border:none;border-radius:10px;width:100%;padding:.65rem;font-size:.85rem;font-weight:700;transition:all .3s}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:disabled{color:#94a3b8;cursor:not-allowed;filter:none;background:#ffffff1a;transform:none}.btn-primary.success{color:#4ade80;background:#4ade8033}.modal-note{color:#475569;text-align:center;margin-top:6px;font-size:.65rem}.feedback-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.feedback-textarea{color:#f8fafc;resize:vertical;background:#0003;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:100px;padding:.75rem;font-size:.9rem;transition:border-color .2s}.feedback-textarea:focus{border-color:#6366f166}.feedback-success-msg{text-align:center;color:#4ade80;padding:1rem 0;font-weight:600}[dir=rtl]{text-align:right;direction:rtl}[dir=rtl] .header,[dir=rtl] .header-actions,[dir=rtl] .action-area{flex-direction:row-reverse}[dir=rtl] textarea{text-align:right;direction:rtl}[dir=rtl] .modal-header,[dir=rtl] .settings-fallback-row,[dir=rtl] .provider-toggle-row{flex-direction:row-reverse}[dir=rtl] .settings-label{text-align:right}[dir=rtl] .settings-link{margin-left:0;margin-right:6px}[dir=rtl] .settings-select{background-position:10px 50%;padding-left:28px;padding-right:.8rem}[dir=rtl] .agent-card{text-align:right}[dir=rtl] .metaprompt-content{border-left:none;border-right:2px solid #6366f140}[dir=rtl] footer{direction:rtl}