.chat-page{width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);height:-webkit-fill-available;display:flex;flex-direction:column;background:#fff;position:fixed;top:0;left:0;right:0;bottom:0}.chat-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;padding-top:max(1rem,env(safe-area-inset-top,1rem));background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #0000001a;flex-shrink:0;position:relative;z-index:10}.back-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#fff3;border:none;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0;touch-action:manipulation}.back-button:hover{background:#ffffff4d;transform:scale(1.05)}.back-button:active{transform:scale(.95)}.header-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.agent-name{font-size:1.25rem;font-weight:600;margin:0}.chat-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.chat-container .parlant-popup-button,.chat-container [class*=popup-button],.chat-container [class*=launcher]{display:none!important}.chat-loading,.chat-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;padding:2rem;text-align:center}.chat-error h2{color:#e53e3e;font-size:1.5rem;margin-bottom:1rem}.back-to-home-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.back-to-home-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.app{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow-x:hidden}header{text-align:center;margin-bottom:2rem}header h1{color:#2d3748;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.subtitle{color:#718096;font-size:1.125rem;margin:0}.controls{display:flex;gap:1rem;align-items:center;margin-bottom:2rem;flex-wrap:wrap;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014}.agent-selector{display:flex;align-items:center;gap:.75rem;flex:1;min-width:300px}.agent-selector label{font-weight:600;color:#2d3748;white-space:nowrap}.agent-selector select{flex:1;padding:.65rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:1rem;cursor:pointer;transition:all .3s;color:#2d3748}.agent-selector select:hover{border-color:#667eea}.agent-selector select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.agent-count{color:#718096;font-size:.875rem;font-weight:500;padding:.25rem .75rem;background:#edf2f7;border-radius:12px}.create-agent-btn{padding:.65rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.create-agent-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.create-agent-form{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 8px 32px #0000001f;margin-bottom:2rem;max-width:900px;margin-left:auto;margin-right:auto}.create-agent-form h2{color:#667eea;margin-bottom:.5rem;font-size:2rem;font-weight:700}.form-description{color:#718096;margin-bottom:2rem;font-size:1rem}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid #f7fafc}.form-section:last-of-type{border-bottom:none}.form-section h3{color:#2d3748;margin-bottom:1.25rem;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.form-section h4{color:#4a5568;margin:1.5rem 0 1rem;font-size:1rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#2d3748;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s;font-family:inherit;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.form-hint{display:block;margin-top:.375rem;font-size:.875rem;color:#718096;font-style:italic}.success-note{display:block;margin-top:.5rem;padding:.5rem .75rem;background:#d1fae5;color:#065f46;border-radius:6px;font-size:.875rem;font-weight:500}.form-actions{margin-top:2rem;padding-top:2rem;border-top:2px solid #f7fafc}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.submit-btn:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);cursor:not-allowed;transform:none}.alert{padding:1rem 1.25rem;border-radius:8px;margin:1rem 0;font-weight:500}.alert-error{background:#fee;color:#c53030;border:1px solid #fc8181}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.note{font-size:.875rem;color:#718096;line-height:1.5;background:#f7fafc;padding:1rem;border-radius:8px;border-left:4px solid #667eea}.chat-action-section{margin-top:2rem;text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.open-chat-btn{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #667eea4d;min-height:56px;touch-action:manipulation}.open-chat-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.open-chat-btn:active{transform:translateY(0)}.chat-hint{margin-top:1rem;color:#718096;font-size:.875rem;font-style:italic}.debug-info{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-top:2rem;font-size:.9rem;box-shadow:0 4px 12px #0000000d}.debug-info p{margin:.5rem 0;display:flex;gap:.5rem}.debug-info strong{color:#2d3748;min-width:140px}.debug-info code{background:#f7fafc;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,Monaco,monospace;color:#667eea;font-size:.875rem}.app.error{display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.app.error h1{color:#e53e3e;font-size:2rem;margin-bottom:1rem}.app.error p{color:#718096;margin:.75rem 0;font-size:1.125rem}.app.error code{display:block;background:#fff5f5;color:#c53030;padding:1rem;border-radius:8px;margin:1rem auto;max-width:600px;font-family:Courier New,Monaco,monospace;word-break:break-all}.parlant-chat-wrapper{position:fixed!important;bottom:max(20px,var(--safe-area-inset-bottom, 20px))!important;right:max(20px,var(--safe-area-inset-right, 20px))!important;z-index:9999!important;pointer-events:none!important;margin:0!important;padding:0!important}.parlant-popup-button{position:fixed!important;bottom:max(20px,var(--safe-area-inset-bottom, 20px))!important;right:max(20px,var(--safe-area-inset-right, 20px))!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 6px 20px #667eea80!important;border:none!important;width:60px!important;height:60px!important;border-radius:50%!important;transition:all .3s ease!important;z-index:10000!important;margin:0!important;padding:0!important;float:none!important;clear:none!important;display:block!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;cursor:pointer!important;pointer-events:auto!important}.parlant-popup-button:hover{transform:scale(1.1)!important;box-shadow:0 8px 28px #667eea99!important}.parlant-popup-button:active{transform:scale(.95)!important}.parlant-chat-wrapper *,.parlant-chat-wrapper button,[class*=parlant] [class*=popup],[class*=parlant] [class*=button],[class*=parlant] button{position:relative!important}.parlant-popup-button,button[class*=popup],button[class*=parlant-popup]{position:fixed!important;top:auto!important;left:auto!important}body:has(.parlant-chatbox:not([style*="display: none"])),body:has([class*=chatbox]:not([class*=popup-button]):not([style*="display: none"])){margin:0!important;padding:0!important;height:100%!important;overflow:hidden!important}.parlant-chatbox,[class*=chatbox]:not([class*=popup-button]):not([class*=launcher]):not([class*=wrapper]){position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:calc(var(--vh, 1vh) * 100)!important;max-height:calc(var(--vh, 1vh) * 100)!important;min-height:calc(var(--vh, 1vh) * 100)!important;display:flex!important;flex-direction:column!important;background:#fff!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;z-index:9999!important;overflow:hidden!important;padding-top:var(--safe-area-inset-top, 0px)!important;padding-bottom:var(--safe-area-inset-bottom, 0px)!important;padding-left:var(--safe-area-inset-left, 0px)!important;padding-right:var(--safe-area-inset-right, 0px)!important;transform:translateZ(0)!important;will-change:auto!important}.parlant-chat-wrapper{position:fixed!important;bottom:max(20px,var(--safe-area-inset-bottom, 20px))!important;right:max(20px,var(--safe-area-inset-right, 20px))!important;z-index:9999!important;pointer-events:none!important;margin:0!important;padding:0!important;width:0!important;height:0!important;overflow:visible!important}footer[role=contentinfo],.parlant-chat-wrapper footer,.parlant-chat-wrapper [class*=poweredBy],.parlant-chat-wrapper [class*=footer],div[class*=chatbox] footer,a[href*="parlant.io"]{display:none!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;opacity:0!important;position:absolute!important;left:-9999px!important}@media (max-width: 768px){.app{padding:1rem}header h1{font-size:2rem}.subtitle{font-size:1rem}.controls{flex-direction:column;align-items:stretch;padding:1rem}.agent-selector{width:100%;flex-direction:column;align-items:stretch;min-width:unset}.agent-selector select,.create-agent-btn{width:100%}.create-agent-form{padding:1.5rem}.create-agent-form h2{font-size:1.5rem}.parlant-chatbox,[class*=chatbox]:not([class*=popup-button]):not([class*=launcher]){height:calc(var(--vh, 1vh) * 100)!important;max-height:calc(var(--vh, 1vh) * 100)!important}.parlant-chatbox:not([style*="display: none"])~.parlant-popup-button,body:has(.parlant-chatbox:not([style*="display: none"])) .parlant-popup-button{display:none!important}.parlant-popup-button{bottom:max(10px,var(--safe-area-inset-bottom, 10px))!important;right:max(10px,var(--safe-area-inset-right, 10px))!important;width:56px!important;height:56px!important}.debug-info{padding:1rem;font-size:.8rem}.debug-info p{flex-direction:column;gap:.25rem}.debug-info strong{min-width:unset}}.parlant-chatbox [class*=header],.parlant-chatbox [class*=Header],.parlant-chatbox [class*=title],[class*=chatbox] [class*=header],[class*=chatbox] [class*=Header]{flex-shrink:0!important;flex-grow:0!important;min-height:60px!important;padding:16px!important;background:#2c3e50!important;color:#fff!important;display:flex!important;justify-content:space-between!important;align-items:center!important;position:relative!important;z-index:10!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.parlant-chatbox [class*=messages],.parlant-chatbox [class*=message-container],.parlant-chatbox [class*=Messages],.parlant-chatbox [class*=MessageContainer],.parlant-chatbox [class*=content]:not([class*=input]):not([class*=Input]):not([class*=header]):not([class*=Header]),[class*=chatbox] [class*=messages],[class*=chatbox] [class*=message-container],[class*=chatbox] [class*=content]:not([class*=input]):not([class*=header]){flex:1 1 0%!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding:16px!important;display:flex!important;flex-direction:column!important;gap:12px!important;background:#f8f9fa!important;position:relative!important;scroll-behavior:smooth!important}.parlant-chatbox [class*=input],.parlant-chatbox [class*=Input],.parlant-chatbox [class*=input-container],.parlant-chatbox [class*=InputContainer],.parlant-chatbox [class*=input-area],.parlant-chatbox [class*=InputArea],.parlant-chatbox form:not([class*=message]),[class*=chatbox] [class*=input],[class*=chatbox] [class*=input-container],[class*=chatbox] [class*=input-area],[class*=chatbox] form:not([class*=message]){flex-shrink:0!important;flex-grow:0!important;padding:12px 16px!important;padding-bottom:max(12px,calc(12px + var(--safe-area-inset-bottom, 0px)))!important;display:flex!important;gap:8px!important;border-top:1px solid #ddd!important;background:#fff!important;position:relative!important;z-index:10!important;transform:translateZ(0)!important;will-change:auto!important}.parlant-chatbox input[type=text],.parlant-chatbox textarea,[class*=chatbox] input[type=text],[class*=chatbox] textarea{flex:1!important;padding:10px!important;font-size:1rem!important;font-size:16px!important;border:1px solid #ccc!important;border-radius:4px!important;-webkit-appearance:none!important}.parlant-chatbox button[type=submit],.parlant-chatbox [class*=send],[class*=chatbox] button[type=submit],[class*=chatbox] [class*=send]{margin-left:8px!important;padding:10px 16px!important;font-size:1rem!important;cursor:pointer!important;background:#667eea!important;color:#fff!important;border:none!important;border-radius:4px!important}@supports (-webkit-touch-callout: none){.parlant-chatbox,[class*=chatbox]:not([class*=popup-button]):not([class*=launcher]){position:fixed!important;height:100vh!important;height:calc(var(--vh, 1vh) * 100)!important;height:-webkit-fill-available!important;touch-action:pan-y!important}.parlant-chatbox input,.parlant-chatbox textarea,[class*=chatbox] input,[class*=chatbox] textarea{font-size:16px!important;-webkit-appearance:none!important;border-radius:0!important;position:relative!important;z-index:10!important}.parlant-chatbox [class*=input],.parlant-chatbox [class*=Input],.parlant-chatbox form,[class*=chatbox] [class*=input],[class*=chatbox] form{position:relative!important;z-index:10!important;padding-bottom:max(10px,var(--safe-area-inset-bottom, 10px))!important;background:#fff!important}.parlant-chatbox [class*=messages],.parlant-chatbox [class*=message-container],.parlant-chatbox [class*=Messages],.parlant-chatbox [class*=content]:not([class*=input]):not([class*=Input]),[class*=chatbox] [class*=messages],[class*=chatbox] [class*=message-container],[class*=chatbox] [class*=content]:not([class*=input]){-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding-bottom:max(20px,var(--safe-area-inset-bottom, 20px))!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;position:relative!important;height:100%!important;max-height:100%!important}body:has(.parlant-chatbox:not([style*="display: none"])){position:fixed!important;width:100%!important;height:100%!important;overflow:hidden!important}}@media (max-width: 480px){.form-section h3{font-size:1.125rem}.submit-btn{font-size:1rem;padding:.875rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.create-agent-form,.debug-info,.alert{animation:fadeIn .3s ease-out}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}:root{--vh: 1vh;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}html{height:100%;height:-webkit-fill-available;overflow:hidden;position:fixed;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;height:-webkit-fill-available;height:calc(var(--vh, 1vh) * 100);overflow:hidden;position:fixed;width:100%;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#root{height:100%;height:-webkit-fill-available;height:calc(var(--vh, 1vh) * 100);overflow:hidden;position:relative;width:100%;box-sizing:border-box}