body,html{min-height:100vh;margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:#f8fafc}.dsa-bg-animated{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden}.dsa-bg-shape{position:absolute;border-radius:50%;opacity:.18;filter:blur(16px);animation:float 12s ease-in-out infinite alternate}.dsa-bg-shape1{width:420px;height:420px;background:#6366f1;left:-120px;top:-100px;animation-delay:0s}.dsa-bg-shape2{width:320px;height:320px;background:#60a5fa;right:-100px;top:80px;animation-delay:2s}.dsa-bg-shape3{width:260px;height:260px;background:#fbbf24;left:60vw;bottom:-120px;animation-delay:4s}.dsa-bg-shape4{width:180px;height:180px;background:#10b981;right:10vw;bottom:40px;animation-delay:6s}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-40px) scale(1.08)}}.dsa-chat-bg{min-height:100vh;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.dsa-footer{width:100%;background:#6366f114;color:#3730a3;font-size:1.08rem;text-align:center;padding:12px 0 0;border-radius:0 0 18px 18px;margin-top:8px;font-weight:500;letter-spacing:.2px;min-height:36px;display:flex;align-items:center;justify-content:center;gap:10px}.dsa-footer .dsa-tip-icon{font-size:1.2em;margin-right:4px}.dark-mode body,.dark-mode html{background:#18181b}.dark-mode .dsa-chat-container{background:#232336;box-shadow:0 8px 32px #1f268740}.dark-mode .dsa-chat-header{background:linear-gradient(90deg,#18181b,#6366f1);color:#fff}.dark-mode .dsa-chat-messages{background:#232336}.dark-mode .dsa-chat-bubble{background:#232336;color:#f3f4f6}.dark-mode .dsa-chat-bubble.user{background:#3730a3;color:#fff}.dark-mode .dsa-chat-bubble.assistant{background:#18181b;color:#f3f4f6}.dark-mode .dsa-chat-input{background:#232336;color:#fff;border:1.5px solid #6366f1}.dark-mode .dsa-send-btn{background:linear-gradient(90deg,#232336,#6366f1)}.dark-mode .dsa-footer{background:#232336;color:#a5b4fc}.dark-mode .dsa-clear-btn{background:#b91c1c}.dsa-chat-container{width:100%;max-width:700px;min-height:80vh;background:#fff;border-radius:18px;box-shadow:0 8px 32px #1f268726;display:flex;flex-direction:column;padding:0 0 18px;position:relative;overflow:hidden}.dsa-chat-header{background:linear-gradient(90deg,#6366f1,#60a5fa);color:#fff;padding:28px 32px 18px;border-radius:18px 18px 0 0;text-align:center;position:relative}.dsa-chat-title{font-size:2.1rem;font-weight:700;letter-spacing:1px;margin-bottom:6px}.dsa-chat-motivation{font-size:1.1rem;font-style:italic;opacity:.92;margin-bottom:8px}.dsa-clear-btn{position:absolute;top:22px;right:32px;background:#ef4444;color:#fff;border:none;border-radius:7px;padding:7px 16px;font-weight:600;cursor:pointer;transition:background .2s}.dsa-clear-btn:hover{background:#b91c1c}.dsa-chat-messages{flex-grow:1;overflow-y:auto;padding:24px 32px 0;background:#f3f4f6;display:flex;flex-direction:column;gap:8px}.dsa-chat-empty{color:#64748b;text-align:center;margin-top:40px;font-size:1.1rem}.dsa-chat-bubble-row{display:flex;align-items:flex-end;margin-bottom:6px;animation:fadeIn .5s}.dsa-chat-bubble-row.left{flex-direction:row;justify-content:flex-start}.dsa-chat-bubble-row.right{flex-direction:row-reverse;justify-content:flex-end}.dsa-avatar{width:36px;height:36px;border-radius:50%;background:#e0e7ff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 8px;box-shadow:0 2px 8px #6366f114}.dsa-avatar-bot{background:#6366f1;color:#fff}.dsa-avatar-user{background:#60a5fa;color:#fff}.dsa-chat-bubble{max-width:70%;padding:13px 18px;border-radius:16px;font-size:1.08rem;line-height:1.6;background:#fff;color:#22223b;box-shadow:0 2px 8px #6366f112;word-break:break-word;white-space:pre-line;transition:background .2s}.dsa-chat-bubble.user{background:#e0e7ff;color:#3730a3;border-bottom-right-radius:6px}.dsa-chat-bubble.assistant{background:#f1f5f9;color:#22223b;border-bottom-left-radius:6px}.dsa-typing{font-style:italic;color:#6366f1;background:#e0e7ff}.dsa-typing-dots span{animation:blink 1.2s infinite both;font-size:1.3em;margin-right:2px}.dsa-typing-dots span:nth-child(2){animation-delay:.2s}.dsa-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dsa-chat-error{color:#ef4444;background:#fee2e2;border-radius:8px;padding:10px 16px;margin:8px 0;font-weight:500;text-align:left}.dsa-chat-input-row{display:flex;gap:12px;padding:18px 32px 0;align-items:center}.dsa-chat-input{flex-grow:1;padding:14px 16px;font-size:1.1rem;border-radius:8px;border:1.5px solid #c7d2fe;outline:none;transition:border .2s;background:#f8fafc}.dsa-chat-input:focus{border:1.5px solid #6366f1}.dsa-send-btn{background:linear-gradient(90deg,#6366f1,#60a5fa);color:#fff;border:none;border-radius:8px;padding:0 28px;font-size:1.1rem;font-weight:700;height:48px;cursor:pointer;box-shadow:0 2px 8px #6366f114;transition:background .2s,opacity .2s;opacity:1}.dsa-send-btn:disabled{background:#a5b4fc;cursor:not-allowed;opacity:.7}.dsa-send-btn:hover:not(:disabled){background:linear-gradient(90deg,#60a5fa,#6366f1)}