:root{--primary: #3b82f6;--primary-hover: #2563eb;--bg-dark: #2a2a2a;--bg-darker: #242424;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(42, 42, 42, .5);--glass-blur: blur(12px);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--sidebar-width: 300px;--header-height: 64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-darker);color:var(--text-main);height:100vh;height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}#root{display:flex;height:100%}.app-container{display:flex;width:100%;height:100%}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow)}.liquid-btn{background:#3b82f640!important;backdrop-filter:blur(12px) saturate(180%)!important;-webkit-backdrop-filter:blur(12px) saturate(180%)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #fff3!important;color:#fff!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;position:relative;overflow:hidden;z-index:1;pointer-events:auto}.liquid-btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);transform:skew(-25deg);animation:shine 4s infinite;z-index:-1;pointer-events:none}@keyframes shine{0%{left:-100%}15%{left:200%}to{left:200%}}.liquid-btn:hover{background:#3b82f680!important;transform:translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 1px 1px #ffffff4d!important}.liquid-btn:active{transform:translateY(0)}.sidebar{width:var(--sidebar-width);height:100%;display:flex;flex-direction:column;z-index:10;transition:transform .3s ease}.main-content{flex:1;display:flex;flex-direction:column;height:100%;position:relative;background-color:var(--bg-darker)}.chat-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:5;gap:1rem;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.chat-header .model-tabs{flex:1;max-width:none}.chat-header .user-profile{flex:0 0 auto;display:flex;align-items:center;gap:.75rem}.chat-messages{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.chat-input-container{padding:2rem;background:linear-gradient(to top,var(--bg-darker),transparent)}.input-wrapper{max-width:800px;margin:0 auto;position:relative}.message-bubble{max-width:80%;padding:1rem 1.5rem;border-radius:1.25rem;line-height:1.6;position:relative;animation:slideUp .3s ease;word-wrap:break-word;overflow-wrap:break-word}.user-message{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:.25rem}.assistant-message{align-self:flex-start;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-bottom-left-radius:.25rem}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.model-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem;background:#ffffff08;border-radius:.75rem;border:1px solid rgba(255,255,255,.05);flex:1}.model-tabs::-webkit-scrollbar{display:none}.tab{padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;white-space:nowrap;transition:all .2s;font-size:.95rem;font-weight:500;color:var(--text-muted);border:none;text-align:center;flex:1}.tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #3b82f64d}.tab:not(.active):hover{background:#ffffff14;color:#fff}.fade-enter{opacity:0}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.mobile-menu-btn,.mobile-close-btn,.sidebar-overlay{display:none}@media(max-width:768px){html,body{overflow-x:hidden!important;max-width:100vw!important}#root,.app-container{max-width:100vw;overflow-x:hidden}.main-content{min-width:0;max-width:100vw;overflow-x:hidden;width:100%}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);width:85%;max-width:280px;background-color:var(--bg-darker);border-right:1px solid var(--border-color);box-shadow:10px 0 30px #00000080;z-index:100}.sidebar.open{transform:translate(0)}.chat-header{padding-left:3rem;padding-right:1rem;height:56px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:6px;left:8px;z-index:20;background:transparent;border:none;color:var(--text-main);cursor:pointer;padding:.75rem;border-radius:.5rem;min-width:44px;min-height:44px}.mobile-close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:1rem;right:1rem;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:.5rem;z-index:30}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0009;z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-messages{display:flex;flex-direction:column;gap:12px;padding:12px;padding-bottom:5rem;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100%}.message-bubble.assistant-message{max-width:100%!important;width:100%!important;align-self:flex-start!important;padding:12px 16px;border-radius:12px;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.message-bubble.user-message{max-width:75%!important;width:auto!important;align-self:flex-end!important;padding:12px 16px;border-radius:12px;word-break:break-word;overflow-wrap:anywhere}.message-bubble{overflow-wrap:anywhere}.message-bubble p,.message-bubble li,.message-bubble span,.message-bubble strong,.message-bubble em,.message-bubble a,.message-bubble h1,.message-bubble h2,.message-bubble h3,.message-bubble h4,.message-bubble blockquote{word-break:break-word!important;overflow-wrap:anywhere!important}.message-bubble .markdown-content{max-width:100%;width:100%;min-width:0;word-break:break-word;overflow-wrap:anywhere}.message-bubble .markdown-content>div{max-width:100%!important;overflow-x:auto!important}pre,code,.message-bubble pre,.message-bubble .markdown-content pre{overflow-x:auto!important;max-width:100%!important;white-space:pre!important;-webkit-overflow-scrolling:touch}.message-bubble code,.message-bubble .markdown-content code{word-break:break-all;overflow-wrap:anywhere}.message-bubble .markdown-content div[class*=language-],.message-bubble .markdown-content div[style]{max-width:100%!important}.message-bubble .markdown-content img,.message-bubble .markdown-content iframe,.message-bubble .markdown-content video{max-width:100%!important;height:auto}.message-bubble .markdown-content table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.chat-input-container{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:var(--bg-darker);border-top:1px solid var(--border-color)}.input-wrapper{padding:.25rem!important;border-radius:.75rem!important}.input-wrapper textarea,.input-wrapper input{padding:.75rem!important;font-size:16px!important;height:48px!important;width:100%!important;box-sizing:border-box!important}button,.liquid-btn{min-height:44px!important}.modal-container{max-width:calc(100vw - 32px)!important;width:100%!important;margin:auto!important}.model-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.25rem}.tab{padding:.5rem 1rem;min-height:44px;display:flex;justify-content:center;align-items:center}.user-menu-dropdown{width:calc(100vw - 32px)!important;max-width:280px!important;right:0!important}}@media(max-width:480px){.message-bubble.user-message{max-width:80%!important;padding:.7rem .85rem;font-size:.95rem}.message-bubble.assistant-message{font-size:.95rem}.chat-header{padding-left:2.75rem}}