@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#09090b;--surface:rgba(255,255,255,0.05);--surface-border:rgba(255,255,255,0.06);--text-primary:#fafafa;--text-secondary:rgba(250,250,250,0.55);--text-tertiary:rgba(250,250,250,0.3);--accent:#3b82f6;--radius-lg:16px;--radius-sm:4px;--font:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--transition:0.15s ease-out}body,html{height:100%;font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:hidden}#__next{height:100%}.app-header{height:60px;justify-content:space-between;padding:0 16px;position:fixed;top:0;left:0;right:0;z-index:10;background:linear-gradient(to bottom,var(--bg) 65%,transparent)}.app-header,.header-left{display:flex;align-items:center}.header-left{gap:4px}.header-brand{display:flex;align-items:center;gap:10px;margin-left:4px;background:none;border:none;color:var(--text-primary);cursor:pointer;font:inherit;padding:0;transition:opacity var(--transition)}.header-brand:hover{opacity:.8}.header-brand-name{font-weight:600;white-space:nowrap;font-size:15px;letter-spacing:-.01em}.header-right{gap:6px}.header-btn,.header-right{display:flex;align-items:center}.header-btn{width:36px;height:36px;padding:0;border:none;border-radius:6px;background:none;color:var(--text-secondary);cursor:pointer;justify-content:center;transition:background var(--transition),color var(--transition)}.header-btn:hover{background:var(--surface);color:var(--text-primary)}.app-container{display:flex;flex-direction:column;height:100vh}.chat-scroll{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.05) transparent}.chat-scroll::-webkit-scrollbar{width:5px}.chat-scroll::-webkit-scrollbar-track{background:transparent}.chat-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.06);border-radius:3px}.chat-inner{display:flex;flex-direction:column;gap:28px;flex:1 1;max-width:732px;width:100%;margin:0 auto;padding:72px 16px 0}.godrays-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.godrays-bg canvas{display:block;width:100%!important;height:100%!important}.empty-state{justify-content:center;flex-direction:column;flex:1 1;position:relative;z-index:1}.empty-content,.empty-state{display:flex;align-items:center;gap:64px}.empty-content{flex-direction:column;width:100%}.empty-hero{display:flex;flex-direction:column;align-items:center;text-align:center}.empty-title{font-size:24px;font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}.empty-subtitle{margin-top:6px;font-size:15px;color:var(--text-secondary)}.input-area{position:relative;max-width:732px;width:100%;margin:0 auto;padding:0 16px}.input-area.sticky{padding-bottom:16px}.input-box{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--surface-border);transition:border-color .2s ease;position:relative;z-index:1;overflow:hidden}.input-box-mask{position:absolute;inset:0;background:#141416;border-radius:inherit;z-index:2;pointer-events:none}.input-box:focus-within{border-color:rgba(255,255,255,.12)}.input-top{width:100%;display:flex;align-items:flex-start}.input-top textarea{width:100%;flex:1 1;padding:12px 16px;border:none;outline:none;resize:none;min-height:44px;max-height:120px;line-height:22px;font-family:var(--font);font-size:15px;color:var(--text-primary);background:transparent}.input-top textarea::placeholder{color:var(--text-tertiary)}.input-toolbar{gap:10px;padding:4px 8px 8px 16px}.input-toolbar,.model-label{display:flex;align-items:center}.model-label{gap:6px;color:var(--text-primary);font-size:13px;font-weight:400;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.toolbar-sep{width:1px;height:16px;background:rgba(255,255,255,.08);flex-shrink:0}.toggle-btn{display:flex;align-items:center;gap:0;height:24px;padding:0 6px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-tertiary);cursor:pointer;font-family:var(--font);font-size:13px;font-weight:400;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s ease,background .15s ease}.toggle-btn .toggle-label{max-width:0;overflow:hidden;opacity:0;transition:max-width .25s ease,opacity .2s ease,margin-left .25s ease;margin-left:0}.toggle-btn:hover .toggle-label{max-width:60px;opacity:1;margin-left:5px}.toggle-btn.active{color:var(--text-primary);background:rgba(255,255,255,.05)}.toggle-btn:not(.active):hover{color:var(--text-secondary)}.toggle-btn svg{flex-shrink:0}.send-btn{margin-left:auto;width:26px;height:26px;border:none;border-radius:50%;background:none;color:var(--text-primary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition)}.send-btn:disabled{opacity:.25;cursor:default}.send-btn:not(:disabled):hover{opacity:.7}.send-btn.loading{opacity:1}.send-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.15);border-top:2px solid var(--text-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.input-tab-clip{position:relative;z-index:0;width:calc(100% - 24px);margin:0 auto -3.5px;overflow:hidden;height:33px;pointer-events:none}.input-tab{padding:8px 14px;background:var(--surface);border:1px solid var(--surface-border);border-bottom:none;border-radius:10px 10px 0 0;font-size:12.5px;line-height:1;position:relative;pointer-events:auto}.input-tab,.input-tab-inner{display:flex;align-items:center;gap:6px;width:100%}.input-tab-title{color:var(--text-primary);font-weight:500;white-space:nowrap}.input-tab-sep{color:var(--text-tertiary)}.input-tab-desc{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-user{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.msg-user .msg-bubble{background:var(--surface);border-radius:var(--radius-lg);padding:12px;font-size:15px;color:var(--text-secondary);max-width:85%;word-break:break-word;line-height:1.5}.msg-user-image{max-height:200px;max-width:300px;border-radius:var(--radius-lg);border:1px solid var(--surface-border);object-fit:cover}.msg-bot{display:flex;flex-direction:column;gap:8px;margin-bottom:40px}.msg-bot .msg-text{line-height:24px;font-size:15px;color:var(--text-primary);word-break:break-word}.msg-text p{margin:0 0 12px}.msg-text p:last-child{margin-bottom:0}.msg-text strong{font-weight:600;color:var(--text-primary)}.msg-text em{font-style:italic}.msg-text code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;font-size:13.5px;background:rgba(255,255,255,.06);padding:2px 5px;border-radius:4px;color:#e2e8f0}.msg-text pre{margin:0;padding:0;background:none!important;border:none;border-radius:0;overflow:visible;color:#e2e8f0!important;text-shadow:none!important}.msg-text .relative,.msg-text div[class*=relative]{position:relative!important;margin:12px 0;border-radius:10px;overflow:hidden}.msg-text .relative pre,.msg-text div[class*=relative] pre{margin:0!important;padding:14px 16px!important;background:rgba(255,255,255,.04)!important;border:1px solid var(--surface-border)!important;border-radius:10px!important;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent;color:#e2e8f0!important;text-shadow:none!important}.msg-text pre code{background:none!important;padding:0;border-radius:0;font-size:13px;line-height:1.6}.msg-text pre code,.msg-text pre code span{color:#e2e8f0!important;text-shadow:none!important}.msg-text .relative>button,.msg-text div[class*=relative]>button[aria-label="Copy code"]{position:absolute!important;top:.5rem!important;right:.5rem!important;z-index:10;background:rgba(255,255,255,.08)!important;border:none;border-radius:6px;padding:4px;color:var(--text-secondary)!important;cursor:pointer;opacity:0;transition:opacity .15s ease}.msg-text .relative:hover>button,.msg-text div[class*=relative]:hover>button[aria-label="Copy code"]{opacity:1}.msg-text ol,.msg-text ul{margin:8px 0;padding-left:20px}.msg-text li{margin:4px 0;line-height:1.6}.msg-text li::marker{color:var(--text-tertiary)}.msg-text li .relative,.msg-text li div[class*=relative],.msg-text li pre{display:block!important;margin:8px 0!important}.msg-text li p{display:block;margin:4px 0}.msg-text blockquote{margin:8px 0;padding:4px 14px;border-left:3px solid rgba(255,255,255,.1);color:var(--text-secondary)}.msg-text h1,.msg-text h2,.msg-text h3,.msg-text h4,.msg-text h5,.msg-text h6{margin:16px 0 8px;font-weight:600;line-height:1.3}.msg-text h1{font-size:18px}.msg-text h2{font-size:16px}.msg-text h3{font-size:15px}.msg-text a{color:var(--accent);text-decoration:none}.msg-text a:hover{text-decoration:underline}.msg-text hr{border:none;border-top:1px solid var(--surface-border);margin:16px 0}.msg-text table{border-collapse:collapse;margin:12px 0;font-size:14px;width:100%}.msg-text td,.msg-text th{border:1px solid var(--surface-border);padding:8px 12px;text-align:left}.msg-text th{background:rgba(255,255,255,.04);font-weight:500}.msg-bot .msg-actions{display:flex;gap:2px;background:var(--surface);border-radius:6px;padding:2px;border:1px solid var(--surface-border);width:-moz-fit-content;width:fit-content;opacity:0;transition:opacity .2s ease-out}.msg-bot:hover .msg-actions{opacity:1}.msg-action-btn{width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--transition),color var(--transition)}.msg-action-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.typing-indicator{display:flex;gap:5px;padding:14px 0}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--text-secondary);animation:typing-bounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-5px);opacity:.9}}@media (max-width:600px){.empty-state{gap:20px}.empty-hero{gap:2px}.empty-title{font-size:18px}.empty-subtitle{font-size:13px}.empty-content{gap:32px}.input-box-mask,.input-tab-clip{display:none}.input-area{padding:0 8px}.input-box{border-radius:12px}.input-top textarea{font-size:14px;padding:10px 12px;min-height:38px}.model-label span,.toggle-btn .toggle-label{display:none}.input-toolbar{padding:2px 6px 6px 10px;gap:6px}.app-header{padding:0 8px;height:46px}.header-brand-name{font-size:13px}.chat-inner{padding:50px 10px 0;gap:16px}.msg-user .msg-bubble{max-width:92%;padding:8px 10px;font-size:14px;border-radius:12px}.msg-bot .msg-text{font-size:14px;line-height:21px}.msg-bot{margin-bottom:20px}.msg-user-image{max-height:120px;max-width:160px}.chat-input-area{padding:0 8px 10px}.chat-input-pill{height:40px;padding:0 4px 0 10px;gap:6px}.chat-input-field{font-size:14px}.chat-send-btn{width:28px;height:28px}.chat-image-preview img{max-height:60px;max-width:100px}.msg-text .relative pre,.msg-text div[class*=relative] pre{padding:10px!important;font-size:11.5px!important;border-radius:8px!important}.status-text{font-size:13px}.dot-grid-loader{width:12px;height:12px}.msg-text pre code{font-size:11.5px!important}.msg-text code{font-size:12px;padding:1px 4px}.msg-text h1{font-size:15px}.msg-text h2{font-size:14.5px}.msg-text h3{font-size:14px}.msg-text p{margin:0 0 8px}.msg-text ol,.msg-text ul{padding-left:16px}}@media (max-width:380px){.empty-title{font-size:16px}.empty-subtitle{font-size:12px}.input-toolbar{flex-wrap:wrap}.chat-input-pill{height:38px}.chat-inner{padding:46px 8px 0}}.mobile-notice{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:12px;padding:10px 16px;background:rgba(255,255,255,.08);border:1px solid var(--surface-border);border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;color:var(--text-secondary);white-space:nowrap}.mobile-notice button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:0;line-height:1}.chat-input-area{max-width:732px;width:100%;margin:0 auto;padding:0 16px 16px}.chat-input-pill{display:flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 14px;background:var(--surface);border:1px solid var(--surface-border);border-radius:999px;transition:border-color .2s ease}.chat-input-pill:focus-within{border-color:rgba(255,255,255,.12)}.chat-input-icon-btn{color:var(--text-tertiary);flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition)}.chat-input-icon-btn:hover{color:var(--text-secondary)}.chat-input-icon-btn:disabled{opacity:.25;cursor:default}.chat-input-field{flex:1 1;border:none;outline:none;background:transparent;font-family:var(--font);font-size:15px;color:var(--text-primary);min-width:0}.chat-input-field::placeholder{color:var(--text-tertiary)}.chat-input-field:disabled{opacity:.5}.chat-send-btn{width:32px;height:32px;border:none;border-radius:50%;background:rgba(255,255,255,.08);color:var(--text-primary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity var(--transition),background var(--transition)}.chat-send-btn:disabled{opacity:.25;cursor:default}.chat-send-btn:not(:disabled):hover{background:rgba(255,255,255,.14)}.chat-send-btn.loading{opacity:1}.chat-image-preview{position:relative;display:inline-block;margin-bottom:8px;margin-left:4px}.chat-image-preview img{max-height:120px;max-width:200px;border-radius:10px;border:1px solid var(--surface-border);object-fit:cover}.chat-image-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:1px solid var(--surface-border);background:var(--bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--transition),color var(--transition)}.chat-image-remove:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.status-indicator{display:flex;align-items:center;gap:12px;padding:8px 0}.dot-grid-loader{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1.5px;gap:1.5px;width:14px;height:14px;flex-shrink:0}.dot-grid-dot{width:1.5px;height:1.5px;border-radius:50%;background:var(--text-secondary);animation:dot-pulse 1.4s ease-in-out infinite;animation-delay:calc(var(--dist) * .15s)}@keyframes dot-pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.status-text{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elapsed-timer{margin-left:auto;font-size:12px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;min-width:32px;text-align:right}