:root{--bg: #f6f8fa;--card: #ffffff;--accent: #4f46e5;--accent-600: #4338ca;--muted: #6b7280;--error: #ef4444;--success: #16a34a;--border: #e6e9ef;--radius: 12px;--gap: 16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:linear-gradient(180deg,var(--bg) 0%,#ffffff 100%)}.App{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;box-sizing:border-box}h1{text-align:center}.app-title{margin:0;font-size:clamp(1rem,2.2vw,1.25rem)}form{display:grid;gap:var(--gap);margin-top:8px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input[type=text],input[type=password],input[type=email],textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:14px;color:#111827;outline:none;transition:box-shadow .12s ease,border-color .12s ease}input:focus,textarea:focus{border-color:var(--accent-600);box-shadow:0 4px 12px #4f46e514}textarea{min-height:100px;resize:vertical;line-height:1.4}button{display:inline-block;padding:10px 14px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .08s ease,background .12s ease,box-shadow .12s ease;box-shadow:0 6px 14px #4f46e51f}button:hover{transform:translateY(-1px);background:var(--accent-600)}button:active{transform:translateY(0)}.register-page{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg) 0%,#ffffff 100%)}.register-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px 24px;box-shadow:0 6px 18px #1018280f;margin:24px;display:flex;flex-direction:column;align-items:center}.register-title{text-align:center;margin-bottom:18px;font-size:2rem;font-weight:700;color:var(--accent-600)}.register-form{width:100%;display:flex;flex-direction:column;gap:18px;margin-bottom:8px}.register-avatar-wrapper{display:flex;justify-content:center;margin-bottom:18px}.register-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #eee;display:block}.register-field{display:flex;flex-direction:column;gap:4px}.register-field label{font-size:13px;color:var(--muted);margin-bottom:2px}.register-field input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:14px;color:#111827;outline:none;transition:box-shadow .12s ease,border-color .12s ease}.register-field input:focus{border-color:var(--accent-600);box-shadow:0 4px 12px #4f46e514}.register-submit{margin-top:8px;padding:10px 14px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .08s ease,background .12s ease,box-shadow .12s ease;box-shadow:0 6px 14px #4f46e51f;font-size:1rem}.register-submit:hover{background:var(--accent-600);transform:translateY(-1px)}.register-success{margin-top:10px;padding:8px 12px;border-radius:8px;background:#16a34a0f;color:var(--success);border:1px solid rgba(22,163,74,.12);font-size:14px;text-align:center}.register-error{margin-top:10px;padding:8px 12px;border-radius:8px;background:#ef44440f;color:var(--error);border:1px solid rgba(239,68,68,.12);font-size:14px;text-align:center}.register-login-link{margin-top:16px;font-size:14px;color:var(--muted);text-align:center}.register-login-link a{color:var(--accent-600);text-decoration:none;font-weight:600}.chat-page-root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100vw;background:linear-gradient(180deg,var(--bg) 0%,#ffffff 100%)}.chat-container{width:100%;max-width:480px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 18px #1018280f;margin:32px 0;padding:0 0 16px;display:flex;flex-direction:column;align-items:stretch}.chat-container h2{margin-top:18px;font-size:16px}.user-messages-container{flex:1 1 0;max-width:400px;min-width:320px;align-self:flex-start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:0 6px 18px #1018280f;margin:12px;display:flex;flex-direction:column;align-items:stretch;text-align:left}.messages-list{margin-top:16px;min-height:320px;max-height:60vh;background:transparent;border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;text-align:left;font-family:monospace}.chat-container ul{list-style:none;padding:0;margin:8px 0 0;color:#374151;display:flex;flex-direction:column;gap:8px}.chat-container li{max-width:70%;padding:12px 16px;border-radius:20px;margin-bottom:8px;word-break:break-word;position:relative;display:inline-block}.chat-container li.user-message{background:var(--accent);color:#fff;align-self:flex-end;border-radius:20px 20px 4px}.chat-container li.other-message{background:#e5e7eb;color:#111827;align-self:flex-start;border-radius:20px 20px 20px 4px}.chat-container li.user-message:after{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border-top:8px solid var(--accent);border-left:8px solid transparent}.chat-container li.other-message:after{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border-top:8px solid #e5e7eb;border-right:8px solid transparent}.message-item p,.chat-container li p{margin:0 0 4px;color:#111827}.message-item span,.chat-container li span{font-size:12px;color:var(--muted);align-self:flex-end}.message-row{display:flex;align-items:flex-end;margin-bottom:18px}.user-row{flex-direction:row-reverse}.bot-row{flex-direction:row}.message-bubble{display:flex;flex-direction:column;position:relative;margin-bottom:12px;padding:10px 16px 18px;border-radius:20px;max-width:70%;word-break:break-word;font-size:15px;box-shadow:0 2px 8px #1018280a}.user-message.message-bubble{background:linear-gradient(135deg,var(--accent) 80%,var(--accent-600));color:#fff;border-radius:20px 20px 8px;align-self:flex-end;margin-left:auto}.other-message.message-bubble{background:#f1f5f9;color:#222;border-radius:20px 20px 20px 8px;border:1px solid var(--border);align-self:flex-start;margin-right:auto}.timestamp{font-size:12px;color:var(--muted);margin-top:4px;align-self:flex-end}.user-message .timestamp{color:#e0e7ff}.chat-input{display:flex;flex-direction:row;gap:8px;padding:16px 0 0;border-top:1px solid var(--border);background:var(--card)}.chat-input textarea{flex:1;min-height:40px;max-height:120px;resize:vertical;border-radius:16px;border:1px solid var(--border);padding:10px 12px;font-size:15px;color:#111827;outline:none;background:#fff}.chat-input button{min-width:80px;border-radius:16px;font-size:15px}.empty{color:var(--muted);text-align:center;margin:32px 0;font-size:16px}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #eee;margin-right:8px}.delete-btn{position:absolute;top:6px;right:10px;background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.85;padding:0;transition:opacity .15s;outline:none}.delete-x{display:inline-block;width:22px;height:22px;border-radius:50%;background:#ffffff26;color:#fff;border:none;font-weight:700;font-size:16px;line-height:22px;text-align:center;transition:background .15s,color .15s;box-shadow:0 1px 4px #00000012}.delete-btn:hover .delete-x{background:#f87171;color:#fff}.hamburger{position:fixed;top:20px;right:24px;width:28px;height:22px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1101;transition:transform .2s ease}.hamburger:hover{transform:scale(1.1)}.hamburger span{height:3px;width:100%;background:#111827;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.side-nav{position:fixed;top:-15px;right:-240px;width:240px;height:100%;background:var(--card);border-left:1px solid var(--border);box-shadow:-2px 0 12px #00000014;display:flex;flex-direction:column;padding:20px;transition:right .3s ease;z-index:1100}.side-nav.open{right:0}.side-nav a{text-decoration:none;margin:10px 0}.side-nav button{padding:10px 14px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;margin-top:auto;transition:background .2s ease}.side-nav button:hover{background:var(--accent-600)}@media (max-width:640px){.register-container,.login-container,.chat-container{padding:16px;margin:8px;border-radius:10px}button{width:100%}}