body{margin:0;font-family:Segoe UI,sans-serif}.container{padding:2rem;background:#f3f4f6;color:#111;min-height:100vh;transition:all .3s ease}.container.dark{background:#121212;color:#eee}.theme-toggle{position:absolute;top:1rem;right:1rem;cursor:pointer;font-size:1rem;padding:.4rem .8rem;background:#0000000d;border-radius:8px;user-select:none;transition:.3s}.container.dark .theme-toggle{background:#ffffff1a}.section{display:flex;gap:2rem;flex-wrap:wrap}.card{flex:1 1 400px;background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1rem;transition:background .3s}.container.dark .card{background:#1e1e1e}.chat-box{height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.chat-msg{max-width:75%;padding:.5rem 1rem;border-radius:20px;word-wrap:break-word}.chat-msg.user{align-self:flex-end;background:#dbeafe}.chat-msg.bot{align-self:flex-start;background:#e5e7eb}.container.dark .chat-msg.user{background:#2563eb;color:#fff}.container.dark .chat-msg.bot{background:#374151;color:#fff}.chat-msg.typing{font-style:italic;color:gray}.input-row{display:flex;gap:.5rem}input{flex:1;padding:.5rem;border-radius:8px;border:1px solid #ccc}button{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:transform .1s ease-in-out}button:hover{transform:scale(1.05)}.tweet-result{font-style:italic;margin-top:.5rem}.history-card{background:#f9fafb;border-radius:8px;padding:1rem;margin-top:.5rem}.container.dark .history-card{background:#2a2a2a}