*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{color:#fff;background:#0f172a;height:100vh;overflow:hidden}.app{flex-direction:column;height:100vh;display:flex}.header{text-align:center;background:#111827;border-bottom:1px solid #333;padding:16px;font-size:22px;font-weight:700}.chat{flex-direction:column;flex:1;gap:12px;padding:15px;display:flex;overflow-y:auto}.userMessage{word-wrap:break-word;background:#2563eb;border-radius:18px 18px 4px;align-self:flex-end;max-width:80%;padding:12px 16px}.aiMessage{word-wrap:break-word;background:#1f2937;border-radius:18px 18px 18px 4px;align-self:flex-start;max-width:80%;padding:12px 16px}.inputBar{background:#111827;border-top:1px solid #333;gap:10px;padding:12px;display:flex;position:sticky;bottom:0}.inputBar input{color:#fff;background:#1f2937;border:none;border-radius:30px;outline:none;flex:1;padding:14px;font-size:16px}.inputBar button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50%;width:55px;font-size:20px}.authScreen{background:radial-gradient(circle at top,#243b55,#0f172a);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.authBox{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:25px;width:100%;max-width:380px;padding:35px 25px;animation:.6s fadeIn;box-shadow:0 20px 50px #0006}.logo{margin-bottom:10px;font-size:55px}.authBox h1{margin:5px 0;font-size:32px}.tagline{color:#cbd5e1;margin-bottom:25px}.authBox input{color:#fff;background:#ffffff1f;border:none;border-radius:14px;outline:none;width:100%;margin:10px 0;padding:14px;font-size:16px}.authBox input::placeholder{color:#cbd5e1}.authBox button{cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:12px;padding:14px;font-size:16px;font-weight:600;transition:all .3s}#loginBtn{color:#fff;background:#10a37f}#signupBtn{color:#fff;background:#334155}.authBox button:hover{opacity:.9;transform:translateY(-2px)}#authMessage{color:#38bdf8;margin-top:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settingsPanel{z-index:9999;color:#fff;background:#111827;width:min(360px,88vw);height:100vh;transition:transform .28s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 35px #0006}.settingsPanel:not(.hidden){transform:translate(0)}.settingsPanel.hidden{pointer-events:none;display:block;transform:translate(100%)}.settingsHeader{border-bottom:1px solid #ffffff1a;align-items:center;gap:15px;height:70px;padding:0 18px;display:flex}.settingsHeader h2{margin:0;font-size:22px}.settingsHeader button{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:50%;width:42px;height:42px;font-size:23px}.settingsContent{padding:20px}.settingSection{margin-bottom:28px}.settingSection h3{color:#9ca3af;text-transform:uppercase;margin:0 0 12px;font-size:13px}.settingItem,.infoItem{box-sizing:border-box;border-radius:15px;align-items:center;gap:14px;width:100%;margin-bottom:9px;padding:15px;display:flex}.settingItem{color:#fff;text-align:left;cursor:pointer;background:#1f2937;border:none}.settingItem:active{transform:scale(.98)}.settingItem>span,.infoItem>span{font-size:23px}.settingItem div,.infoItem div{flex-direction:column;gap:4px;display:flex}.settingItem strong,.infoItem strong{font-size:15px}.settingItem small,.infoItem small{color:#9ca3af;font-size:12px}body.lightMode .settingsPanel{color:#111827;background:#fff;box-shadow:-10px 0 35px #0000002e}body.lightMode .settingsHeader{border-bottom-color:#e5e7eb}body.lightMode .settingsHeader button,body.lightMode .settingItem{color:#111827;background:#f1f5f9}body.lightMode .settingItem small,body.lightMode .infoItem small{color:#6b7280}.historyPanel{color:#fff;z-index:10000;background:#111827;width:min(360px,88vw);height:100vh;transition:transform .28s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(0);box-shadow:10px 0 35px #0006}.historyPanel.hidden{pointer-events:none;transform:translate(-100%)}.historyHeader{border-bottom:1px solid #ffffff1a;align-items:center;gap:15px;height:70px;padding:0 18px;display:flex}.historyHeader h2{margin:0;font-size:21px}.historyHeader button{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:50%;width:42px;height:42px;font-size:23px}.newChatBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:calc(100% - 30px);margin:15px;padding:14px;font-size:16px;font-weight:700}.historyList{padding:0 15px 20px}.historyItem{color:#fff;text-align:left;cursor:pointer;background:#1f2937;border:none;border-radius:14px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:14px;display:flex}.historyItem:hover{background:#374151}.historyTitle{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.deleteHistory{font-size:17px}.historyLoading{text-align:center;color:#9ca3af;padding:25px 10px}#historyBtn{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:50%;width:42px;height:42px;font-size:22px}#historyBtn:active{transform:scale(.95)}