*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #09090b;--bg-secondary: #18181b;--bg-tertiary: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #f97316;--accent-hover: #ea580c;--accent-gradient: linear-gradient(135deg, #f97316, #22c55e);--border: #3f3f46}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.web-demo{display:flex;flex-direction:column;min-height:100vh}header{position:sticky;top:0;background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100}.header-content{max-width:800px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;border-radius:12px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px}.logo-text h1{font-size:20px;font-weight:700}.demo-badge{font-size:11px;padding:2px 8px;background:var(--accent);border-radius:4px;color:#fff}.download-link{padding:10px 20px;background:var(--accent);border-radius:8px;color:#fff;text-decoration:none;font-weight:500;font-size:14px;transition:background .15s}.download-link:hover{background:var(--accent-hover)}.chat-container{flex:1;display:flex;flex-direction:column;max-width:800px;margin:0 auto;width:100%;padding:0 24px}.messages{flex:1;overflow-y:auto;padding:24px 0;min-height:400px}.message{max-width:85%;margin-bottom:16px}.message.user{margin-left:auto}.message-content{padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.6}.message.user .message-content{background:var(--accent);border-bottom-right-radius:4px}.message.assistant .message-content{background:var(--bg-tertiary);border-bottom-left-radius:4px}.message-content pre{background:var(--bg-primary);padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.message-content code{font-family:SF Mono,Menlo,monospace;font-size:13px}.typing{display:flex;gap:4px;padding:12px 16px}.typing span{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:bounce 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.input-area{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--border);background:var(--bg-primary);position:sticky;bottom:0}.input-area textarea{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:12px 16px;font-size:15px;color:var(--text-primary);resize:none;font-family:inherit;outline:none;min-height:44px;max-height:120px}.input-area textarea:focus{border-color:var(--accent)}.input-area button{padding:12px 24px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:background .15s}.input-area button:hover:not(:disabled){background:var(--accent-hover)}.input-area button:disabled{opacity:.5;cursor:not-allowed}footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:48px 24px;margin-top:48px}.footer-content{max-width:800px;margin:0 auto}.download-section{text-align:center;margin-bottom:48px}.download-section h2{font-size:24px;margin-bottom:12px}.download-section>p{color:var(--text-muted);margin-bottom:24px}.download-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.download-btn{display:flex;align-items:center;gap:8px;padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:16px;transition:transform .15s}.download-btn:hover{transform:translateY(-2px)}.download-btn.mac{background:linear-gradient(135deg,#333,#000);color:#fff;border:1px solid #444}.download-btn.windows{background:linear-gradient(135deg,#0078d4,#0063b1);color:#fff}.download-btn .icon{font-size:20px}.ios-link{color:var(--accent);text-decoration:none;font-size:14px}.ios-link:hover{text-decoration:underline}.footer-info{text-align:center;color:var(--text-muted);font-size:13px}.footer-info p{margin-bottom:4px}@media (max-width: 600px){.header-content{padding:12px 16px}.download-link{padding:8px 16px;font-size:13px}.chat-container{padding:0 16px}.message{max-width:90%}.download-buttons{flex-direction:column;align-items:center}.download-btn{width:100%;max-width:280px;justify-content:center}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}