*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.wrapper{display:flex;flex-direction:column;height:100vh}.chat-header{background:#fff;color:#000;padding:14px 12px;display:flex;justify-content:space-between;border-block:1px solid #0d0d0d0d;position:sticky;top:0}.logo-text{font-weight:600;font-size:1.15rem}.logo-text a{color:#000}.dark-mode .logo-text a{color:#fff}.header-btns{display:flex;gap:10px}.chat-body{flex:1;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#ffffff,#fbfdff)}.message{display:flex;align-items:flex-end;gap:10px}.bot-message .message-text{max-width:95%;line-height:1.8}.user-message{justify-content:flex-end}.user-message .message-text{background:#e9e9e980;color:#000;padding:12px 14px;border-radius:14px 14px 6px 14px;max-width:95%}.thinking .message-text{background:none;padding:6px}.thinking-dots{display:flex;gap:6px}.thinking-dots div{width:7px;height:7px;background:#6F6BC2;border-radius:50%;animation:blink 1.4s infinite}@keyframes blink{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}@media (min-width:1000px){.chat-body{padding-left:200px!important;padding-right:200px!important}.chat-footer{padding-left:200px!important;padding-right:200px!important}.chat-header{padding-left:200px!important;padding-right:200px!important}}p,ul,ol,li,h2,h3,h4,h5,h6{padding:5px 0}ol,ul{margin-left:20px}.chat-footer{padding:5px;position:sticky;bottom:0;background:#fff}.chat-form{display:flex;box-shadow:0 4px 14px rgb(0 0 0 / .25);border-radius:32px;padding-left:18px}.message-input{flex:1;height:50px;border:none;outline:none;font-size:1rem}#send-message{width:55px;border:none;border-radius:32px;background:#000;color:#fff;font-size:23px;cursor:pointer}.ai-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.suggestion{background:#e8edff;color:navy;padding:7px 12px;border-radius:12px;font-size:.92rem;cursor:pointer;border:1px solid #cdd9ff;transition:all .14s}.suggestion:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(6 95 212 / .06)}.footer-suggestions{display:flex;gap:8px;margin:8px 0;overflow:auto;padding-bottom:6px}.footer-suggestions .suggestion{white-space:nowrap}@media (max-width:560px){.message-text{font-size:.94rem}.logo-text{font-size:1rem}}.saved-note{font-size:12px;color:#666;margin-top:6px}#scrollBottomBtn{position:fixed;bottom:80px;right:15px;background:#fff;color:#000;width:35px;height:35px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;box-shadow:0 4px 14px rgb(0 0 0 / .25);z-index:9999;display:none;transition:opacity .2s ease}h1,h2,h3{font-size:20px}#scrollBottomBtn:hover{opacity:.85}a{color:chocolate;text-decoration:none}table{width:100%;border-collapse:collapse}td,th{border:1px solid #0d0d0d0d;padding:7px}pre,code{background:#1e1e1e;color:#f8f8f2;padding:10px;border-radius:8px;overflow-x:auto}pre{margin:10px 0}.message-text img{width:100%;height:auto;border-radius:10px;margin:8px 0;display:block}#theme-toggle{background:none;border:none;color:inherit;font-size:25px;cursor:pointer}.history{background:none;border:none;color:#000;font-size:20px;cursor:pointer}.close{background:none;border:none;color:#000;font-size:25px;cursor:pointer}.dark-mode td,.dark-mode th{border:1px solid #ffffff08}:root{--bg-0:#ffffff;--bg-1:linear-gradient(180deg,#ffffff,#fbfdff);--text:#000000;--muted:#666666;--user-bg:rgba(233,233,233,.5);--accent:#6F6BC2;--bubble-shadow:0 4px 14px rgba(0,0,0,0.25);--btn-bg:#000;--btn-color:#fff;--suggestion-bg:#e8edff;--suggestion-border:#cdd9ff;--scroll-btn-bg:#fff;--scroll-btn-color:#000}.dark-mode{--bg-0:#212121;--bg-1:#212121;--text:#e6eef8;--muted:#9aa4b2;--user-bg:rgba(255,255,255,0.04);--accent:#8b84ff;--bubble-shadow:0 6px 18px rgba(0,0,0,0.6);--btn-bg:#e6eef8;--btn-color:#0b0c10;--suggestion-bg:rgba(255,255,255,0.03);--suggestion-border:rgba(255,255,255,0.06);--scroll-btn-bg:#000;--scroll-btn-color:#e6eef8}.dark-mode .message-input,.dark-mode .chat-form{background:#303030;color:#e6eef8}.dark-mode .message-input::placeholder{color:#9aa4b2}.dark-mode .chat-header button{color:#e6eef8!important}.dark-mode ::-webkit-scrollbar{width:10px;background:#212121}::-webkit-scrollbar{width:10px;background:#212121}.dark-mode ::-webkit-scrollbar-thumb{background:#4b4f57;border-radius:10px}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#6a6f78}.dark-mode{scrollbar-color:#4b4f57 #212121!important}html{scrollbar-color:lightgray #fff}.dark-mode #speakBtn,.dark-mode #voiceBtn{color:#fff}.dark-mode body,.dark-mode .wrapper{background:var(--bg-0);color:var(--text);transition:background .22s ease,color .22s ease}.dark-mode .chat-header{background:var(--bg-0);color:var(--text);border-color:rgb(255 255 255 / .03);transition:background .22s,color .22s}.dark-mode .chat-body{background:var(--bg-1);transition:background .22s}.dark-mode .user-message .message-text{background:var(--user-bg);color:var(--text)}.dark-mode .message-text,p,li{color:var(--text)}.dark-mode .chat-footer{background:var(--bg-0);transition:background .22s;color:var(--text)}.dark-mode #send-message{background:var(--btn-bg);color:var(--btn-color);transition:background .18s,color .18s}.dark-mode .thinking-dots div{background:var(--accent)}.dark-mode .suggestion{background:var(--suggestion-bg);color:var(--text);border:1px solid var(--suggestion-border)}.dark-mode #scrollBottomBtn{background:var(--scroll-btn-bg);color:var(--scroll-btn-color);box-shadow:0 6px 18px rgb(0 0 0 / .35)}