@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app: #1f1f1f;--bg-sidebar: #171717;--bg-panel: #212121;--bg-message-user: #2d2d2d;--bg-input: #2a2a2a;--text-primary: #f1f1f1;--text-secondary: #b8b8b8;--border-subtle: rgba(255, 255, 255, .08);--hover-subtle: rgba(255, 255, 255, .06);--active-subtle: rgba(255, 255, 255, .12);--sidebar-width: 280px;color:var(--text-primary);background:var(--bg-app);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;background:var(--bg-app);color:var(--text-primary)}button,input,textarea{font:inherit;color:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes typingPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}button,input[type=text],textarea,.sidebar,.message-bubble{transition:all .2s cubic-bezier(.16,1,.3,1)}.app-shell{display:flex;height:100%;background:var(--bg-app)}.desktop-sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);border-right:1px solid var(--border-subtle);background:var(--bg-sidebar);animation:slideInDown .4s ease-out}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-app)}.mobile-menu-button{display:none;position:fixed;top:16px;left:16px;z-index:40;width:48px;height:48px;border:1px solid var(--border-subtle);border-radius:10px;background:#ffffff12;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);animation:slideInDown .4s ease-out}.mobile-menu-button:hover{background:#ffffff1c;border-color:#ffffff29;transform:scale(1.05)}.mobile-menu-button:active{transform:scale(.95)}.mobile-sidebar-overlay{display:none}@media(max-width:900px){.desktop-sidebar{display:none}.mobile-menu-button{display:grid;place-items:center}.mobile-sidebar-overlay{position:fixed;inset:0;display:block;z-index:50;pointer-events:none}.mobile-sidebar-overlay.open{pointer-events:auto}.mobile-overlay-backdrop{position:absolute;inset:0;border:none;background:#0000008c;opacity:0;transition:opacity .25s cubic-bezier(.16,1,.3,1)}.mobile-sidebar-overlay.open .mobile-overlay-backdrop{opacity:1}.mobile-sidebar-panel{position:absolute;top:0;left:0;width:var(--sidebar-width);max-width:86vw;height:100%;border-right:1px solid var(--border-subtle);background:var(--bg-sidebar);transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);will-change:transform}.mobile-sidebar-overlay.open .mobile-sidebar-panel{transform:translate(0)}}.sidebar{display:grid;grid-template-rows:auto auto auto auto 1fr auto;height:100%}.sidebar-header{display:flex;align-items:center;gap:14px;height:80px;padding:0 24px;border-bottom:1px solid var(--border-subtle);font-weight:700;font-size:19px;animation:slideInDown .4s ease-out}.logo-mark{width:32px;height:32px;display:grid;place-items:center;border:1.5px solid var(--border-subtle);border-radius:8px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.logo-mark:hover{border-color:#fff3;transform:scale(1.05)}.new-chat-button{margin:18px 16px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);border-radius:10px;padding:14px 18px;text-align:left;cursor:pointer;font-size:16px;font-weight:500;animation:slideInUp .4s ease-out .1s both}.new-chat-button:hover{background:#ffffff14;border-color:#ffffff29;transform:scale(1.01)}.new-chat-button:active{transform:scale(.98)}.website-button{margin:0 16px 16px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);border-radius:10px;padding:14px 18px;text-align:left;cursor:pointer;font-size:16px;font-weight:500;animation:slideInUp .4s ease-out .125s both;transition:all .2s cubic-bezier(.16,1,.3,1)}.website-button:hover{background:#ffffff14;border-color:#ffffff29;transform:scale(1.01)}.website-button:active{transform:scale(.98)}.search-wrapper{padding:0 16px 14px;animation:slideInUp .4s ease-out .15s both}.search-input{width:100%;border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:10px;padding:13px 16px;outline:none;font-size:15px}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{border-color:#fff3;background:#ffffff0f}.context-list{overflow-y:auto;padding:10px 12px 14px}.context-section-title{padding:12px 16px 14px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);animation:slideInUp .4s ease-out .2s both;display:flex;align-items:center;gap:6px}.context-section-title:after{content:"▼";font-size:10px;opacity:.6}.context-item{width:100%;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;padding:14px;margin-bottom:6px;cursor:pointer;color:var(--text-primary);font-size:15px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);animation:slideInUp .3s ease-out forwards}.context-item:nth-child(1){animation-delay:.22s}.context-item:nth-child(2){animation-delay:.25s}.context-item:nth-child(3){animation-delay:.28s}.context-item:hover{background:#ffffff14;color:var(--text-primary);border-color:#ffffff1f;transform:translate(4px)}.context-item.active{background:#ffffff1f;border-color:#fff3;color:var(--text-primary);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:18px 20px;display:flex;align-items:center;gap:14px;animation:slideInUp .4s ease-out .3s both}.profile-avatar{width:48px;height:48px;border-radius:999px;object-fit:cover;border:1.5px solid rgba(255,255,255,.16);flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.profile-avatar:hover{border-color:#ffffff4d;transform:scale(1.08)}.profile-name{font-size:16px;font-weight:600}.profile-role{margin-top:3px;font-size:14px;color:var(--text-secondary)}.message-list{flex:1;overflow-y:auto;padding:36px 0 180px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.message-list::-webkit-scrollbar{width:12px}.message-list::-webkit-scrollbar-track{background:transparent}.message-list::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:999px;border:2px solid transparent;background-clip:content-box}.message-list::-webkit-scrollbar-thumb:hover{background:#ffffff61;background-clip:content-box}.message-list--empty{display:grid;place-items:center;padding:32px}.empty-chat-state{text-align:center;max-width:620px;padding:0 16px;animation:fadeIn .5s ease-out}.empty-chat-title{margin:0;font-size:clamp(2.2rem,3.5vw,3.2rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.empty-chat-subtitle{margin:16px 0 0;color:var(--text-secondary);font-size:1.15rem;line-height:1.5}.quick-action-grid{margin:28px auto 0;width:min(620px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quick-action-grid--compact{width:min(860px,100%);grid-template-columns:repeat(5,minmax(0,1fr));margin:12px auto 24px;gap:12px}.project-action-grid{width:min(620px,100%);grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions-row{margin-top:8px}.quick-action-chip{border:1px solid var(--border-subtle);border-radius:14px;background:#ffffff0d;color:var(--text-primary);padding:15px 18px;cursor:pointer;text-align:left;font-weight:500;font-size:15px;line-height:1.5;transition:all .25s cubic-bezier(.16,1,.3,1);animation:slideInUp .4s ease-out forwards}.quick-action-chip:nth-child(1){animation-delay:.05s}.quick-action-chip:nth-child(2){animation-delay:.1s}.quick-action-chip:nth-child(3){animation-delay:.15s}.quick-action-chip:nth-child(4){animation-delay:.2s}.quick-action-chip:nth-child(5){animation-delay:.25s}.quick-action-chip:hover{background:#ffffff1c;border-color:#fff3;transform:translateY(-2px)}.quick-action-chip:active{transform:translateY(0)}.quick-action-chip:disabled{opacity:.5;cursor:default}.message-row{width:min(920px,calc(100% - 32px));margin:0 auto;padding:0 16px}.message-bubble{border:1px solid var(--border-subtle);border-radius:16px;margin-bottom:20px;line-height:1.65;animation:slideInUp .4s ease-out}.assistant-message .message-bubble{width:100%;background:#ffffff08;padding:24px 28px}.user-message{display:flex;justify-content:flex-end;animation:slideInUp .4s ease-out}.user-message .message-bubble{width:fit-content;max-width:680px;background:#003f7a;padding:16px 20px;border-color:#ffffff1f}.user-message p{margin:0}.markdown-content>*:first-child{margin-top:0}.markdown-content>*:last-child{margin-bottom:0}.markdown-content{font-size:1.05rem;color:var(--text-primary);line-height:1.72}.markdown-content h2,.markdown-content h3{letter-spacing:-.01em;color:#fff;font-weight:700}.markdown-content h2{margin:0 0 16px;font-size:1.38rem;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.markdown-content h3{margin:20px 0 14px;font-size:1.2rem}.markdown-content ul,.markdown-content ol{margin:14px 0 16px;padding-left:28px}.markdown-content li{margin:8px 0}.markdown-content p{margin:14px 0;color:#f1f1f1f5}.markdown-content img{display:block;max-width:100%;width:auto;height:auto;margin:10px auto;object-fit:contain}.markdown-content a{color:#9ec3ff;text-decoration:none;border-bottom:1px solid rgba(158,195,255,.35);transition:all .2s ease-out}.markdown-content a:hover{color:#bfd8ff;border-bottom-color:#bfd8ffa6}.markdown-content code{background:#ffffff14;padding:3px 7px;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.markdown-content pre{margin:14px 0;padding:16px;border-radius:12px;border:1px solid var(--border-subtle);background:#1b1b1b;overflow-x:auto}.markdown-content pre code{background:transparent;padding:0;font-size:.93rem;color:#f1f1f1}.markdown-content blockquote{margin:14px 0;padding:10px 14px;border-left:3px solid rgba(255,255,255,.22);color:var(--text-secondary);background:#ffffff08;border-radius:8px}.markdown-content hr{border:none;border-top:1px solid var(--border-subtle);margin:16px 0}.composer-shell{position:sticky;bottom:0;padding:18px 20px 22px;background:linear-gradient(180deg,transparent,var(--bg-app) 30%)}.composer{width:min(920px,100%);margin:0 auto;display:flex;align-items:flex-end;gap:14px;border:1px solid var(--border-subtle);border-radius:18px;background:#ffffff0d;padding:14px;transition:all .2s cubic-bezier(.16,1,.3,1)}.composer:focus-within{border-color:#ffffff29;background:#ffffff12;box-shadow:0 0 0 3px #ffffff0d}.composer-input{width:100%;resize:vertical;min-height:50px;max-height:200px;border:none;background:transparent;color:var(--text-primary);padding:12px 14px;outline:none;font-size:16px;line-height:1.5}.composer-input::placeholder{color:var(--text-secondary)}.composer-input:disabled{opacity:.75}.send-button{min-width:88px;border:1px solid rgba(255,255,255,.16);background:#2e2e2e;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:600;font-size:15px;color:var(--text-primary);transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.send-button:not(:disabled){background:linear-gradient(135deg,#1d74ff,#0f5de0);border-color:#7caeffbf;color:#fff;box-shadow:0 6px 18px #1d74ff59}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#2a80ff,#1a69ea);border-color:#92bdffe6;transform:scale(1.03)}.send-button:active:not(:disabled){transform:scale(.97)}.send-button:disabled{background:#2e2e2e;border-color:#ffffff29;color:var(--text-secondary);box-shadow:none;opacity:.45;cursor:default}@media(max-width:900px){.message-list{padding-top:76px;padding-bottom:160px}.message-list--empty{padding-top:76px}.quick-action-grid{grid-template-columns:1fr;gap:12px}.quick-action-grid--compact{grid-template-columns:1fr;gap:10px}.composer-shell{padding-inline:14px}.message-row{width:100%}.user-message .message-bubble{width:fit-content;max-width:88vw}.empty-chat-title{font-size:clamp(1.8rem,5vw,2.6rem)}}.website-container{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-app)}.website-back-button{position:fixed;top:16px;left:16px;z-index:50;padding:12px 18px;border:1px solid var(--border-subtle);background:#ffffff12;color:var(--text-primary);border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.website-back-button:hover{background:#ffffff1f;border-color:#ffffff29;transform:translate(-2px)}.website-back-button:active{transform:translate(-4px)}.website-iframe-wrapper{flex:1;width:100%;padding:60px 18px 18px;overflow:hidden}.website-iframe{width:100%;height:100%;border:1px solid var(--border-subtle);border-radius:12px;display:block}