.header{z-index:100;background:0 0;padding:24px 0;position:fixed;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:0 24px;display:flex}.logo-text{color:rgba(255,255,255,.95);letter-spacing:-.3px;font-family:Onest,sans-serif;font-size:18px;font-weight:500}.nav-buttons{gap:12px;display:flex}.nav-button{color:rgba(255,255,255,.7);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-family:Onest,sans-serif;font-size:13px;font-weight:400;transition:all .2s}.nav-button:hover{color:rgba(255,255,255,.95)}.chat-container{flex-direction:column;width:100%;max-width:900px;margin:0 auto;padding:0 24px 24px;display:flex;position:fixed;top:80px;bottom:0;left:0;right:0}.message-list{scroll-behavior:smooth;flex:1;min-height:0;padding:20px 0;overflow-y:auto}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:4px}.message-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:4px;transition:background .2s}.message-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.12)}.message-list-inner{max-width:800px;margin:0 auto}.empty-state{flex:1;justify-content:center;align-items:center;padding:32px;display:flex;overflow-y:auto}.empty-state-content{text-align:center;max-width:600px;animation:.6s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-title{color:rgba(255,255,255,.85);letter-spacing:-.5px;margin-bottom:8px;font-size:26px;font-weight:600}.empty-state-description{color:rgba(255,255,255,.4);margin-bottom:36px;font-size:14px;line-height:1.6}.example-grid{text-align:left;grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.example-grid{grid-template-columns:1fr 1fr}}.example-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px 20px;transition:all .3s}.example-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);transform:translateY(-2px)}.example-title{color:var(--color-text-primary);margin-bottom:6px;font-size:14px;font-weight:600}.example-text{color:var(--color-text-tertiary);font-family:Monaco,Menlo,monospace;font-size:13px}.message{gap:12px;margin-bottom:16px;animation:.2s messageSlide;display:flex}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 12px -2px rgba(0,0,0,.1)}.message-avatar.user{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}.message-avatar.assistant{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.message-content{flex:1;max-width:70%}.message.user .message-content{text-align:right}.message-bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.6;display:inline-block}.message.user .message-bubble{color:rgba(255,255,255,.9);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-bottom-right-radius:6px}.message.assistant .message-bubble{color:rgba(255,255,255,.85);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-bottom-left-radius:6px}.message-time{color:var(--color-text-tertiary);margin-top:6px;padding:0 6px;font-size:12px}.loading-dots{gap:6px;padding:4px 0;display:flex}.loading-dot{background:rgba(255,255,255,.4);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both pulse}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.15s}.loading-dot:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-container{background:0 0;flex-shrink:0;padding:16px 0 0}.input-wrapper{max-width:800px;margin:0 auto}.input-group{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;align-items:flex-end;gap:8px;padding:4px;transition:all .2s;display:flex;position:relative}.input-group:focus-within{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}.input-field{color:rgba(255,255,255,.9);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:44px;max-height:150px;padding:12px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.input-field::placeholder{color:rgba(255,255,255,.35)}.input-field:disabled{opacity:.5;cursor:not-allowed}.send-button{color:rgba(255,255,255,.5);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:8px;transition:all .15s;display:flex}.send-button:hover:not(:disabled){color:rgba(255,255,255,.9);transform:scale(1.1)}.send-button:active:not(:disabled){transform:scale(.98)}.send-button:disabled{opacity:.5;cursor:not-allowed}.input-hint{color:var(--color-text-tertiary);text-align:center;opacity:.8;margin-top:8px;font-size:12px}@media (max-width:640px){.chat-container{padding:0 16px}.message-content{max-width:85%}.empty-state-title{font-size:24px}.example-grid{gap:12px}}