.v16-layout-root{display:grid;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden;background-color:var(--bg-secondary)}.header-row{z-index:50}.main-content-row{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-secondary)}.footer-row{z-index:50}.chatbot-v16-wrapper{overflow:hidden}.chatbot-v16-wrapper,.main-container{flex:1;display:flex;flex-direction:column;min-height:0}.main-container{width:100%;margin:0;padding:8px 12px;position:relative;overflow-y:auto;overflow-x:hidden}:root{--bg-primary:#e7ece9!important;--bg-secondary:#c1d7ca!important;--border-color:#9dbbac;--text-primary:#3b503c;--text-secondary:#3b503c;--button-primary:#9dbbac;--button-hover:#3b503c;--button-danger:#dc2626;--button-danger-hover:#b91c1c;--message-user:#9dbbac;--message-assistant:#fdfefd;--message-system:#e7ece9;--comment-background:#fdfefd;--warning-background:#3b503c}:root.dark,html.dark{--bg-primary:#131314;--bg-secondary:#1e1e1f;--border-color:#2a2a2a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--button-primary:#9dbbac;--button-hover:#3b503c;--button-danger:#dc2626;--button-danger-hover:#b91c1c;--message-user:#2563eb;--message-assistant:#222222;--comment-background:#222222;--message-system:#333333;--warning-background:#3b503c}.dark .conversation-container,.dark .main-container,.dark body,html.dark body{background-color:#131314!important}.dark .conversation-container{background-color:#1e1e1f!important}.control-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:500;padding:.5rem 1rem;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;cursor:pointer}.control-button:disabled{opacity:.7;cursor:not-allowed}.control-button.connecting{background-color:#3b82f6}.control-button.connecting,.control-button.preparing{opacity:.9!important;color:white!important;cursor:wait}.control-button.preparing{background-color:var(--button-primary)}.control-button.primary{background-color:var(--button-primary)!important;color:white!important;border-radius:9999px!important}.control-button.primary:hover:not(:disabled){background-color:var(--button-hover)!important}.control-button.large-button{font-size:1.2rem!important;padding:.75rem 2.5rem!important;font-weight:600!important;min-width:140px!important;background-color:var(--button-primary)!important;box-shadow:0 4px 8px rgba(0,0,0,.2)!important;transition:all .2s ease!important;border-radius:9999px!important;color:white!important}.control-button.large-button:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 12px rgba(0,0,0,.3)!important;background-color:var(--button-hover)!important}.conversation-container{display:flex;flex-direction:column;flex:1;border-radius:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);overflow:hidden;margin-bottom:0;margin-top:20px!important;box-shadow:0 4px 8px rgba(0,0,0,.1);min-height:0}.conversation-history{flex:1 1 auto;overflow-y:auto;min-height:0;padding:20px 20px 120px;scroll-behavior:smooth}.message{margin-bottom:20px;padding:12px 16px;border-radius:12px;max-width:85%;position:relative;line-height:1.5;box-shadow:0 1px 2px rgba(0,0,0,.1);font-size:1rem;display:block;clear:both;animation:messageFadeIn .3s ease-in-out;word-wrap:break-word}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{float:right;background-color:var(--message-user);color:var(--text-primary);border-bottom-right-radius:4px}.message.assistant{float:left;background-color:var(--message-assistant);color:var(--text-primary);border-bottom-left-radius:4px}.message.system{margin-left:auto;margin-right:auto;float:none;background-color:var(--message-system);color:var(--text-secondary);font-style:italic;font-size:.85rem;padding:8px 12px;max-width:70%;text-align:center}.input-container{display:flex;padding:16px;border-top:1px solid var(--border-color);background-color:var(--bg-primary);box-shadow:0 -2px 5px rgba(0,0,0,.05);position:relative;z-index:1}.text-input{flex:1;padding:12px 16px;border-radius:24px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);margin-left:0;margin-right:12px;font-size:1rem;transition:all .2s ease;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.text-input:focus{outline:none;border-color:var(--button-primary);box-shadow:0 0 0 2px rgba(79,70,229,.2)}.visualization-container{pointer-events:none;display:flex;justify-content:center;align-items:center;width:100%;padding:10px 0;flex-shrink:0;margin-top:auto}.blue-orb-v15{display:inline-flex;flex-shrink:0}.visualization-container .flex{transition:transform .2s ease,opacity .2s ease;pointer-events:auto}.visualization-container .flex:hover{opacity:.95}.visualization-container .flex:active{transform:scale(.98)}.status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.status-indicator.connecting{background-color:#ca8a04;animation:pulse 1.5s infinite}.status-indicator.connected{background-color:#22c55e}.status-indicator.disconnected{background-color:#dc2626}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.mobile-footer-nav{display:flex}.nav-icons{display:none}@media (max-width:768px){.v16-layout-root{height:100vh;height:100dvh;position:fixed;top:0;left:0;right:0;bottom:0}.footer-row{position:sticky;bottom:0;background-color:white;background-color:var(--bg-primary);z-index:100}.main-content-row{height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0)}.main-container{overflow-y:auto;overflow-x:hidden;min-height:auto;padding-bottom:80px}.dark .footer-row{background-color:#131314}}[role=dialog]{position:fixed!important;z-index:999999!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:white;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}.start-button-overlay{position:absolute;top:20%;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:16px;pointer-events:none}.start-button-overlay .control-button{pointer-events:auto}.start-button-overlay .flex.items-center,.start-button-overlay input[type=checkbox],.start-button-overlay label{pointer-events:auto!important}.control-triple{display:flex!important;width:100%!important;max-width:500px!important;margin:0 auto!important;padding:0!important}.control-left{flex:1;display:flex;justify-content:flex-start}.control-center{flex:2;display:flex;justify-content:center}.control-right{flex:1;display:flex;justify-content:flex-end}@media (max-width:768px){.main-container{padding:6px 8px}.visualization-container{padding:8px 0}.start-button-overlay{padding:12px;top:15%}}