.parallel-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:2000;border:2px solid #28a745}.parallel-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.parallel-tools{display:flex;flex-direction:column;gap:8px}.parallel-tool-button{padding:12px 16px;border:1px solid #ddd;border-radius:6px;background:#f8f9fa;cursor:pointer;text-align:left}.parallel-tool-button:hover{background:#28a745;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#ffffff;color:#202123;height:100vh;overflow:hidden}.app{display:flex;height:100vh;background:#f9f9f9}.sidebar{width:200px;background:#f5f5f5;display:flex;flex-direction:column;border-right:1px solid #e0e0e0;position:relative;transition:width .3s ease}.sidebar.collapsed{width:60px}.sidebar-toggle{position:absolute;right:-15px;top:20px;width:30px;height:30px;background:white;border:1px solid #e0e0e0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;z-index:10;transition:all .2s}.sidebar-toggle:hover{background:#f5f5f5}.sidebar-content{flex:1;padding:20px 0}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .2s;position:relative}.sidebar-item:hover{background:rgba(0,0,0,.05)}.sidebar-item.active{background:white;border-left:3px solid #007bff}.sidebar-icon{font-size:20px;width:24px;text-align:center}.sidebar-label{font-size:14px;white-space:nowrap}.sidebar.collapsed .sidebar-label{display:none}.sidebar.collapsed .sidebar-item{padding:12px 18px;justify-content:center}.sidebar-footer{padding:20px;border-top:1px solid #e0e0e0}.logout-btn{width:100%;padding:8px;background:transparent;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ff4444;color:#fff;border-color:#f44}.main-content{flex:1;display:flex;flex-direction:column;background:white}.chat-messages{flex:1;overflow-y:auto;padding:20px;position:relative}.chat-messages.dragging{background:#f0f8ff}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,123,255,.1);border:2px dashed #007bff;display:flex;align-items:center;justify-content:center;z-index:10}.drag-message{font-size:18px;color:#007bff;font-weight:500}.welcome-message{text-align:center;padding:60px 20px}.welcome-message h1{font-size:24px;margin-bottom:8px;font-weight:600}.welcome-message .mode-description{color:#666;font-size:16px;margin-bottom:8px}.message{margin-bottom:20px;max-width:800px;margin-left:auto;margin-right:auto}.message.user{text-align:right}.message.user .message-text{background:#007bff;color:#fff;display:inline-block;padding:10px 16px;border-radius:18px 18px 4px;max-width:70%;text-align:left}.message.assistant{text-align:left}.message-header{font-size:13px;color:#666;margin-bottom:4px;display:flex;align-items:center;gap:6px}.message.assistant .message-text{background:#f1f1f1;padding:12px 16px;border-radius:18px 18px 18px 4px;display:inline-block;max-width:85%}.typing{display:flex;gap:4px;padding:16px}.typing span{width:8px;height:8px;background:#666;border-radius:50%;animation:typing 1.4s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.input-area{border-top:1px solid #e0e0e0;padding:16px;background:#fafafa}.input-container{max-width:800px;margin:0 auto;position:relative}.chat-input{width:100%;border:1px solid #e0e0e0;border-radius:24px;padding:12px 340px 12px 20px;font-size:14px;resize:none;outline:none;font-family:inherit;line-height:1.4;max-height:120px;background:white}.chat-input:focus{border-color:#007bff}.input-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px}.action-icon{width:32px;height:32px;border:none;background:transparent;color:#666;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:18px;position:relative}.action-icon:hover{background:#f0f0f0;color:#000}.action-icon[title]:hover:after{content:attr(title);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000}.mode-button{background:#f0f0f0}.mode-menu{position:absolute;bottom:60px;right:0;background:white;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #00000026;width:350px;max-height:400px;overflow-y:auto;z-index:1000}.mode-menu-header{padding:12px 16px;border-bottom:1px solid #e0e0e0;font-weight:600;font-size:14px}.mode-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s}.mode-menu-item:hover{background:#f5f5f5}.mode-menu-item.active{background:#e3f2fd}.mode-icon{font-size:20px;width:32px;text-align:center}.mode-details{flex:1}.mode-name{font-size:14px;font-weight:500;margin-bottom:2px}.mode-desc{font-size:12px;color:#666;line-height:1.3}.send-button{width:32px;height:32px;border:none;background:#007bff;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:16px;margin-left:8px}.send-button:hover:not(:disabled){background:#0056b3;transform:scale(1.05)}.send-button:disabled{background:#ccc;cursor:not-allowed}.file-indicator{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;background:#f0f0f0;border-radius:16px;font-size:13px;width:fit-content}.file-indicator button{background:none;border:none;cursor:pointer;font-size:16px;color:#666}.history-view,.projects-view{padding:40px;text-align:center}.history-view h1,.projects-view h1{font-size:28px;margin-bottom:16px}.history-view p,.projects-view p{color:#666;font-size:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bbb}.mode-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1rem;margin-bottom:2rem;max-height:60vh;overflow-y:auto}.mode-selection-grid::-webkit-scrollbar{width:8px}.mode-selection-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.mode-selection-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.mode-selection-grid::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}@media (max-width: 768px){.mode-selection-grid{grid-template-columns:1fr}}@media (min-width: 1920px){.mode-selection-grid{grid-template-columns:repeat(4,1fr)}}.chat-interface.processing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);pointer-events:none;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mode-menu-enhanced{position:absolute;top:100%;left:0;right:0;background:rgba(17,24,39,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;margin-top:.5rem;max-height:70vh;overflow-y:auto;z-index:1000;box-shadow:0 10px 40px #00000080}.mode-menu-enhanced{max-width:90vw;left:50%;transform:translate(-50%)}@media (max-width: 640px){.mode-selection-grid{grid-template-columns:1fr;max-height:50vh}}.mode-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;max-height:60vh;overflow-y:auto;padding:.5rem}.mode-card{transition:all .3s ease;cursor:pointer}.mode-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.mode-category-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; z-index: 99999 !important; width: 80% !important; max-width: 600px !important; padding: 2rem !important; } .mode-selection-grid{background:blue!important;padding:1rem!important}.mode-menu-enhanced{position:absolute!important;top:100%!important;right:0!important;left:auto!important;transform:none!important;margin-top:.5rem!important;max-height:400px!important;overflow-y:auto!important;min-width:300px!important;background:#1a1a1a!important;border:1px solid #333!important}.mode-menu-item{color:#fff!important;padding:.75rem!important;cursor:pointer!important}.mode-menu-item:hover{background:#2a2a2a!important}.mode-menu-header{color:#fff!important;font-weight:700!important;padding:1rem!important;border-bottom:1px solid #333!important}.mode-menu-enhanced{bottom:100%!important;top:auto!important;margin-bottom:.5rem!important;margin-top:0!important}body{margin:0;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}#root{height:100vh}