@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:none}.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-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){.container{padding:1.25rem 1rem}h1{font-size:1.2rem}textarea{min-height:80px;padding-bottom:1rem;font-size:.9rem}.action-area{flex-wrap:wrap;margin-top:.5rem;position:relative;bottom:auto;left:auto;right:auto}.agent-icons.settled{flex-wrap:wrap;gap:.3rem!important}.agent-card{flex:100%!important;min-width:0!important;padding:.4rem .55rem!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}}