:root{--bg-primary:#080616;--bg-secondary:#1a1953;--bg-glass:#1a1953b3;--border-color:#ffffff26;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-color:#2f2fe4;--accent-hover:#4848e8;--brand-color:#2f2fe4;--card-bg:#1a1953;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition:.2s ease-in-out}.light{--bg-primary:#f8fafc;--bg-secondary:#e2e8f0;--bg-glass:#ffffffd9;--border-color:#0000001a;--text-primary:#080616;--text-secondary:#1a1953;--text-muted:#162e93;--accent-color:#2f2fe4;--accent-hover:#162e93;--brand-color:#2f2fe4;--card-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;word-wrap:break-word;overflow-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1rem}ul{list-style:none}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.glass-nav{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#0a0e17d9}.btn-primary{background-color:var(--accent-color);color:#fff;border-radius:var(--radius-full);transition:background-color var(--transition), transform var(--transition);justify-content:center;align-items:center;padding:10px 20px;font-weight:600;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:all var(--transition);background-color:#0000;padding:10px 20px;font-weight:600}.btn-secondary:hover{background-color:#ffffff0d;border-color:#fff3}.hover-bg:hover{background-color:#ffffff0d}.btn-icon{border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition);justify-content:center;align-items:center;padding:8px;display:flex}.btn-icon:hover{color:var(--accent-color);background-color:#ffffff1a}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-md);transition:border-color var(--transition), box-shadow var(--transition);background-color:#ffffff08;padding:12px 16px;font-size:1rem}.input-field:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #f9731633}.container{max-width:1200px;margin:0 auto;padding:0 20px}.layout-grid{grid-template-columns:280px 1fr 320px;gap:20px;min-height:100vh;display:grid}@media (max-width:1024px){.layout-grid{grid-template-columns:80px 1fr}}.mobile-menu-content{flex-direction:column;gap:15px;display:flex}.mobile-sidebar-panel{padding:20px;position:sticky;top:20px}@media (max-width:768px){:root{--header-mb:0px}.layout-grid{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr;max-width:100vw;overflow-x:hidden;align-content:start!important;gap:15px!important}.hide-on-mobile,.desktop-only{display:none!important}.mobile-sidebar-panel{padding:15px!important;position:relative!important;top:auto!important}.mobile-menu-content{display:none}.mobile-menu-content.open{border-top:1px solid var(--border-color);flex-direction:column;margin-top:20px;padding-top:20px;display:flex!important}.mobile-menu-btn{display:block!important}.mobile-sidebar-header{justify-content:space-between;align-items:center;display:flex}.mobile-bottom-nav{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:1000;width:100%;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;position:fixed;bottom:0;left:0;display:flex!important}.bottom-nav-item{color:var(--text-muted);transition:color var(--transition), transform var(--transition);flex:1;justify-content:center;align-items:center;padding:15px 0;display:flex}.bottom-nav-item svg{width:28px;height:28px}.bottom-nav-item.active{color:var(--brand-color)}}.mobile-bottom-nav{display:none}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.8rem;display:none}h1,h2,h3,h4{color:var(--text-primary);margin-bottom:.5em;font-weight:700}.text-muted{color:var(--text-muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes logoEntrance{0%{opacity:0;filter:blur(10px);transform:scale(.8)translateY(-20px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes textGlow{0%{text-shadow:0 0 5px #ffffff1a}50%{text-shadow:0 0 20px #fff6,0 0 30px #2563eb4d}to{text-shadow:0 0 5px #ffffff1a}}@keyframes likePop{0%{filter:drop-shadow(0 0 #3b82f600);transform:scale(1)}50%{filter:drop-shadow(0 0 15px #3b82f6cc);transform:scale(1.4)}to{filter:drop-shadow(0 0 8px #3b82f680);transform:scale(1.1)}}.like-anim{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards likePop}.animate-logo{animation:1s cubic-bezier(.16,1,.3,1) forwards logoEntrance}.animate-text-glow{animation:3s ease-in-out infinite textGlow}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.chat-widget-container{border-radius:16px;width:350px;max-width:calc(100vw - 40px);height:500px;max-height:calc(100vh - 100px);position:fixed;bottom:20px;right:20px}@media (max-width:768px){.chat-widget-container{border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;inset:0!important}.chat-inner-content{top:var(--vv-top,0px)!important;width:100%!important;height:var(--vv-height,100%)!important;position:absolute!important;left:0!important}}.mobile-fab{display:none!important}@media (max-width:768px){.mobile-fab{display:flex!important}.desktop-composer{display:none!important}.mobile-modal-composer{z-index:9999!important;background-color:var(--bg-primary)!important;border-radius:0!important;flex-direction:column!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}}