@import"https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Mukta,sans-serif}:root{--color-text-primary: #EDF3FF;--color-text-secondary: #D7E5FF;--color-text-placeholder: #A0B1CF;--color-bg-primary: #111827;--color-bg-secondary: #233043;--color-bg-sidebar: #1E2939;--color-border-hr: #364153;--color-hover-secondary: #33435B;--color-hover-secondary-alt: #415472;--gradient-blue-purple: linear-gradient(135deg, #8D5524, #B87333, #C28840, #D9A066, #D9A066, #C28840, #B87333, #8D5524 );--sidebar-open-width: 260px;--sidebar-closed-width: 80px}.app-container.light-theme{--color-text-primary: #2A2A2A;--color-text-secondary: #5C3D2E;--color-text-placeholder: #A67B5B;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F9F5F2;--color-bg-sidebar: #FAE0C3;--color-border-hr: #E3C6AC;--color-hover-secondary: #FAD4B0;--color-hover-secondary-alt: #F4A261}.app-container{display:flex;height:100vh;width:100vw;color:var(--color-text-primary);background:var(--color-bg-primary)}.sidebar{position:sticky;top:0;z-index:20;flex-shrink:0;display:flex;white-space:nowrap;flex-direction:column;width:var(--sidebar-open-width);background:var(--color-bg-sidebar);overflow:hidden;transition:width .3s ease}.sidebar.closed{width:var(--sidebar-closed-width)}.sidebar .sidebar-header{padding:16px 16px 23px;display:flex;gap:30px;align-items:center;flex-direction:column;border-bottom:1px solid var(--color-border-hr)}.sidebar-header .sidebar-toggle{border:none;cursor:pointer;width:45px;height:45px;border-radius:50%;display:flex;align-self:start;align-items:center;justify-content:center;color:var(--color-text-primary);background:var(--color-hover-secondary);transition:.3s ease}.sidebar-header .sidebar-toggle:hover{background:var(--color-hover-secondary-alt)}.sidebar-header .new-chat-btn{gap:8px;font-weight:500;color:#fff;background:var(--gradient-blue-purple);transition:all .3s ease}.sidebar-header .new-chat-btn,.sidebar-footer .theme-toggle{overflow:hidden;display:flex;cursor:pointer;border:none;font-size:1rem;min-height:48px;padding:0 15px;border-radius:100px;align-items:center;justify-content:center;width:calc(var(--sidebar-open-width) - 32px);transition:all .3s ease}.sidebar.closed .sidebar-header .new-chat-btn,.sidebar.closed .sidebar-footer .theme-toggle{gap:0;width:48px;min-height:48px}.sidebar-header .new-chat-btn svg,.sidebar-footer .theme-toggle svg{flex-shrink:0}.sidebar-header .new-chat-btn span,.sidebar-footer .theme-toggle span{overflow:hidden;transition:opacity .2s ease}.sidebar.closed .sidebar-header .new-chat-btn span,.sidebar.closed .sidebar-footer .theme-toggle span{width:0;opacity:0}.sidebar .sidebar-content{flex:1;padding:8px;overflow:hidden auto;scrollbar-color:var(--color-text-placeholder) transparent;transition:opacity .3s ease}.sidebar.closed .sidebar-content{opacity:0;pointer-events:none}.sidebar-content .sidebar-title{padding:12px;font-size:.95rem;font-weight:500;color:var(--color-text-secondary)}.sidebar-content .conversation-list{list-style:none}.conversation-list .conversation-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border-radius:100px;font-size:1rem;margin-top:1px;cursor:pointer;transition:.3s ease}.conversation-list .conversation-item:is(:hover,.active){background-color:var(--color-hover-secondary)}.conversation-item .conversation-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item .conversation-icon-title{display:flex;gap:12px;align-items:center;overflow:hidden}.conversation-item .conversation-icon{width:28px;height:28px;color:#fff;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-blue-purple)}.conversation-item .delete-btn{opacity:0;background:none;border:none;height:30px;width:30px;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);transition:.3s ease}.conversation-item:hover .delete-btn:not(.hide){opacity:1}.conversation-item .delete-btn:hover{color:#ef4444;background-color:#ef44441a}.sidebar .sidebar-footer{padding:16px;border-top:1px solid var(--color-border-hr)}.sidebar-footer .theme-toggle{gap:12px;font-size:1rem;color:var(--color-text-primary);background:var(--color-hover-secondary)}.sidebar-footer .theme-toggle:hover{background:var(--color-hover-secondary-alt)}.main-container{display:flex;width:100%;padding-top:30px;flex-direction:column;justify-content:space-between}.main-container :where(.message,.prompt-wrapper,.disclaimer-text){position:relative;margin:0 auto;width:100%;padding:0 20px;max-width:1000px}.messages-container{display:flex;gap:20px;padding:0 0 100px;overflow-y:auto;flex-direction:column;scrollbar-color:var(--color-text-placeholder) transparent}.messages-container .message{display:flex;gap:11px;align-items:center}.avatar2{width:5vw!important;height:auto}.messages-container .bot-message .avatar{width:43px;height:43px;flex-shrink:0;align-self:flex-start;border-radius:50%;padding:6px;margin-right:-7px;background:var(--color-bg-secondary);border:1px solid var(--color-hover-secondary)}.messages-container .bot-message.loading .avatar{animation:rotate 3s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.messages-container .message .text{padding:3px 16px;word-wrap:break-word;white-space:pre-line}.messages-container .bot-message{margin:9px auto}.messages-container .user-message{flex-direction:column;align-items:flex-end}.messages-container .user-message .text{padding:12px 16px;max-width:75%;background:var(--color-bg-secondary);border-radius:13px 13px 3px}.messages-container .message.error{color:#d62939}.main-container .prompt-container{padding:16px 0;width:100%;background:var(--color-bg-primary)}.prompt-container .prompt-form{height:54px;width:100%;position:relative;border-radius:130px;background:var(--color-bg-secondary);border:1px solid var(--color-border-hr)}.prompt-form .prompt-input{width:100%;height:100%;background:none;outline:none;border:none;font-size:1rem;padding-left:24px;color:var(--color-text-primary)}.prompt-form .prompt-input::placeholder{color:var(--color-text-placeholder)}.prompt-wrapper .send-prompt-btn{width:43px;height:43px;position:absolute;top:50%;right:6px;transform:translateY(-50%);flex-shrink:0;cursor:pointer;display:none;align-items:center;justify-content:center;border-radius:50%;font-size:1.4rem;border:none;color:#fff;background:#1d7efd;transition:.3s ease}.prompt-wrapper .prompt-form .prompt-input:valid~.send-prompt-btn{display:flex}.prompt-form .send-prompt-btn:hover{background:#358cfd}.prompt-container .disclaimer-text{font-size:.9rem;text-align:center;padding:16px 20px 0;color:var(--color-text-placeholder)}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:60vh;width:100%;max-width:600px;margin:0 auto;padding:20px}.welcome-logo{width:70px;height:70px;margin-bottom:24px;padding:10px;border-radius:50%;background:var(--color-bg-secondary);border:1px solid var(--color-hover-secondary)}.welcome-heading{font-size:2.2rem;font-weight:600;margin-bottom:16px;background:var(--gradient-blue-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-text{font-size:1.1rem;max-width:400px;line-height:1.6;color:var(--color-text-secondary)}.main-header{display:none;padding:12px 20px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-bg-secondary)}.main-header .sidebar-toggle{border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-self:start;align-items:center;justify-content:center;color:var(--color-text-primary);background-color:var(--color-hover-secondary);transition:0}.overlay{height:100%;width:100%;position:fixed;left:0;top:0;background:#0009;z-index:15;opacity:0;pointer-events:none;transition:.2s ease}@media (max-width: 768px){.sidebar.closed{width:var(--sidebar-open-width)}.sidebar{position:fixed;height:100%;left:calc(-1 * var(--sidebar-open-width));transition:left .3s ease}.sidebar.closed .sidebar-header .new-chat-btn span,.sidebar.closed .sidebar-footer .theme-toggle span{width:auto}.sidebar.open{left:0}.main-container{padding-top:0}.main-header{display:block}.overlay.show{opacity:1;pointer-events:auto}.messages-container{padding-top:20px;margin-bottom:auto}.welcome-logo{height:60px;width:60px}.welcome-heading{font-size:1.8rem}.welcome-text{font-size:1rem}}body{margin:0;padding:20px;font-family:Mukta,sans-serif;background:linear-gradient(135deg,#fffaf5,#fae0c3 40%,#fad4b0);display:flex;align-items:center;justify-content:center}.chat-container{width:100%;max-width:600px;margin:0 auto;padding:20px;background:#ffffffeb;border-radius:14px;box-shadow:0 6px 16px #0000001f;border:1px solid #E3C6AC}.chat-box{height:300px;overflow-y:auto;background:#fff;border:1px solid #E3C6AC;border-radius:10px;padding:12px;margin-bottom:16px;box-shadow:inset 0 1px 3px #0000000d}.chat-message{margin-bottom:10px;padding:8px 12px;border-radius:8px;background-color:#fae0c3;color:#2a2a2a;font-size:14px}.own-message{background:linear-gradient(135deg,#b87333,#d9a066);color:#fff;text-align:right}.chat-inputs{display:flex;gap:10px;flex-wrap:wrap}.chat-input{flex:1;padding:10px;border:1px solid #E3C6AC;border-radius:8px;font-size:14px;background:#f9f5f2;color:#2a2a2a;transition:border .3s,box-shadow .3s,background .2s}.chat-input::placeholder{color:#a67b5b}.chat-input:focus{border-color:#b87333;background:#fff;box-shadow:0 0 6px #b8733359;outline:none}.chat-button{padding:10px 18px;background:linear-gradient(135deg,#b87333,#d9a066);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;box-shadow:0 6px 14px #b8733340}.chat-button:hover:not(:disabled){background:linear-gradient(135deg,#d9a066,#b87333);transform:translateY(-2px)}.chat-button:disabled{background-color:#e3c6ac;color:#fff;cursor:not-allowed}html,body{height:100%}html{min-height:100vh;background:linear-gradient(135deg,#fffaf5,#fae0c3 40%,#fad4b0)}.mind-container{width:700px;margin:60px auto;padding:30px;text-align:center;font-family:Mukta,sans-serif;background:#fff;border-radius:18px;box-shadow:0 6px 18px #0000001a;border:1px solid #E3C6AC;max-height:90vh;display:flex;flex-direction:column;gap:16px;overflow:hidden}@media (max-width: 720px){.mind-container{width:calc(100vw - 20px)!important;margin:0 10px}}.title{font-size:2.2rem;margin:0;background:linear-gradient(90deg,#b87333,#d9a066);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{font-size:1rem;margin:0;color:#5c3d2e}.input-box{width:100%;height:120px;max-height:160px;padding:14px;font-size:1rem;border:1px solid #E3C6AC;border-radius:10px;outline:none;resize:none;background:#f9f5f2;color:#2a2a2a;transition:border .3s,box-shadow .3s;overflow-y:auto;flex:0 0 auto}.input-box::placeholder{color:#a67b5b}.input-box:focus{border-color:#b87333;background:#fff;box-shadow:0 0 6px #b8733359}.btn{background:linear-gradient(135deg,#b87333,#d9a066);color:#fff;border:none;padding:12px 20px;font-size:1rem;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 6px 16px #b8733340;flex:0 0 auto}.btn:hover{background:linear-gradient(135deg,#d9a066,#b87333);transform:translateY(-2px)}.output-box{text-align:left;background:#fff;padding:20px;border-radius:14px;border:1px solid #E3C6AC;box-shadow:0 4px 12px #00000014;flex:1 1 auto;min-height:0;overflow-y:auto}.output-box h2{margin:0 0 12px;color:#5c3d2e;font-size:1.2rem}.code-block{background:#fae0c3;color:#2a2a2a;padding:15px;border-radius:10px;font-family:Courier New,monospace;font-size:.95rem;border:1px solid #E3C6AC;white-space:pre-wrap;word-break:break-word;overflow:hidden;overflow-x:auto}.karma-card{width:700px;margin:0 auto;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 12px 40px #0000001f;border:1px solid #E3C6AC;padding:28px;animation:fadeIn .8s ease;color:#2a2a2a;max-height:90vh;display:flex;flex-direction:column;gap:16px;overflow:hidden;font-family:Mukta,sans-serif}@media (max-width: 720px){.karma-card{width:calc(100vw - 20px)!important;margin:0 10px}}.karma-header h1{font-size:28px;margin:0;background:linear-gradient(90deg,#b87333,#d9a066);-webkit-background-clip:text;background-clip:text;color:transparent}.karma-header p{color:#5c3d2e;font-size:14px;margin:0}.karma-form{display:flex;flex-direction:column;gap:12px;flex:0 0 auto}.karma-form textarea{width:100%;border:1px solid #E3C6AC;border-radius:12px;padding:14px;font-size:15px;background:#f9f5f2;color:#2a2a2a;outline:none;box-shadow:inset 0 1px 4px #0000000d;resize:none;transition:.2s;height:120px;max-height:160px;overflow-y:auto}.karma-form textarea::placeholder{color:#a67b5b}.karma-form textarea:focus{background:#fff;box-shadow:0 0 0 3px #b8733340}.karma-actions{display:flex;gap:12px}.btn-primary{background:linear-gradient(90deg,#b87333,#d9a066);color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-weight:700;transition:transform .15s,opacity .2s,box-shadow .2s;box-shadow:0 6px 16px #b8733340}.btn-primary:hover{transform:translateY(-1px) scale(1.03);opacity:.95}.btn-secondary{background:transparent;border:2px solid #E3C6AC;color:#5c3d2e;padding:10px 18px;border-radius:10px;cursor:pointer;font-weight:600;transition:.2s}.btn-secondary:hover{background:#fad4b0;border-color:#f4a261}.karma-result{background:#fff;border:1px solid #E3C6AC;padding:18px;border-radius:14px;animation:slideUp .5s ease;flex:1 1 auto;min-height:0;overflow-y:auto}.karma-label{font-size:14px;color:#5c3d2e;margin-bottom:6px}.karma-text{font-size:16px;color:#2a2a2a;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.karma-text h1,.karma-text h2,.karma-text h3{margin:10px 0 6px;color:#5c3d2e}.karma-text p{margin:8px 0}.karma-text ul,.karma-text ol{margin:8px 0 8px 20px}.karma-text code,.karma-text pre{background:#fae0c3;border:1px solid #E3C6AC;border-radius:8px;padding:2px 6px}.karma-text pre{padding:10px;overflow-x:auto}.karma-time{font-size:12px;color:#a67b5b;margin-top:8px}.error-text{color:#dc2626;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}