.split-chat-container{flex-direction:column}@media (min-width:768px){.split-chat-container{flex-direction:row}}.split-chat-pane{display:flex;flex-direction:column;flex:1;overflow:hidden;border-radius:.75rem;border:1px solid #e0f2ff;background-color:white;box-shadow:0 1px 3px rgba(0,0,0,.05);margin:.5rem}.split-chat-header{height:48px;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.split-chat-model-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.5rem;font-size:.75rem;font-weight:500}.split-chat-messages{flex:1;overflow-y:auto;padding:1rem}.split-chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;color:#6b7280}@media (max-width:767px){.split-chat-container{max-height:calc(100vh - 180px)}.split-chat-pane{max-height:50vh;margin:.25rem}}.compare-chat-container{padding:1rem}@media (min-width:768px){.compare-chat-container{flex-direction:row;gap:1rem}}.compare-chat-pane{border-radius:.75rem;margin-bottom:1rem}@media (min-width:768px){.compare-chat-pane{margin-bottom:0}}.compare-chat-pane-left,.compare-chat-pane-right{border-color:#e5e7eb}.compare-chat-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid #e5e7eb}.compare-model-selector{padding:.75rem;border-bottom:1px solid #e5e7eb}.compare-model-selector,.compare-model-selector-left,.compare-model-selector-right{background-color:#f9fafb}.compare-chat-messages{flex:1;overflow-y:auto;padding:1rem}.dashboard-page{background-color:#f9fafb;height:100vh;max-width:100%;box-sizing:border-box}.dashboard-container,.dashboard-page{display:flex;overflow:hidden;width:100%}.dashboard-container{height:100%}.chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:100%}.dashboard-mobile-header{position:fixed;top:0;left:0;right:0;background-color:white;z-index:50;padding:0 12px;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px rgba(0,0,0,.05)}.dashboard-mobile-header.with-compare{padding-bottom:8px}.dashboard-mobile-filters{flex:1;display:flex;align-items:center;overflow-x:auto;padding:.5rem 0;width:100%}.dashboard-mobile-filters.compare-mode{flex-direction:column;align-items:flex-start;gap:.5rem}.dashboard-mobile-body{padding-top:84px;padding-bottom:50px}.dashboard-mobile-body.with-compare{padding-top:84px;padding-bottom:60px}.dashboard-chat-container{position:relative;height:calc(100vh - 124px)}.dashboard-messages-container{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.dashboard-messages-container::-webkit-scrollbar{width:6px}.dashboard-messages-container::-webkit-scrollbar-track{background:transparent}.dashboard-messages-container::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.dashboard-input-container{position:sticky;bottom:2.5rem;z-index:20;background-color:initial;padding-bottom:1rem}.dashboard-mobile-footer{position:fixed;bottom:0;left:0;right:0;background-color:white;z-index:10}.model-filters-container{display:flex;align-items:center;gap:.5rem}@media (min-width:768px){.dashboard-mobile-body{padding-top:0;padding-bottom:0}.dashboard-mobile-body.with-compare{padding-top:0}.dashboard-chat-container{height:calc(100vh - 96px)}.mobile-chat-inactive{display:flex!important}}.split-chat-container{display:flex;height:100%;width:100%;overflow:hidden}.split-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #e5e7eb}.split-pane:last-child{border-right:none}.chat-container{flex:1;overflow-y:auto}.chat-container,.input-area{padding:1rem;width:100%;max-width:100%;box-sizing:border-box}.input-area{border-top:1px solid #e5e7eb;background-color:white}@media (max-width:768px){body.dashboard-page{overflow:hidden;position:fixed;width:100%;height:100%}.dashboard-mobile-body{position:fixed;top:84px;left:0;right:0;bottom:40px;overflow:hidden;display:flex;flex-direction:column;width:100%}.dashboard-chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%}.dashboard-messages-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%}.dashboard-input-container{position:relative;padding:8px;background-color:initial;z-index:20;width:100%}.dashboard-mobile-footer{position:fixed;bottom:0;left:0;right:0;height:40px;background-color:white;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;z-index:50}}.sidebar-item-active{background-color:#e9f7fc;color:#5ac8fa}.sidebar-item{transition:all .2s ease}.sidebar-item:hover{background-color:#f5f7fa}.chat-input-container{box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .2s ease}.chat-input-container:focus-within{box-shadow:0 6px 16px rgba(0,0,0,.12)}.model-selector{border:1px solid #e2e8f0;border-radius:.375rem;transition:all .2s ease}.model-selector:hover{border-color:#5ac8fa}.blur-sm{filter:blur(4px);transition:filter .3s ease;pointer-events:none}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fixed{animation:modalFadeIn .3s ease forwards}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media (max-width:768px){.chat-input-container{box-shadow:0 2px 8px rgba(0,0,0,.08)}.chat-message-container{max-width:90%}.series-button,.series2-button{min-width:0;min-height:44px;font-size:.875rem}.models-dropdown,.models2-dropdown,.series-dropdown,.series2-dropdown{max-width:90vw;position:fixed}.hide-scrollbar{padding-left:.5rem;padding-right:.5rem}nav{position:relative;height:64px}}.models-dropdown,.models2-dropdown,.series-dropdown,.series2-dropdown{animation:fadeIn .2s ease-out;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:.375rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.series-button,.series2-button{white-space:nowrap}.series-button,.series-button span,.series2-button,.series2-button span{overflow:hidden;text-overflow:ellipsis}.series-button:hover,.series2-button:hover{box-shadow:0 2px 8px rgba(0,0,0,.05)}.model-indicator-1,.model-indicator-2{background-color:#f3f4f6;color:#4b5563}.series-button button:hover,.series2-button button:hover{background-color:rgba(0,0,0,.05)}.models-dropdown,.models2-dropdown{z-index:10000}.series-dropdown,.series2-dropdown{z-index:9999}.series-dropdown:after,.series2-dropdown:after{content:"";position:absolute;top:50%;right:-5px;transform:translateY(-50%);width:10px;height:10px;background-color:white;border-right:1px solid #e2e8f0;border-top:1px solid #e2e8f0;transform:translateY(-50%) rotate(45deg);display:none}.series-dropdown.with-models:after,.series2-dropdown.with-models:after{display:block}.md\:ml-0{margin-left:0}@media (max-width:640px){.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.5rem}}.compare-mode-indicator{font-size:.7rem;padding:2px 6px;border-radius:9999px}@media (max-width:480px){.series-button,.series2-button{font-size:.7rem}.series-button .icon,.series2-button .icon{width:14px;height:14px}}@media (max-width:768px){.model-filters,.model-filters>div{width:100%}.series-button,.series2-button{width:100%;display:flex;align-items:center;justify-content:flex-start;min-height:40px;border-radius:6px;padding:8px 12px;margin-bottom:0;box-shadow:0 1px 2px rgba(0,0,0,.05)}.series-button span,.series2-button span{max-width:calc(100% - 50px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.model-filters-container{width:100%;padding-top:14px}.compare-indicator{position:absolute;top:2px;left:50%;transform:translateX(-50%);background-color:#e9f7fc;color:#5ac8fa;padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:500;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.1);z-index:5}.series-button button,.series2-button button{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.series-button .icon,.series2-button .icon{flex-shrink:0;width:16px;height:16px}.series-button,.series2-button{transition:all .2s ease}.series-button:active,.series2-button:active{transform:scale(.98)}}@media (max-width:360px){.dashboard-mobile-filters{max-width:calc(100% - 100px)}.dashboard-mobile-filters.compare-mode{width:calc(100% - 100px)}.series-button,.series2-button{padding-left:8px;padding-right:8px;min-height:36px}.series-button span,.series2-button span{max-width:calc(100% - 40px);font-size:.65rem}.series-button .icon,.series2-button .icon{width:14px;height:14px;margin-right:4px}.compare-indicator{font-size:.6rem;padding:1px 6px}}.model-selector-wrapper{width:100%;position:relative;overflow:hidden}.model-selector-container{display:flex;flex-wrap:nowrap;gap:8px;width:100%;padding:4px 0}@media (max-width:768px){.model-selector-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.model-selector-container::-webkit-scrollbar{display:none}.model-filters>div{flex-shrink:0;min-width:150px}}.models-dropdown .back-button,.models2-dropdown .back-button{display:flex;align-items:center;font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:4px;transition:background-color .2s}.models-dropdown .back-button:hover,.models2-dropdown .back-button:hover{background-color:rgba(0,0,0,.05)}.models-dropdown .back-button svg,.models2-dropdown .back-button svg{margin-right:4px;width:16px;height:16px}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background-color:white;z-index:10}@media (min-width:768px){.dropdown-header .back-button{display:none}}.models-dropdown .close-button,.models2-dropdown .close-button,.series-dropdown .close-button,.series2-dropdown .close-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:background-color .2s}.models-dropdown .close-button:hover,.models2-dropdown .close-button:hover,.series-dropdown .close-button:hover,.series2-dropdown .close-button:hover{background-color:rgba(0,0,0,.05)}.dropdown-header-container{position:sticky;top:0;background-color:white;z-index:10;margin-bottom:8px}@media (min-width:768px){.dropdown-header .close-button{display:none}}.chat-message-user{background-color:#f7f7f8;border-radius:1.5rem;padding:.75rem 1rem;max-width:80%;align-self:flex-end}.chat-message-ai{background-color:white;border-radius:.5rem;padding:1rem;max-width:90%;box-shadow:0 1px 2px rgba(0,0,0,.05)}.chat-actions{display:flex;gap:.5rem;margin-top:.75rem}.chat-action-button{padding:.25rem;border-radius:.25rem;color:#6b7280;transition:all .2s ease}.chat-action-button:hover{background-color:#f3f4f6;color:#374151}.dashboard-chat-container{display:flex;flex-direction:column}.dashboard-chat-container.empty-state{overflow:hidden}.empty-state-container{align-items:center;justify-content:center;height:100%;width:100%;overflow:hidden}.compare-chat-container,.empty-state-container,.flex-1.bg-gray-50.overflow-hidden{display:flex;flex-direction:column}.compare-chat-container{gap:16px;padding:16px;background-color:#f9fafb;height:100%}@media (min-width:768px){.compare-chat-container{flex-direction:row}}.compare-chat-pane{flex:1;display:flex;flex-direction:column;border-radius:12px;border:1px solid #e0f2ff;background-color:white;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);height:calc(100vh - 150px)}@media (max-width:767px){.compare-chat-container{padding:8px;gap:8px}.compare-chat-pane{border-radius:8px}}@media (max-width:768px){.dashboard-page{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;overflow:hidden}.chat-area,.dashboard-container{width:100vw;max-width:100%}.sticky.bottom-0{padding-bottom:env(safe-area-inset-bottom,12px)}body,body.dashboard-page,html{overflow:hidden;position:fixed;width:100%;height:100%}body{margin:0;padding:0;touch-action:none;overscroll-behavior:none}input[type=email],input[type=password],input[type=text],select,textarea{font-size:16px!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}.overflow-y-auto{touch-action:pan-y;overscroll-behavior:contain}.mobile-chat-container{height:calc(100vh - 180px);width:100vw;max-width:100%}.mobile-messages-container{overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.mobile-input-container{border-top:1px solid #e5e7eb;padding:12px}.mobile-input-container,.mobile-model-selector{background-color:white;width:100%;max-width:100%;box-sizing:border-box}.mobile-model-selector{padding:8px 12px;border-bottom:1px solid #e5e7eb}.mobile-compare-container{display:flex;flex-direction:column;height:100%;width:100vw;max-width:100%}.mobile-compare-pane{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:100%}.mobile-compare-pane:first-child{border-bottom:1px solid #e5e7eb}.mobile-compare-pane{height:50%}.mobile-compare-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.mobile-header{top:0;border-bottom:1px solid #e5e7eb}.mobile-footer,.mobile-header{position:sticky;z-index:10;background-color:white;width:100%;max-width:100%;box-sizing:border-box}.mobile-footer{bottom:0;border-top:1px solid #e5e7eb;padding:8px 0;text-align:center}.mobile-dropdown{position:absolute;top:100%;right:0;width:200px;max-width:calc(100vw - 32px);background-color:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:20}}@media (max-width:768px){@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-dropdown{animation:slideDown .2s ease-out forwards}.flex-col.h-full{height:100%;display:flex;flex-direction:column;width:100%;max-width:100%}.flex-1.overflow-y-auto{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.bg-gray-50.border-t{position:sticky;bottom:0;width:100%;max-width:100%;background-color:#f9fafb;z-index:10;padding-bottom:env(safe-area-inset-bottom,12px);box-sizing:border-box}.flex-1.overflow-y-auto{padding-bottom:70px}.compare-mode .chat-container{margin-bottom:0;padding-bottom:0}.compare-mode .chat-message{padding:4px;margin-bottom:4px}.compare-mode .chat-bubble{padding:6px;font-size:.875rem}.compact-header{min-height:40px}.compare-mode .text-xs{font-size:.7rem}.compare-mode .model-selector{padding:4px 8px;font-size:.75rem}.compare-mode .space-y-2>*+*{margin-top:.25rem}.compare-mode button{min-height:24px}.mobile-chat-container{min-height:100%}.mobile-chat-container,.overflow-y-auto.bg-gray-50.flex-1{display:flex;flex-direction:column;justify-content:flex-end}.w-full.h-full.flex.flex-col.justify-end{min-height:100%;width:100%;max-width:100%}.space-y-4.w-full{min-height:min-content;width:100%;max-width:100%}*{max-width:100vw;box-sizing:border-box}.dashboard-page{width:100vw;max-width:100%;overflow-x:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.container,.w-full{width:100%!important;max-width:100%!important}.bg-white.border-t.border-gray-200{margin-bottom:0!important;padding-bottom:env(safe-area-inset-bottom,0)!important}.flex.flex-col.bg-gray-50{margin:0!important;padding:0!important}.flex.flex-col.bg-gray-50.compare-mode,.flex.flex-col.bg-gray-50:not(.compare-mode){position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:100vh!important}}