:root{--sidebar-width:280px;--sidebar-collapsed-width:70px;--rightside-width:300px;--border-color:#e0e0e0;--text-color:#333;--text-light:#666;--text-lighter:#999;--primary-color:#2196f3;--primary-color-dark:#3379d6;--bg-white:#fff;--bg-hover:#f3f4f5;--bg-selected:#e5f3ff;--bg-own-message:#e3f2fd;--error-color:#f44336;--error-light:#ffebee;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--context-color:#6200ea;--context-light:rgba(98,0,234,0.08);--bg-menu:#f9fafd;--g_color_blue:#2196f3;--g_color_green:#388e3c;--g_color_orange:#f57c00;--g_color_red:#f32121;--g_color_purple:#7b1fa2;--g_color_cyan:#0097a7;--g_color_brown:#5d4037;--g_color_gray:#455a64;--g_color_pink:#c2185b;--g_color_lime:#689f38;--g_color_blue_light:#64b5f6;--g_color_green_light:#81c784;--g_color_orange_light:#ffb74d;--g_color_red_light:#ef5350;--g_color_purple_light:#ba68c8;--g_color_cyan_light:#4dd0e1;--g_color_brown_light:#8d6e63;--g_color_gray_light:#78909c;--g_color_pink_light:#f06292;--g_color_lime_light:#aed581;--g_color_teal:#008080;--g_color_teal_light:#4fd1c5;--g_color_indigo:#3f51b5;--g_color_indigo_light:#7986cb;--g_color_yellow:#ffd600;--g_color_yellow_light:#fff176;--g_color_navy:#001f3f;--g_color_navy_light:#5c6bc0;--g_color_olive:#808000;--g_color_olive_light:#cddc39;--g_color_gold:#ffd700;--g_color_gold_light:#ffe082}*{margin:0;padding:0;box-sizing:border-box}.hidden{display:none!important}.ml_a{margin-left:auto}.mr_a{margin-right:auto}.mt_a{margin-top:auto}button:disabled{opacity:0.4;pointer-events:none;cursor:not-allowed}body{font-family:'Inter',sans-serif;color:var(--text-color);line-height:1.5;display:flex;min-height:100dvh}.menu{width:var(--sidebar-width);padding:0px 8px;display:flex;flex-direction:column;height:100dvh;background-color:var(--bg-menu);overflow:auto;position:relative}.menu a{text-decoration:none;color:inherit}.menu div[href]::after{content:attr(href);position:fixed;left:0;bottom:0;width:100%;padding:0.25rem 1rem;background:#f1f5f9;border-top:1px solid var(--border-color);color:#6b7280;font-size:0.75rem;opacity:0;pointer-events:none;transition:opacity 0.2s}.menu div[href]:hover::after{opacity:1}.menu_top_section{display:flex;flex-direction:column;gap:8px;position:sticky;top:0;background-color:var(--bg-menu);padding-top:8px}.logo_section{display:flex;align-items:center;gap:8px;justify-content:space-between}.logo{font-size:1.65rem;font-weight:700;display:flex;gap:4px}.menu_collapse_btn{background:none;border:none;color:var(--text-lighter);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;height:40px;width:40px;cursor:pointer}.menu_collapse_btn .material-symbols-outlined{font-size:22px}.menu_collapse_btn:hover{background:var(--bg-hover);color:var(--text-color)}.projects_header{color:var(--text-light)}.menu.collapsed .projects_header{display:none}.menu h3{font-size:0.875rem;font-weight:600;text-transform:uppercase;margin:0.8rem 0.4rem}.menu_item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.5rem}.menu_item:hover{background-color:var(--bg-hover)}.menu_item.selected{background-color:var(--bg-selected)}.menu_static{font-size:15px;padding:0.4rem 0.5rem}.menu_static>.material-symbols-outlined{font-size:22px}.user_profile_wrapper{order:9999;position:sticky;bottom:0;padding:8px 0px;background-color:var(--bg-menu);margin-top:auto;z-index:2}.user_profile{display:grid;grid-template-areas:"avatar username upgrade_btn" "avatar plan_name upgrade_btn";grid-template-columns:auto 1fr auto;align-items:center;gap:0px 8px;padding:4px 8px;background-color:var(--bg-hover);cursor:pointer}.avatar{grid-area:avatar}.username{grid-area:username}.plan_name{grid-area:plan_name;font-size:0.75rem;color:#666;margin-top:-2px}.upgrade_btn{grid-area:upgrade_btn;display:flex;align-items:center;justify-content:center;border-radius:14px;background-color:#ffffff;color:#000000;text-decoration:none;padding:2px 8px;font-size:12px}.upgrade_btn:hover{background-color:#f7f7f7}.upgrade_btn .material-symbols-outlined{font-size:16px}.avatar{width:2rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:white;border-radius:50%;font-weight:600;font-size:0.875rem}.username{font-weight:500}.user_link{color:inherit;text-decoration:none;cursor:pointer}.user_link:hover{text-decoration:underline}.toggle_switch{width:36px;height:20px;background:#d0d0d0;border-radius:999px;display:flex;align-items:center;padding:2px;box-sizing:border-box;cursor:pointer;transition:background 0.3s}.toggle_switch:has(.toggle_input.active){background:#4caf50}.toggle_input{width:16px;height:16px;background:#f9f9f9;border-radius:50%;transition:transform 0.3s;cursor:pointer}.toggle_input.active{transform:translateX(16px)}.mobile_nav{display:none;justify-content:space-around;align-items:center}.nav_item{display:flex;flex-direction:column;align-items:center;gap:0.25rem;color:var(--text-color);font-size:0.75rem;cursor:pointer}.nav_item.selected{color:var(--primary-color)}.toast{position:fixed;padding:1rem;margin:15px;border-radius:0.5rem;color:white;background-color:#666666;font-weight:500;z-index:1000;right:0;text-wrap-style:balance}.toast_error{background-color:#ef4444a8}.toast_success{background-color:#10b981}.toast_warning{background-color:#f59e0b}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6b7280}.loading::after{content:'';width:1.5rem;height:1.5rem;margin-left:0.5rem;border:2px solid #e5e7eb;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.material-symbols-outlined{font-size:1.5rem}.mobile_focus{display:flex;justify-content:flex-start;width:calc(100dvw - var(--sidebar-width));overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0.5rem;padding:0.5rem;scrollbar-width:none;-ms-overflow-style:none;height:80px}.mobile_focus::-webkit-scrollbar{display:none}.mobile_focus>.menu_item{flex:0 0 auto;scroll-snap-align:center;width:90%;text-decoration:none;color:inherit;background-color:#e7e4e470;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mobile_focus>.menu_item:hover{background-color:#e7e4e470}.mobile_focus>.menu_item:first-child{margin-left:5%}.mobile_focus>.menu_item:last-child{position:relative}.mobile_focus>.menu_item:last-child::after{position:absolute;content:'';right:-10%;width:10%;height:100%}.mobile_focus>.menu_item>.chat_item_info>.chat_item_name>.sidebar_meta{display:none}.footer{z-index:3;position:fixed;bottom:0;background:#ffffffc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.onboarding_container{display:flex;flex-direction:column;align-items:center;padding:2rem;height:90dvh;justify-content:center;gap:20px;flex:none}.onboarding_container>h1{min-height:48px;text-wrap-style:balance;text-align:center;line-height:1.2}.onboarding_header{display:flex;flex-direction:column;align-items:center;gap:10px;text-wrap-style:balance}.onboarding_header>p{font-weight:300;font-size:16px;text-align:center}.onboarding_examples{display:flex;flex-wrap:wrap;gap:1.5rem;width:100%;overflow:scroll;justify-content:center}.example_card{border-radius:10px;cursor:pointer;position:relative;overflow:hidden;width:310px;flex:none;background-color:#9298a5}.example_card_tab{border-radius:10px;cursor:pointer;position:relative;overflow:hidden;width:310px;flex:none;background-color:#9298a5}.hover_scale_content{transition:transform 0.2s ease}.hover_scale_content:hover{transform:scale(1.01)}.examples_tabs{display:flex;flex-direction:column;gap:1rem;width:300px;flex-shrink:0}.example_wrapper{display:grid;grid-template-areas:"icon category" "content content";grid-template-columns:auto 1fr;gap:1rem;align-items:start;color:white;padding:1.5rem}.example_icon{grid-area:icon;font-size:1.5rem}.example_category{grid-area:category;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.75rem;font-weight:500;justify-self:end}.example_content{grid-area:content;display:flex;flex-direction:column;gap:2px}.example_content h3{font-size:1.1rem;font-weight:600;color:white}.example_content p{font-size:0.9rem;line-height:1.4}@media (min-width:761px){.mb_show{display:none!important}.menu.collapsed{width:var(--sidebar-collapsed-width)}.menu.collapsed .chat_item_info,.menu.collapsed .menu_item>span:nth-child(2),.menu.collapsed .logo>span{display:none}.menu.collapsed .menu_item{justify-content:center}.menu.collapsed .user_profile{grid-template-areas:"upgrade_btn_icon" "avatar";grid-template-columns:auto;justify-items:center;background-color:#fbfbfb}.menu.collapsed .user_profile .plan_name,.menu.collapsed .user_profile .username,.menu.collapsed .user_profile .upgrade_btn{display:none}.menu.collapsed .user_profile .upgrade_btn_icon{display:flex!important;margin:4px 0px 14px 0px}.menu.collapsed .user_profile .upgrade_btn_icon:hover{color:gold}.menu.collapsed .logo_section>a{position:absolute;background:#fbfbfb}.menu.collapsed .logo_section:hover>a{display:none}.menu.collapsed .logo_section{justify-content:center}}@media (max-width:760px){.mb_hidden{display:none!important}.menu{width:100dvw;padding-bottom:120px}.mobile_focus{width:calc(100dvw);margin-left:unset;height:70px}.mobile_nav{display:flex;flex-wrap:wrap}.nav_item{flex:1}.nav_item .material-symbols-outlined{font-size:1.5rem}}.menu details{border:none;background:none;margin:0;padding:0;display:flex;flex-direction:column}.menu summary{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.5rem;color:inherit;outline:none;border:none;background:none;cursor:pointer;list-style:none;position:relative}.projects_list,.groups_list{display:flex;flex-direction:column}.menu summary:hover{background-color:var(--bg-hover)}.menu .add_btn{margin-left:auto;background:none;border:none;color:#888;cursor:pointer;border-radius:50%;transition:background 0.1s;display:flex;align-items:center;justify-content:center}.menu .add_btn:hover{background:#e0e0e0;color:#222}.menu summary::-webkit-details-marker{display:none}.menu summary::marker{display:none}.resize-handle{position:absolute;top:0;width:4px;height:100%;cursor:col-resize;background:transparent;z-index:1000}.resize-handle:hover{background:var(--border-color)}.menu-resize{right:-2px}.rightside-resize{left:-2px}.red_dot{position:absolute;top:2px;right:2px;width:10px;height:10px;background:#f44336;border-radius:50%;z-index:10;box-shadow:0 0 2px #fff;pointer-events:none}.no_scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no_scrollbar::-webkit-scrollbar{display:none}.legal_container{width:100%;max-width:680px;margin:0 auto;padding:32px 16px}.legal_container>h2{font-size:1.5rem;font-weight:600}.legal_container>p{font-size:1rem;margin-bottom:16px}.logo_link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:6px}.logo_icon{background-image:url('https://cdn.mdst.app/media/mdst_logo.45f7b946.svg');background-size:contain;background-repeat:no-repeat;background-position:center;width:40px;height:40px}.legal_date{color:#666;margin-bottom:24px}.legal_footer{margin-top:48px}.private_key_modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10000;align-items:center;justify-content:center}.private_key_modal.show{display:flex}.modal_content{background:white;border-radius:16px;width:90%;max-width:540px;max-height:80vh;overflow-y:auto}.modal_header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal_header h3{margin:0;font-size:1.25rem;font-weight:600}.modal_close{background:none;border:none;cursor:pointer;padding:4px;color:#666}.modal_close:hover{color:#333}.modal_body{padding:20px;display:flex;flex-direction:column;gap:8px}.key_actions{display:flex;gap:8px}.modal_body textarea{width:100%;min-height:120px;padding:12px;border:1px solid #ccc;border-radius:8px;font-family:monospace;font-size:13px;resize:none}.key_actions .copy_key_btn,.key_actions .cancel_key_btn{height:36px;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:4px}.key_actions .cancel_key_btn{background:#e0e0e0;color:#333}.key_actions .copy_key_btn span,.key_actions .cancel_key_btn span{font-size:20px}.copy_key_btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#5b98f3;color:white;border:none;border-radius:8px;padding:10px;cursor:pointer;font-weight:500}.copy_key_btn:hover{opacity:0.9}.modal_actions{display:flex}.submit_key_btn,.cancel_key_btn{padding:10px;border:none;border-radius:8px;cursor:pointer;font-weight:500}.submit_key_btn{background:#5b98f3;color:white}.submit_key_btn:hover{opacity:0.9}.cancel_key_btn{background:#e0e0e0;color:#333}.cancel_key_btn:hover{background:#d4d4d4}@media (max-width:768px){.resize-handle{display:none}.modal_header{padding:10px 20px}.modal_body{gap:4px}.modal_body textarea{min-height:100px}}