:root{--sidebar-width:280px;--rightside-width:300px;--border-color:#e0e0e0;--text-color:#333;--text-light:#666;--text-lighter:#999;--primary-color:#2196f3;--primary-light:rgba(33,150,243,0.1);--bg-white:#fff;--bg-hover:#f5f5f5;--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)}:root{--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}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;height:100dvh}.menu{width:var(--sidebar-width);padding:8px 8px 0px 8px;display:flex;flex-direction:column;gap:6px;height:100dvh;flex:none;background-color:#fbfbfb;overflow:auto;position:relative;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}.logo{font-size:1.8rem;font-weight:700;display:flex;gap:4px}.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-hover)}.user_profile_wrapper{order:9999;position:sticky;bottom:0;padding:8px 0px;background-color:#fbfbfb;margin-top:auto;z-index:2}.user_profile{display:flex;align-items:center;gap:0.75rem;padding:0.5rem;border-radius:0.5rem;background-color:var(--bg-hover);margin-top:auto;cursor:pointer}.avatar{width:2rem;height:2rem;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}.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}.welcome_bg{display:flex;align-items:center;justify-content:center;background-image:url(/media/mdst_bg.svg);background-size:60%;background-repeat:no-repeat;background-position:80% 40%;position:fixed;width:100dvw;height:100dvh;z-index:-1;flex-direction:column;padding-left:var(--sidebar-width)}.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;left:var(--sidebar-width)}@media (min-width:761px){.mb_show{display:none!important}}@media (max-width:760px){.mb_hidden{display:none!important}.footer{background:#ffffffc7;left:unset;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.menu{width:unset;border:none;flex:1;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}}::highlight(keyword),::highlight(atrule),::highlight(boolean),::highlight(builtin),::highlight(constant),::highlight(namespace){color:#0000ff}::highlight(string),::highlight(code),::highlight(triple-quoted-string){color:#A31515}::highlight(comment){color:#008000}::highlight(list),::highlight(number){color:#36acaa}::highlight(operator),::highlight(punctuation),::highlight(default){color:#393A34}::highlight(function),::highlight(function-variable){color:#393A34}::highlight(class-name),::highlight(class-name),::highlight(property){color:#2B91AF}::highlight(doctype),::highlight(tag),::highlight(selector){color:#800000}::highlight(attr-name),::highlight(regex){color:#ff0000}::highlight(attr-value){color:#0000ff}::highlight(inserted){color:#36acaa}::highlight(deleted){color:#9a050f}::highlight(important),::highlight(title){color:#800000;font-weight:bold}::highlight(bold){color:#000000;font-weight:bold}.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}@media (max-width:768px){.resize-handle{display:none}}.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}.onboarding_container{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:800px;margin:0 auto;height:100%;justify-content:center;gap:20px}.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:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%}.example_card{border-radius:10px;cursor:pointer;position:relative;overflow:hidden}.example_wrapper{display:grid;grid-template-areas:"icon category" "content content";grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1.5rem}.example_icon{grid-area:icon;font-size:2.5rem;color:white;display:block}.example_category{grid-area:category;color:white;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:8px}.example_content h3{font-size:1.1rem;font-weight:600;color:white}.example_content p{font-size:0.9rem;color:white;line-height:1.4}@media (max-width:768px){.onboarding_container{padding:1rem}.onboarding_examples{grid-template-columns:1fr}.onboarding_header>h1{text-align:center;font-size:2.4rem;line-height:1.2}.onboarding_header>p{font-size:1rem}.example_wrapper{padding:1.2rem}}