@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--bg:#08080f;--crimson:#e8003c;--crimson-dim:#e8003c2e;--crimson-glow:#e8003c66;--blue:#1b5fc7;--blue-dim:#1b5fc72e;--text:#f0f0f8;--text-muted:#88a;--surface:#ffffff0a;--surface-border:#ffffff14;--radius-card:24px;--radius-input:12px;--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(120px);opacity:.35;border-radius:50%;position:absolute}.blob-crimson{background:radial-gradient(circle, var(--crimson) 0%, transparent 70%);width:600px;height:600px;top:-200px;left:-150px}.blob-blue{background:radial-gradient(circle, var(--blue) 0%, transparent 70%);width:500px;height:500px;bottom:-180px;right:-120px}.blob-mid{opacity:.5;background:radial-gradient(circle,#2a0a1f 0%,#0000 70%);width:400px;height:400px;top:40%;left:40%;transform:translate(-50%,-50%)}.app-container{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 0 1px #ffffff0a inset, 0 8px 64px #0009, 0 0 80px var(--crimson-dim);flex-direction:column;gap:32px;width:100%;max-width:480px;padding:40px 36px 36px;display:flex;position:relative}.card-header{justify-content:center;align-items:center;gap:20px;display:flex}.lang-picker{gap:2px;display:flex;position:absolute;top:16px;right:20px}.lang-btn{font-family:var(--font-body);letter-spacing:.06em;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 5px;font-size:11px;font-weight:600;transition:color .15s}.lang-btn:hover,.lang-btn-active{color:var(--text)}.card-header-sm{gap:14px}.logo-farvima-wrap{background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;display:flex;box-shadow:0 2px 12px #0006}.logo-farvima-wrap-sm{border-radius:7px;padding:5px 10px}.logo-farvima{width:auto;height:36px;display:block}.logo-farvima-sm{height:24px}.logo-divider{background:var(--surface-border);width:1px;height:36px}.logo-inteligea{width:auto;height:48px;display:block}.logo-inteligea-sm{height:28px}.agent-intro{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.agent-badge{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--crimson);background:var(--crimson-dim);border:1px solid #e8003c4d;border-radius:100px;padding:4px 14px;font-size:11px;font-weight:600}.agent-desc{color:var(--text-muted);max-width:340px;font-size:14px;line-height:1.6}.setup-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-label{color:var(--text);letter-spacing:.01em;font-size:13px;font-weight:500}.form-optional{color:var(--text-muted);font-size:12px;font-weight:400}.form-input,.form-textarea{border:1px solid var(--surface-border);border-radius:var(--radius-input);color:var(--text);font-family:var(--font-body);resize:none;background:#ffffff0d;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus{border-color:var(--crimson);box-shadow:0 0 0 3px var(--crimson-dim)}.form-input:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.btn-advanced{border:1px dashed var(--surface-border);border-radius:var(--radius-input);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:13px;font-weight:500;transition:border-color .18s,color .18s;display:flex}.btn-advanced:hover:not(:disabled){border-color:var(--crimson);color:var(--text)}.btn-advanced:disabled{opacity:.4;cursor:not-allowed}.btn-advanced-icon{opacity:.6;font-size:10px}.advanced-fields{border:1px solid var(--surface-border);border-radius:var(--radius-input);background:#ffffff05;flex-direction:column;gap:14px;padding:16px;display:flex}.btn-randomize{border-radius:var(--radius-input);color:#69e;font-family:var(--font-body);cursor:pointer;background:0 0;border:1px dashed #1b5fc780;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:13px;font-weight:500;transition:border-color .18s,color .18s,background .18s;display:flex}.btn-randomize:hover:not(:disabled){border-color:var(--blue);color:#9bf;background:var(--blue-dim)}.btn-randomize:disabled{opacity:.4;cursor:not-allowed}.error-banner{border-radius:var(--radius-input);color:#ff6080;background:#e8003c1f;border:1px solid #e8003c59;padding:10px 14px;font-size:13px;line-height:1.5}.btn-primary{background:var(--crimson);color:#fff;border-radius:var(--radius-input);font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 24px var(--crimson-glow);border:none;padding:14px 24px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s}.btn-primary:hover:not(:disabled){box-shadow:0 8px 32px var(--crimson-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-loading{justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-end{color:var(--text-muted);border:1px solid var(--surface-border);border-radius:var(--radius-input);font-family:var(--font-body);cursor:pointer;background:0 0;margin-top:8px;padding:10px 22px;font-size:14px;font-weight:500;transition:border-color .18s,color .18s}.btn-end:hover{border-color:var(--crimson);color:var(--crimson)}.conversation-card{padding:32px 36px 40px}.conv-body{flex-direction:column;align-items:center;gap:28px;display:flex}.status-label{font-family:var(--font-body);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;min-height:20px;font-size:13px;font-weight:500;transition:color .3s}.user-tag{color:var(--text-muted);background:var(--surface);border:1px solid var(--surface-border);border-radius:100px;align-items:center;gap:7px;padding:5px 14px;font-size:13px;display:flex}.user-tag-icon{font-size:14px}.orb-wrapper{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.orb-ring{border:1.5px solid var(--crimson);opacity:0;border-radius:50%;position:absolute;inset:0}.orb-ring-1{opacity:.5}.orb-ring-2{opacity:.3}.orb-ring-3{opacity:.15}.orb-core{z-index:2;background:radial-gradient(circle at 38% 38%,#3a0018,#200010);border:1.5px solid #e8003c80;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative;box-shadow:0 0 40px #e8003c4d,0 0 80px #e8003c1a}.orb-sphere{background:radial-gradient(circle at 36% 32%, #f46, var(--crimson) 50%, #7a0020);border-radius:50%;width:56px;height:56px;box-shadow:0 0 24px #e8003c99,inset 0 -4px 12px #0006,inset 0 4px 8px #ff64784d}.orb-idle .orb-core{animation:3s ease-in-out infinite orb-breathe}.orb-idle .orb-ring-1{opacity:.2}.orb-idle .orb-ring-2{opacity:.1}.orb-idle .orb-ring-3{opacity:.05}@keyframes orb-breathe{0%,to{transform:scale(1);box-shadow:0 0 40px #e8003c4d,0 0 80px #e8003c1a}50%{transform:scale(1.05);box-shadow:0 0 60px #e8003c80,0 0 120px #e8003c33}}.orb-listening .orb-core{animation:2s ease-in-out infinite orb-breathe}.orb-listening .orb-ring-1{animation:1.8s ease-out infinite ring-expand}.orb-listening .orb-ring-2{animation:1.8s ease-out .3s infinite ring-expand}.orb-listening .orb-ring-3{animation:1.8s ease-out .6s infinite ring-expand}@keyframes ring-expand{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.orb-speaking .orb-core{animation:.7s ease-in-out infinite orb-speak}.orb-speaking .orb-sphere{animation:.7s ease-in-out infinite sphere-speak}.orb-speaking .orb-ring-1{animation:1s ease-out infinite ring-expand}.orb-speaking .orb-ring-2{animation:1s ease-out .2s infinite ring-expand}.orb-speaking .orb-ring-3{animation:1s ease-out .4s infinite ring-expand}@keyframes orb-speak{0%,to{transform:scale(1);box-shadow:0 0 40px #e8003c66,0 0 80px #e8003c26}50%{transform:scale(1.08);box-shadow:0 0 70px #e8003cb3,0 0 140px #e8003c4d}}@keyframes sphere-speak{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.rating-card{padding:32px 36px 40px}.rating-body{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.rating-title{font-family:var(--font-display);color:var(--text);text-align:center;font-size:20px;font-weight:700}.stars{flex-direction:row;gap:8px;display:flex}.star-btn{cursor:pointer;background:0 0;border:none;padding:2px;font-size:36px;line-height:1;transition:transform .12s,color .12s}.star-btn:hover{transform:scale(1.15)}.star-btn.filled{color:#f5a623}.star-btn.empty{color:var(--text-muted);opacity:.5}.rating-actions{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.btn-submit{background:var(--crimson);color:#fff;border-radius:var(--radius-input);font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 24px var(--crimson-glow);border:none;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s}.btn-submit:hover:not(:disabled){box-shadow:0 8px 32px var(--crimson-glow);transform:translateY(-2px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-skip{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px;font-weight:500;transition:color .15s}.btn-skip:hover{color:var(--text)}@media (width<=520px){.card{border-radius:18px;gap:24px;padding:28px 20px}.logo-farvima{height:28px}.logo-inteligea{height:38px}.orb-wrapper{width:160px;height:160px}.orb-core{width:76px;height:76px}.orb-sphere{width:44px;height:44px}}